Directive for NativeScript-Vue.

MaxLines.js

/*
	Saw Eddy directive for NativeScript-Angular, so I created for NativeScript-Vue.
	Eddy's directive: https://gist.github.com/EddyVerbruggen/8232252e3a4667e7e20916279f98d3fc
*/

import { Label } from 'tns-core-modules/ui/label';

export default {
    bind: function (el, binding) {
        try {
            if (!el.nativeView instanceof Label) {
                console.error('Only label allowed!');
                return;
            }

            if (isNaN(parseInt(binding.expression))) {
                console.error('Invalid number.');
                return;
            }

            el.nativeView.on(Label.loadedEvent, () => {
                if (el.nativeView.ios) {
                    el.nativeView.ios.numberOfLines = binding.expression;
                    el.nativeView.ios.lineBreakMode = NSLineBreakMode.ByTruncatingTail;
		    el.nativeView.ios.adjustsFontSizeToFitWidth = false;
                } else if (el.nativeView.android) {
                    el.nativeView.android.setMaxLines(maxLines);
                    el.nativeView.android.setEllipsize(android.text.TextUtils.TruncateAt.END);
                }
            });
        } catch (e) {
            console.error(e);
        }
    }
}