@byteluck-fe/model-driven-driven 2.23.0-beta.3 → 2.23.0-beta.6

package/dist/esm/Driven.js

@@ -0,0 +1,788 @@
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _array_without_holes(arr) {
+    if (Array.isArray(arr)) return _array_like_to_array(arr);
+}
+function _assert_this_initialized(self) {
+    if (self === void 0) {
+        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+}
+function _call_super(_this, derived, args) {
+    derived = _get_prototype_of(derived);
+    return _possible_constructor_return(_this, _is_native_reflect_construct() ? Reflect.construct(derived, args || [], _get_prototype_of(_this).constructor) : derived.apply(_this, args));
+}
+function _class_call_check(instance, Constructor) {
+    if (!(instance instanceof 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 _create_class(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _get(target, property, receiver) {
+    if (typeof Reflect !== "undefined" && Reflect.get) {
+        _get = Reflect.get;
+    } else {
+        _get = function get(target, property, receiver) {
+            var base = _super_prop_base(target, property);
+            if (!base) return;
+            var desc = Object.getOwnPropertyDescriptor(base, property);
+            if (desc.get) {
+                return desc.get.call(receiver || target);
+            }
+            return desc.value;
+        };
+    }
+    return _get(target, property, receiver || target);
+}
+function _get_prototype_of(o) {
+    _get_prototype_of = Object.setPrototypeOf ? Object.getPrototypeOf : function getPrototypeOf(o) {
+        return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _get_prototype_of(o);
+}
+function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+        throw new TypeError("Super expression must either be null or a function");
+    }
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+        constructor: {
+            value: subClass,
+            writable: true,
+            configurable: true
+        }
+    });
+    if (superClass) _set_prototype_of(subClass, superClass);
+}
+function _iterable_to_array(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _non_iterable_spread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function _possible_constructor_return(self, call) {
+    if (call && (_type_of(call) === "object" || typeof call === "function")) {
+        return call;
+    }
+    return _assert_this_initialized(self);
+}
+function _set_prototype_of(o, p) {
+    _set_prototype_of = Object.setPrototypeOf || function setPrototypeOf(o, p) {
+        o.__proto__ = p;
+        return o;
+    };
+    return _set_prototype_of(o, p);
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _super_prop_base(object, property) {
+    while(!Object.prototype.hasOwnProperty.call(object, property)){
+        object = _get_prototype_of(object);
+        if (object === null) break;
+    }
+    return object;
+}
+function _to_consumable_array(arr) {
+    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
+}
+function _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    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);
+}
+function _is_native_reflect_construct() {
+    try {
+        var result = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
+    } catch (_) {}
+    return (_is_native_reflect_construct = function() {
+        return !!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 { RulesMessage, DEFAULT_LOCALE } from '@byteluck-fe/model-driven-shared';
+// 当前正在注册的插件名称
+var applyingPluginName = '';
+/**
+ * 设计器驱动
+ * */ var Driven = /*#__PURE__*/ function(Watcher) {
+    "use strict";
+    _inherits(Driven, Watcher);
+    function Driven(options) {
+        _class_call_check(this, Driven);
+        var _this;
+        _this = _call_super(this, Driven), _define_property(_this, "mode", void 0), _define_property(_this, "isMounted", false), _define_property(_this, "id", genNonDuplicateId(8)), /**
+   * 控件可选的事件
+   * */ _define_property(_this, "eventLogic", void 0), /**
+   * 处理数据存储，存放模型等
+   * */ _define_property(_this, "store", void 0), /**
+   * 额外参数存储
+   */ _define_property(_this, "externalParams", void 0), /**
+   * 处理instance，和schema存储
+   * */ _define_property(_this, "designer", void 0), /**
+   * 插件数组
+   * */ _define_property(_this, "__plugins", void 0), _define_property(_this, "__pluginsApplied", false), _define_property(_this, "$options", void 0), // TODO 拿到schema
+        _define_property(_this, "getSchema", toSchema), // TODO 拿到model_bind_info_list
+        _define_property(_this, "getModelBindInfoList", getModelBindInfoList), // TODO 拿到permission_controls
+        _define_property(_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, messagesI18n = _this_$options.messagesI18n, _this_$options_language = _this_$options.language, language = _this_$options_language === void 0 ? DEFAULT_LOCALE : _this_$options_language;
+        RulesMessage.setLocale(language, messagesI18n);
+        _this.eventLogic = new EventLogic();
+        _this.designer = new DesignerClass();
+        _this.store = new Store(_object_spread({
+            instance: _this.designer.createControl(Array.isArray(schema) ? schema : [
+                schema
+            ])
+        }, storeOptions));
+        _this.mode = mode;
+        autoMount && _this.mount();
+        return _this;
+    }
+    _create_class(Driven, [
+        {
+            key: "mount",
+            value: // 挂载
+            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;
+            }
+        },
+        {
+            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 _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));
+                    }
+                });
+                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(_get_prototype_of(Driven.prototype), "emit", this).call(this, key, payload);
+            }
+        },
+        {
+            key: "on",
+            value: function on(key, callback) {
+                return _get(_get_prototype_of(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 _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) {
+                // 如果父控件为自定义控件wrapper
+                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);
+            }
+        },
+        {
+            key: "concatSetting",
+            value: function concatSetting(settings, otherSettings, settingFromId) {
+                var _this = this;
+                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') {
+                    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;
+                        });
+                        if (otherTabIndex === -1) {
+                            return result;
+                        }
+                        var otherTab = otherTabSettings.splice(otherTabIndex, 1)[0];
+                        if (otherTab) {
+                            result.items = _to_consumable_array(_this.formatGroupSetting(otherTab.items, settingFromId)).concat(_to_consumable_array(result.items));
+                        }
+                        return result;
+                    });
+                    if (otherTabSettings.length) {
+                        result = _to_consumable_array(result).concat(_to_consumable_array(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 = _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') {
+                    var tabSettings1 = settings;
+                    var otherGroupSettings1 = otherSettings;
+                    result = tabSettings1.map(function(tab, index) {
+                        var result = new Tab(tab);
+                        if (index === 0) {
+                            result.items = _to_consumable_array(_this.formatGroupSetting(otherGroupSettings1, settingFromId)).concat(_to_consumable_array(result.items));
+                        }
+                        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') {
+                    var groupSettings1 = settings;
+                    var otherTabSettings1 = otherSettings;
+                    result = otherTabSettings1.map(function(tab, index) {
+                        var result = new Tab(tab);
+                        if (index === 0) {
+                            result.items = _to_consumable_array(result.items).concat(_to_consumable_array(_this.formatGroupSetting(groupSettings1, settingFromId)));
+                        }
+                        return result;
+                    });
+                }
+                return result;
+            }
+        },
+        {
+            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;
+                }
+            }
+        },
+        {
+            key: "setControlConfig",
+            value: 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, _to_consumable_array(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 _this_store_selected;
+                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', _object_spread({}, payload));
+                } else {
+                    this.emit('joined', _object_spread({}, payload));
+                }
+            }
+        },
+        {
+            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 _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
+                });
+            }
+        },
+        {
+            key: "updateInstanceProps",
+            value: function updateInstanceProps(instance, props, payload) {
+                var _this = this;
+                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);
+                    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: /**
+   * 删除控件
+   * */ 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: /**
+   * 修改控件类型
+   * */ 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];
+                }
+                this.designer.registerControl(arg[0]);
+                return this;
+            }
+        },
+        {
+            key: "assertInstance",
+            value: /**
+   * 判断控件的类型，返回当前控件的正确类型
+   * */ function assertInstance(instance, types) {
+                return isString(types) ? instance.type === types : types.includes(instance.type);
+            }
+        },
+        {
+            key: "getInstanceInListControl",
+            value: /**
+   * 控件在列表控件内，如明细子表或列表控件
+   * */ 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 _this = this;
+                var payload = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+                this.store.selectedInstanceSettingItems.forEach(function(setting) {
+                    setting.callEffect(effectKey, _this, _object_spread({
+                        control: _this.store.selected
+                    }, payload));
+                });
+            }
+        },
+        {
+            key: "callSelectedScopeEffect",
+            value: function callSelectedScopeEffect() {
+                var _this = this;
+                var payload = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+                this.store.selectedInstanceSettingItems.forEach(function(setting) {
+                    setting.callScopeEffect(_this, _object_spread({
+                        control: _this.store.selected
+                    }, payload));
+                });
+            }
+        }
+    ], [
+        {
+            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, _to_consumable_array(arg));
+                return this;
+            }
+        },
+        {
+            key: "judgeControlIsRegistered",
+            value: function judgeControlIsRegistered(control) {
+                return Designer.staticRegisteredTypes.has(control.Designer.controlType);
+            }
+        }
+    ]);
+    return Driven;
+}(Watcher);
+/**
+   * 控件事件定义
+   * */ _define_property(Driven, "EventLogic", EventLogic);
+export { Driven };