ele-admin-plus 1.4.1-beta.1 → 1.5.0-beta.1

package/es/ele-pro-form-builder/components/icons/svg-icon.js

@@ -32,29 +32,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass([
           {
-            "ele-icon-color-primary": _ctx.color !== "secondary" && _ctx.color !== "lighter" && _ctx.color !== "base" && _ctx.color !== "placeholder" && _ctx.color !== "light" && _ctx.color !== "primary5" && _ctx.color !== "success"
+            "ele-icon-color-primary": __props.color !== "secondary" && __props.color !== "lighter" && __props.color !== "base" && __props.color !== "placeholder" && __props.color !== "light" && __props.color !== "primary5" && __props.color !== "success"
           },
-          { "ele-icon-color-secondary": _ctx.color === "secondary" },
-          { "ele-icon-color-lighter": _ctx.color === "lighter" },
-          { "ele-icon-color-base": _ctx.color === "base" },
-          { "ele-icon-color-placeholder": _ctx.color === "placeholder" },
-          { "ele-icon-color-light": _ctx.color === "light" },
-          { "ele-icon-color-primary5": _ctx.color === "primary5" },
-          { "ele-icon-color-success": _ctx.color === "success" }
+          { "ele-icon-color-secondary": __props.color === "secondary" },
+          { "ele-icon-color-lighter": __props.color === "lighter" },
+          { "ele-icon-color-base": __props.color === "base" },
+          { "ele-icon-color-placeholder": __props.color === "placeholder" },
+          { "ele-icon-color-light": __props.color === "light" },
+          { "ele-icon-color-primary5": __props.color === "primary5" },
+          { "ele-icon-color-success": __props.color === "success" }
         ]),
         style: normalizeStyle({
           flexShrink: 0,
           display: "flex",
           alignItems: "center",
           justifyContent: "center",
-          fontSize: _ctx.size === "sm" ? "12px" : "14px"
+          fontSize: __props.size === "sm" ? "12px" : "14px"
         })
       }, [
         renderSlot(_ctx.$slots, "default", {}, () => [
-          (openBlock(), createBlock(resolveDynamicComponent(_ctx.name), {
+          (openBlock(), createBlock(resolveDynamicComponent(__props.name), {
             width: "1em",
             height: "1em",
-            style: normalizeStyle(_ctx.iconStyle)
+            style: normalizeStyle(__props.iconStyle)
           }, null, 8, ["style"]))
         ])
       ], 6);

package/es/ele-pro-form-builder/components/if-edit.js

@@ -13,7 +13,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     modelValue: {},
     title: {},
     codeTips: {},
-    codeEditerComponent: { type: [String, Object, Function] }
+    codeEditerComponent: {}
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -42,7 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           onClick: openModal
         }, {
           default: withCtx(() => [
-            createTextVNode(toDisplayString(_ctx.title), 1)
+            createTextVNode(toDisplayString(__props.title), 1)
           ]),
           _: 1
         }),
@@ -63,18 +63,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, {
           header: withCtx(() => [
             createElementVNode("div", _hoisted_1, [
-              createElementVNode("div", null, toDisplayString(_ctx.title), 1),
-              _ctx.codeTips ? (openBlock(), createBlock(unref(ElIcon), {
+              createElementVNode("div", null, toDisplayString(__props.title), 1),
+              __props.codeTips ? (openBlock(), createBlock(unref(ElIcon), {
                 key: 0,
                 class: "ele-pro-form-builder-code-edit-icon",
                 onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
                 }, ["stop"])),
-                onTouchstart: _cache[1] || (_cache[1] = withModifiers(() => {
+                onTouchstartPassive: _cache[1] || (_cache[1] = withModifiers(() => {
                 }, ["stop"]))
               }, {
                 default: withCtx(() => [
                   createVNode(unref(QuestionCircleOutlined)),
-                  createElementVNode("div", _hoisted_2, toDisplayString(_ctx.codeTips), 1)
+                  createElementVNode("div", _hoisted_2, toDisplayString(__props.codeTips), 1)
                 ]),
                 _: 1
               })) : createCommentVNode("", true)
@@ -85,27 +85,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               size: "default",
               onClick: handleCancel
             }, {
-              default: withCtx(() => _cache[4] || (_cache[4] = [
-                createTextVNode("取消")
-              ])),
-              _: 1,
-              __: [4]
+              default: withCtx(() => [..._cache[4] || (_cache[4] = [
+                createTextVNode("取消", -1)
+              ])]),
+              _: 1
             }),
             createVNode(unref(ElButton), {
               type: "primary",
               size: "default",
               onClick: handleSave
             }, {
-              default: withCtx(() => _cache[5] || (_cache[5] = [
-                createTextVNode(" 保存 ")
-              ])),
-              _: 1,
-              __: [5]
+              default: withCtx(() => [..._cache[5] || (_cache[5] = [
+                createTextVNode(" 保存 ", -1)
+              ])]),
+              _: 1
             })
           ]),
           default: withCtx(() => [
             createElementVNode("div", _hoisted_3, [
-              (openBlock(), createBlock(resolveDynamicComponent(_ctx.codeEditerComponent || CodeEditer), {
+              (openBlock(), createBlock(resolveDynamicComponent(__props.codeEditerComponent || CodeEditer), {
                 modelValue: codeContent.value,
                 "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => codeContent.value = $event)
               }, null, 8, ["modelValue"]))

package/es/ele-pro-form-builder/components/import-modal.js

@@ -13,7 +13,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     modelValue: { type: Boolean },
     config: {},
     isImport: { type: Boolean },
-    jsonEditerComponent: { type: [String, Object, Function] }
+    jsonEditerComponent: {}
   },
   emits: ["update:modelValue", "importData"],
   setup(__props, { emit: __emit }) {
@@ -98,48 +98,46 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         maxable: true,
         position: "center",
         title: "表单配置JSON",
-        modelValue: _ctx.modelValue,
+        modelValue: __props.modelValue,
         closeOnClickModal: false,
         destroyOnClose: true,
         bodyStyle: {
           height: "520px",
           minHeight: "100%",
           maxHeight: "100%",
-          padding: _ctx.isImport ? "8px 16px 8px 16px" : "8px 16px 12px 16px"
+          padding: __props.isImport ? "8px 16px 8px 16px" : "8px 16px 12px 16px"
         },
         "onUpdate:modelValue": handleUpdateModelValue
       }, createSlots({
         default: withCtx(() => [
-          (openBlock(), createBlock(resolveDynamicComponent(_ctx.jsonEditerComponent || CodeEditer), {
+          (openBlock(), createBlock(resolveDynamicComponent(__props.jsonEditerComponent || CodeEditer), {
             modelValue: jsonContent.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => jsonContent.value = $event)
           }, null, 8, ["modelValue"]))
         ]),
         _: 2
       }, [
-        _ctx.isImport ? {
+        __props.isImport ? {
           name: "footer",
           fn: withCtx(() => [
             createVNode(unref(ElButton), {
               size: "default",
               onClick: handleCloseModal
             }, {
-              default: withCtx(() => _cache[1] || (_cache[1] = [
-                createTextVNode("取消")
-              ])),
-              _: 1,
-              __: [1]
+              default: withCtx(() => [..._cache[1] || (_cache[1] = [
+                createTextVNode("取消", -1)
+              ])]),
+              _: 1
             }),
             createVNode(unref(ElButton), {
               type: "primary",
               size: "default",
               onClick: handleImport
             }, {
-              default: withCtx(() => _cache[2] || (_cache[2] = [
-                createTextVNode(" 导入 ")
-              ])),
-              _: 1,
-              __: [2]
+              default: withCtx(() => [..._cache[2] || (_cache[2] = [
+                createTextVNode(" 导入 ", -1)
+              ])]),
+              _: 1
             })
           ]),
           key: "0"

package/es/ele-pro-form-builder/components/json-input.js

@@ -54,7 +54,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         type: "textarea",
         modelValue: inputValue.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
-        placeholder: _ctx.placeholder,
+        placeholder: __props.placeholder,
         onChange: handleInputChange
       }, null, 8, ["modelValue", "placeholder"]);
     };

package/es/ele-pro-form-builder/components/options-code.js

@@ -8,7 +8,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     data: {},
     codePlaceholder: {},
     codePrefix: {},
-    codeEditerComponent: { type: [String, Object, Function] }
+    codeEditerComponent: {}
   },
   setup(__props, { expose: __expose }) {
     const props = __props;
@@ -38,7 +38,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        (openBlock(), createBlock(resolveDynamicComponent(_ctx.codeEditerComponent || CodeEditer), {
+        (openBlock(), createBlock(resolveDynamicComponent(__props.codeEditerComponent || CodeEditer), {
           modelValue: codeContent.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => codeContent.value = $event)
         }, null, 8, ["modelValue"]))

package/es/ele-pro-form-builder/components/options-edit.js

@@ -19,7 +19,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     codeTips: {},
     codePlaceholder: {},
     codePrefix: {},
-    codeEditerComponent: { type: [String, Object, Function] }
+    codeEditerComponent: {}
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -43,8 +43,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       visible.value = false;
     };
     const handleSave = () => {
-      var _a, _b;
-      const result = (_b = (_a = editerRef.value) == null ? void 0 : _a.getResult) == null ? void 0 : _b.call(_a);
+      const result = editerRef.value?.getResult?.();
       emit("update:modelValue", result ?? []);
       visible.value = false;
     };
@@ -56,7 +55,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           onClick: openModal
         }, {
           default: withCtx(() => [
-            createTextVNode(toDisplayString(_ctx.title), 1)
+            createTextVNode(toDisplayString(__props.title), 1)
           ]),
           _: 1
         }),
@@ -64,7 +63,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           width: 960,
           maxable: true,
           position: "center",
-          title: _ctx.title,
+          title: __props.title,
           modelValue: visible.value,
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => visible.value = $event),
           closeOnClickModal: false,
@@ -83,26 +82,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               size: "default",
               onClick: handleCancel
             }, {
-              default: withCtx(() => _cache[2] || (_cache[2] = [
-                createTextVNode("取消")
-              ])),
-              _: 1,
-              __: [2]
+              default: withCtx(() => [..._cache[2] || (_cache[2] = [
+                createTextVNode("取消", -1)
+              ])]),
+              _: 1
             }),
             createVNode(unref(ElButton), {
               type: "primary",
               size: "default",
               onClick: handleSave
             }, {
-              default: withCtx(() => _cache[3] || (_cache[3] = [
-                createTextVNode(" 保存 ")
-              ])),
-              _: 1,
-              __: [3]
+              default: withCtx(() => [..._cache[3] || (_cache[3] = [
+                createTextVNode(" 保存 ", -1)
+              ])]),
+              _: 1
             })
           ]),
           default: withCtx(() => [
-            _ctx.codeOptions ? (openBlock(), createBlock(EleTabBar, {
+            __props.codeOptions ? (openBlock(), createBlock(EleTabBar, {
               key: 0,
               modelValue: optionsType.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => optionsType.value = $event),
@@ -115,34 +112,34 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, {
               label: withCtx(({ label, item }) => [
                 createElementVNode("span", null, toDisplayString(label), 1),
-                optionsType.value === "optionsCode" && item.value === "optionsCode" && _ctx.codeTips ? (openBlock(), createBlock(unref(ElIcon), {
+                optionsType.value === "optionsCode" && item.value === "optionsCode" && __props.codeTips ? (openBlock(), createBlock(unref(ElIcon), {
                   key: 0,
                   class: "ele-pro-form-builder-code-edit-icon"
                 }, {
                   default: withCtx(() => [
                     createVNode(unref(QuestionCircleOutlined)),
-                    createElementVNode("div", _hoisted_1, toDisplayString(_ctx.codeTips), 1)
+                    createElementVNode("div", _hoisted_1, toDisplayString(__props.codeTips), 1)
                   ]),
                   _: 1
                 })) : createCommentVNode("", true)
               ]),
               _: 1
             }, 8, ["modelValue"])) : createCommentVNode("", true),
-            !_ctx.codeOptions || optionsType.value === "optionsTable" ? (openBlock(), createBlock(OptionsTable, {
+            !__props.codeOptions || optionsType.value === "optionsTable" ? (openBlock(), createBlock(OptionsTable, {
               key: 1,
               ref_key: "editerRef",
               ref: editerRef,
-              data: _ctx.modelValue,
-              isTreeData: _ctx.isTreeData,
-              columns: _ctx.columns
-            }, null, 8, ["data", "isTreeData", "columns"])) : _ctx.codeOptions ? (openBlock(), createBlock(OptionsCode, {
+              data: __props.modelValue,
+              isTreeData: __props.isTreeData,
+              columns: __props.columns
+            }, null, 8, ["data", "isTreeData", "columns"])) : __props.codeOptions ? (openBlock(), createBlock(OptionsCode, {
               key: 2,
               ref_key: "editerRef",
               ref: editerRef,
-              data: _ctx.modelValue,
-              codePlaceholder: _ctx.codePlaceholder,
+              data: __props.modelValue,
+              codePlaceholder: __props.codePlaceholder,
               codePrefix: codePrefixStr.value,
-              codeEditerComponent: _ctx.codeEditerComponent
+              codeEditerComponent: __props.codeEditerComponent
             }, null, 8, ["data", "codePlaceholder", "codePrefix", "codeEditerComponent"])) : createCommentVNode("", true)
           ]),
           _: 1

package/es/ele-pro-form-builder/components/options-table.js

@@ -39,8 +39,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const tableMinWidth = computed(() => {
       let width = 0;
       tableColumns.value.forEach((col) => {
-        var _a;
-        const w = (_a = col.style) == null ? void 0 : _a.width;
+        const w = col.style?.width;
         const wn = w == null || typeof w === "number" ? w : Number.parseInt(w);
         width += (wn == null || isNaN(wn) ? void 0 : wn) ?? 120;
       });
@@ -235,13 +234,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         data: tableData.value,
         columns: tableColumns.value,
         tableStyle: { minWidth: tableMinWidth.value },
-        class: normalizeClass([
-          "ele-pro-form-builder-options-editer",
-          { "is-table-data": _ctx.columns === "tableData" }
-        ])
+        class: normalizeClass(["ele-pro-form-builder-options-editer", { "is-table-data": __props.columns === "tableData" }])
       }, {
         bodyCell: withCtx(({ row, column, treeLevel }) => [
-          _ctx.columns === "tableColumns" && column.prop === "align" ? (openBlock(), createBlock(EleSelect, {
+          __props.columns === "tableColumns" && column.prop === "align" ? (openBlock(), createBlock(EleSelect, {
             key: 0,
             size: "default",
             placeholder: "",
@@ -255,7 +251,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ],
             popperOptions: { strategy: "fixed" },
             class: "ele-fluid"
-          }, null, 8, ["modelValue", "onUpdate:modelValue"])) : _ctx.columns === "tableColumns" && column.prop === "fixed" ? (openBlock(), createBlock(EleSelect, {
+          }, null, 8, ["modelValue", "onUpdate:modelValue"])) : __props.columns === "tableColumns" && column.prop === "fixed" ? (openBlock(), createBlock(EleSelect, {
             key: 1,
             size: "default",
             placeholder: "",
@@ -269,7 +265,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ],
             popperOptions: { strategy: "fixed" },
             class: "ele-fluid"
-          }, null, 8, ["modelValue", "onUpdate:modelValue"])) : _ctx.columns === "tableColumns" && column.prop === "type" ? (openBlock(), createBlock(EleSelect, {
+          }, null, 8, ["modelValue", "onUpdate:modelValue"])) : __props.columns === "tableColumns" && column.prop === "type" ? (openBlock(), createBlock(EleSelect, {
             key: 2,
             size: "default",
             placeholder: "",
@@ -284,7 +280,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ],
             popperOptions: { strategy: "fixed" },
             class: "ele-fluid"
-          }, null, 8, ["modelValue", "onUpdate:modelValue"])) : _ctx.columns === "tableColumns" && column.prop === "sortable" ? (openBlock(), createBlock(EleSelect, {
+          }, null, 8, ["modelValue", "onUpdate:modelValue"])) : __props.columns === "tableColumns" && column.prop === "sortable" ? (openBlock(), createBlock(EleSelect, {
             key: 3,
             size: "default",
             placeholder: "",
@@ -321,7 +317,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               tooltip: "删除数据",
               onClick: ($event) => handleDelete(row)
             }, null, 8, ["buttonProps", "onClick"]),
-            _ctx.isTreeData && !(typeof _ctx.isTreeData === "object" && _ctx.isTreeData.maxDepth && (treeLevel || 1) >= _ctx.isTreeData.maxDepth) ? (openBlock(), createBlock(ToolButton, {
+            __props.isTreeData && !(typeof __props.isTreeData === "object" && __props.isTreeData.maxDepth && (treeLevel || 1) >= __props.isTreeData.maxDepth) ? (openBlock(), createBlock(ToolButton, {
               key: 0,
               buttonProps: {
                 type: "primary",
@@ -334,7 +330,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ])) : createCommentVNode("", true)
         ]),
         headerCell: withCtx(({ column }) => [
-          _ctx.columns === "tableData" && column.prop ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          __props.columns === "tableData" && column.prop ? (openBlock(), createElementBlock("div", _hoisted_3, [
             createVNode(unref(ElInput), {
               size: "default",
               clearable: true,
@@ -351,7 +347,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               onClick: ($event) => handleDeleteCol(column)
             }, null, 8, ["buttonProps", "onClick"])
           ])) : column.key === actionColKey ? (openBlock(), createElementBlock("div", _hoisted_4, [
-            _ctx.columns === "tableData" ? (openBlock(), createBlock(ToolButton, {
+            __props.columns === "tableData" ? (openBlock(), createBlock(ToolButton, {
               key: 0,
               buttonProps: {
                 type: "primary",

package/es/ele-pro-form-builder/components/outline-list.js

@@ -49,11 +49,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("updateItemChildren", children, parentKey);
     };
     const handleUpdateModelValue = (data) => {
-      var _a;
       if (props.parent != null && props.parent.key == null) {
         return;
       }
-      handleUpdateItemChildren(data, (_a = props.parent) == null ? void 0 : _a.key);
+      handleUpdateItemChildren(data, props.parent?.key);
     };
     const itemIsContainerType = (item) => {
       return isContainerType(item, props.itemTypeData);
@@ -68,7 +67,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_OutlineList = resolveComponent("OutlineList", true);
       return openBlock(), createBlock(unref(VueDraggable), {
         itemKey: "key",
-        modelValue: _ctx.items,
+        modelValue: __props.items,
         forceFallback: true,
         fallbackOnBody: true,
         setData: () => void 0,
@@ -79,25 +78,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, {
         item: withCtx(({ element }) => [
           createElementVNode("div", {
-            class: normalizeClass([
-              "ele-pro-form-builder-outline-item",
+            class: normalizeClass(["ele-pro-form-builder-outline-item", [
               {
-                "is-active": element.key != null && _ctx.currentFormItemId != null && _ctx.currentFormItemId === element.key
+                "is-active": element.key != null && __props.currentFormItemId != null && __props.currentFormItemId === element.key
               },
               {
-                "is-collapse": element.key != null && _ctx.collapseItemIds && _ctx.collapseItemIds.includes(element.key)
+                "is-collapse": element.key != null && __props.collapseItemIds && __props.collapseItemIds.includes(element.key)
               },
               { "is-form-item": !itemIsContainerType(element) }
-            ])
+            ]])
           }, [
             itemIsContainerType(element) ? (openBlock(), createBlock(_component_OutlineList, {
               key: 0,
               items: element.children || [],
-              currentFormItemId: _ctx.currentFormItemId,
-              collapseItemIds: _ctx.collapseItemIds,
+              currentFormItemId: __props.currentFormItemId,
+              collapseItemIds: __props.collapseItemIds,
               parent: element,
-              componentData: _ctx.componentData,
-              itemTypeData: _ctx.itemTypeData,
+              componentData: __props.componentData,
+              itemTypeData: __props.itemTypeData,
               "onUpdate:currentFormItemId": handleUpdateCurrentFormItemId,
               onToggleItemCollapse: handleToggleItemCollapse,
               onDeleteItem: handleDeleteItem,
@@ -108,7 +106,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, null, 8, ["items", "currentFormItemId", "collapseItemIds", "parent", "componentData", "itemTypeData"])) : createCommentVNode("", true),
             createElementVNode("div", {
               class: "ele-pro-form-builder-outline-item-body",
-              title: (element.prop ?? "") + " " + (element.label ?? ""),
+              title: `${element.prop ?? ""} ${element.label ?? ""}`,
               onClick: ($event) => handleUpdateCurrentFormItemId(element.key)
             }, [
               element.children && element.children.length ? (openBlock(), createBlock(unref(ElIcon), {
@@ -119,12 +117,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 default: withCtx(() => [
                   createVNode(unref(ArrowDown))
                 ]),
-                _: 2
-              }, 1032, ["onClick"])) : createCommentVNode("", true),
+                _: 1
+              }, 8, ["onClick"])) : createCommentVNode("", true),
               createElementVNode("div", _hoisted_2, [
                 createVNode(ComponentName, {
                   itemType: element.type,
-                  componentData: _ctx.componentData,
+                  componentData: __props.componentData,
                   class: "ele-pro-form-builder-outline-item-type-tag"
                 }, null, 8, ["itemType", "componentData"]),
                 createElementVNode("span", _hoisted_3, toDisplayString(element.prop), 1),
@@ -139,8 +137,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 default: withCtx(() => [
                   createVNode(unref(DeleteOutlined))
                 ]),
-                _: 2
-              }, 1032, ["onClick"])) : createCommentVNode("", true),
+                _: 1
+              }, 8, ["onClick"])) : createCommentVNode("", true),
               !isTableChildType(element) ? (openBlock(), createBlock(unref(ElIcon), {
                 key: 2,
                 class: "ele-pro-form-builder-outline-item-tool",
@@ -150,8 +148,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 default: withCtx(() => [
                   createVNode(unref(CopyOutlined))
                 ]),
-                _: 2
-              }, 1032, ["onClick"])) : createCommentVNode("", true),
+                _: 1
+              }, 8, ["onClick"])) : createCommentVNode("", true),
               element.type === "table" ? (openBlock(), createBlock(unref(ElIcon), {
                 key: 3,
                 class: "ele-pro-form-builder-outline-item-tool",
@@ -161,8 +159,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 default: withCtx(() => [
                   createVNode(unref(InsertRowOutlined))
                 ]),
-                _: 2
-              }, 1032, ["onClick"])) : createCommentVNode("", true),
+                _: 1
+              }, 8, ["onClick"])) : createCommentVNode("", true),
               element.type === "table" ? (openBlock(), createBlock(unref(ElIcon), {
                 key: 4,
                 class: "ele-pro-form-builder-outline-item-tool",
@@ -172,8 +170,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 default: withCtx(() => [
                   createVNode(unref(InsertColumnOutlined))
                 ]),
-                _: 2
-              }, 1032, ["onClick"])) : createCommentVNode("", true),
+                _: 1
+              }, 8, ["onClick"])) : createCommentVNode("", true),
               element.type === "tableCell" ? (openBlock(), createBlock(unref(ElIcon), {
                 key: 5,
                 class: "ele-pro-form-builder-outline-item-tool",
@@ -181,10 +179,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 onClick: withModifiers((e) => handleOpenTableTool(element, e), ["stop"])
               }, {
                 default: withCtx(() => [
-                  createVNode(unref(AppstoreAddOutlined), { style: { "transform": "scale(1.1)" } })
+                  createVNode(unref(AppstoreAddOutlined), { style: { transform: "scale(1.1)" } })
                 ]),
-                _: 2
-              }, 1032, ["onClick"])) : createCommentVNode("", true),
+                _: 1
+              }, 8, ["onClick"])) : createCommentVNode("", true),
               itemIsContainerType(element) && element.type !== "table" && element.type !== "tableRow" ? (openBlock(), createBlock(unref(ElIcon), {
                 key: 6,
                 class: "ele-pro-form-builder-outline-item-tool",
@@ -205,7 +203,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 default: withCtx(() => [
                   element.type && unref(fixedChildTypes).some((d) => d.type === element.type) ? (openBlock(), createBlock(unref(PlusSquareDashOutlined), { key: 0 })) : (openBlock(), createBlock(unref(PlusOutlined), {
                     key: 1,
-                    style: { "transform": "scale(1.1)" }
+                    style: { transform: "scale(1.1)" }
                   }))
                 ]),
                 _: 2
@@ -217,7 +215,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }, ["stop"]))
               }, {
                 default: withCtx(() => [
-                  createVNode(unref(DragOutlined), { style: { "transform": "scale(1.1)" } })
+                  createVNode(unref(DragOutlined), { style: { transform: "scale(1.1)" } })
                 ]),
                 _: 1
               }),

package/es/ele-pro-form-builder/components/outline-tree.js

@@ -51,10 +51,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     };
     const handleOpenTableTool = (item, e) => {
-      var _a, _b;
       const el = e.currentTarget;
-      const triggerEl = (_b = (_a = el == null ? void 0 : el.parentElement) == null ? void 0 : _a.querySelector) == null ? void 0 : _b.call(
-        _a,
+      const triggerEl = el?.parentElement?.querySelector?.(
         ".ele-pro-form-builder-outline-item-table-tool-trigger"
       );
       emit("openTableTool", item.key, triggerEl);
@@ -83,13 +81,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        _ctx.formItems ? (openBlock(), createBlock(OutlineList, {
+        __props.formItems ? (openBlock(), createBlock(OutlineList, {
           key: 0,
-          items: _ctx.formItems,
-          currentFormItemId: _ctx.currentFormItemId,
+          items: __props.formItems,
+          currentFormItemId: __props.currentFormItemId,
           collapseItemIds: collapseItemIds.value,
-          componentData: _ctx.componentData,
-          itemTypeData: _ctx.itemTypeData,
+          componentData: __props.componentData,
+          itemTypeData: __props.itemTypeData,
           "onUpdate:currentFormItemId": handleUpdateCurrentFormItemId,
           onToggleItemCollapse: handleToggleItemCollapse,
           onDeleteItem: handleDeleteItem,
@@ -98,7 +96,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           onOpenTableTool: handleOpenTableTool,
           onUpdateItemChildren: handleUpdateItemChildren
         }, null, 8, ["items", "currentFormItemId", "collapseItemIds", "componentData", "itemTypeData"])) : createCommentVNode("", true),
-        !_ctx.formItems || !_ctx.formItems.length ? (openBlock(), createBlock(unref(ElEmpty), {
+        !__props.formItems || !__props.formItems.length ? (openBlock(), createBlock(unref(ElEmpty), {
           key: 1,
           imageSize: 58,
           class: "ele-pro-form-builder-form-empty"