@tmagic/editor 1.5.12 → 1.5.14

package/dist/tmagic-editor.umd.cjs

@@ -2467,32 +2467,6 @@
   Stack.prototype.has = stackHas;
   Stack.prototype.set = stackSet;
 
-  /**
-   * The base implementation of `_.assign` without support for multiple sources
-   * or `customizer` functions.
-   *
-   * @private
-   * @param {Object} object The destination object.
-   * @param {Object} source The source object.
-   * @returns {Object} Returns `object`.
-   */
-  function baseAssign(object, source) {
-    return object && copyObject(source, keys(source), object);
-  }
-
-  /**
-   * The base implementation of `_.assignIn` without support for multiple sources
-   * or `customizer` functions.
-   *
-   * @private
-   * @param {Object} object The destination object.
-   * @param {Object} source The source object.
-   * @returns {Object} Returns `object`.
-   */
-  function baseAssignIn(object, source) {
-    return object && copyObject(source, keysIn(source), object);
-  }
-
   /** Detect free variable `exports`. */
   var freeExports = typeof exports == 'object' && exports && !exports.nodeType && exports;
 
@@ -2578,7 +2552,7 @@
   var propertyIsEnumerable = objectProto$5.propertyIsEnumerable;
 
   /* Built-in method references for those with the same name as other `lodash` methods. */
-  var nativeGetSymbols$1 = Object.getOwnPropertySymbols;
+  var nativeGetSymbols = Object.getOwnPropertySymbols;
 
   /**
    * Creates an array of the own enumerable symbols of `object`.
@@ -2587,59 +2561,16 @@
    * @param {Object} object The object to query.
    * @returns {Array} Returns the array of symbols.
    */
-  var getSymbols = !nativeGetSymbols$1 ? stubArray : function(object) {
+  var getSymbols = !nativeGetSymbols ? stubArray : function(object) {
     if (object == null) {
       return [];
     }
     object = Object(object);
-    return arrayFilter(nativeGetSymbols$1(object), function(symbol) {
+    return arrayFilter(nativeGetSymbols(object), function(symbol) {
       return propertyIsEnumerable.call(object, symbol);
     });
   };
 
-  /**
-   * Copies own symbols of `source` to `object`.
-   *
-   * @private
-   * @param {Object} source The object to copy symbols from.
-   * @param {Object} [object={}] The object to copy symbols to.
-   * @returns {Object} Returns `object`.
-   */
-  function copySymbols(source, object) {
-    return copyObject(source, getSymbols(source), object);
-  }
-
-  /* Built-in method references for those with the same name as other `lodash` methods. */
-  var nativeGetSymbols = Object.getOwnPropertySymbols;
-
-  /**
-   * Creates an array of the own and inherited enumerable symbols of `object`.
-   *
-   * @private
-   * @param {Object} object The object to query.
-   * @returns {Array} Returns the array of symbols.
-   */
-  var getSymbolsIn = !nativeGetSymbols ? stubArray : function(object) {
-    var result = [];
-    while (object) {
-      arrayPush(result, getSymbols(object));
-      object = getPrototype(object);
-    }
-    return result;
-  };
-
-  /**
-   * Copies own and inherited symbols of `source` to `object`.
-   *
-   * @private
-   * @param {Object} source The object to copy symbols from.
-   * @param {Object} [object={}] The object to copy symbols to.
-   * @returns {Object} Returns `object`.
-   */
-  function copySymbolsIn(source, object) {
-    return copyObject(source, getSymbolsIn(source), object);
-  }
-
   /**
    * The base implementation of `getAllKeys` and `getAllKeysIn` which uses
    * `keysFunc` and `symbolsFunc` to get the enumerable property names and
@@ -2667,18 +2598,6 @@
     return baseGetAllKeys(object, keys, getSymbols);
   }
 
-  /**
-   * Creates an array of own and inherited enumerable property names and
-   * symbols of `object`.
-   *
-   * @private
-   * @param {Object} object The object to query.
-   * @returns {Array} Returns the array of property names and symbols.
-   */
-  function getAllKeysIn(object) {
-    return baseGetAllKeys(object, keysIn, getSymbolsIn);
-  }
-
   /* Built-in method references that are verified to be native. */
   var DataView = getNative(root$1, 'DataView');
 
@@ -2787,7 +2706,7 @@
    * @returns {Object} Returns the cloned data view.
    */
   function cloneDataView(dataView, isDeep) {
-    var buffer = isDeep ? cloneArrayBuffer(dataView.buffer) : dataView.buffer;
+    var buffer = cloneArrayBuffer(dataView.buffer) ;
     return new dataView.constructor(buffer, dataView.byteOffset, dataView.byteLength);
   }
 
@@ -2880,7 +2799,7 @@
         return new Ctor(+object);
 
       case dataViewTag$2:
-        return cloneDataView(object, isDeep);
+        return cloneDataView(object);
 
       case float32Tag$1: case float64Tag$1:
       case int8Tag$1: case int16Tag$1: case int32Tag$1:
@@ -2991,9 +2910,7 @@
   var isSet = nodeIsSet ? baseUnary(nodeIsSet) : baseIsSet;
 
   /** Used to compose bitmasks for cloning. */
-  var CLONE_DEEP_FLAG$1 = 1,
-      CLONE_FLAT_FLAG = 2,
-      CLONE_SYMBOLS_FLAG$1 = 4;
+  var CLONE_DEEP_FLAG$1 = 1;
 
   /** `Object#toString` result references. */
   var argsTag$1 = '[object Arguments]',
@@ -3058,9 +2975,7 @@
    */
   function baseClone(value, bitmask, customizer, key, object, stack) {
     var result,
-        isDeep = bitmask & CLONE_DEEP_FLAG$1,
-        isFlat = bitmask & CLONE_FLAT_FLAG,
-        isFull = bitmask & CLONE_SYMBOLS_FLAG$1;
+        isDeep = bitmask & CLONE_DEEP_FLAG$1;
     if (result !== undefined) {
       return result;
     }
@@ -3070,9 +2985,6 @@
     var isArr = isArray(value);
     if (isArr) {
       result = initCloneArray(value);
-      if (!isDeep) {
-        return copyArray(value, result);
-      }
     } else {
       var tag = getTag(value),
           isFunc = tag == funcTag || tag == genTag;
@@ -3081,12 +2993,7 @@
         return cloneBuffer(value, isDeep);
       }
       if (tag == objectTag$1 || tag == argsTag$1 || (isFunc && !object)) {
-        result = (isFlat || isFunc) ? {} : initCloneObject(value);
-        if (!isDeep) {
-          return isFlat
-            ? copySymbolsIn(value, baseAssignIn(result, value))
-            : copySymbols(value, baseAssign(result, value));
-        }
+        result = (isFunc) ? {} : initCloneObject(value);
       } else {
         if (!cloneableTags[tag]) {
           return object ? value : {};
@@ -3112,9 +3019,8 @@
       });
     }
 
-    var keysFunc = isFull
-      ? (isFlat ? getAllKeysIn : getAllKeys)
-      : (isFlat ? keysIn : keys);
+    var keysFunc = (getAllKeys)
+      ;
 
     var props = isArr ? undefined : keysFunc(value);
     arrayEach(props || value, function(subValue, key) {
@@ -5358,13 +5264,11 @@
                   { value: core.HookCodeType.DATA_SOURCE_METHOD, text: "数据源方法" }
                 ],
                 defaultValue: "code",
-                onChange: (mForm, v, { model, prop, changeRecords }) => {
+                onChange: (_mForm, v, { setModel }) => {
                   if (v === core.HookCodeType.DATA_SOURCE_METHOD) {
-                    model.codeId = [];
-                    changeRecords.push({ propPath: prop.replace("codeType", "codeId"), value: [] });
+                    setModel("codeId", []);
                   } else {
-                    model.codeId = "";
-                    changeRecords.push({ propPath: prop.replace("codeType", "codeId"), value: "" });
+                    setModel("codeId", "");
                   }
                   return v;
                 }
@@ -5374,7 +5278,7 @@
                 name: "codeId",
                 span: 18,
                 labelWidth: 0,
-                display: (mForm, { model }) => model.codeType !== core.HookCodeType.DATA_SOURCE_METHOD,
+                display: (_mForm, { model }) => model.codeType !== core.HookCodeType.DATA_SOURCE_METHOD,
                 notEditable: () => !codeBlockService.getEditStatus()
               },
               {
@@ -5382,7 +5286,7 @@
                 name: "codeId",
                 span: 18,
                 labelWidth: 0,
-                display: (mForm, { model }) => model.codeType === core.HookCodeType.DATA_SOURCE_METHOD,
+                display: (_mForm, { model }) => model.codeType === core.HookCodeType.DATA_SOURCE_METHOD,
                 notEditable: () => !dataSourceService.get("editable")
               }
             ]
@@ -5580,13 +5484,12 @@
               append: {
                 type: "button",
                 text: "复制",
-                handler: async (vm, { model }) => {
-                  try {
-                    await navigator.clipboard.writeText(`${model.id}`);
+                handler: (vm, { model }) => {
+                  navigator.clipboard.writeText(`${model.id}`).then(() => {
                     designPlugin.tMagicMessage.success("已复制");
-                  } catch (err) {
+                  }).catch(() => {
                     designPlugin.tMagicMessage.error("复制失败");
-                  }
+                  });
                 }
               }
             },
@@ -6341,7 +6244,7 @@
   class History extends BaseService {
     state = vue.reactive({
       pageSteps: {},
-      pageId: undefined,
+      pageId: void 0,
       canRedo: false,
       canUndo: false
     });
@@ -6354,7 +6257,7 @@
       this.resetPage();
     }
     resetPage() {
-      this.state.pageId = undefined;
+      this.state.pageId = void 0;
       this.state.canRedo = false;
       this.state.canUndo = false;
     }
@@ -6374,7 +6277,7 @@
       this.emit("page-change", this.state.pageSteps[this.state.pageId]);
     }
     resetState() {
-      this.state.pageId = undefined;
+      this.state.pageId = void 0;
       this.state.pageSteps = {};
       this.state.canRedo = false;
       this.state.canUndo = false;
@@ -6426,7 +6329,6 @@
     return Protocol2;
   })(Protocol || {});
   const canUsePluginMethods$5 = {
-    async: [],
     sync: ["getStorage", "getNamespace", "clear", "getItem", "removeItem", "setItem"]
   };
   class WebStorage extends BaseService {
@@ -6563,9 +6465,7 @@
       "undo",
       "redo",
       "move"
-    ],
-    sync: []
-  };
+    ]};
   class Editor extends BaseService {
     state = vue.reactive({
       root: null,
@@ -7327,10 +7227,11 @@
       this.isHistoryStateChange = true;
       await this.update(value.data);
       this.set("modifiedNodeIds", value.modifiedNodeIds);
-      setTimeout(async () => {
+      setTimeout(() => {
         if (!value.nodeId) return;
-        await this.select(value.nodeId);
-        this.get("stage")?.select(value.nodeId);
+        this.select(value.nodeId).then(() => {
+          this.get("stage")?.select(value.nodeId);
+        });
       }, 0);
       this.emit("history-change", value.data);
     }
@@ -7962,7 +7863,7 @@
     const nodeStatus = nodeStatusMap.get(id);
     if (!nodeStatus) return;
     utils.getKeys(status).forEach((key) => {
-      if (nodeStatus[key] !== undefined && status[key] !== undefined) {
+      if (nodeStatus[key] !== void 0 && status[key] !== void 0) {
         nodeStatus[key] = Boolean(status[key]);
       }
     });
@@ -8102,20 +8003,23 @@
           }
           return [];
         },
-        onChange: (formState, codeId, { model }) => {
+        onChange: (formState, codeId, { setModel, model }) => {
           paramsConfig.value = getParamItemsConfig(codeId);
           if (paramsConfig.value.length) {
-            model.params = formPlugin.createValues(formState, paramsConfig.value, {}, model.params);
+            setModel("params", formPlugin.createValues(formState, paramsConfig.value, {}, model.params));
           } else {
-            model.params = {};
+            setModel("params", {});
           }
           return codeId;
         }
       };
-      const onCodeIdChangeHandler = (value) => {
+      const onCodeIdChangeHandler = (value, eventData) => {
         props.model.params = value.params;
         emit("change", props.model, {
-          changeRecords: [
+          changeRecords: eventData.changeRecords?.map((item) => ({
+            prop: `${props.prop.replace(props.name, "")}${item.propPath}`,
+            value: item.value
+          })) || [
             {
               propPath: props.prop,
               value: value[props.name]
@@ -8480,9 +8384,7 @@
     const createCodeBlock = async () => {
       codeConfig.value = {
         name: "",
-        content: `({app, params, flowState}) => {
-  // place your code here
-}`,
+        content: "({app, params, flowState}) => {\n  // place your code here\n}",
         params: []
       };
       codeId.value = await codeBlockService.getUniqueId();
@@ -8565,9 +8467,7 @@
     }
   });
   const canUsePluginMethods$3 = {
-    async: ["zoom", "calcZoom"],
-    sync: []
-  };
+    async: ["zoom", "calcZoom"]};
   class Ui extends BaseService {
     constructor() {
       super(canUsePluginMethods$3.async.map((methodName) => ({ name: methodName, isAsync: true })));
@@ -9056,6 +8956,7 @@
             try {
               return JSON.stringify(row.defaultValue);
             } catch (e) {
+              error(e);
               return row.defaultValue;
             }
           }
@@ -9104,9 +9005,9 @@
             { text: "null", value: "null" },
             { text: "any", value: "any" }
           ],
-          onChange: (formState, v, { model }) => {
+          onChange: (_formState, v, { setModel }) => {
             if (!["any", "array", "object"].includes(v)) {
-              model.fields = [];
+              setModel("fields", []);
             }
             return v;
           }
@@ -9975,7 +9876,7 @@
       "visible": { type: Boolean, ...{ default: false } },
       "visibleModifiers": {}
     }),
-    emits: /* @__PURE__ */ vue.mergeModels(["submit"], ["update:width", "update:visible"]),
+    emits: /* @__PURE__ */ vue.mergeModels(["submit", "close", "open"], ["update:width", "update:visible"]),
     setup(__props, { expose: __expose, emit: __emit }) {
       const width = vue.useModel(__props, "width");
       const boxVisible = vue.useModel(__props, "visible");
@@ -10088,7 +9989,7 @@
         }
       ]);
       const submitForm = (values, data) => {
-        changedValue.value = undefined;
+        changedValue.value = void 0;
         emit("submit", values, data);
       };
       const errorHandler = (error) => {
@@ -10117,10 +10018,19 @@
         });
       };
       const closedHandler = () => {
-        changedValue.value = undefined;
+        changedValue.value = void 0;
       };
       const parentFloating = vue.inject("parentFloating", vue.ref(null));
       const { boxPosition, calcBoxPosition } = useNextFloatBoxPosition(uiService, parentFloating);
+      vue.watch(boxVisible, (visible) => {
+        vue.nextTick(() => {
+          if (!visible) {
+            emit("close");
+          } else {
+            emit("open");
+          }
+        });
+      });
       __expose({
         async show() {
           calcBoxPosition();
@@ -10316,9 +10226,7 @@
             {
               text: "编辑",
               handler: (method, index) => {
-                let codeContent = method.content || `({ params, dataSource, app }) => {
-  // place your code here
-}`;
+                let codeContent = method.content || "({ params, dataSource, app }) => {\n  // place your code here\n}";
                 if (typeof codeContent !== "string") {
                   codeContent = codeContent.toString();
                 }
@@ -10347,9 +10255,7 @@
       const createCodeHandler = () => {
         codeConfig.value = {
           name: "",
-          content: `({ params, dataSource, app, flowState }) => {
-  // place your code here
-}`,
+          content: "({ params, dataSource, app, flowState }) => {\n  // place your code here\n}",
           params: []
         };
         editIndex = -1;
@@ -10385,7 +10291,7 @@
           });
         }
         editIndex = -1;
-        codeConfig.value = undefined;
+        codeConfig.value = void 0;
         codeBlockEditorRef.value?.hide();
       };
       return (_ctx, _cache) => {
@@ -10468,12 +10374,12 @@
         }));
       };
       const paramsConfig = vue.ref(getParamItemsConfig(props.model[props.name || "dataSourceMethod"]));
-      const setParamsConfig = (dataSourceMethod, formState = {}) => {
+      const setParamsConfig = (dataSourceMethod, formState = {}, setModel) => {
         paramsConfig.value = dataSourceMethod ? getParamItemsConfig(dataSourceMethod) : [];
         if (paramsConfig.value.length) {
-          props.model.params = formPlugin.createValues(formState, paramsConfig.value, {}, props.model.params);
+          setModel("params", formPlugin.createValues(formState, paramsConfig.value, {}, props.model.params));
         } else {
-          props.model.params = {};
+          setModel("params", {});
         }
       };
       const methodsOptions = vue.computed(
@@ -10494,8 +10400,8 @@
         name: props.name,
         options: methodsOptions.value,
         disable: props.disabled,
-        onChange: (formState, dataSourceMethod) => {
-          setParamsConfig(dataSourceMethod, formState);
+        onChange: (formState, dataSourceMethod, { setModel }) => {
+          setParamsConfig(dataSourceMethod, formState, setModel);
           return dataSourceMethod;
         }
       }));
@@ -11163,8 +11069,8 @@
           text: "联动组件",
           type: "ui-select",
           display: (mForm, { model }) => model.actionType === core.ActionType.COMP,
-          onChange: (MForm, v, { model }) => {
-            model.method = "";
+          onChange: (MForm, v, { setModel }) => {
+            setModel("method", "");
             return v;
           }
         };
@@ -11737,7 +11643,7 @@
     return target;
   };
 
-  const _sfc_main$13 = {};
+  const _sfc_main$13 = {  };
 
   const _hoisted_1$J = {
     xmlns: "http://www.w3.org/2000/svg",
@@ -11751,7 +11657,7 @@
   }
   const BackgroundRepeat = /*#__PURE__*/_export_sfc(_sfc_main$13, [['render',_sfc_render$k]]);
 
-  const _sfc_main$12 = {};
+  const _sfc_main$12 = {  };
 
   const _hoisted_1$I = {
     xmlns: "http://www.w3.org/2000/svg",
@@ -11768,7 +11674,7 @@
   }
   const BackgroundRepeatX = /*#__PURE__*/_export_sfc(_sfc_main$12, [['render',_sfc_render$j]]);
 
-  const _sfc_main$11 = {};
+  const _sfc_main$11 = {  };
 
   const _hoisted_1$H = {
     xmlns: "http://www.w3.org/2000/svg",
@@ -11785,7 +11691,7 @@
   }
   const BackgroundRepeatY = /*#__PURE__*/_export_sfc(_sfc_main$11, [['render',_sfc_render$i]]);
 
-  const _sfc_main$10 = {};
+  const _sfc_main$10 = {  };
 
   const _hoisted_1$G = {
     xmlns: "http://www.w3.org/2000/svg",
@@ -11877,7 +11783,7 @@
     }
   });
 
-  const _sfc_main$_ = {};
+  const _sfc_main$_ = {  };
 
   const _hoisted_1$F = {
     xmlns: "http://www.w3.org/2000/svg",
@@ -11891,7 +11797,7 @@
   }
   const AlignLeft = /*#__PURE__*/_export_sfc(_sfc_main$_, [['render',_sfc_render$g]]);
 
-  const _sfc_main$Z = {};
+  const _sfc_main$Z = {  };
 
   const _hoisted_1$E = {
     xmlns: "http://www.w3.org/2000/svg",
@@ -11905,7 +11811,7 @@
   }
   const AlignCenter = /*#__PURE__*/_export_sfc(_sfc_main$Z, [['render',_sfc_render$f]]);
 
-  const _sfc_main$Y = {};
+  const _sfc_main$Y = {  };
 
   const _hoisted_1$D = {
     xmlns: "http://www.w3.org/2000/svg",
@@ -12102,7 +12008,7 @@
     }
   });
 
-  const _sfc_main$V = {};
+  const _sfc_main$V = {  };
 
   const _hoisted_1$B = {
     xmlns: "http://www.w3.org/2000/svg",
@@ -12116,7 +12022,7 @@
   }
   const DisplayBlock = /*#__PURE__*/_export_sfc(_sfc_main$V, [['render',_sfc_render$d]]);
 
-  const _sfc_main$U = {};
+  const _sfc_main$U = {  };
 
   const _hoisted_1$A = {
     xmlns: "http://www.w3.org/2000/svg",
@@ -12130,7 +12036,7 @@
   }
   const DisplayFlex = /*#__PURE__*/_export_sfc(_sfc_main$U, [['render',_sfc_render$c]]);
 
-  const _sfc_main$T = {};
+  const _sfc_main$T = {  };
 
   const _hoisted_1$z = {
     xmlns: "http://www.w3.org/2000/svg",
@@ -12144,7 +12050,7 @@
   }
   const DisplayInline = /*#__PURE__*/_export_sfc(_sfc_main$T, [['render',_sfc_render$b]]);
 
-  const _sfc_main$S = {};
+  const _sfc_main$S = {  };
 
   const _hoisted_1$y = {
     xmlns: "http://www.w3.org/2000/svg",
@@ -12158,7 +12064,7 @@
   }
   const DisplayInlineBlock = /*#__PURE__*/_export_sfc(_sfc_main$S, [['render',_sfc_render$a]]);
 
-  const _sfc_main$R = {};
+  const _sfc_main$R = {  };
 
   const _hoisted_1$x = {
     xmlns: "http://www.w3.org/2000/svg",
@@ -12172,7 +12078,7 @@
   }
   const DisplayNone = /*#__PURE__*/_export_sfc(_sfc_main$R, [['render',_sfc_render$9]]);
 
-  const _sfc_main$Q = {};
+  const _sfc_main$Q = {  };
 
   const _hoisted_1$w = {
     xmlns: "http://www.w3.org/2000/svg",
@@ -12186,7 +12092,7 @@
   }
   const FlexDirectionColumn = /*#__PURE__*/_export_sfc(_sfc_main$Q, [['render',_sfc_render$8]]);
 
-  const _sfc_main$P = {};
+  const _sfc_main$P = {  };
 
   const _hoisted_1$v = {
     xmlns: "http://www.w3.org/2000/svg",
@@ -12200,7 +12106,7 @@
   }
   const FlexDirectionColumnReverse = /*#__PURE__*/_export_sfc(_sfc_main$P, [['render',_sfc_render$7]]);
 
-  const _sfc_main$O = {};
+  const _sfc_main$O = {  };
 
   const _hoisted_1$u = {
     xmlns: "http://www.w3.org/2000/svg",
@@ -12214,7 +12120,7 @@
   }
   const FlexDirectionRow = /*#__PURE__*/_export_sfc(_sfc_main$O, [['render',_sfc_render$6]]);
 
-  const _sfc_main$N = {};
+  const _sfc_main$N = {  };
 
   const _hoisted_1$t = {
     xmlns: "http://www.w3.org/2000/svg",
@@ -12228,7 +12134,7 @@
   }
   const FlexDirectionRowReverse = /*#__PURE__*/_export_sfc(_sfc_main$N, [['render',_sfc_render$5]]);
 
-  const _sfc_main$M = {};
+  const _sfc_main$M = {  };
 
   const _hoisted_1$s = {
     xmlns: "http://www.w3.org/2000/svg",
@@ -12242,7 +12148,7 @@
   }
   const JustifyContentCenter = /*#__PURE__*/_export_sfc(_sfc_main$M, [['render',_sfc_render$4]]);
 
-  const _sfc_main$L = {};
+  const _sfc_main$L = {  };
 
   const _hoisted_1$r = {
     xmlns: "http://www.w3.org/2000/svg",
@@ -12256,7 +12162,7 @@
   }
   const JustifyContentFlexEnd = /*#__PURE__*/_export_sfc(_sfc_main$L, [['render',_sfc_render$3]]);
 
-  const _sfc_main$K = {};
+  const _sfc_main$K = {  };
 
   const _hoisted_1$q = {
     xmlns: "http://www.w3.org/2000/svg",
@@ -12270,7 +12176,7 @@
   }
   const JustifyContentFlexStart = /*#__PURE__*/_export_sfc(_sfc_main$K, [['render',_sfc_render$2]]);
 
-  const _sfc_main$J = {};
+  const _sfc_main$J = {  };
 
   const _hoisted_1$p = {
     xmlns: "http://www.w3.org/2000/svg",
@@ -12284,7 +12190,7 @@
   }
   const JustifyContentSpaceAround = /*#__PURE__*/_export_sfc(_sfc_main$J, [['render',_sfc_render$1]]);
 
-  const _sfc_main$I = {};
+  const _sfc_main$I = {  };
 
   const _hoisted_1$o = {
     xmlns: "http://www.w3.org/2000/svg",
@@ -12882,7 +12788,7 @@
           emit("change", id);
           mForm?.$emit("field-change", props.prop, id);
         }
-        {
+        if (cancelHandler) {
           cancelHandler();
         }
       };
@@ -14198,7 +14104,7 @@
                   vue.renderSlot(_ctx.$slots, "props-panel")
                 ]),
                 key: "0"
-              } : undefined
+              } : void 0
             ]), 1032, ["left", "right", "min-left", "min-right", "min-center", "width"])),
             vue.renderSlot(_ctx.$slots, "content-after"),
             vue.renderSlot(_ctx.$slots, "footer")
@@ -14255,7 +14161,7 @@
               type: "button",
               className: "delete",
               icon: vue.markRaw(iconsVue.Delete),
-              tooltip: `刪除(Delete)`,
+              tooltip: "刪除(Delete)",
               disabled: () => editorService.get("node")?.type === core.NodeType.PAGE,
               handler: () => {
                 const node = editorService.get("node");
@@ -15320,6 +15226,7 @@
         emit("node-contextmenu", event, data);
       };
       __expose({
+        nodeStatusMap,
         filter: filterTextChangeHandler,
         deleteCode
       });
@@ -15481,7 +15388,7 @@
       const eventBus = vue.inject("eventBus");
       const { codeBlockService } = useServices();
       const editable = vue.computed(() => codeBlockService.getEditStatus());
-      const { codeBlockEditor, codeConfig, editCode, deleteCode, createCodeBlock, submitCodeBlockHandler } = useCodeBlockEdit(codeBlockService);
+      const { codeId, codeBlockEditor, codeConfig, editCode, deleteCode, createCodeBlock, submitCodeBlockHandler } = useCodeBlockEdit(codeBlockService);
       const codeBlockListRef = vue.useTemplateRef("codeBlockList");
       const filterTextChangeHandler = (val) => {
         codeBlockListRef.value?.filter(val);
@@ -15489,6 +15396,20 @@
       eventBus?.on("edit-code", (id) => {
         editCode(id);
       });
+      vue.watch(codeId, () => {
+        if (codeBlockListRef.value) {
+          for (const [statusId, status] of codeBlockListRef.value.nodeStatusMap.entries()) {
+            status.selected = statusId === codeId.value;
+          }
+        }
+      });
+      const editDialogCloseHandler = () => {
+        if (codeBlockListRef.value) {
+          for (const [, status] of codeBlockListRef.value.nodeStatusMap.entries()) {
+            status.selected = false;
+          }
+        }
+      };
       const {
         nodeContentMenuHandler,
         menuData: contentMenuData,
@@ -15552,7 +15473,8 @@
               ref: codeBlockEditor,
               disabled: !editable.value,
               content: vue.unref(codeConfig),
-              onSubmit: vue.unref(submitCodeBlockHandler)
+              onSubmit: vue.unref(submitCodeBlockHandler),
+              onClose: editDialogCloseHandler
             }, null, 8, ["disabled", "content", "onSubmit"])) : vue.createCommentVNode("v-if", true),
             (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
               menuData.value.length ? (vue.openBlock(), vue.createBlock(_sfc_main$o, {
@@ -15617,7 +15539,7 @@
       "width": { default: 670 },
       "widthModifiers": {}
     }),
-    emits: /* @__PURE__ */ vue.mergeModels(["submit"], ["update:visible", "update:width"]),
+    emits: /* @__PURE__ */ vue.mergeModels(["submit", "close", "open"], ["update:visible", "update:width"]),
     setup(__props, { expose: __expose, emit: __emit }) {
       const props = __props;
       const boxVisible = vue.useModel(__props, "visible");
@@ -15639,6 +15561,15 @@
       const errorHandler = (error) => {
         designPlugin.tMagicMessage.error(error.message);
       };
+      vue.watch(boxVisible, (visible) => {
+        vue.nextTick(() => {
+          if (!visible) {
+            emit("close");
+          } else if (initValues.value?.id) {
+            emit("open", initValues.value.id);
+          }
+        });
+      });
       __expose({
         show() {
           calcBoxPosition();
@@ -15774,6 +15705,7 @@
         emit("node-contextmenu", event, data);
       };
       __expose({
+        nodeStatusMap,
         filter: filterTextChangeHandler
       });
       return (_ctx, _cache) => {
@@ -15929,6 +15861,20 @@
       const eventBus = vue.inject("eventBus");
       const { dataSourceService } = useServices();
       const { editDialog, dataSourceValues, dialogTitle, editable, editHandler, submitDataSourceHandler } = useDataSourceEdit(dataSourceService);
+      const editDialogCloseHandler = () => {
+        if (dataSourceListRef.value) {
+          for (const [, status] of dataSourceListRef.value.nodeStatusMap.entries()) {
+            status.selected = false;
+          }
+        }
+      };
+      vue.watch(dataSourceValues, (dataSourceValues2) => {
+        if (dataSourceListRef.value && dataSourceValues2.id) {
+          for (const [statusId, status] of dataSourceListRef.value.nodeStatusMap.entries()) {
+            status.selected = statusId === dataSourceValues2.id;
+          }
+        }
+      });
       const datasourceTypeList = vue.computed(
         () => [
           { text: "基础", type: "base" },
@@ -15958,9 +15904,9 @@
         });
         dataSourceService.remove(id);
       };
-      const dataSourceList = vue.ref();
+      const dataSourceListRef = vue.useTemplateRef("dataSourceList");
       const filterTextChangeHandler = (val) => {
-        dataSourceList.value?.filter(val);
+        dataSourceListRef.value?.filter(val);
       };
       eventBus?.on("edit-data-source", (id) => {
         editHandler(id);
@@ -16027,8 +15973,7 @@
                 ]),
                 vue.createCommentVNode(" 数据源列表 "),
                 vue.createVNode(_sfc_main$h, {
-                  ref_key: "dataSourceList",
-                  ref: dataSourceList,
+                  ref: "dataSourceList",
                   indent: _ctx.indent,
                   "next-level-indent-increment": _ctx.nextLevelIndentIncrement,
                   onEdit: vue.unref(editHandler),
@@ -16045,7 +15990,8 @@
               disabled: !vue.unref(editable),
               values: vue.unref(dataSourceValues),
               title: vue.unref(dialogTitle),
-              onSubmit: vue.unref(submitDataSourceHandler)
+              onSubmit: vue.unref(submitDataSourceHandler),
+              onClose: editDialogCloseHandler
             }, null, 8, ["disabled", "values", "title", "onSubmit"]),
             (vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
               menuData.value.length ? (vue.openBlock(), vue.createBlock(_sfc_main$o, {
@@ -16932,7 +16878,7 @@
       const dragendHandler = () => {
         if (timeout) {
           globalThis.clearTimeout(timeout);
-          timeout = undefined;
+          timeout = void 0;
         }
         const doc = stage.value?.renderer?.getDocument();
         if (doc && stageOptions?.containerHighlightClassName) {
@@ -16947,7 +16893,7 @@
           clientY = e.clientY;
           if (timeout) {
             globalThis.clearTimeout(timeout);
-            timeout = undefined;
+            timeout = void 0;
           }
           return;
         }
@@ -17271,14 +17217,14 @@
                               }) : config.slots?.componentList ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(config.slots.componentList), { key: 1 })) : vue.createCommentVNode("v-if", true)
                             ]),
                             key: "0"
-                          } : undefined,
+                          } : void 0,
                           config.$key === "component-list" || config.slots?.componentListPanelHeader ? {
                             name: "component-list-panel-header",
                             fn: vue.withCtx(() => [
                               config.$key === "component-list" ? vue.renderSlot(_ctx.$slots, "component-list-panel-header", { key: 0 }) : config.slots?.componentListPanelHeader ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(config.slots.componentListPanelHeader), { key: 1 })) : vue.createCommentVNode("v-if", true)
                             ]),
                             key: "1"
-                          } : undefined,
+                          } : void 0,
                           config.$key === "component-list" || config.slots?.componentListItem ? {
                             name: "component-list-item",
                             fn: vue.withCtx(({ component }) => [
@@ -17291,21 +17237,21 @@
                               }, null, 8, ["component"])) : vue.createCommentVNode("v-if", true)
                             ]),
                             key: "2"
-                          } : undefined,
+                          } : void 0,
                           config.$key === "layer" || config.slots?.layerPanelHeader ? {
                             name: "layer-panel-header",
                             fn: vue.withCtx(() => [
                               config.$key === "layer" ? vue.renderSlot(_ctx.$slots, "layer-panel-header", { key: 0 }) : config.slots?.layerPanelHeader ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(config.slots.layerPanelHeader), { key: 1 })) : vue.createCommentVNode("v-if", true)
                             ]),
                             key: "3"
-                          } : undefined,
+                          } : void 0,
                           config.$key === "code-block" || config.slots?.codeBlockPanelHeader ? {
                             name: "code-block-panel-header",
                             fn: vue.withCtx(() => [
                               config.$key === "code-block" ? vue.renderSlot(_ctx.$slots, "code-block-panel-header", { key: 0 }) : config.slots?.codeBlockPanelHeader ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(config.slots.codeBlockPanelHeader), { key: 1 })) : vue.createCommentVNode("v-if", true)
                             ]),
                             key: "4"
-                          } : undefined,
+                          } : void 0,
                           config.$key === "code-block" || config.slots?.codeBlockPanelTool ? {
                             name: "code-block-panel-tool",
                             fn: vue.withCtx(({ id, data }) => [
@@ -17316,14 +17262,14 @@
                               }) : config.slots?.codeBlockPanelTool ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(config.slots.codeBlockPanelTool), { key: 1 })) : vue.createCommentVNode("v-if", true)
                             ]),
                             key: "5"
-                          } : undefined,
+                          } : void 0,
                           config.$key === "code-block" || config.slots?.codeBlockPanelSearch ? {
                             name: "code-block-panel-search",
                             fn: vue.withCtx(() => [
                               config.$key === "code-block" ? vue.renderSlot(_ctx.$slots, "code-block-panel-search", { key: 0 }) : config.slots?.codeBlockPanelSearch ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(config.slots.codeBlockPanelSearch), { key: 1 })) : vue.createCommentVNode("v-if", true)
                             ]),
                             key: "6"
-                          } : undefined,
+                          } : void 0,
                           config.$key === "layer" || config.slots?.layerNodeContent ? {
                             name: "layer-node-content",
                             fn: vue.withCtx(({ data: nodeData }) => [
@@ -17336,7 +17282,7 @@
                               }, null, 8, ["data"])) : vue.createCommentVNode("v-if", true)
                             ]),
                             key: "7"
-                          } : undefined,
+                          } : void 0,
                           config.$key === "layer" || config.slots?.layerNodeLabel ? {
                             name: "layer-node-label",
                             fn: vue.withCtx(({ data: nodeData }) => [
@@ -17349,7 +17295,7 @@
                               }, null, 8, ["data"])) : vue.createCommentVNode("v-if", true)
                             ]),
                             key: "8"
-                          } : undefined,
+                          } : void 0,
                           config.$key === "layer" || config.slots?.layerNodeTool ? {
                             name: "layer-node-tool",
                             fn: vue.withCtx(({ data: nodeData }) => [
@@ -17362,7 +17308,7 @@
                               }, null, 8, ["data"])) : vue.createCommentVNode("v-if", true)
                             ]),
                             key: "9"
-                          } : undefined,
+                          } : void 0,
                           config.$key === "data-source" || config.slots?.dataSourcePanelTool ? {
                             name: "data-source-panel-tool",
                             fn: vue.withCtx(({ data }) => [
@@ -17372,14 +17318,14 @@
                               }) : config.slots?.DataSourcePanelTool ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(config.slots.DataSourcePanelTool), { key: 1 })) : vue.createCommentVNode("v-if", true)
                             ]),
                             key: "10"
-                          } : undefined,
+                          } : void 0,
                           config.$key === "data-source" || config.slots?.dataSourcePanelSearch ? {
                             name: "data-source-panel-search",
                             fn: vue.withCtx(() => [
                               config.$key === "data-source" ? vue.renderSlot(_ctx.$slots, "data-source-panel-search", { key: 0 }) : config.slots?.dataSourcePanelSearch ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(config.slots.dataSourcePanelSearch), { key: 1 })) : vue.createCommentVNode("v-if", true)
                             ]),
                             key: "11"
-                          } : undefined
+                          } : void 0
                         ]),
                         1040
                         /* FULL_PROPS, DYNAMIC_SLOTS */
@@ -18374,7 +18320,7 @@
       editable: true,
       combineIds: [],
       undeletableList: [],
-      paramsColConfig: undefined
+      paramsColConfig: void 0
     });
     constructor() {
       super([
@@ -18638,7 +18584,6 @@
   const componentListService = new ComponentList();
 
   const canUsePluginMethods$1 = {
-    async: [],
     sync: [
       "getFormConfig",
       "setFormConfig",
@@ -19160,7 +19105,6 @@
   const keybindingService = new Keybinding();
 
   const canUsePluginMethods = {
-    async: [],
     sync: ["openOverlay", "closeOverlay", "updateOverlay", "createStage"]
   };
   class StageOverlay extends BaseService {
@@ -19500,14 +19444,14 @@
     const getTMagicApp = () => {
       const renderer = editorService.get("stage")?.renderer;
       if (!renderer) {
-        return undefined;
+        return void 0;
       }
       if (renderer.runtime) {
         return renderer.runtime.getApp?.();
       }
       return new Promise((resolve) => {
         const timeout = globalThis.setTimeout(() => {
-          resolve(undefined);
+          resolve(void 0);
         }, 1e4);
         renderer.on("runtime-ready", () => {
           if (timeout) {
@@ -19541,12 +19485,13 @@
         app.dsl.dataSources = root.dataSources;
       }
     };
-    const dsDepCollectedHandler = async () => {
+    const dsDepCollectedHandler = () => {
       const root = editorService.get("root");
-      const app = await getTMagicApp();
-      if (root && app?.dsl) {
-        app.dsl.dataSourceDeps = root.dataSourceDeps;
-      }
+      getTMagicApp()?.then((app) => {
+        if (root && app?.dsl) {
+          app.dsl.dataSourceDeps = root.dataSourceDeps;
+        }
+      });
     };
     const collectIdle = (nodes, deep, type) => Promise.all(
       nodes.map((node) => {
@@ -19579,7 +19524,7 @@
       depService.addTarget(core.createDataSourceMethodTarget(ds, vue.reactive({})));
       depService.addTarget(core.createDataSourceCondTarget(ds, vue.reactive({})));
     };
-    const rootChangeHandler = async (value, preValue) => {
+    const rootChangeHandler = (value, preValue) => {
       if (!value) return;
       value.codeBlocks = value.codeBlocks || {};
       value.dataSources = value.dataSources || [];
@@ -19602,29 +19547,33 @@
         delete value.dataSourceDeps;
         delete value.dataSourceCondDeps;
       }
-      const nodeId = editorService.get("node")?.id || props.defaultSelected;
-      let node;
-      if (nodeId) {
-        node = editorService.getNodeById(nodeId);
-      }
-      if (node && node !== value) {
-        await editorService.select(node.id);
-      } else if (value.items?.length) {
-        await editorService.select(value.items[0]);
-      } else if (value.id) {
-        editorService.set("nodes", [value]);
-        editorService.set("parent", null);
-        editorService.set("page", null);
-      }
-      if (vue.toRaw(value) !== vue.toRaw(preValue)) {
-        emit("update:modelValue", value);
-      }
+      const handler = async () => {
+        const nodeId = editorService.get("node")?.id || props.defaultSelected;
+        let node;
+        if (nodeId) {
+          node = editorService.getNodeById(nodeId);
+        }
+        if (node && node !== value) {
+          await editorService.select(node.id);
+        } else if (value.items?.length) {
+          await editorService.select(value.items[0]);
+        } else if (value.id) {
+          editorService.set("nodes", [value]);
+          editorService.set("parent", null);
+          editorService.set("page", null);
+        }
+        if (vue.toRaw(value) !== vue.toRaw(preValue)) {
+          emit("update:modelValue", value);
+        }
+      };
+      handler();
     };
-    const nodeAddHandler = async (nodes) => {
-      await collectIdle(nodes, true);
-      updateStageNodes(nodes);
+    const nodeAddHandler = (nodes) => {
+      collectIdle(nodes, true).then(() => {
+        updateStageNodes(nodes);
+      });
     };
-    const nodeUpdateHandler = async (data) => {
+    const nodeUpdateHandler = (data) => {
       const needRecollectNodes = [];
       const normalNodes = [];
       for (const { newNode, oldNode, changeRecords } of data) {
@@ -19656,9 +19605,12 @@
         }
       }
       if (needRecollectNodes.length) {
-        await collectIdle(needRecollectNodes, true, core.DepTargetType.DATA_SOURCE);
-        await collectIdle(needRecollectNodes, true, core.DepTargetType.DATA_SOURCE_COND);
-        updateStageNodes(needRecollectNodes);
+        const handler = async () => {
+          await collectIdle(needRecollectNodes, true, core.DepTargetType.DATA_SOURCE);
+          await collectIdle(needRecollectNodes, true, core.DepTargetType.DATA_SOURCE_COND);
+          updateStageNodes(needRecollectNodes);
+        };
+        handler();
       } else {
         updateStageNodes(normalNodes);
         Promise.all([
@@ -19670,28 +19622,32 @@
     const nodeRemoveHandler = (nodes) => {
       depService.clear(nodes);
     };
-    const historyChangeHandler = async (page) => {
-      await collectIdle([page], true);
-      updateStageNode(page);
+    const historyChangeHandler = (page) => {
+      collectIdle([page], true).then(() => {
+        updateStageNode(page);
+      });
     };
     editorService.on("history-change", historyChangeHandler);
     editorService.on("root-change", rootChangeHandler);
     editorService.on("add", nodeAddHandler);
     editorService.on("remove", nodeRemoveHandler);
     editorService.on("update", nodeUpdateHandler);
-    const dataSourceAddHandler = async (config) => {
-      initDataSourceDepTarget(config);
-      const app = await getTMagicApp();
-      if (!app?.dataSourceManager) {
-        return;
-      }
-      app.dataSourceManager.addDataSource(config);
-      const newDs = app.dataSourceManager.get(config.id);
-      if (newDs) {
-        app.dataSourceManager.init(newDs);
-      }
+    const dataSourceAddHandler = (config) => {
+      const handler = async () => {
+        initDataSourceDepTarget(config);
+        const app = await getTMagicApp();
+        if (!app?.dataSourceManager) {
+          return;
+        }
+        app.dataSourceManager.addDataSource(config);
+        const newDs = app.dataSourceManager.get(config.id);
+        if (newDs) {
+          app.dataSourceManager.init(newDs);
+        }
+      };
+      handler();
     };
-    const dataSourceUpdateHandler = async (config, { changeRecords }) => {
+    const dataSourceUpdateHandler = (config, { changeRecords }) => {
       const updateDsData = async () => {
         const app = await getTMagicApp();
         if (!app?.dataSourceManager) {
@@ -19752,23 +19708,26 @@
       depService.removeTarget(id, core.DepTargetType.DATA_SOURCE_COND);
       depService.removeTarget(id, core.DepTargetType.DATA_SOURCE_METHOD);
     };
-    const dataSourceRemoveHandler = async (id) => {
+    const dataSourceRemoveHandler = (id) => {
       const root = editorService.get("root");
       if (!root) {
         return;
       }
-      const nodeIds = Object.keys(root.dataSourceDeps?.[id] || {});
-      const nodes = utils.getNodes(nodeIds, root.items);
-      await Promise.all([
-        collectIdle(nodes, false, core.DepTargetType.DATA_SOURCE),
-        collectIdle(nodes, false, core.DepTargetType.DATA_SOURCE_COND),
-        collectIdle(nodes, false, core.DepTargetType.DATA_SOURCE_METHOD)
-      ]);
-      updateDataSourceSchema();
-      const app = await getTMagicApp();
-      app?.dataSourceManager?.removeDataSource(id);
-      updateStageNodes(nodes);
-      removeDataSourceTarget(id);
+      const handler = async () => {
+        const nodeIds = Object.keys(root.dataSourceDeps?.[id] || {});
+        const nodes = utils.getNodes(nodeIds, root.items);
+        await Promise.all([
+          collectIdle(nodes, false, core.DepTargetType.DATA_SOURCE),
+          collectIdle(nodes, false, core.DepTargetType.DATA_SOURCE_COND),
+          collectIdle(nodes, false, core.DepTargetType.DATA_SOURCE_METHOD)
+        ]);
+        updateDataSourceSchema();
+        const app = await getTMagicApp();
+        app?.dataSourceManager?.removeDataSource(id);
+        updateStageNodes(nodes);
+        removeDataSourceTarget(id);
+      };
+      handler();
     };
     dataSourceService.on("add", dataSourceAddHandler);
     dataSourceService.on("update", dataSourceUpdateHandler);