@farris/jit-engine 1.3.244 → 1.3.246

package/lib/mobileapp/vue/utility/devkit/vue-viewmodels-creator.js

@@ -1,650 +1,660 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VueViewModelsCreator = void 0;
-const vue_handlers_creator_1 = require("./vue-handlers-creator");
-const vue_statemachine_creator_1 = require("./vue-statemachine-creator");
-const vue_devkit_object_name_creator_1 = require("./vue-devkit-object-name-creator");
-const vue_form_creator_1 = require("./vue-form-creator");
-const vue_component_creator_1 = require("./vue-component-creator");
-const lodash_1 = __importStar(require("lodash"));
-const toolhepler_1 = require("../../../../utility/toolhepler");
-const logger_helper_1 = require("../../../../utility/logger/logger-helper");
-const logger_level_1 = require("../../../../utility/logger/logger-level");
-const domstructure_1 = require("../../domstructure");
-const vue_state_1 = require("../../domstructure/ui/common/vue-state");
-const vue_content_type_creator_1 = require("../../utility/vue-content-type-creator");
-class VueViewModelsCreator {
-    constructor() { }
-    static getNewInstance() {
-        return new VueViewModelsCreator();
-    }
-    createViewModels(viewModelParameter) {
-        const componentList = viewModelParameter.ui.module.components;
-        const viewModelList = viewModelParameter.ui.module.viewmodels;
-        const serviceRefs = viewModelParameter.ui.module.serviceRefs || [];
-        const metaDataConfig = viewModelParameter.metaDataConfig;
-        const eapi = viewModelParameter.eapi;
-        const options = viewModelParameter.ui.options;
-        this.analysisServices(viewModelParameter, serviceRefs);
-        const i18nResourceKeyPrefix = viewModelParameter.i18nResourcePrefix;
-        viewModelList.forEach((item) => {
-            item['formGroupName'] = item['name'];
-            item['name'] = toolhepler_1.ToolHelper.tf(item.id);
-            if (serviceRefs && serviceRefs.length) {
-                item['serviceRefs'] = serviceRefs;
-            }
-            const component = componentList[lodash_1.default.findIndex(componentList, function (o) {
-                return o.viewModel == item.id;
-            })];
-            if (toolhepler_1.ToolHelper.isArray(item['commands']) == true) {
-                item['commands'].forEach((c) => {
-                    c['componentCode'] = component ? component.id : '';
-                    this.analysisCommand(viewModelParameter.cmd.commands, c, serviceRefs, viewModelParameter.ui.module.code);
-                    const result = [];
-                    const queue = [];
-                    if (c.handlers && c.handlers.length) {
-                        if (!c.links) {
-                            c.links = [];
-                        }
-                        vue_handlers_creator_1.VueHandlersCreator.getNewInstance().createHandlers(c.links, result, c.handlers, 0);
-                    }
-                    if (c.links && c.links.length && c.links instanceof Array) {
-                        c.links.forEach((item, index) => {
-                            if (item.level == 0 &&
-                                lodash_1.default.findIndex(queue, function (o) {
-                                    return o.from == item.from;
-                                }) < 0) {
-                                item['index'] = index;
-                                queue.push(item);
-                            }
-                        });
-                        c.links.forEach((item, i) => {
-                            if (!item.to) {
-                                for (let j = 0; j < queue.length; j++) {
-                                    if (queue[j].index > i) {
-                                        item.to = queue[j].from;
-                                        break;
-                                    }
-                                }
-                            }
-                        });
-                        lodash_1.default.remove(c.links, function (n) {
-                            return n.to == '' || n.to == null || n.to == undefined;
-                        });
-                    }
-                    c.handlers = result;
-                });
-            }
-            if (component) {
-                const form = vue_form_creator_1.VueFormCreator.getNewInstance().createForm(vue_devkit_object_name_creator_1.VueDevkitObjectNameCreator.getDevkitObjectNameWithType('f', item.name), item.fields, viewModelParameter.entity, item, component);
-                if (form) {
-                    item['form'] = form;
-                }
-                if (component.componentType == 'dataGrid') {
-                    component['relatedSchema'] = viewModelParameter.ui.module.schemas[0];
-                }
-                if (form && toolhepler_1.ToolHelper.isArray(form.controls, false)) {
-                    this.updateComponentIdWithForm(component, form.controls);
-                }
-                item['component'] = vue_component_creator_1.VueComponentCreator.getNewInstance().createComponent(component, item, viewModelParameter.mainEntityCode, eapi, metaDataConfig, i18nResourceKeyPrefix);
-            }
-            if (item['stateMachine'] &&
-                viewModelParameter.sm &&
-                viewModelParameter.sm[item['stateMachine']]) {
-                item['stateMachine'] = vue_statemachine_creator_1.VueStateMachineCreator.getNewInstance().createStateMachine({
-                    name: vue_devkit_object_name_creator_1.VueDevkitObjectNameCreator.getDevkitObjectNameWithType('sm', item.name),
-                    state: viewModelParameter.sm[item['stateMachine']],
-                    componentId: component ? component.id : undefined,
-                });
-            }
-            else {
-                item['stateMachine'] = null;
-            }
-        });
-        viewModelList.forEach((item) => {
-            item.children = [];
-            viewModelList.forEach((item1) => {
-                if (item.id == item1.parent) {
-                    const name = item1.name.substring(0, 1).toLowerCase() + item1.name.substring(1);
-                    item.children.push({ name: name, class: item1.name });
-                }
-            });
-            if (item.component && item.component.template) {
-                if (toolhepler_1.ToolHelper.isArray(item.component.template, true)) {
-                    item.component.template.forEach((component) => {
-                        this.addUiState(component, options);
-                        if (component.form) {
-                            this.handleValidProps(component, component.form);
-                        }
-                    });
-                }
-                else {
-                    this.addUiState(item, options);
-                    if (item.form) {
-                        this.handleValidProps(item.component.template, item.form);
-                    }
-                }
-            }
-        });
-        return viewModelList;
-    }
-    addUiState(item, options) {
-        this.addStateByComponentTitle(item);
-        const tabPages = this.getTabPage(item.component.template);
-        if (tabPages && tabPages.length > 0) {
-            this.addStateByTabFilters(item, tabPages);
-        }
-        if (options && options.controlStateExtend && options.controlStateExtend.enable) {
-            this.addControlStates(item, options.controlStateExtend);
-        }
-    }
-    updateComponentIdWithForm(component, controls) {
-        if (component && component.binding && component.binding.field) {
-            controls.forEach((control) => {
-                if (control.fieldId == component.binding.field) {
-                    control.formControlId = component.id;
-                    if (component.type == 'GridField') {
-                        control.fieldCode = component.dataField;
-                    }
-                    else {
-                        control.fieldCode = component.id;
-                    }
-                }
-            });
-        }
-        if (component && component.type == 'DataGrid' && toolhepler_1.ToolHelper.isArray(component.fields, false)) {
-            component.fields.forEach((field) => {
-                this.updateComponentIdWithForm(field, controls);
-            });
-        }
-        if (component && toolhepler_1.ToolHelper.isArray(component.contents, false)) {
-            component.contents.forEach((element) => {
-                this.updateComponentIdWithForm(element, controls);
-            });
-        }
-    }
-    handleValidProps(node, form) {
-        if (!node || !form || (!node.contents && !node.fields)) {
-            return;
-        }
-        if (node.contents) {
-            node.contents.forEach((content) => {
-                if (content.binding && content.binding.type == 'Form' && content.binding.path) {
-                    this.handleInputValidProps(content, form);
-                }
-                else {
-                    this.handleValidProps(content, form);
-                }
-            });
-        }
-        else {
-            node.fields.forEach((field) => {
-                if (field.editor && field.editor.binding) {
-                    this.handleInputValidProps(field.editor, form);
-                }
-            });
-        }
-    }
-    handleInputValidProps(input, form) {
-        const control = form.controls.find((item) => item.name === input.binding.path);
-        if (!control) {
-            return;
-        }
-        const keys = 'maxValue,minValue,require,regex,validationRules';
-        Object.keys(input).forEach((key) => {
-            if (keys.includes(key)) {
-                if (input[key] !== undefined && input[key] !== null) {
-                    if (input.hasOwnProperty(key + '_originalValue')) {
-                        control[key] = input[key + '_originalValue'];
-                    }
-                    else {
-                        control[key] = input[key];
-                    }
-                    input.needValid = true;
-                }
-            }
-        });
-        if (input.type == 'NumericBox') {
-            const maxValueKey = 'maxValue';
-            if (!control[maxValueKey] && control[maxValueKey] != 0) {
-                control[maxValueKey] = Number.MAX_VALUE;
-                input.needValid = true;
-            }
-            const minValueKey = 'minValue';
-            if (!control[minValueKey] && control[minValueKey] != 0) {
-                control[minValueKey] = -Number.MIN_VALUE;
-                input.needValid = true;
-            }
-        }
-        const field = control.field;
-        if (!field) {
-            return;
-        }
-        if (field.required || (field.length !== undefined && field.length !== null)) {
-            input.needValid = true;
-        }
-    }
-    analysisCommand(commands, form_metadata_command_node, serviceRefs, moduleCode) {
-        if (!commands || commands.length == 0) {
-            return;
-        }
-        if (form_metadata_command_node &&
-            form_metadata_command_node.cmpId &&
-            commands &&
-            commands[form_metadata_command_node.cmpId]) {
-            form_metadata_command_node.handlers = [];
-            const c = lodash_1.default.find(commands[form_metadata_command_node.cmpId].Commands, function (o) {
-                return o.Code == form_metadata_command_node.handlerName;
-            });
-            if (!c) {
-                logger_helper_1.LoggerHelper.log(`form ${moduleCode},handler name: ${form_metadata_command_node.handlerName}  can not found specific command`, logger_level_1.LoggerLevel.Warning);
-            }
-            else {
-                this.mappingCommands(serviceRefs, c.Items, form_metadata_command_node, 0);
-                if (!form_metadata_command_node.handlers ||
-                    form_metadata_command_node.handlers.length == 0) {
-                    throw new Error(`command name:${form_metadata_command_node.name}, code:${form_metadata_command_node.code}  can not found handler:${form_metadata_command_node.handlerName} `);
-                }
-                this.mappingParams(c.Parameters, form_metadata_command_node);
-            }
-        }
-        else {
-            throw new Error(`Commands analysis Error! Command Metadata is null, or Command node is null in form Metadata,the form is ${moduleCode}, ${form_metadata_command_node.handlerName} command not exists !`);
-        }
-    }
-    analysisServices(obj, serviceRefs) {
-        if (obj.cmd && obj.cmd.serviceList && obj.cmd.serviceList.length) {
-            obj.cmd.serviceList.forEach((s) => {
-                if (lodash_1.default.findIndex(serviceRefs, function (o) {
-                    return o.name == s.ClassName && o.cmpId == s.Id;
-                }) < 0) {
-                    serviceRefs.push({
-                        name: s.ClassName,
-                        path: s.Source,
-                        cmpId: s.Id,
-                        isCommon: s.IsCommon ? '1' : '0',
-                        alias: s.ClassName + '1',
-                    });
-                }
-            });
-        }
-        serviceRefs.forEach((s) => {
-            const filters = lodash_1.default.filter(serviceRefs, function (o) {
-                return o.alias == s.alias && o.cmpId != s.Id;
-            });
-            if (filters && filters.length) {
-                for (let i = 0; i < filters.length; i++) {
-                    if (i == 0)
-                        continue;
-                    filters[i].alias = filters[i].alias + '1';
-                }
-            }
-        });
-    }
-    mappingCommands(serviceRefs, items, form_metadata_command_node, level) {
-        const handlerList = [];
-        this.mappingHandlers(serviceRefs, items, form_metadata_command_node, handlerList, level);
-        return handlerList;
-    }
-    mappingParams(items, form_metadata_command_node) {
-        const params = form_metadata_command_node.params;
-        if (!params || !params.length || !items || !items.length) {
-            return;
-        }
-        const paramDescriptions = [];
-        params.forEach((p) => {
-            const paramDefine = items.find((item) => item.Code === p.name);
-            if (!paramDefine) {
-                return;
-            }
-            paramDescriptions.push({ name: p.name, type: paramDefine.ParameterType });
-        });
-        if (paramDescriptions.length) {
-            form_metadata_command_node.paramDescriptions = paramDescriptions;
-        }
-    }
-    mappingHandlers(serviceRefs, items, form_metadata_command_node, handlerList, level) {
-        items.forEach((item) => {
-            var _a;
-            const handler = {};
-            switch (item.Type + '') {
-                case '0':
-                    handler['id'] = item.Content.Id;
-                    handler['type'] = 'executeNode';
-                    handler['name'] = item.Content.MethodName;
-                    handler['code'] = item.Content.Code;
-                    handler['method'] = item.Content.MethodCode;
-                    handler['serviceName'] = (_a = lodash_1.default.find(serviceRefs, function (o) {
-                        return o.cmpId == item.Content.ComponentId;
-                    })) === null || _a === void 0 ? void 0 : _a.alias;
-                    handler['params'] = [];
-                    if (item.Content.ParamConfigs && item.Content.ParamConfigs.length) {
-                        item.Content.ParamConfigs.forEach((p) => {
-                            handler['params'].push({
-                                name: p.ParamCode,
-                                shownName: p.ParamName,
-                                value: p.ParamExpress,
-                            });
-                        });
-                    }
-                    if (level == 0) {
-                        form_metadata_command_node.handlers.push(handler);
-                    }
-                    handlerList.push(handler);
-                    if (form_metadata_command_node.extensions &&
-                        form_metadata_command_node.extensions.length) {
-                        const extendNodes = lodash_1.default.filter(form_metadata_command_node.extensions, function (o) {
-                            return o.position == item.Content.Id;
-                        });
-                        if (extendNodes && extendNodes.length) {
-                            extendNodes.forEach((extendNode) => {
-                                if (extendNode.type === 'InsertBefore' && extendNode.tasks.length) {
-                                    extendNode.tasks.forEach((task) => {
-                                        task['extensionType'] = 'InsertBefore';
-                                    });
-                                }
-                                if (extendNode.type === 'Replace' && extendNode.tasks.length) {
-                                    extendNode.tasks.forEach((task) => {
-                                        task['extensionType'] = 'Replace';
-                                    });
-                                }
-                                if (extendNode.type === 'InsertAfter' && extendNode.tasks.length) {
-                                    extendNode.tasks.forEach((task) => {
-                                        task['extensionType'] = 'InsertAfter';
-                                    });
-                                }
-                            });
-                            extendNodes.forEach((extendNode) => {
-                                if (extendNode && extendNode.position == item.Content.Id) {
-                                    extendNode.tasks.forEach((t) => {
-                                        this.serviceAliasReplace(t, null, serviceRefs);
-                                    });
-                                    switch (extendNode.type) {
-                                        case 'Replace':
-                                            const index = form_metadata_command_node.handlers.findIndex((handler) => {
-                                                return (handler['extensionType'] === '' ||
-                                                    handler['extensionType'] === undefined);
-                                            });
-                                            if (index > -1) {
-                                                if (level == 0)
-                                                    form_metadata_command_node.handlers.splice(index, 1, ...extendNode.tasks);
-                                                handlerList.splice(index, 1, ...extendNode.tasks);
-                                            }
-                                            else {
-                                                if (level == 0)
-                                                    form_metadata_command_node.handlers.push(...extendNode.tasks);
-                                                handlerList.push(...extendNode.tasks);
-                                            }
-                                            break;
-                                        case 'InsertBefore':
-                                            if (level == 0) {
-                                                form_metadata_command_node.handlers.unshift(...extendNode.tasks);
-                                            }
-                                            handlerList.unshift(...extendNode.tasks);
-                                            break;
-                                        case 'InsertAfter':
-                                            if (level == 0) {
-                                                form_metadata_command_node.handlers.push(...extendNode.tasks);
-                                            }
-                                            handlerList.push(...extendNode.tasks);
-                                            break;
-                                    }
-                                }
-                            });
-                        }
-                        else {
-                            if (level == 0)
-                                form_metadata_command_node.handlers.push(handler);
-                            handlerList.push(handler);
-                        }
-                    }
-                    break;
-                case '2':
-                    handler['id'] = item.Content.Id;
-                    handler['type'] = 'switchNode';
-                    handler['name'] = item.Content.Name;
-                    handler['cases'] = [];
-                    level += 1;
-                    item.Content.Items.forEach((item1) => {
-                        const caseItem = {};
-                        caseItem['id'] = item1.Id;
-                        caseItem['name'] = item1.Name;
-                        caseItem['condition'] = item1.Express;
-                        caseItem['handlers'] = this.mappingCommands(serviceRefs, item1.Items, form_metadata_command_node, level);
-                        handler['cases'].push(caseItem);
-                    });
-                    form_metadata_command_node.handlers.push(handler);
-                    level -= 1;
-                    break;
-            }
-        });
-    }
-    getDeclarationState(code, declarationStates) {
-        if (!code || !declarationStates || toolhepler_1.ToolHelper.isArray(declarationStates) == false) {
-            return;
-        }
-        const declarationState = declarationStates.find((item) => {
-            if (code == item.code) {
-                return item;
-            }
-        });
-        return declarationState;
-    }
-    serviceAliasReplace(item, items, serviceRefs) {
-        if (item) {
-            if (item.cases && item.cases.length) {
-                item.cases.forEach((case1) => {
-                    this.serviceAliasReplace(null, case1.handlers, serviceRefs);
-                });
-            }
-            else {
-                const findService = lodash_1.default.find(serviceRefs, function (o) {
-                    return o.cmpId == item.serviceRefId;
-                });
-                if (!findService) {
-                    const notFoundMessage = "找不到对应的命令，请检查！" + JSON.stringify(item);
-                    logger_helper_1.LoggerHelper.log(notFoundMessage, logger_level_1.LoggerLevel.Error);
-                    throw new Error(notFoundMessage);
-                }
-                item.serviceName = findService.alias;
-            }
-        }
-        else {
-            items.forEach((t) => {
-                if (t.cases && t.cases.length) {
-                    t.cases.forEach((case1) => {
-                        this.serviceAliasReplace(null, case1.handlers, serviceRefs);
-                    });
-                }
-                else {
-                    t.serviceName = lodash_1.default.find(serviceRefs, function (o) {
-                        return o.cmpId == t.serviceRefId;
-                    }).alias;
-                }
-            });
-        }
-    }
-    addStateByComponentTitle(item) {
-        if (item.component && item.component.title) {
-            item.states.push({
-                id: 'pageTitle',
-                category: 'locale',
-                code: 'pageTitle',
-                name: '页面标题',
-                value: item.component.title,
-                type: 'String',
-            });
-        }
-    }
-    getTabPage(template) {
-        if (!template || !template.contents || template.contents.length === 0) {
-            return [];
-        }
-        const contents = template.contents;
-        let result = [];
-        for (const content of contents) {
-            if (content instanceof domstructure_1.VueTabPage) {
-                result.push(content);
-                continue;
-            }
-            if (content && content.contents) {
-                const tabPages = this.getTabPage(content);
-                if (tabPages && tabPages.length > 0) {
-                    result = result.concat(tabPages);
-                }
-            }
-        }
-        return result;
-    }
-    addStateByTabFilters(component, tabPages) {
-        let tabFilters = {};
-        for (const tabPage of tabPages) {
-            tabFilters[tabPage.id] = tabPage.filters;
-        }
-        component.states.push({
-            id: 'tabFilters',
-            category: 'locale',
-            code: 'tabFilters',
-            name: '标签页过滤条件',
-            value: JSON.stringify(tabFilters),
-            type: 'Object',
-        });
-    }
-    addControlStates(viewModel, controlStateExtend) {
-        const component = viewModel.component.template;
-        let controlIds = controlStateExtend.controls;
-        if (controlStateExtend.controls && controlStateExtend.controls.length > 0) {
-            controlIds = controlStateExtend.controls.map((item) => item.id);
-        }
-        this.findControls(viewModel, component, controlIds, {});
-    }
-    findControls(viewModel, component, controlIds, features) {
-        if (component) {
-            if (component.constructor.name === 'VuePageFooterContainer') {
-                features['position'] = 'footer';
-            }
-            this.setControlStates(viewModel, component, controlIds, features);
-            const contents = component.contents;
-            if (contents && toolhepler_1.ToolHelper.isArray(contents, false)) {
-                contents.forEach((control) => {
-                    this.findControls(viewModel, control, controlIds, features);
-                });
-            }
-            if (component instanceof domstructure_1.VueToolBarArea && component.items && component['items_originalValue']) {
-                component['items_originalValue'].forEach((control) => {
-                    if (!controlIds || controlIds.includes(component.id)) {
-                        this.setControlStates(viewModel, control, controlIds, features, 'ButtonGroupItem');
-                    }
-                });
-                component.updateValue('items');
-            }
-            if (component instanceof domstructure_1.VueCard && component.actions && component['actions_originalValue']) {
-                component['actions_originalValue'].forEach((control) => {
-                    if (!controlIds || controlIds.includes(component.id)) {
-                        this.setControlStates(viewModel, control, controlIds, features, 'CardAction');
-                    }
-                });
-                component.updateValue('actions');
-            }
-            if (component instanceof domstructure_1.VueListView) {
-                const swipeToolbar = component.swipeToolbar;
-                if (swipeToolbar) {
-                    const items = swipeToolbar.items;
-                    if (items && items.length > 0) {
-                        items.forEach((control) => {
-                            if (!controlIds || controlIds.includes(component.id)) {
-                                this.setControlStates(viewModel, control, controlIds, features, 'ListViewSwipeToolbarItem');
-                            }
-                        });
-                    }
-                }
-            }
-        }
-    }
-    setControlStates(viewModel, control, controlIds, features, controlType) {
-        if (controlIds && !controlIds.includes(control.id) && !controlType) {
-            return;
-        }
-        const state = {
-            id: control.id,
-            category: 'control_generate',
-            code: this.generateStateName(control.id),
-            name: '描述控件状态',
-            value: '{}',
-            type: 'Object',
-            controlInfo: {
-                id: control.id
-            },
-            originalValue: {}
-        };
-        if (!this['TypeVueMap']) {
-            this['TypeVueMap'] = {};
-            Object.keys(vue_content_type_creator_1.VueContentTypeCreator.VueTypeMap).forEach((key) => {
-                this['TypeVueMap'][vue_content_type_creator_1.VueContentTypeCreator.VueTypeMap[key]] = key;
-            });
-        }
-        if (!controlType) {
-            controlType = this['TypeVueMap'][control.constructor.name];
-        }
-        if (controlType) {
-            state.controlInfo['type'] = controlType;
-        }
-        if (features) {
-            state.controlInfo['features'] = lodash_1.cloneDeep(features);
-        }
-        if (control.binding && control.binding.path) {
-            state.controlInfo['bindingPath'] = control.binding.path;
-        }
-        if (state.controlInfo['type'] && state.controlInfo['type'] === 'LightAttachment') {
-            this.setState(control, state, 'visible', 'visible');
-            this.setState(control, state, 'hideUploadBtn', 'hideUploadBtn');
-            this.setState(control, state, 'hideDeleteBtn', 'hideDeleteBtn');
-        }
-        else {
-            this.setState(control, state, 'require', 'required');
-            this.setState(control, state, 'required', 'required');
-            this.setState(control, state, 'readonly', 'readonly');
-            this.setState(control, state, 'disable', 'disabled');
-            this.setState(control, state, 'disabled', 'disabled');
-            this.setState(control, state, 'visible', 'visible');
-        }
-        viewModel.states.push(state);
-    }
-    setState(control, state, controlProperty, stateProperty) {
-        if (!control.hasOwnProperty(controlProperty)) {
-            return;
-        }
-        control[controlProperty + '_originalValue'] = lodash_1.cloneDeep(control[controlProperty]);
-        state.originalValue[stateProperty] = lodash_1.cloneDeep(control[controlProperty]);
-        if (control[controlProperty] instanceof vue_state_1.VueState) {
-            control[controlProperty].value = `uiState.${this.generateStateName(control.id)}.${stateProperty}`;
-        }
-        else {
-            control[controlProperty] = `uiState.${this.generateStateName(control.id)}.${stateProperty}`;
-        }
-    }
-    generateStateName(id) {
-        return 'controlState_' + id.replace(/[-_]/g, '');
-    }
-}
-exports.VueViewModelsCreator = VueViewModelsCreator;
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VueViewModelsCreator = void 0;
+const vue_handlers_creator_1 = require("./vue-handlers-creator");
+const vue_statemachine_creator_1 = require("./vue-statemachine-creator");
+const vue_devkit_object_name_creator_1 = require("./vue-devkit-object-name-creator");
+const vue_form_creator_1 = require("./vue-form-creator");
+const vue_component_creator_1 = require("./vue-component-creator");
+const lodash_1 = __importStar(require("lodash"));
+const toolhepler_1 = require("../../../../utility/toolhepler");
+const logger_helper_1 = require("../../../../utility/logger/logger-helper");
+const logger_level_1 = require("../../../../utility/logger/logger-level");
+const domstructure_1 = require("../../domstructure");
+const vue_state_1 = require("../../domstructure/ui/common/vue-state");
+const vue_content_type_creator_1 = require("../../utility/vue-content-type-creator");
+const vue_entities_creator_1 = require("./vue-entities-creator");
+class VueViewModelsCreator {
+    constructor() { }
+    static getNewInstance() {
+        return new VueViewModelsCreator();
+    }
+    createViewModels(viewModelParameter) {
+        const componentList = viewModelParameter.ui.module.components;
+        const viewModelList = viewModelParameter.ui.module.viewmodels;
+        const serviceRefs = viewModelParameter.ui.module.serviceRefs || [];
+        const metaDataConfig = viewModelParameter.metaDataConfig;
+        const eapi = viewModelParameter.eapi;
+        const options = viewModelParameter.ui.options;
+        this.analysisServices(viewModelParameter, serviceRefs);
+        const i18nResourceKeyPrefix = viewModelParameter.i18nResourcePrefix;
+        viewModelList.forEach((item) => {
+            item['formGroupName'] = item['name'];
+            item['name'] = toolhepler_1.ToolHelper.tf(item.id);
+            if (serviceRefs && serviceRefs.length) {
+                item['serviceRefs'] = serviceRefs;
+            }
+            const component = componentList[lodash_1.default.findIndex(componentList, function (o) {
+                return o.viewModel == item.id;
+            })];
+            if (toolhepler_1.ToolHelper.isArray(item['commands']) == true) {
+                item['commands'].forEach((c) => {
+                    c['componentCode'] = component ? component.id : '';
+                    this.analysisCommand(viewModelParameter.cmd.commands, c, serviceRefs, viewModelParameter.ui.module.code);
+                    const result = [];
+                    const queue = [];
+                    if (c.handlers && c.handlers.length) {
+                        if (!c.links) {
+                            c.links = [];
+                        }
+                        vue_handlers_creator_1.VueHandlersCreator.getNewInstance().createHandlers(c.links, result, c.handlers, 0);
+                    }
+                    if (c.links && c.links.length && c.links instanceof Array) {
+                        c.links.forEach((item, index) => {
+                            if (item.level == 0 &&
+                                lodash_1.default.findIndex(queue, function (o) {
+                                    return o.from == item.from;
+                                }) < 0) {
+                                item['index'] = index;
+                                queue.push(item);
+                            }
+                        });
+                        c.links.forEach((item, i) => {
+                            if (!item.to) {
+                                for (let j = 0; j < queue.length; j++) {
+                                    if (queue[j].index > i) {
+                                        item.to = queue[j].from;
+                                        break;
+                                    }
+                                }
+                            }
+                        });
+                        lodash_1.default.remove(c.links, function (n) {
+                            return n.to == '' || n.to == null || n.to == undefined;
+                        });
+                    }
+                    c.handlers = result;
+                });
+            }
+            if (component) {
+                const form = vue_form_creator_1.VueFormCreator.getNewInstance().createForm(vue_devkit_object_name_creator_1.VueDevkitObjectNameCreator.getDevkitObjectNameWithType('f', item.name), item.fields, viewModelParameter.entity, item, component);
+                if (form) {
+                    item['form'] = form;
+                }
+                if (component.componentType == 'dataGrid') {
+                    component['relatedSchema'] = viewModelParameter.ui.module.schemas[0];
+                }
+                if (form && toolhepler_1.ToolHelper.isArray(form.controls, false)) {
+                    this.updateComponentIdWithForm(component, form.controls);
+                }
+                item['component'] = vue_component_creator_1.VueComponentCreator.getNewInstance().createComponent(component, item, viewModelParameter.mainEntityCode, eapi, metaDataConfig, i18nResourceKeyPrefix);
+            }
+            if (item['stateMachine'] &&
+                viewModelParameter.sm &&
+                viewModelParameter.sm[item['stateMachine']]) {
+                item['stateMachine'] = vue_statemachine_creator_1.VueStateMachineCreator.getNewInstance().createStateMachine({
+                    name: vue_devkit_object_name_creator_1.VueDevkitObjectNameCreator.getDevkitObjectNameWithType('sm', item.name),
+                    state: viewModelParameter.sm[item['stateMachine']],
+                    componentId: component ? component.id : undefined,
+                });
+            }
+            else {
+                item['stateMachine'] = null;
+            }
+        });
+        viewModelList.forEach((item) => {
+            item.children = [];
+            viewModelList.forEach((item1) => {
+                if (item.id == item1.parent) {
+                    const name = item1.name.substring(0, 1).toLowerCase() + item1.name.substring(1);
+                    item.children.push({ name: name, class: item1.name });
+                }
+            });
+            if (item.component && item.component.template) {
+                if (toolhepler_1.ToolHelper.isArray(item.component.template, true)) {
+                    item.component.template.forEach((component) => {
+                        this.addUiState(component, options);
+                        if (component.form) {
+                            this.handleValidProps(component, component.form);
+                        }
+                    });
+                }
+                else {
+                    this.addUiState(item, options);
+                    if (item.form) {
+                        this.handleValidProps(item.component.template, item.form);
+                    }
+                }
+            }
+            if (!toolhepler_1.ToolHelper.isNullOrUndefinedOrEmpty(item.allowEmpty) || !toolhepler_1.ToolHelper.isNullOrUndefinedOrEmpty(item.entityDisplayName)) {
+                const relateEntity = vue_entities_creator_1.VueEntitiesCreator.getSingleInstance().getEntityInfoByBindto(viewModelParameter.entity, item.bindTo);
+                if (relateEntity && !toolhepler_1.ToolHelper.isNullOrUndefinedOrEmpty(item.allowEmpty)) {
+                    relateEntity.allowEmpty = item.allowEmpty;
+                }
+                if (relateEntity && !toolhepler_1.ToolHelper.isNullOrUndefinedOrEmpty(item.entityDisplayName)) {
+                    relateEntity.displayName = item.entityDisplayName || "";
+                }
+            }
+        });
+        return viewModelList;
+    }
+    addUiState(item, options) {
+        this.addStateByComponentTitle(item);
+        const tabPages = this.getTabPage(item.component.template);
+        if (tabPages && tabPages.length > 0) {
+            this.addStateByTabFilters(item, tabPages);
+        }
+        if (options && options.controlStateExtend && options.controlStateExtend.enable) {
+            this.addControlStates(item, options.controlStateExtend);
+        }
+    }
+    updateComponentIdWithForm(component, controls) {
+        if (component && component.binding && component.binding.field) {
+            controls.forEach((control) => {
+                if (control.fieldId == component.binding.field) {
+                    control.formControlId = component.id;
+                    if (component.type == 'GridField') {
+                        control.fieldCode = component.dataField;
+                    }
+                    else {
+                        control.fieldCode = component.id;
+                    }
+                }
+            });
+        }
+        if (component && component.type == 'DataGrid' && toolhepler_1.ToolHelper.isArray(component.fields, false)) {
+            component.fields.forEach((field) => {
+                this.updateComponentIdWithForm(field, controls);
+            });
+        }
+        if (component && toolhepler_1.ToolHelper.isArray(component.contents, false)) {
+            component.contents.forEach((element) => {
+                this.updateComponentIdWithForm(element, controls);
+            });
+        }
+    }
+    handleValidProps(node, form) {
+        if (!node || !form || (!node.contents && !node.fields)) {
+            return;
+        }
+        if (node.contents) {
+            node.contents.forEach((content) => {
+                if (content.binding && content.binding.type == 'Form' && content.binding.path) {
+                    this.handleInputValidProps(content, form);
+                }
+                else {
+                    this.handleValidProps(content, form);
+                }
+            });
+        }
+        else {
+            node.fields.forEach((field) => {
+                if (field.editor && field.editor.binding) {
+                    this.handleInputValidProps(field.editor, form);
+                }
+            });
+        }
+    }
+    handleInputValidProps(input, form) {
+        const control = form.controls.find((item) => item.name === input.binding.path);
+        if (!control) {
+            return;
+        }
+        const keys = 'maxValue,minValue,require,regex,validationRules';
+        Object.keys(input).forEach((key) => {
+            if (keys.includes(key)) {
+                if (input[key] !== undefined && input[key] !== null) {
+                    if (input.hasOwnProperty(key + '_originalValue')) {
+                        control[key] = input[key + '_originalValue'];
+                    }
+                    else {
+                        control[key] = input[key];
+                    }
+                    input.needValid = true;
+                }
+            }
+        });
+        if (input.type == 'NumericBox') {
+            const maxValueKey = 'maxValue';
+            if (!control[maxValueKey] && control[maxValueKey] != 0) {
+                control[maxValueKey] = Number.MAX_VALUE;
+                input.needValid = true;
+            }
+            const minValueKey = 'minValue';
+            if (!control[minValueKey] && control[minValueKey] != 0) {
+                control[minValueKey] = -Number.MIN_VALUE;
+                input.needValid = true;
+            }
+        }
+        const field = control.field;
+        if (!field) {
+            return;
+        }
+        if (field.required || (field.length !== undefined && field.length !== null)) {
+            input.needValid = true;
+        }
+    }
+    analysisCommand(commands, form_metadata_command_node, serviceRefs, moduleCode) {
+        if (!commands || commands.length == 0) {
+            return;
+        }
+        if (form_metadata_command_node &&
+            form_metadata_command_node.cmpId &&
+            commands &&
+            commands[form_metadata_command_node.cmpId]) {
+            form_metadata_command_node.handlers = [];
+            const c = lodash_1.default.find(commands[form_metadata_command_node.cmpId].Commands, function (o) {
+                return o.Code == form_metadata_command_node.handlerName;
+            });
+            if (!c) {
+                logger_helper_1.LoggerHelper.log(`form ${moduleCode},handler name: ${form_metadata_command_node.handlerName}  can not found specific command`, logger_level_1.LoggerLevel.Warning);
+            }
+            else {
+                this.mappingCommands(serviceRefs, c.Items, form_metadata_command_node, 0);
+                if (!form_metadata_command_node.handlers ||
+                    form_metadata_command_node.handlers.length == 0) {
+                    throw new Error(`command name:${form_metadata_command_node.name}, code:${form_metadata_command_node.code}  can not found handler:${form_metadata_command_node.handlerName} `);
+                }
+                this.mappingParams(c.Parameters, form_metadata_command_node);
+            }
+        }
+        else {
+            throw new Error(`Commands analysis Error! Command Metadata is null, or Command node is null in form Metadata,the form is ${moduleCode}, ${form_metadata_command_node.handlerName} command not exists !`);
+        }
+    }
+    analysisServices(obj, serviceRefs) {
+        if (obj.cmd && obj.cmd.serviceList && obj.cmd.serviceList.length) {
+            obj.cmd.serviceList.forEach((s) => {
+                if (lodash_1.default.findIndex(serviceRefs, function (o) {
+                    return o.name == s.ClassName && o.cmpId == s.Id;
+                }) < 0) {
+                    serviceRefs.push({
+                        name: s.ClassName,
+                        path: s.Source,
+                        cmpId: s.Id,
+                        isCommon: s.IsCommon ? '1' : '0',
+                        alias: s.ClassName + '1',
+                    });
+                }
+            });
+        }
+        serviceRefs.forEach((s) => {
+            const filters = lodash_1.default.filter(serviceRefs, function (o) {
+                return o.alias == s.alias && o.cmpId != s.Id;
+            });
+            if (filters && filters.length) {
+                for (let i = 0; i < filters.length; i++) {
+                    if (i == 0)
+                        continue;
+                    filters[i].alias = filters[i].alias + '1';
+                }
+            }
+        });
+    }
+    mappingCommands(serviceRefs, items, form_metadata_command_node, level) {
+        const handlerList = [];
+        this.mappingHandlers(serviceRefs, items, form_metadata_command_node, handlerList, level);
+        return handlerList;
+    }
+    mappingParams(items, form_metadata_command_node) {
+        const params = form_metadata_command_node.params;
+        if (!params || !params.length || !items || !items.length) {
+            return;
+        }
+        const paramDescriptions = [];
+        params.forEach((p) => {
+            const paramDefine = items.find((item) => item.Code === p.name);
+            if (!paramDefine) {
+                return;
+            }
+            paramDescriptions.push({ name: p.name, type: paramDefine.ParameterType });
+        });
+        if (paramDescriptions.length) {
+            form_metadata_command_node.paramDescriptions = paramDescriptions;
+        }
+    }
+    mappingHandlers(serviceRefs, items, form_metadata_command_node, handlerList, level) {
+        items.forEach((item) => {
+            var _a;
+            const handler = {};
+            switch (item.Type + '') {
+                case '0':
+                    handler['id'] = item.Content.Id;
+                    handler['type'] = 'executeNode';
+                    handler['name'] = item.Content.MethodName;
+                    handler['code'] = item.Content.Code;
+                    handler['method'] = item.Content.MethodCode;
+                    handler['serviceName'] = (_a = lodash_1.default.find(serviceRefs, function (o) {
+                        return o.cmpId == item.Content.ComponentId;
+                    })) === null || _a === void 0 ? void 0 : _a.alias;
+                    handler['params'] = [];
+                    if (item.Content.ParamConfigs && item.Content.ParamConfigs.length) {
+                        item.Content.ParamConfigs.forEach((p) => {
+                            handler['params'].push({
+                                name: p.ParamCode,
+                                shownName: p.ParamName,
+                                value: p.ParamExpress,
+                            });
+                        });
+                    }
+                    if (level == 0) {
+                        form_metadata_command_node.handlers.push(handler);
+                    }
+                    handlerList.push(handler);
+                    if (form_metadata_command_node.extensions &&
+                        form_metadata_command_node.extensions.length) {
+                        const extendNodes = lodash_1.default.filter(form_metadata_command_node.extensions, function (o) {
+                            return o.position == item.Content.Id;
+                        });
+                        if (extendNodes && extendNodes.length) {
+                            extendNodes.forEach((extendNode) => {
+                                if (extendNode.type === 'InsertBefore' && extendNode.tasks.length) {
+                                    extendNode.tasks.forEach((task) => {
+                                        task['extensionType'] = 'InsertBefore';
+                                    });
+                                }
+                                if (extendNode.type === 'Replace' && extendNode.tasks.length) {
+                                    extendNode.tasks.forEach((task) => {
+                                        task['extensionType'] = 'Replace';
+                                    });
+                                }
+                                if (extendNode.type === 'InsertAfter' && extendNode.tasks.length) {
+                                    extendNode.tasks.forEach((task) => {
+                                        task['extensionType'] = 'InsertAfter';
+                                    });
+                                }
+                            });
+                            extendNodes.forEach((extendNode) => {
+                                if (extendNode && extendNode.position == item.Content.Id) {
+                                    extendNode.tasks.forEach((t) => {
+                                        this.serviceAliasReplace(t, null, serviceRefs);
+                                    });
+                                    switch (extendNode.type) {
+                                        case 'Replace':
+                                            const index = form_metadata_command_node.handlers.findIndex((handler) => {
+                                                return (handler['extensionType'] === '' ||
+                                                    handler['extensionType'] === undefined);
+                                            });
+                                            if (index > -1) {
+                                                if (level == 0)
+                                                    form_metadata_command_node.handlers.splice(index, 1, ...extendNode.tasks);
+                                                handlerList.splice(index, 1, ...extendNode.tasks);
+                                            }
+                                            else {
+                                                if (level == 0)
+                                                    form_metadata_command_node.handlers.push(...extendNode.tasks);
+                                                handlerList.push(...extendNode.tasks);
+                                            }
+                                            break;
+                                        case 'InsertBefore':
+                                            if (level == 0) {
+                                                form_metadata_command_node.handlers.unshift(...extendNode.tasks);
+                                            }
+                                            handlerList.unshift(...extendNode.tasks);
+                                            break;
+                                        case 'InsertAfter':
+                                            if (level == 0) {
+                                                form_metadata_command_node.handlers.push(...extendNode.tasks);
+                                            }
+                                            handlerList.push(...extendNode.tasks);
+                                            break;
+                                    }
+                                }
+                            });
+                        }
+                        else {
+                            if (level == 0)
+                                form_metadata_command_node.handlers.push(handler);
+                            handlerList.push(handler);
+                        }
+                    }
+                    break;
+                case '2':
+                    handler['id'] = item.Content.Id;
+                    handler['type'] = 'switchNode';
+                    handler['name'] = item.Content.Name;
+                    handler['cases'] = [];
+                    level += 1;
+                    item.Content.Items.forEach((item1) => {
+                        const caseItem = {};
+                        caseItem['id'] = item1.Id;
+                        caseItem['name'] = item1.Name;
+                        caseItem['condition'] = item1.Express;
+                        caseItem['handlers'] = this.mappingCommands(serviceRefs, item1.Items, form_metadata_command_node, level);
+                        handler['cases'].push(caseItem);
+                    });
+                    form_metadata_command_node.handlers.push(handler);
+                    level -= 1;
+                    break;
+            }
+        });
+    }
+    getDeclarationState(code, declarationStates) {
+        if (!code || !declarationStates || toolhepler_1.ToolHelper.isArray(declarationStates) == false) {
+            return;
+        }
+        const declarationState = declarationStates.find((item) => {
+            if (code == item.code) {
+                return item;
+            }
+        });
+        return declarationState;
+    }
+    serviceAliasReplace(item, items, serviceRefs) {
+        if (item) {
+            if (item.cases && item.cases.length) {
+                item.cases.forEach((case1) => {
+                    this.serviceAliasReplace(null, case1.handlers, serviceRefs);
+                });
+            }
+            else {
+                const findService = lodash_1.default.find(serviceRefs, function (o) {
+                    return o.cmpId == item.serviceRefId;
+                });
+                if (!findService) {
+                    const notFoundMessage = "找不到对应的命令，请检查！" + JSON.stringify(item);
+                    logger_helper_1.LoggerHelper.log(notFoundMessage, logger_level_1.LoggerLevel.Error);
+                    throw new Error(notFoundMessage);
+                }
+                item.serviceName = findService.alias;
+            }
+        }
+        else {
+            items.forEach((t) => {
+                if (t.cases && t.cases.length) {
+                    t.cases.forEach((case1) => {
+                        this.serviceAliasReplace(null, case1.handlers, serviceRefs);
+                    });
+                }
+                else {
+                    t.serviceName = lodash_1.default.find(serviceRefs, function (o) {
+                        return o.cmpId == t.serviceRefId;
+                    }).alias;
+                }
+            });
+        }
+    }
+    addStateByComponentTitle(item) {
+        if (item.component && item.component.title) {
+            item.states.push({
+                id: 'pageTitle',
+                category: 'locale',
+                code: 'pageTitle',
+                name: '页面标题',
+                value: item.component.title,
+                type: 'String',
+            });
+        }
+    }
+    getTabPage(template) {
+        if (!template || !template.contents || template.contents.length === 0) {
+            return [];
+        }
+        const contents = template.contents;
+        let result = [];
+        for (const content of contents) {
+            if (content instanceof domstructure_1.VueTabPage) {
+                result.push(content);
+                continue;
+            }
+            if (content && content.contents) {
+                const tabPages = this.getTabPage(content);
+                if (tabPages && tabPages.length > 0) {
+                    result = result.concat(tabPages);
+                }
+            }
+        }
+        return result;
+    }
+    addStateByTabFilters(component, tabPages) {
+        let tabFilters = {};
+        for (const tabPage of tabPages) {
+            tabFilters[tabPage.id] = tabPage.filters;
+        }
+        component.states.push({
+            id: 'tabFilters',
+            category: 'locale',
+            code: 'tabFilters',
+            name: '标签页过滤条件',
+            value: JSON.stringify(tabFilters),
+            type: 'Object',
+        });
+    }
+    addControlStates(viewModel, controlStateExtend) {
+        const component = viewModel.component.template;
+        let controlIds = controlStateExtend.controls;
+        if (controlStateExtend.controls && controlStateExtend.controls.length > 0) {
+            controlIds = controlStateExtend.controls.map((item) => item.id);
+        }
+        this.findControls(viewModel, component, controlIds, {});
+    }
+    findControls(viewModel, component, controlIds, features) {
+        if (component) {
+            if (component.constructor.name === 'VuePageFooterContainer') {
+                features['position'] = 'footer';
+            }
+            this.setControlStates(viewModel, component, controlIds, features);
+            const contents = component.contents;
+            if (contents && toolhepler_1.ToolHelper.isArray(contents, false)) {
+                contents.forEach((control) => {
+                    this.findControls(viewModel, control, controlIds, features);
+                });
+            }
+            if (component instanceof domstructure_1.VueToolBarArea && component.items && component['items_originalValue']) {
+                component['items_originalValue'].forEach((control) => {
+                    if (!controlIds || controlIds.includes(component.id)) {
+                        this.setControlStates(viewModel, control, controlIds, features, 'ButtonGroupItem');
+                    }
+                });
+                component.updateValue('items');
+            }
+            if (component instanceof domstructure_1.VueCard && component.actions && component['actions_originalValue']) {
+                component['actions_originalValue'].forEach((control) => {
+                    if (!controlIds || controlIds.includes(component.id)) {
+                        this.setControlStates(viewModel, control, controlIds, features, 'CardAction');
+                    }
+                });
+                component.updateValue('actions');
+            }
+            if (component instanceof domstructure_1.VueListView) {
+                const swipeToolbar = component.swipeToolbar;
+                if (swipeToolbar) {
+                    const items = swipeToolbar.items;
+                    if (items && items.length > 0) {
+                        items.forEach((control) => {
+                            if (!controlIds || controlIds.includes(component.id)) {
+                                this.setControlStates(viewModel, control, controlIds, features, 'ListViewSwipeToolbarItem');
+                            }
+                        });
+                    }
+                }
+            }
+        }
+    }
+    setControlStates(viewModel, control, controlIds, features, controlType) {
+        if (controlIds && !controlIds.includes(control.id) && !controlType) {
+            return;
+        }
+        const state = {
+            id: control.id,
+            category: 'control_generate',
+            code: this.generateStateName(control.id),
+            name: '描述控件状态',
+            value: '{}',
+            type: 'Object',
+            controlInfo: {
+                id: control.id
+            },
+            originalValue: {}
+        };
+        if (!this['TypeVueMap']) {
+            this['TypeVueMap'] = {};
+            Object.keys(vue_content_type_creator_1.VueContentTypeCreator.VueTypeMap).forEach((key) => {
+                this['TypeVueMap'][vue_content_type_creator_1.VueContentTypeCreator.VueTypeMap[key]] = key;
+            });
+        }
+        if (!controlType) {
+            controlType = this['TypeVueMap'][control.constructor.name];
+        }
+        if (controlType) {
+            state.controlInfo['type'] = controlType;
+        }
+        if (features) {
+            state.controlInfo['features'] = lodash_1.cloneDeep(features);
+        }
+        if (control.binding && control.binding.path) {
+            state.controlInfo['bindingPath'] = control.binding.path;
+        }
+        if (state.controlInfo['type'] && state.controlInfo['type'] === 'LightAttachment') {
+            this.setState(control, state, 'visible', 'visible');
+            this.setState(control, state, 'hideUploadBtn', 'hideUploadBtn');
+            this.setState(control, state, 'hideDeleteBtn', 'hideDeleteBtn');
+        }
+        else {
+            this.setState(control, state, 'require', 'required');
+            this.setState(control, state, 'required', 'required');
+            this.setState(control, state, 'readonly', 'readonly');
+            this.setState(control, state, 'disable', 'disabled');
+            this.setState(control, state, 'disabled', 'disabled');
+            this.setState(control, state, 'visible', 'visible');
+        }
+        viewModel.states.push(state);
+    }
+    setState(control, state, controlProperty, stateProperty) {
+        if (!control.hasOwnProperty(controlProperty)) {
+            return;
+        }
+        control[controlProperty + '_originalValue'] = lodash_1.cloneDeep(control[controlProperty]);
+        state.originalValue[stateProperty] = lodash_1.cloneDeep(control[controlProperty]);
+        if (control[controlProperty] instanceof vue_state_1.VueState) {
+            control[controlProperty].value = `uiState.${this.generateStateName(control.id)}.${stateProperty}`;
+        }
+        else {
+            control[controlProperty] = `uiState.${this.generateStateName(control.id)}.${stateProperty}`;
+        }
+    }
+    generateStateName(id) {
+        return 'controlState_' + id.replace(/[-_]/g, '');
+    }
+}
+exports.VueViewModelsCreator = VueViewModelsCreator;
 //# sourceMappingURL=vue-viewmodels-creator.js.map