@byteluck-fe/model-driven-driven 2.21.0-beta.3 → 2.21.0-beta.7

package/dist/esm/Builder.js

@@ -30,8 +30,8 @@ function _define_property(obj, key, value) {
     }
     return obj;
 }
-import Designer from "./Designer";
-import { CONTROL_TYPE } from "@byteluck-fe/model-driven-shared";
+import Designer from './Designer';
+import { CONTROL_TYPE } from '@byteluck-fe/model-driven-shared';
 export var Builder = /*#__PURE__*/ function() {
     "use strict";
     function Builder() {
@@ -79,7 +79,7 @@ export var Builder = /*#__PURE__*/ function() {
                 // @ts-ignore
                 var listview = this.designer.createControlInstance(// @ts-ignore
                 CONTROL_TYPE.LIST_VIEW);
-                listview.props.countType = "async";
+                listview.props.countType = 'async';
                 var simpleSearch = this.designer.createControlInstance(// @ts-ignore
                 CONTROL_TYPE.SIMPLE_SEARCH);
                 var gridTable = this.designer.createControlInstance(// @ts-ignore
@@ -98,25 +98,25 @@ export var Builder = /*#__PURE__*/ function() {
                 // @ts-ignore
                 listview.children.push(gridTable);
                 listview.props.rowStyleRules.push({
-                    id: "default",
-                    name: "审批通过单据",
-                    color: "theme",
+                    id: 'default',
+                    name: '审批通过单据',
+                    color: 'theme',
                     filters: [
                         {
                             ruleId: 1,
-                            symbol: "op_equal",
+                            symbol: 'op_equal',
                             leftVariableBo: {
-                                type: "varchar",
-                                value: "process_status",
-                                name: "流程状态"
+                                type: 'varchar',
+                                value: 'process_status',
+                                name: '流程状态'
                             },
                             checked: false,
-                            describe: "ruleLine",
-                            type: "condition",
+                            describe: 'ruleLine',
+                            type: 'condition',
                             rightVariableBo: {
-                                type: "custom",
+                                type: 'custom',
                                 value: [
-                                    "COMPLETE"
+                                    'COMPLETE'
                                 ],
                                 displayBos: []
                             },
@@ -126,9 +126,9 @@ export var Builder = /*#__PURE__*/ function() {
                     ]
                 });
                 listview.props.rowStyleRulesScript.push({
-                    id: "default",
+                    id: 'default',
                     script: "(params.data['process_status']==='COMPLETE')",
-                    color: "theme"
+                    color: 'theme'
                 });
                 return listview;
             }
@@ -161,7 +161,7 @@ export var Builder = /*#__PURE__*/ function() {
                 // @ts-ignore
                 vueFormItem.props.isHideCaption = true;
                 // @ts-ignore
-                vueFormItem.props.controlExportName = "VuePage";
+                vueFormItem.props.controlExportName = 'VuePage';
                 // @ts-ignore
                 grid.children.push(vueFormItem);
                 return grid;

package/dist/esm/Designer.js

@@ -252,10 +252,10 @@ function _ts_generator(thisArg, body) {
         };
     }
 }
-import { RegisterControls, controlHooksEmitter } from "@byteluck-fe/model-driven-core";
-import EventLogic from "./EventLogic";
-import { FieldTypes } from "@byteluck-fe/model-driven-shared";
-import { toSchema, getModelBindInfoList, checkSchema } from "./utils";
+import { RegisterControls, controlHooksEmitter } from '@byteluck-fe/model-driven-core';
+import EventLogic from './EventLogic';
+import { FieldTypes } from '@byteluck-fe/model-driven-shared';
+import { toSchema, getModelBindInfoList, checkSchema } from './utils';
 var Designer = /*#__PURE__*/ function _target(RegisterControls) {
     "use strict";
     _inherits(Designer, RegisterControls);
@@ -263,7 +263,7 @@ var Designer = /*#__PURE__*/ function _target(RegisterControls) {
     function Designer() {
         _class_call_check(this, Designer);
         var _this;
-        _this = _super.call(this, "Designer");
+        _this = _super.call(this, 'Designer');
         _define_property(_assert_this_initialized(_this), "toolbox", []);
         _define_property(_assert_this_initialized(_this), "services", {});
         _define_property(_assert_this_initialized(_this), "eventLogic", new EventLogic());
@@ -279,7 +279,7 @@ var Designer = /*#__PURE__*/ function _target(RegisterControls) {
         {
             key: "registerControl",
             value: function registerControl(control) {
-                this.constructor.register(control, "Designer");
+                this.constructor.register(control, 'Designer');
                 var DesignerClass = control.Designer, Setting = control.Setting;
                 this.register(DesignerClass);
                 this.registeredControlTypes.add(DesignerClass.controlType);
@@ -322,7 +322,7 @@ var Designer = /*#__PURE__*/ function _target(RegisterControls) {
             function getInitControl() {
                 // @ts-ignore
                 return [
-                    this.createControlInstance("grid")
+                    this.createControlInstance('grid')
                 ];
             }
         },

package/dist/esm/Driven.js

@@ -192,14 +192,14 @@ function _create_super(Derived) {
         return _possible_constructor_return(this, result);
     };
 }
-import { CONTROL_BASE_TYPE, error, genNonDuplicateId, isArray, isBuiltInControls, isObject, isString, updateValueFromKeys, warn, Watcher } from "@byteluck-fe/model-driven-shared";
-import { findInstanceDataScopeParent, Store } from "./Store";
-import { Designer } from "./Designer";
-import EventLogic from "./EventLogic";
-import { checkSchema, generatePermissions, getModelBindInfoList, toSchema } from "./utils";
-import { Group, initSettings, Tab } from "@byteluck-fe/model-driven-settings";
+import { CONTROL_BASE_TYPE, error, genNonDuplicateId, isArray, isBuiltInControls, isObject, isString, updateValueFromKeys, warn, Watcher } from '@byteluck-fe/model-driven-shared';
+import { findInstanceDataScopeParent, Store } from './Store';
+import { Designer } from './Designer';
+import EventLogic from './EventLogic';
+import { checkSchema, generatePermissions, getModelBindInfoList, toSchema } from './utils';
+import { Group, initSettings, Tab } from '@byteluck-fe/model-driven-settings';
 // 当前正在注册的插件名称
-var applyingPluginName = "";
+var applyingPluginName = '';
 /**
  * 设计器驱动
  * */ var Driven = /*#__PURE__*/ function(Watcher) {
@@ -237,7 +237,7 @@ var applyingPluginName = "";
         // TODO 拿到permission_controls
         _define_property(_assert_this_initialized(_this), "generatePermissions", generatePermissions);
         _this.$options = Object.freeze(options);
-        var _this_$options = _this.$options, _this_$options_autoMount = _this_$options.autoMount, autoMount = _this_$options_autoMount === void 0 ? false : _this_$options_autoMount, tmp = _this_$options.Designer, DesignerClass = tmp === void 0 ? Designer : tmp, schema = _this_$options.schema, _this_$options_mode = _this_$options.mode, mode = _this_$options_mode === void 0 ? "form" : _this_$options_mode, tmp1 = _this_$options.store, storeOptions = tmp1 === void 0 ? {} : tmp1;
+        var _this_$options = _this.$options, _this_$options_autoMount = _this_$options.autoMount, autoMount = _this_$options_autoMount === void 0 ? false : _this_$options_autoMount, tmp = _this_$options.Designer, DesignerClass = tmp === void 0 ? Designer : tmp, schema = _this_$options.schema, _this_$options_mode = _this_$options.mode, mode = _this_$options_mode === void 0 ? 'form' : _this_$options_mode, tmp1 = _this_$options.store, storeOptions = tmp1 === void 0 ? {} : tmp1;
         _this.eventLogic = new EventLogic();
         _this.designer = new DesignerClass();
         _this.store = new Store(_object_spread({
@@ -279,7 +279,7 @@ var applyingPluginName = "";
                         var _plugin_pluginName;
                         applyingPluginName = (_plugin_pluginName = plugin.pluginName) !== null && _plugin_pluginName !== void 0 ? _plugin_pluginName : plugin.constructor.name;
                         plugin.apply(_this);
-                        applyingPluginName = "";
+                        applyingPluginName = '';
                     } catch (e) {
                         error("".concat(applyingPluginName || plugin.constructor.name, " Plugin apply Error \n ").concat(e));
                     }
@@ -326,7 +326,7 @@ var applyingPluginName = "";
                     return;
                 }
                 this.setSelectedInstanceSetting();
-                this.emit("select", {
+                this.emit('select', {
                     instance: instance
                 });
             }
@@ -349,7 +349,7 @@ var applyingPluginName = "";
                     setting = this.concatSetting(setting, wrapSetting, instance.parent.id);
                 }
                 this.store.setSelectInstanceSettings(setting);
-                this.callSelectedEffect("");
+                this.callSelectedEffect('');
                 // 选中触发scopeEffect
                 var payload = {
                     from: null,
@@ -367,7 +367,7 @@ var applyingPluginName = "";
                 var _settings_, _otherSettings_, _settings_1, _otherSettings_1, _settings_2, _otherSettings_2, _settings_3, _otherSettings_3;
                 var result = settings;
                 // tab
-                if (((_settings_ = settings[0]) === null || _settings_ === void 0 ? void 0 : _settings_.type) === "tab" && ((_otherSettings_ = otherSettings[0]) === null || _otherSettings_ === void 0 ? void 0 : _otherSettings_.type) === "tab") {
+                if (((_settings_ = settings[0]) === null || _settings_ === void 0 ? void 0 : _settings_.type) === 'tab' && ((_otherSettings_ = otherSettings[0]) === null || _otherSettings_ === void 0 ? void 0 : _otherSettings_.type) === 'tab') {
                     var tabSettings = settings;
                     var otherTabSettings = otherSettings.slice(0);
                     result = tabSettings.map(function(tab, index) {
@@ -390,12 +390,12 @@ var applyingPluginName = "";
                         })));
                     }
                 // group
-                } else if (((_settings_1 = settings[0]) === null || _settings_1 === void 0 ? void 0 : _settings_1.type) === "group" && ((_otherSettings_1 = otherSettings[0]) === null || _otherSettings_1 === void 0 ? void 0 : _otherSettings_1.type) === "group") {
+                } else if (((_settings_1 = settings[0]) === null || _settings_1 === void 0 ? void 0 : _settings_1.type) === 'group' && ((_otherSettings_1 = otherSettings[0]) === null || _otherSettings_1 === void 0 ? void 0 : _otherSettings_1.type) === 'group') {
                     var groupSettings = settings;
                     var otherGroupSettings = otherSettings;
                     result = _to_consumable_array(this.formatGroupSetting(otherGroupSettings, settingFromId)).concat(_to_consumable_array(groupSettings));
                 // 当前控件setting是tab，合并控件setting是group
-                } else if (((_settings_2 = settings[0]) === null || _settings_2 === void 0 ? void 0 : _settings_2.type) === "tab" && ((_otherSettings_2 = otherSettings[0]) === null || _otherSettings_2 === void 0 ? void 0 : _otherSettings_2.type) === "group") {
+                } else if (((_settings_2 = settings[0]) === null || _settings_2 === void 0 ? void 0 : _settings_2.type) === 'tab' && ((_otherSettings_2 = otherSettings[0]) === null || _otherSettings_2 === void 0 ? void 0 : _otherSettings_2.type) === 'group') {
                     var tabSettings1 = settings;
                     var otherGroupSettings1 = otherSettings;
                     result = tabSettings1.map(function(tab, index) {
@@ -405,7 +405,7 @@ var applyingPluginName = "";
                         }
                         return result;
                     });
-                } else if (((_settings_3 = settings[0]) === null || _settings_3 === void 0 ? void 0 : _settings_3.type) === "group" && ((_otherSettings_3 = otherSettings[0]) === null || _otherSettings_3 === void 0 ? void 0 : _otherSettings_3.type) === "tab") {
+                } else if (((_settings_3 = settings[0]) === null || _settings_3 === void 0 ? void 0 : _settings_3.type) === 'group' && ((_otherSettings_3 = otherSettings[0]) === null || _otherSettings_3 === void 0 ? void 0 : _otherSettings_3.type) === 'tab') {
                     var groupSettings1 = settings;
                     var otherTabSettings1 = otherSettings;
                     result = otherTabSettings1.map(function(tab, index) {
@@ -476,7 +476,7 @@ var applyingPluginName = "";
             key: "setSelectedFieldItem",
             value: function setSelectedFieldItem(fieldItem) {
                 this.store.setSelectedFieldItem(fieldItem);
-                this.callSelectedEffect("dataBind", {
+                this.callSelectedEffect('dataBind', {
                     fieldItem: fieldItem
                 });
             }
@@ -524,9 +524,9 @@ var applyingPluginName = "";
                 };
                 this.callSelectedScopeEffect(payload);
                 if (oldParent) {
-                    this.emit("moved", _object_spread({}, payload));
+                    this.emit('moved', _object_spread({}, payload));
                 } else {
-                    this.emit("joined", _object_spread({}, payload));
+                    this.emit('joined', _object_spread({}, payload));
                 }
             }
         },
@@ -543,7 +543,7 @@ var applyingPluginName = "";
                 //   return instanceId
                 // }
                 // return this.store.instanceIdMap.get(instanceId)
-                if (typeof instanceId === "string") {
+                if (typeof instanceId === 'string') {
                     return this.store.instanceIdMap.get(instanceId);
                 }
                 return instanceId;
@@ -586,13 +586,13 @@ var applyingPluginName = "";
                     return;
                 }
                 // 修改dataBind的时候要更新 fieldCodeMap
-                if (propName.startsWith("dataBind")) {
+                if (propName.startsWith('dataBind')) {
                     this.store.updateDataFieldCodeMap(instance);
                 }
                 if (instance.id === ((_this_store_selected = this.store.selected) === null || _this_store_selected === void 0 ? void 0 : _this_store_selected.id)) {
                     this.callSelectedEffect(propName, payload);
                 }
-                this.emit("updated", {
+                this.emit('updated', {
                     instance: instance,
                     propName: propName,
                     value: value
@@ -603,10 +603,10 @@ var applyingPluginName = "";
             key: "updateInstanceProps",
             value: function updateInstanceProps(instance, props, payload) {
                 var _this = this;
-                var prevKey = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : "";
+                var prevKey = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : '';
                 Object.entries(props).forEach(function(param) {
                     var _param = _sliced_to_array(param, 2), key = _param[0], value = _param[1];
-                    var propName = "".concat(prevKey ? prevKey + "." : "").concat(key);
+                    var propName = "".concat(prevKey ? prevKey + '.' : '').concat(key);
                     if (isObject(value)) {
                         _this.updateInstanceProps(instance, value, payload, propName);
                     } else {
@@ -642,7 +642,7 @@ var applyingPluginName = "";
                 });
                 index > -1 && parentList.splice(index, 1);
                 this.store.getFlatInstances();
-                this.emit("removed", {
+                this.emit('removed', {
                     instance: instance,
                     index: index,
                     parent: parent

package/dist/esm/EventLogic.js

@@ -1,2 +1,2 @@
-import { EventLogic } from "@byteluck-fe/model-driven-shared";
+import { EventLogic } from '@byteluck-fe/model-driven-shared';
 export default EventLogic;

package/dist/esm/Store.js

@@ -88,9 +88,9 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Map" || n === "Set") return Array.from(n);
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
-import { isDataBind } from "@byteluck-fe/model-driven-core";
-import { hasChildrenControl, hasFooterControl, hasHeaderControl } from "./designerUtils";
-import { CONTROL_BASE_TYPE, CONTROL_TYPE } from "@byteluck-fe/model-driven-shared";
+import { isDataBind } from '@byteluck-fe/model-driven-core';
+import { hasChildrenControl, hasFooterControl, hasHeaderControl } from './designerUtils';
+import { CONTROL_BASE_TYPE, CONTROL_TYPE } from '@byteluck-fe/model-driven-shared';
 // 维护当前selected，。。 selectedControlSetting
 export var Store = /*#__PURE__*/ function() {
     "use strict";
@@ -200,7 +200,7 @@ export var Store = /*#__PURE__*/ function() {
             key: "getSettingItems",
             value: function getSettingItems(group) {
                 // return group instanceof Group
-                return group.type === "group" ? group.items : group.items.reduce(function(result, curr) {
+                return group.type === 'group' ? group.items : group.items.reduce(function(result, curr) {
                     var _result;
                     (_result = result).push.apply(_result, _to_consumable_array(curr.items));
                     return result;

package/dist/esm/constants.js

@@ -1,4 +1,4 @@
-import { CONTROL_TYPE, FieldTypes } from "@byteluck-fe/model-driven-shared";
+import { CONTROL_TYPE, FieldTypes } from '@byteluck-fe/model-driven-shared';
 // 使用ObjectDataBind 的控件
 export var objectDataBindControlTypes = [
     CONTROL_TYPE.AMOUNT,
@@ -7,27 +7,27 @@ export var objectDataBindControlTypes = [
 ];
 export var objectDataBindKeyToFieldType = {
     amount: {
-        caption: "金额",
+        caption: '金额',
         fieldType: FieldTypes.DECIMAL
     },
     currency: {
-        caption: "币种",
+        caption: '币种',
         fieldType: FieldTypes.VARCHAR
     },
     result: {
-        caption: "结果",
+        caption: '结果',
         fieldType: FieldTypes.DECIMAL
     },
     unit: {
-        caption: "单位",
+        caption: '单位',
         fieldType: FieldTypes.VARCHAR
     },
     min: {
-        caption: "开始时间",
+        caption: '开始时间',
         fieldType: FieldTypes.TIMESTAMP
     },
     max: {
-        caption: "结束时间",
+        caption: '结束时间',
         fieldType: FieldTypes.TIMESTAMP
     }
 };

package/dist/esm/designerUtils.js

@@ -1,12 +1,12 @@
-import { CONTROL_BASE_TYPE, CONTROL_TYPE, isArray } from "@byteluck-fe/model-driven-shared";
+import { CONTROL_BASE_TYPE, CONTROL_TYPE, isArray } from '@byteluck-fe/model-driven-shared';
 export function hasChildrenControl(instance) {
-    return "children" in instance && isArray(instance.children);
+    return 'children' in instance && isArray(instance.children);
 }
 export function hasHeaderControl(instance) {
-    return "headers" in instance.props && isArray(instance.props.headers);
+    return 'headers' in instance.props && isArray(instance.props.headers);
 }
 export function hasFooterControl(instance) {
-    return "footers" in instance.props && isArray(instance.props.footers);
+    return 'footers' in instance.props && isArray(instance.props.footers);
 }
 export function loopFormControl(control, callback) {
     if (Array.isArray(control)) {

package/dist/esm/index.js

@@ -1,7 +1,7 @@
-import Designer from "./Designer";
+import Designer from './Designer';
 export { Designer };
-export * from "./utils";
-export * from "./Builder";
-export * from "./designerUtils";
-export * from "./Driven";
-export * from "./Store";
+export * from './utils';
+export * from './Builder';
+export * from './designerUtils';
+export * from './Driven';
+export * from './Store';

package/dist/esm/utils.js

@@ -180,11 +180,11 @@ function _ts_generator(thisArg, body) {
         };
     }
 }
-import { loopFormControl } from "./designerUtils";
+import { loopFormControl } from './designerUtils';
 import { CONTROL_BASE_TYPE, CONTROL_TYPE, // FieldTypes,
 // FieldTypeToColumnType,
-isArray } from "@byteluck-fe/model-driven-shared";
-import { objectDataBindControlTypes } from "./constants";
+isArray } from '@byteluck-fe/model-driven-shared';
+import { objectDataBindControlTypes } from './constants';
 export function getMasterFormControls(controls) {
     var formctls = [];
     // @ts-ignore
@@ -200,7 +200,7 @@ export function getMasterFormControls(controls) {
  * @description 给modelBindInfoList中填充fieldCode和dataCode
  * @description 我们生成fieldCode的规则是：DataBind的控件，取`field_${id}`，ObjectDataBind的控件，取`field_${id}_${key}`, key指的是ObjectDataBind.keys()
  * */ export function fillModelBindInfoListFieldCode(modelBindInfoList) {
-    var dataCode = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
+    var dataCode = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : '';
     if (!modelBindInfoList || !Array.isArray(modelBindInfoList)) return [];
     return modelBindInfoList.map(function(item) {
         if (!item.dataBind) return item;
@@ -211,7 +211,7 @@ export function getMasterFormControls(controls) {
             Object.keys(objectDataBind).forEach(function(key) {
                 var dataBind = objectDataBind[key];
                 // 如果是ObjectDataBind的话，需要将id拼接当前的key作为元素的fieldCode
-                var fieldCode = item.controlId + "_" + key;
+                var fieldCode = item.controlId + '_' + key;
                 dataBind.fieldCode = fieldCodeBeforeAddPrefix(fieldCode);
                 dataBind.dataCode = dataCode;
             });
@@ -223,7 +223,7 @@ export function getMasterFormControls(controls) {
     });
 }
 function fieldCodeBeforeAddPrefix(fieldCode) {
-    var prefix = "field_";
+    var prefix = 'field_';
     if (fieldCode.startsWith(prefix)) {
         return fieldCode;
     }
@@ -321,16 +321,16 @@ var cannotEditControlTypes = [
 // 列表操作列单独处理三个按钮的权限
 var LIST_OPERATION_BUTTON_PERMISSIONS_MAPS = {
     check: {
-        id: "listPageCheckBtnId",
-        caption: "查看"
+        id: 'listPageCheckBtnId',
+        caption: '查看'
     },
     edit: {
-        id: "listPageEditBtnId",
-        caption: "编辑"
+        id: 'listPageEditBtnId',
+        caption: '编辑'
     },
     delete: {
-        id: "listPageDeleteBtnId",
-        caption: "删除"
+        id: 'listPageDeleteBtnId',
+        caption: '删除'
     }
 };
 // 生成权限字段
@@ -356,11 +356,11 @@ function generatePermissions(controls, parent) {
                 canEdit: !cannotEditControlTypes.includes(type),
                 canRead: true,
                 canHide: true,
-                group: "element"
+                group: 'element'
             };
             if (parent && parent.type === CONTROL_TYPE.SUBTABLE) {
                 // 如果有parent，则利用下划线拼接caption
-                permissionItem.caption = parent.caption + "_" + permissionItem.caption;
+                permissionItem.caption = parent.caption + '_' + permissionItem.caption;
             }
             if (type === CONTROL_TYPE.VUE_FORM_ITEM) {
                 permissionItem.caption = controls.props.controlExportName || controls.name;
@@ -373,19 +373,19 @@ function generatePermissions(controls, parent) {
                 var //@ts-ignore
                 _controls_props_dataBind, _controls_props1, //@ts-ignore
                 _controls_props_dataBind1, _controls_props2;
-                if (((_controls_props1 = controls.props) === null || _controls_props1 === void 0 ? void 0 : (_controls_props_dataBind = _controls_props1.dataBind) === null || _controls_props_dataBind === void 0 ? void 0 : _controls_props_dataBind.fieldCode) !== undefined && ((_controls_props2 = controls.props) === null || _controls_props2 === void 0 ? void 0 : (_controls_props_dataBind1 = _controls_props2.dataBind) === null || _controls_props_dataBind1 === void 0 ? void 0 : _controls_props_dataBind1.fieldCode) !== "") {
-                    permissionItem.group = "field";
+                if (((_controls_props1 = controls.props) === null || _controls_props1 === void 0 ? void 0 : (_controls_props_dataBind = _controls_props1.dataBind) === null || _controls_props_dataBind === void 0 ? void 0 : _controls_props_dataBind.fieldCode) !== undefined && ((_controls_props2 = controls.props) === null || _controls_props2 === void 0 ? void 0 : (_controls_props_dataBind1 = _controls_props2.dataBind) === null || _controls_props_dataBind1 === void 0 ? void 0 : _controls_props_dataBind1.fieldCode) !== '') {
+                    permissionItem.group = 'field';
                 }
             }
             result.push(permissionItem);
             //追加vue容器权限
             if (type === CONTROL_TYPE.VUE_FORM_ITEM) {
                 var _controls_props_dataBind2, _controls_props3, _controls_props_dataBind3, _controls_props4;
-                var vueFormItemGroup = "element";
-                if (((_controls_props3 = controls.props) === null || _controls_props3 === void 0 ? void 0 : (_controls_props_dataBind2 = _controls_props3.dataBind) === null || _controls_props_dataBind2 === void 0 ? void 0 : _controls_props_dataBind2.fieldCode) !== undefined && ((_controls_props4 = controls.props) === null || _controls_props4 === void 0 ? void 0 : (_controls_props_dataBind3 = _controls_props4.dataBind) === null || _controls_props_dataBind3 === void 0 ? void 0 : _controls_props_dataBind3.fieldCode) !== "") {
-                    vueFormItemGroup = "field";
+                var vueFormItemGroup = 'element';
+                if (((_controls_props3 = controls.props) === null || _controls_props3 === void 0 ? void 0 : (_controls_props_dataBind2 = _controls_props3.dataBind) === null || _controls_props_dataBind2 === void 0 ? void 0 : _controls_props_dataBind2.fieldCode) !== undefined && ((_controls_props4 = controls.props) === null || _controls_props4 === void 0 ? void 0 : (_controls_props_dataBind3 = _controls_props4.dataBind) === null || _controls_props_dataBind3 === void 0 ? void 0 : _controls_props_dataBind3.fieldCode) !== '') {
+                    vueFormItemGroup = 'field';
                 }
-                var permissions = controls.props["permissions"];
+                var permissions = controls.props['permissions'];
                 permissions === null || permissions === void 0 ? void 0 : permissions.map(function(item) {
                     var _controls_id;
                     permissionItem = {
@@ -419,7 +419,7 @@ function generatePermissions(controls, parent) {
                         canEdit: false,
                         canRead: false,
                         canHide: true,
-                        group: "element"
+                        group: 'element'
                     });
                 }
                 return result;