vue-facing-decorator/dist/esm/option/vmodel.js

Vue typescript class and decorator based component.

import { obtainSlot, optionNullableMemberDecorator } from '../utils';
import { decorator as PropsDecorator } from './props';
export const decorator = optionNullableMemberDecorator(function (proto, name, option) {
    var _a;
    option !== null && option !== void 0 ? option : (option = {});
    const slot = obtainSlot(proto);
    let vmodelName = 'modelValue';
    const propsConfig = Object.assign({}, option);
    if (propsConfig) {
        vmodelName = (_a = propsConfig.name) !== null && _a !== void 0 ? _a : vmodelName;
        delete propsConfig.name;
    }
    PropsDecorator(propsConfig)(proto, vmodelName);
    const map = slot.obtainMap('v-model');
    map.set(name, option);
});
export function build(cons, optionBuilder) {
    var _a;
    (_a = optionBuilder.computed) !== null && _a !== void 0 ? _a : (optionBuilder.computed = {});
    const slot = obtainSlot(cons.prototype);
    const names = slot.getMap('v-model');
    if (!names || names.size === 0) {
        return;
    }
    const emits = slot.obtainMap('emits');
    names.forEach((value, name) => {
        var _a;
        const vmodelName = (_a = (value && value.name)) !== null && _a !== void 0 ? _a : 'modelValue';
        const eventName = `update:${vmodelName}`;
        optionBuilder.computed[name] = {
            get: function () {
                return this[vmodelName];
            },
            set: function (val) {
                this.$emit(eventName, val);
            }
        };
        emits.set(eventName, true);
    });
}
//# sourceMappingURL=vmodel.js.map