@byteluck-fe/model-driven-driven 2.7.0-alpha.1 → 2.7.0-alpha.11

package/dist/esm/Driven.js

@@ -20,6 +20,20 @@ function _classCallCheck(instance, Constructor) {
         throw new TypeError("Cannot call a class as a function");
     }
 }
+function _defineProperties(target, props) {
+    for(var i = 0; i < props.length; i++){
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+    }
+}
+function _createClass(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+}
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -178,19 +192,19 @@ function _createSuper(Derived) {
         return _possibleConstructorReturn(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 = /**
  * 设计器驱动
- * */ var Driven = /*#__PURE__*/ function(Watcher) {
+ * */ /*#__PURE__*/ function(Watcher1) {
     "use strict";
-    _inherits(Driven, Watcher);
+    _inherits(Driven, Watcher1);
     var _super = _createSuper(Driven);
     function Driven(options) {
         _classCallCheck(this, Driven);
@@ -206,7 +220,7 @@ var applyingPluginName = "";
         // TODO 拿到permission_controls
         _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 _$options = _this.$options, _autoMount = _$options.autoMount, autoMount = _autoMount === void 0 ? false : _autoMount, tmp = _$options.Designer, DesignerClass = tmp === void 0 ? Designer : tmp, schema = _$options.schema, _mode = _$options.mode, mode = _mode === void 0 ? 'form' : _mode, tmp1 = _$options.store, storeOptions = tmp1 === void 0 ? {} : tmp1;
         _this.eventLogic = new EventLogic();
         _this.designer = new DesignerClass();
         _this.store = new Store(_objectSpread({
@@ -218,417 +232,566 @@ var applyingPluginName = "";
         autoMount && _this.mount();
         return _this;
     }
-    var _proto = Driven.prototype;
-    // 挂载
-    _proto.mount = function mount() {
-        var _this_$options = this.$options, _this_$options_plugins = _this_$options.plugins, plugins = _this_$options_plugins === void 0 ? [] : _this_$options_plugins;
-        this.__plugins = plugins;
-        this.applyPlugins();
-        this.isMounted = true;
-    };
-    _proto.use = function use(plugin) {
-        if (!this.__pluginsApplied) {
-            this.__plugins.push(plugin);
-        }
-        return this;
-    };
-    _proto.applyPlugins = function applyPlugins() {
-        var _this = this;
-        if (this.__pluginsApplied) return;
-        this.__plugins.forEach(function(plugin) {
-            try {
-                var _plugin_pluginName;
-                applyingPluginName = (_plugin_pluginName = plugin.pluginName) !== null && _plugin_pluginName !== void 0 ? _plugin_pluginName : plugin.constructor.name;
-                plugin.apply(_this);
-                applyingPluginName = "";
-            } catch (e) {
-                error("".concat(applyingPluginName || plugin.constructor.name, " Plugin apply Error \n ").concat(e));
+    _createClass(Driven, [
+        {
+            key: "mount",
+            value: // 挂载
+            function mount() {
+                var _$options = this.$options, _plugins = _$options.plugins, plugins = _plugins === void 0 ? [] : _plugins;
+                this.__plugins = plugins;
+                this.applyPlugins();
+                this.isMounted = true;
             }
-        });
-        this.__pluginsApplied = true;
-    };
-    _proto.emit = function emit(key) {
-        for(var _len = arguments.length, payload = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++){
-            payload[_key - 1] = arguments[_key];
-        }
-        return _get(_getPrototypeOf(Driven.prototype), "emit", this).call(this, key, payload);
-    };
-    _proto.on = function on(key, callback) {
-        return _get(_getPrototypeOf(Driven.prototype), "on", this).call(this, key, callback);
-    };
-    _proto.setInstances = function setInstances(schema, beforeCreateInstance) {
-        this.store.setInstances(this.designer.createControl(Array.isArray(schema) ? schema : [
-            schema
-        ], beforeCreateInstance));
-    };
-    _proto.beforeSelectInstance = function beforeSelectInstance() {
-        this.store.setSelectInstance(null);
-        this.setSelectedFieldItem(null);
-        this.store.setSelectInstanceSettings([]);
-    };
-    _proto.afterSelectInstance = function afterSelectInstance() {
-        var instance = this.store.selected;
-        if (!instance) {
-            return;
-        }
-        this.setSelectedInstanceSetting();
-        this.emit("select", {
-            instance: instance
-        });
-    };
-    _proto.setSelectedInstanceSetting = function setSelectedInstanceSetting() {
-        var _instance_parent;
-        var instance = this.store.selected;
-        if (!instance) {
-            return;
-        }
-        var setting = this.getControlSetting(instance.type);
-        // console.log('iswrap:', instance.parent?.controlType, instance.parent)
-        // if (instance.parent instanceof DesignerWrapControl) {
-        if (((_instance_parent = instance.parent) === null || _instance_parent === void 0 ? void 0 : _instance_parent.controlType) === CONTROL_BASE_TYPE.WRAP) {
-            var _instance_parent1;
-            var wrapSetting = this.getControlSetting((_instance_parent1 = instance.parent) === null || _instance_parent1 === void 0 ? void 0 : _instance_parent1.type);
-            setting = this.concatSetting(setting, wrapSetting, instance.parent.id);
-        }
-        this.store.setSelectInstanceSettings(setting);
-        this.callSelectedEffect("");
-        // 选中触发scopeEffect
-        var payload = {
-            from: null,
-            current: this.store.selectedInstanceDataScopeParent,
-            oldParent: null,
-            newParent: instance.parent
-        };
-        this.callSelectedScopeEffect(payload);
-    };
-    _proto.concatSetting = function concatSetting(settings, otherSettings, settingFromId) {
-        var _this = this;
-        var _settings_, _otherSettings_, _settings_1, _otherSettings_1;
-        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") {
-            var tabSettings = settings;
-            var otherTabSettings = otherSettings.slice(0);
-            result = tabSettings.map(function(tab, index) {
-                var result = new Tab(tab);
-                var otherTabIndex = otherTabSettings.findIndex(function(item) {
-                    return item.title === tab.title;
+        },
+        {
+            key: "use",
+            value: function use(plugin) {
+                if (!this.__pluginsApplied) {
+                    this.__plugins.push(plugin);
+                }
+                return this;
+            }
+        },
+        {
+            key: "applyPlugins",
+            value: function applyPlugins() {
+                var _this = this;
+                if (this.__pluginsApplied) return;
+                this.__plugins.forEach(function(plugin) {
+                    try {
+                        var _pluginName;
+                        applyingPluginName = (_pluginName = plugin.pluginName) !== null && _pluginName !== void 0 ? _pluginName : plugin.constructor.name;
+                        plugin.apply(_this);
+                        applyingPluginName = '';
+                    } catch (e) {
+                        error("".concat(applyingPluginName || plugin.constructor.name, " Plugin apply Error \n ").concat(e));
+                    }
                 });
-                if (otherTabIndex === -1) {
+                this.__pluginsApplied = true;
+            }
+        },
+        {
+            key: "emit",
+            value: function emit(key) {
+                for(var _len = arguments.length, payload = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++){
+                    payload[_key - 1] = arguments[_key];
+                }
+                return _get(_getPrototypeOf(Driven.prototype), "emit", this).call(this, key, payload);
+            }
+        },
+        {
+            key: "on",
+            value: function on(key, callback) {
+                return _get(_getPrototypeOf(Driven.prototype), "on", this).call(this, key, callback);
+            }
+        },
+        {
+            key: "setInstances",
+            value: function setInstances(schema, beforeCreateInstance) {
+                this.store.setInstances(this.designer.createControl(Array.isArray(schema) ? schema : [
+                    schema
+                ], beforeCreateInstance));
+            }
+        },
+        {
+            key: "beforeSelectInstance",
+            value: function beforeSelectInstance() {
+                this.store.setSelectInstance(null);
+                this.setSelectedFieldItem(null);
+                this.store.setSelectInstanceSettings([]);
+            }
+        },
+        {
+            key: "afterSelectInstance",
+            value: function afterSelectInstance() {
+                var instance = this.store.selected;
+                if (!instance) {
+                    return;
+                }
+                this.setSelectedInstanceSetting();
+                this.emit('select', {
+                    instance: instance
+                });
+            }
+        },
+        {
+            key: "setSelectedInstanceSetting",
+            value: function setSelectedInstanceSetting() {
+                var ref;
+                var instance = this.store.selected;
+                if (!instance) {
+                    return;
+                }
+                var setting = this.getControlSetting(instance.type);
+                // console.log('iswrap:', instance.parent?.controlType, instance.parent)
+                // if (instance.parent instanceof DesignerWrapControl) {
+                // 如果父控件为自定义控件wrapper
+                if (((ref = instance.parent) === null || ref === void 0 ? void 0 : ref.controlType) === CONTROL_BASE_TYPE.WRAP) {
+                    var ref1;
+                    var wrapSetting = this.getControlSetting((ref1 = instance.parent) === null || ref1 === void 0 ? void 0 : ref1.type);
+                    setting = this.concatSetting(setting, wrapSetting, instance.parent.id);
+                }
+                this.store.setSelectInstanceSettings(setting);
+                this.callSelectedEffect('');
+                // 选中触发scopeEffect
+                var payload = {
+                    from: null,
+                    current: this.store.selectedInstanceDataScopeParent,
+                    oldParent: null,
+                    newParent: instance.parent
+                };
+                this.callSelectedScopeEffect(payload);
+            }
+        },
+        {
+            key: "concatSetting",
+            value: function concatSetting(settings, otherSettings, settingFromId) {
+                var ref, ref2, ref3, ref4, ref5, ref6, ref7, ref8;
+                var result1 = settings;
+                // tab
+                if (((ref = settings[0]) === null || ref === void 0 ? void 0 : ref.type) === 'tab' && ((ref2 = otherSettings[0]) === null || ref2 === void 0 ? void 0 : ref2.type) === 'tab') {
+                    var _this = this;
+                    var tabSettings = settings;
+                    var otherTabSettings = otherSettings.slice(0);
+                    result1 = tabSettings.map(function(tab, index) {
+                        var result = new Tab(tab);
+                        var otherTabIndex = otherTabSettings.findIndex(function(item) {
+                            return item.title === tab.title;
+                        });
+                        if (otherTabIndex === -1) {
+                            return result;
+                        }
+                        var otherTab = otherTabSettings.splice(otherTabIndex, 1)[0];
+                        if (otherTab) {
+                            result.items = _toConsumableArray(_this.formatGroupSetting(otherTab.items, settingFromId)).concat(_toConsumableArray(result.items));
+                        }
+                        return result;
+                    });
+                    if (otherTabSettings.length) {
+                        var _this1 = this;
+                        result1 = _toConsumableArray(result1).concat(_toConsumableArray(otherTabSettings.map(function(item) {
+                            return _this1.formatGroupSetting(item, settingFromId);
+                        })));
+                    }
+                // group
+                } else if (((ref3 = settings[0]) === null || ref3 === void 0 ? void 0 : ref3.type) === 'group' && ((ref4 = otherSettings[0]) === null || ref4 === void 0 ? void 0 : ref4.type) === 'group') {
+                    var groupSettings = settings;
+                    var otherGroupSettings = otherSettings;
+                    result1 = _toConsumableArray(this.formatGroupSetting(otherGroupSettings, settingFromId)).concat(_toConsumableArray(groupSettings));
+                // 当前控件setting是tab，合并控件setting是group
+                } else if (((ref5 = settings[0]) === null || ref5 === void 0 ? void 0 : ref5.type) === 'tab' && ((ref6 = otherSettings[0]) === null || ref6 === void 0 ? void 0 : ref6.type) === 'group') {
+                    var _this2 = this;
+                    var tabSettings1 = settings;
+                    var otherGroupSettings1 = otherSettings;
+                    result1 = tabSettings1.map(function(tab, index) {
+                        var result = new Tab(tab);
+                        if (index === 0) {
+                            result.items = _toConsumableArray(_this2.formatGroupSetting(otherGroupSettings1, settingFromId)).concat(_toConsumableArray(result.items));
+                        }
+                        return result;
+                    });
+                } else if (((ref7 = settings[0]) === null || ref7 === void 0 ? void 0 : ref7.type) === 'group' && ((ref8 = otherSettings[0]) === null || ref8 === void 0 ? void 0 : ref8.type) === 'tab') {
+                    var _this3 = this;
+                    var groupSettings1 = settings;
+                    var otherTabSettings1 = otherSettings;
+                    result1 = otherTabSettings1.map(function(tab, index) {
+                        var result = new Tab(tab);
+                        if (index === 0) {
+                            result.items = _toConsumableArray(result.items).concat(_toConsumableArray(_this3.formatGroupSetting(groupSettings1, settingFromId)));
+                        }
+                        return result;
+                    });
+                }
+                return result1;
+            }
+        },
+        {
+            key: "formatGroupSetting",
+            value: function formatGroupSetting(tab, fromId) {
+                if (isArray(tab)) {
+                    return tab.map(function(item) {
+                        var group = new Group(item);
+                        group.fromId = fromId;
+                        return group;
+                    });
+                } else {
+                    var result = new Tab(tab);
+                    result.items = this.formatGroupSetting(result.items, fromId);
                     return result;
                 }
-                var otherTab = otherTabSettings.splice(otherTabIndex, 1)[0];
-                if (otherTab) {
-                    result.items = _toConsumableArray(_this.formatGroupSetting(otherTab.items, settingFromId)).concat(_toConsumableArray(result.items));
+            }
+        },
+        {
+            key: "setControlConfig",
+            value: function setControlConfig() {
+                for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
+                    args[_key] = arguments[_key];
                 }
-                return result;
-            });
-            if (otherTabSettings.length) {
-                result = _toConsumableArray(result).concat(_toConsumableArray(otherTabSettings.map(function(item) {
-                    return _this.formatGroupSetting(item, settingFromId);
-                })));
-            }
-        // 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 = _toConsumableArray(this.formatGroupSetting(otherGroupSettings, settingFromId)).concat(_toConsumableArray(groupSettings));
-        } else {
-        // 一个是tab，一个是group，暂时不支持
-        }
-        return result;
-    };
-    _proto.formatGroupSetting = function formatGroupSetting(tab, fromId) {
-        if (isArray(tab)) {
-            return tab.map(function(item) {
-                var group = new Group(item);
-                group.fromId = fromId;
-                return group;
-            });
-        } else {
-            var result = new Tab(tab);
-            result.items = this.formatGroupSetting(result.items, fromId);
-            return result;
-        }
-    };
-    _proto.setControlConfig = function setControlConfig() {
-        for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
-            args[_key] = arguments[_key];
-        }
-        var _this_designer;
-        return (_this_designer = this.designer).registerControlConfig.apply(_this_designer, _toConsumableArray(args));
-    };
-    _proto.getControlConfig = function getControlConfig(control) {
-        return this.designer.getControlConfig(control);
-    };
-    _proto.getControlSetting = function getControlSetting(type) {
-        var settingInit = this.designer.getControlSetting(type);
-        if (!settingInit) {
-            return [];
-        }
-        return initSettings(settingInit);
-    };
-    _proto.selectInstance = function selectInstance(instance) {
-        // 先清空上一次的store
-        this.beforeSelectInstance();
-        // 选中一个控件
-        this.store.setSelectInstance(instance);
-        // 针对这一次选中的控件初始化一些内容，并触发事件
-        this.afterSelectInstance();
-    };
-    _proto.setSelectedFieldItem = function setSelectedFieldItem(fieldItem) {
-        this.store.setSelectedFieldItem(fieldItem);
-        this.callSelectedEffect("dataBind", {
-            fieldItem: fieldItem
-        });
-    };
-    _proto.moveStart = function moveStart(instance) {
-        // 移动之前，记录控件原始的位置和父级
-        var _instance = this.getInstance(instance);
-        if (_instance) {
-            this.store.setMovingInstance(_instance);
-        }
-    };
-    _proto.moveEnd = function moveEnd() {
-        var instance = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this.store.movingInstance;
-        var _this_store_selected;
-        if (instance === null) return;
-        var _instance = this.getInstance(instance);
-        if (!_instance) return;
-        /*
+                var _designer;
+                return (_designer = this.designer).registerControlConfig.apply(_designer, _toConsumableArray(args));
+            }
+        },
+        {
+            key: "getControlConfig",
+            value: function getControlConfig(control) {
+                return this.designer.getControlConfig(control);
+            }
+        },
+        {
+            key: "getControlSetting",
+            value: function getControlSetting(type) {
+                var settingInit = this.designer.getControlSetting(type);
+                if (!settingInit) {
+                    return [];
+                }
+                return initSettings(settingInit);
+            }
+        },
+        {
+            key: "selectInstance",
+            value: function selectInstance(instance) {
+                // 先清空上一次的store
+                this.beforeSelectInstance();
+                // 选中一个控件
+                this.store.setSelectInstance(instance);
+                // 针对这一次选中的控件初始化一些内容，并触发事件
+                this.afterSelectInstance();
+            }
+        },
+        {
+            key: "setSelectedFieldItem",
+            value: function setSelectedFieldItem(fieldItem) {
+                this.store.setSelectedFieldItem(fieldItem);
+                this.callSelectedEffect('dataBind', {
+                    fieldItem: fieldItem
+                });
+            }
+        },
+        {
+            key: "moveStart",
+            value: function moveStart(instance) {
+                // 移动之前，记录控件原始的位置和父级
+                var _instance = this.getInstance(instance);
+                if (_instance) {
+                    this.store.setMovingInstance(_instance);
+                }
+            }
+        },
+        {
+            key: "moveEnd",
+            value: function moveEnd() {
+                var instance = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : this.store.movingInstance;
+                var ref;
+                if (instance === null) return;
+                var _instance = this.getInstance(instance);
+                if (!_instance) return;
+                /*
         移动之后，拿到控件新的位置，并触发事件, 如果是新增的控件的话，就没有原始位置和父级，
         事件是否区分move和add
         move是从主表移动到子表或子表移动到主表才触发，还是所有移动都触发
       */ var oldDataScopeParent = this.store.movingInstanceOldDataScopeParent;
-        var newDataScopeParent = findInstanceDataScopeParent(_instance);
-        var oldParent = this.store.movingInstanceOldParent;
-        var newParent = _instance.parent;
-        // 移动之后清空movingInstance
-        this.store.setMovingInstance(null);
-        if (_instance.id !== ((_this_store_selected = this.store.selected) === null || _this_store_selected === void 0 ? void 0 : _this_store_selected.id)) {
-            this.selectInstance(_instance);
-        } else {
-            this.store.setSelectInstance(_instance);
-        }
-        this.store.getFlatInstances();
-        // 结束以后
-        var payload = {
-            from: oldDataScopeParent,
-            current: newDataScopeParent,
-            oldParent: oldParent,
-            newParent: newParent
-        };
-        this.callSelectedScopeEffect(payload);
-        if (oldParent) {
-            this.emit("moved", _objectSpread({}, payload));
-        } else {
-            this.emit("joined", _objectSpread({}, payload));
-        }
-    };
-    _proto.createInstance = function createInstance(type, initSchema) {
-        return this.designer.createControlInstance(type, initSchema);
-    };
-    _proto.getInstance = function getInstance(instanceId) {
-        // if (instanceId instanceof DesignerControl) {
-        //   return instanceId
-        // }
-        // return this.store.instanceIdMap.get(instanceId)
-        if (typeof instanceId === "string") {
-            return this.store.instanceIdMap.get(instanceId);
-        }
-        return instanceId;
-    };
-    _proto.getInstances = function getInstances() {
-        return this.store.flatInstances;
-    };
-    _proto.getInstancesFromType = function getInstancesFromType(type) {
-        return this.getInstances().filter(function(item) {
-            return item.type === type;
-        });
-    };
-    _proto.getDataScopeInstances = function getDataScopeInstances() {
-        return this.store.selectedDataScopeFlatInstances;
-    };
-    _proto.getDataScopeInstancesFromType = function getDataScopeInstancesFromType(type) {
-        return this.getDataScopeInstances().filter(function(item) {
-            return item.type === type;
-        });
-    };
-    _proto.updateInstancePropValue = function updateInstancePropValue(instance, propName, value, payload) {
-        var _this_store_selected;
-        var result = updateValueFromKeys(instance.props, propName, value);
-        if (!result) {
-            return;
-        }
-        // 修改dataBind的时候要更新 fieldCodeMap
-        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", {
-            instance: instance,
-            propName: propName,
-            value: value
-        });
-    };
-    _proto.updateInstanceProps = function updateInstanceProps(instance, props, payload) {
-        var prevKey = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : "";
-        var _this = this;
-        Object.entries(props).forEach(function(param) {
-            var _param = _slicedToArray(param, 2), key = _param[0], value = _param[1];
-            var propName = "".concat(prevKey ? prevKey + "." : "").concat(key);
-            if (isObject(value)) {
-                _this.updateInstanceProps(instance, value, payload, propName);
-            } else {
-                _this.updateInstancePropValue(instance, propName, value, payload);
+                var newDataScopeParent = findInstanceDataScopeParent(_instance);
+                var oldParent = this.store.movingInstanceOldParent;
+                var newParent = _instance.parent;
+                // 移动之后清空movingInstance
+                this.store.setMovingInstance(null);
+                if (_instance.id !== ((ref = this.store.selected) === null || ref === void 0 ? void 0 : ref.id)) {
+                    this.selectInstance(_instance);
+                } else {
+                    this.store.setSelectInstance(_instance);
+                }
+                this.store.getFlatInstances();
+                // 结束以后
+                var payload = {
+                    from: oldDataScopeParent,
+                    current: newDataScopeParent,
+                    oldParent: oldParent,
+                    newParent: newParent
+                };
+                this.callSelectedScopeEffect(payload);
+                if (oldParent) {
+                    this.emit('moved', _objectSpread({}, payload));
+                } else {
+                    this.emit('joined', _objectSpread({}, payload));
+                }
             }
-        });
-    };
-    _proto.setInstance = function setInstance(instance, propName, value, payload) {
-        if (isString(propName)) {
-            this.updateInstancePropValue(instance, String(propName), value, payload);
-        } else {
-            this.updateInstanceProps(instance, propName, value);
-        }
-    };
-    /**
+        },
+        {
+            key: "createInstance",
+            value: function createInstance(type, initSchema) {
+                return this.designer.createControlInstance(type, initSchema);
+            }
+        },
+        {
+            key: "getInstance",
+            value: function getInstance(instanceId) {
+                // if (instanceId instanceof DesignerControl) {
+                //   return instanceId
+                // }
+                // return this.store.instanceIdMap.get(instanceId)
+                if (typeof instanceId === 'string') {
+                    return this.store.instanceIdMap.get(instanceId);
+                }
+                return instanceId;
+            }
+        },
+        {
+            key: "getInstances",
+            value: function getInstances() {
+                return this.store.flatInstances;
+            }
+        },
+        {
+            key: "getInstancesFromType",
+            value: function getInstancesFromType(type) {
+                return this.getInstances().filter(function(item) {
+                    return item.type === type;
+                });
+            }
+        },
+        {
+            key: "getDataScopeInstances",
+            value: function getDataScopeInstances() {
+                return this.store.selectedDataScopeFlatInstances;
+            }
+        },
+        {
+            key: "getDataScopeInstancesFromType",
+            value: function getDataScopeInstancesFromType(type) {
+                return this.getDataScopeInstances().filter(function(item) {
+                    return item.type === type;
+                });
+            }
+        },
+        {
+            key: "updateInstancePropValue",
+            value: function updateInstancePropValue(instance, propName, value, payload) {
+                var ref;
+                var result = updateValueFromKeys(instance.props, propName, value);
+                if (!result) {
+                    return;
+                }
+                // 修改dataBind的时候要更新 fieldCodeMap
+                if (propName.startsWith('dataBind')) {
+                    this.store.updateDataFieldCodeMap(instance);
+                }
+                if (instance.id === ((ref = this.store.selected) === null || ref === void 0 ? void 0 : ref.id)) {
+                    this.callSelectedEffect(propName, payload);
+                }
+                this.emit('updated', {
+                    instance: instance,
+                    propName: propName,
+                    value: value
+                });
+            }
+        },
+        {
+            key: "updateInstanceProps",
+            value: function updateInstanceProps(instance, props, payload) {
+                var prevKey = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : '';
+                var _this = this;
+                Object.entries(props).forEach(function(param) {
+                    var _param = _slicedToArray(param, 2), key = _param[0], value = _param[1];
+                    var propName = "".concat(prevKey ? prevKey + '.' : '').concat(key);
+                    if (isObject(value)) {
+                        _this.updateInstanceProps(instance, value, payload, propName);
+                    } else {
+                        _this.updateInstancePropValue(instance, propName, value, payload);
+                    }
+                });
+            }
+        },
+        {
+            key: "setInstance",
+            value: function setInstance(instance, propName, value, payload) {
+                if (isString(propName)) {
+                    this.updateInstancePropValue(instance, String(propName), value, payload);
+                } else {
+                    this.updateInstanceProps(instance, propName, value);
+                }
+            }
+        },
+        {
+            key: "removeInstance",
+            value: /**
    * 删除控件
-   * */ _proto.removeInstance = function removeInstance(instance) {
-        // 删除实例，并触发事件 removed
-        var parent = instance.parent;
-        if (!parent) {
-            return;
-        }
-        var parentList = // parent instanceof DesignerListControl &&
-        parent.controlType === CONTROL_BASE_TYPE.LIST && parent.props.headers.includes(instance) ? parent.props.headers : parent.children;
-        var index = parentList.findIndex(function(item) {
-            return item === instance;
-        });
-        index > -1 && parentList.splice(index, 1);
-        this.store.getFlatInstances();
-        this.emit("removed", {
-            instance: instance,
-            index: index,
-            parent: parent
-        });
-    };
-    _proto.replaceInstance = function replaceInstance(oldInstance, newInstance) {
-        var parent = oldInstance.parent;
-        if (!parent) {
-            return;
-        }
-        var parentList = // parent instanceof DesignerListControl &&
-        parent.controlType === CONTROL_BASE_TYPE.LIST && parent.props.headers.includes(oldInstance) ? parent.props.headers : parent.children;
-        var index = parentList.findIndex(function(item) {
-            return item === oldInstance;
-        });
-        index > -1 && parentList.splice(index, 1, newInstance);
-        this.store.getFlatInstances();
-    };
-    /**
+   * */ function removeInstance(instance) {
+                // 删除实例，并触发事件 removed
+                var parent = instance.parent;
+                if (!parent) {
+                    return;
+                }
+                var parentList = // parent instanceof DesignerListControl &&
+                parent.controlType === CONTROL_BASE_TYPE.LIST && parent.props.headers.includes(instance) ? parent.props.headers : parent.children;
+                var index = parentList.findIndex(function(item) {
+                    return item === instance;
+                });
+                index > -1 && parentList.splice(index, 1);
+                this.store.getFlatInstances();
+                this.emit('removed', {
+                    instance: instance,
+                    index: index,
+                    parent: parent
+                });
+            }
+        },
+        {
+            key: "replaceInstance",
+            value: function replaceInstance(oldInstance, newInstance) {
+                var parent = oldInstance.parent;
+                if (!parent) {
+                    return;
+                }
+                var parentList = // parent instanceof DesignerListControl &&
+                parent.controlType === CONTROL_BASE_TYPE.LIST && parent.props.headers.includes(oldInstance) ? parent.props.headers : parent.children;
+                var index = parentList.findIndex(function(item) {
+                    return item === oldInstance;
+                });
+                index > -1 && parentList.splice(index, 1, newInstance);
+                this.store.getFlatInstances();
+            }
+        },
+        {
+            key: "updateInstanceType",
+            value: /**
    * 修改控件类型
-   * */ _proto.updateInstanceType = function updateInstanceType(instance, type) {
-        var schema = instance.toSchema();
-        var newInstance = this.createInstance(type, {
-            id: schema.id,
-            props: schema.props
-        });
-        if (!newInstance) {
-            warn("can‘t update instance type to ".concat(type));
-            return;
-        }
-        return newInstance;
-    };
-    _proto.validate = function validate(messages, ignore) {
-        //TODO 校验实例属性，并触发事件 before-validate 和 validated
-        return checkSchema(this.store.instance, messages, ignore);
-    };
-    // 获取使用到的自定义控件
-    _proto.getCustomControlsInUse = function getCustomControlsInUse() {
-        return this.getInstances().filter(this.assertInstanceIsCustomControl).reduce(function(result, item) {
-            if (!result.includes(item.type)) {
-                result.push(item.type);
-            }
-            return result;
-        }, []);
-    };
-    // 判断控件或控件类型是一个自定义控件
-    _proto.assertInstanceIsCustomControl = function assertInstanceIsCustomControl(instance) {
-        return !isBuiltInControls(isString(instance) ? instance : instance.type);
-    };
-    _proto.judgeControlIsRegistered = function judgeControlIsRegistered(control) {
-        return this.designer.registeredControlTypes.has(control.Designer.controlType);
-    };
-    _proto.register = function register() {
-        for(var _len = arguments.length, arg = new Array(_len), _key = 0; _key < _len; _key++){
-            arg[_key] = arguments[_key];
-        }
-        var _this_designer;
-        (_this_designer = this.designer).registerControl.apply(_this_designer, _toConsumableArray(arg));
-        return this;
-    };
-    /**
+   * */ function updateInstanceType(instance, type) {
+                var schema = instance.toSchema();
+                var newInstance = this.createInstance(type, {
+                    id: schema.id,
+                    props: schema.props
+                });
+                if (!newInstance) {
+                    warn("can‘t update instance type to ".concat(type));
+                    return;
+                }
+                return newInstance;
+            }
+        },
+        {
+            key: "validate",
+            value: function validate(messages, ignore) {
+                //TODO 校验实例属性，并触发事件 before-validate 和 validated
+                return checkSchema(this.store.instance, messages, ignore);
+            }
+        },
+        {
+            key: "getCustomControlsInUse",
+            value: // 获取使用到的自定义控件
+            function getCustomControlsInUse() {
+                return this.getInstances().filter(this.assertInstanceIsCustomControl).reduce(function(result, item) {
+                    if (!result.includes(item.type)) {
+                        result.push(item.type);
+                    }
+                    return result;
+                }, []);
+            }
+        },
+        {
+            key: "assertInstanceIsCustomControl",
+            value: // 判断控件或控件类型是一个自定义控件
+            function assertInstanceIsCustomControl(instance) {
+                return !isBuiltInControls(isString(instance) ? instance : instance.type);
+            }
+        },
+        {
+            key: "judgeControlIsRegistered",
+            value: function judgeControlIsRegistered(control) {
+                return this.designer.registeredControlTypes.has(control.Designer.controlType);
+            }
+        },
+        {
+            key: "register",
+            value: function register() {
+                for(var _len = arguments.length, arg = new Array(_len), _key = 0; _key < _len; _key++){
+                    arg[_key] = arguments[_key];
+                }
+                var _designer;
+                (_designer = this.designer).registerControl.apply(_designer, _toConsumableArray(arg));
+                return this;
+            }
+        },
+        {
+            key: "assertInstance",
+            value: /**
    * 判断控件的类型，返回当前控件的正确类型
-   * */ _proto.assertInstance = function assertInstance(instance, types) {
-        return isString(types) ? instance.type === types : types.includes(instance.type);
-    };
-    /**
+   * */ function assertInstance(instance, types) {
+                return isString(types) ? instance.type === types : types.includes(instance.type);
+            }
+        },
+        {
+            key: "getInstanceInListControl",
+            value: /**
    * 控件在列表控件内，如明细子表或列表控件
-   * */ _proto.getInstanceInListControl = function getInstanceInListControl(instance) {
-        var _instance = instance;
-        while(_instance){
-            // if (_instance instanceof DesignerListControl) {
-            if (_instance.controlType === CONTROL_BASE_TYPE.LIST) {
-                return true;
-            }
-            _instance = _instance.parent;
-        }
-        return false;
-    };
-    _proto.getInstanceParentControl = function getInstanceParentControl(instance, controlType) {
-        if (!instance.parent) {
-            return;
-        }
-        if (this.assertInstance(instance.parent, controlType)) {
-            return instance.parent;
+   * */ function getInstanceInListControl(instance) {
+                var _instance = instance;
+                while(_instance){
+                    // if (_instance instanceof DesignerListControl) {
+                    if (_instance.controlType === CONTROL_BASE_TYPE.LIST) {
+                        return true;
+                    }
+                    _instance = _instance.parent;
+                }
+                return false;
+            }
+        },
+        {
+            key: "getInstanceParentControl",
+            value: function getInstanceParentControl(instance, controlType) {
+                if (!instance.parent) {
+                    return;
+                }
+                if (this.assertInstance(instance.parent, controlType)) {
+                    return instance.parent;
+                }
+                return this.getInstanceParentControl(instance.parent, controlType);
+            }
+        },
+        {
+            key: "callSelectedEffect",
+            value: function callSelectedEffect(effectKey) {
+                var payload = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+                var _this = this;
+                this.store.selectedInstanceSettingItems.forEach(function(setting) {
+                    setting.callEffect(effectKey, _this, _objectSpread({
+                        control: _this.store.selected
+                    }, payload));
+                });
+            }
+        },
+        {
+            key: "callSelectedScopeEffect",
+            value: function callSelectedScopeEffect() {
+                var payload = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+                var _this = this;
+                this.store.selectedInstanceSettingItems.forEach(function(setting) {
+                    setting.callScopeEffect(_this, _objectSpread({
+                        control: _this.store.selected
+                    }, payload));
+                });
+            }
         }
-        return this.getInstanceParentControl(instance.parent, controlType);
-    };
-    _proto.callSelectedEffect = function callSelectedEffect(effectKey) {
-        var payload = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-        var _this = this;
-        this.store.selectedInstanceSettingItems.forEach(function(setting) {
-            setting.callEffect(effectKey, _this, _objectSpread({
-                control: _this.store.selected
-            }, payload));
-        });
-    };
-    _proto.callSelectedScopeEffect = function callSelectedScopeEffect() {
-        var payload = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-        var _this = this;
-        this.store.selectedInstanceSettingItems.forEach(function(setting) {
-            setting.callScopeEffect(_this, _objectSpread({
-                control: _this.store.selected
-            }, payload));
-        });
-    };
-    // 注册外部控件
-    Driven.register = function register() {
-        for(var _len = arguments.length, arg = new Array(_len), _key = 0; _key < _len; _key++){
-            arg[_key] = arguments[_key];
+    ], [
+        {
+            key: "register",
+            value: // 注册外部控件
+            function register() {
+                for(var _len = arguments.length, arg = new Array(_len), _key = 0; _key < _len; _key++){
+                    arg[_key] = arguments[_key];
+                }
+                var _Designer;
+                (_Designer = Designer).register.apply(_Designer, _toConsumableArray(arg));
+                return this;
+            }
+        },
+        {
+            key: "judgeControlIsRegistered",
+            value: function judgeControlIsRegistered(control) {
+                return Designer.staticRegisteredTypes.has(control.Designer.controlType);
+            }
         }
-        var _Designer;
-        (_Designer = Designer).register.apply(_Designer, _toConsumableArray(arg));
-        return this;
-    };
-    Driven.judgeControlIsRegistered = function judgeControlIsRegistered(control) {
-        return Designer.staticRegisteredTypes.has(control.Designer.controlType);
-    };
+    ]);
     return Driven;
 }(Watcher);
-/**
-   * 控件事件定义
-   * */ Driven.EventLogic = EventLogic;
+Driven.EventLogic = EventLogic;
 export { Driven };