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

package/es/ele-pro-form-builder/components/props-form.js

@@ -21,10 +21,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     formProps: {},
     configFormPresetProps: {},
     componentData: {},
-    proFormComponent: { type: [String, Object, Function] },
-    codeEditerComponent: { type: [String, Object, Function] },
-    jsonEditerComponent: { type: [String, Object, Function] },
-    htmlEditerComponent: { type: [String, Object, Function] },
+    proFormComponent: {},
+    codeEditerComponent: {},
+    jsonEditerComponent: {},
+    htmlEditerComponent: {},
     itemTypeData: {},
     httpRequest: {}
   },
@@ -64,14 +64,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("openComponentPicker", item.key, isAdd ? void 0 : item.type);
     };
     const handleAddChildren = (parent) => {
-      var _a;
       if (parent.type && fixedChildTypes.some((d) => d.type === parent.type)) {
         const result = generateAddChildData(
           parent,
           void 0,
           void 0,
           void 0,
-          (_a = props.formProps) == null ? void 0 : _a.items,
+          props.formProps?.items,
           void 0,
           props.componentData
         );
@@ -94,7 +93,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch(
       [() => props.formProps, () => props.currentFormItemId],
       () => {
-        var _a, _b, _c, _d, _e;
         if (props.currentFormItemId == null) {
           resetPropsFormData();
           propsFormItems.value = [];
@@ -102,7 +100,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           return;
         }
         const temp = findTree(
-          (_a = props.formProps) == null ? void 0 : _a.items,
+          props.formProps?.items,
           (item) => item.key === props.currentFormItemId
         );
         const { data, items } = getFormDataAndItems(temp, props.componentData);
@@ -110,8 +108,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           Object.assign({}, data, {
             itemProps: Object.assign(
               {
-                labelWidth: ((_b = props.formProps) == null ? void 0 : _b.labelWidth) ?? ((_c = props.configFormPresetProps) == null ? void 0 : _c.labelWidth),
-                labelPosition: ((_d = props.formProps) == null ? void 0 : _d.labelPosition) ?? ((_e = props.configFormPresetProps) == null ? void 0 : _e.labelPosition)
+                labelWidth: props.formProps?.labelWidth ?? props.configFormPresetProps?.labelWidth,
+                labelPosition: props.formProps?.labelPosition ?? props.configFormPresetProps?.labelPosition
               },
               data.itemProps
             )
@@ -134,22 +132,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        (openBlock(), createBlock(resolveDynamicComponent(_ctx.proFormComponent || EleProForm), {
+        (openBlock(), createBlock(resolveDynamicComponent(__props.proFormComponent || EleProForm), {
           ref_key: "propsProFormRef",
           ref: propsProFormRef,
           size: "small",
           labelPosition: "top",
           model: propsFormData,
           items: propsFormItems.value,
-          itemTypeData: _ctx.itemTypeData,
-          httpRequest: _ctx.httpRequest,
+          itemTypeData: __props.itemTypeData,
+          httpRequest: __props.httpRequest,
           class: "ele-pro-form-builder-props-form",
           onUpdateValue: handleUpdateItem
         }, createSlots({ _: 2 }, [
           !_ctx.$slots.proFormBuilderOptionsEdit ? {
             name: "proFormBuilderOptionsEdit",
             fn: withCtx(({ item, modelValue, updateValue }) => [
-              createVNode(OptionsEdit, mergeProps({ codeEditerComponent: _ctx.codeEditerComponent }, item.props || {}, {
+              createVNode(OptionsEdit, mergeProps({ codeEditerComponent: __props.codeEditerComponent }, item.props || {}, {
                 modelValue,
                 "onUpdate:modelValue": updateValue
               }), null, 16, ["codeEditerComponent", "modelValue", "onUpdate:modelValue"])
@@ -159,7 +157,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           !_ctx.$slots.proFormBuilderEventEdit ? {
             name: "proFormBuilderEventEdit",
             fn: withCtx(({ item, modelValue, updateValue }) => [
-              createVNode(EventEdit, mergeProps({ codeEditerComponent: _ctx.codeEditerComponent }, item.props || {}, {
+              createVNode(EventEdit, mergeProps({ codeEditerComponent: __props.codeEditerComponent }, item.props || {}, {
                 modelValue,
                 "onUpdate:modelValue": updateValue
               }), null, 16, ["codeEditerComponent", "modelValue", "onUpdate:modelValue"])
@@ -169,7 +167,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           !_ctx.$slots.proFormBuilderHtmlEdit ? {
             name: "proFormBuilderHtmlEdit",
             fn: withCtx(({ item, modelValue, updateValue }) => [
-              createVNode(HtmlEdit, mergeProps({ htmlEditerComponent: _ctx.htmlEditerComponent }, item.props || {}, {
+              createVNode(HtmlEdit, mergeProps({ htmlEditerComponent: __props.htmlEditerComponent }, item.props || {}, {
                 modelValue,
                 "onUpdate:modelValue": updateValue
               }), null, 16, ["htmlEditerComponent", "modelValue", "onUpdate:modelValue"])
@@ -179,7 +177,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           !_ctx.$slots.proFormBuilderIfEdit ? {
             name: "proFormBuilderIfEdit",
             fn: withCtx(({ item, modelValue, updateValue }) => [
-              createVNode(IfEdit, mergeProps({ codeEditerComponent: _ctx.codeEditerComponent }, item.props || {}, {
+              createVNode(IfEdit, mergeProps({ codeEditerComponent: __props.codeEditerComponent }, item.props || {}, {
                 modelValue,
                 "onUpdate:modelValue": updateValue
               }), null, 16, ["codeEditerComponent", "modelValue", "onUpdate:modelValue"])
@@ -189,7 +187,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           !_ctx.$slots.proFormBuilderSourceEdit ? {
             name: "proFormBuilderSourceEdit",
             fn: withCtx(({ item, model, updatePropValue }) => [
-              createVNode(SourceEdit, mergeProps({ jsonEditerComponent: _ctx.jsonEditerComponent }, item.props || {}, {
+              createVNode(SourceEdit, mergeProps({ jsonEditerComponent: __props.jsonEditerComponent }, item.props || {}, {
                 modelValue: model,
                 "onUpdate:modelValue": (val) => updatePropValue("", val)
               }), null, 16, ["jsonEditerComponent", "modelValue", "onUpdate:modelValue"])
@@ -200,9 +198,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             name: "proFormBuilderTypeEdit",
             fn: withCtx(() => [
               (openBlock(), createBlock(TypeEdit, {
-                key: _ctx.currentFormItemId,
+                key: __props.currentFormItemId,
                 formItem: currentFormItem.value,
-                componentData: _ctx.componentData,
+                componentData: __props.componentData,
                 onOpenComponentPicker: handleOpenComponentPicker
               }, null, 8, ["formItem", "componentData"]))
             ]),
@@ -211,9 +209,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           !_ctx.$slots.proFormBuilderChildrenEdit ? {
             name: "proFormBuilderChildrenEdit",
             fn: withCtx(({ item }) => [
-              (openBlock(), createBlock(ChildrenEdit, mergeProps({ key: _ctx.currentFormItemId }, item.props || {}, {
+              (openBlock(), createBlock(ChildrenEdit, mergeProps({ key: __props.currentFormItemId }, item.props || {}, {
                 formItem: currentFormItem.value,
-                componentData: _ctx.componentData,
+                componentData: __props.componentData,
                 onUpdateChildLabel: handleUpdateChildLabel,
                 onSortChildren: handleSortChildren,
                 onDeleteChildren: handleDeleteChildren,
@@ -226,7 +224,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           !_ctx.$slots.proFormBuilderStyleEdit ? {
             name: "proFormBuilderStyleEdit",
             fn: withCtx(({ item, modelValue, updateValue }) => [
-              (openBlock(), createBlock(StyleEdit, mergeProps({ key: _ctx.currentFormItemId }, item.props || {}, {
+              (openBlock(), createBlock(StyleEdit, mergeProps({ key: __props.currentFormItemId }, item.props || {}, {
                 modelValue,
                 "onUpdate:modelValue": updateValue
               }), null, 16, ["modelValue", "onUpdate:modelValue"]))
@@ -236,7 +234,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           !_ctx.$slots.proFormBuilderJsonInput ? {
             name: "proFormBuilderJsonInput",
             fn: withCtx(({ item, modelValue, updateValue }) => [
-              (openBlock(), createBlock(JsonInput, mergeProps({ key: _ctx.currentFormItemId }, item.props || {}, {
+              (openBlock(), createBlock(JsonInput, mergeProps({ key: __props.currentFormItemId }, item.props || {}, {
                 modelValue,
                 "onUpdate:modelValue": updateValue
               }), null, 16, ["modelValue", "onUpdate:modelValue"]))

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

@@ -12,7 +12,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     modelValue: {},
     title: {},
     excludeFields: {},
-    jsonEditerComponent: { type: [String, Object, Function] }
+    jsonEditerComponent: {}
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -55,7 +55,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           onClick: openModal
         }, {
           default: withCtx(() => [
-            createTextVNode(toDisplayString(_ctx.title), 1)
+            createTextVNode(toDisplayString(__props.title), 1)
           ]),
           _: 1
         }, 8, ["icon"]),
@@ -63,7 +63,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           width: 800,
           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,
@@ -80,27 +80,25 @@ 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(() => [
             createElementVNode("div", _hoisted_1, [
-              (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"]))

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

@@ -140,7 +140,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               key: item.id,
               class: "ele-pro-form-builder-style-edit-item"
             }, [
-              !_ctx.isClass ? (openBlock(), createElementBlock("div", _hoisted_2, [
+              !__props.isClass ? (openBlock(), createElementBlock("div", _hoisted_2, [
                 createVNode(unref(ElInput), {
                   size: "small",
                   modelValue: item.name,
@@ -164,8 +164,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 default: withCtx(() => [
                   createVNode(unref(DeleteOutlined))
                 ]),
-                _: 2
-              }, 1032, ["onClick"])
+                _: 1
+              }, 8, ["onClick"])
             ]);
           }), 128))
         ])) : createCommentVNode("", true),
@@ -176,7 +176,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           onClick: handleAdd
         }, {
           default: withCtx(() => [
-            createTextVNode(toDisplayString(_ctx.isClass ? "添加类名" : "添加样式"), 1)
+            createTextVNode(toDisplayString(__props.isClass ? "添加类名" : "添加样式"), 1)
           ]),
           _: 1
         }, 8, ["icon"])

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

@@ -32,16 +32,12 @@ function getTableCellContents(tdFormItemId, formItems) {
   return children || [];
 }
 function generateTableGrid(tableRowFormItems) {
-  var _a, _b;
   const tableRowItems = tableRowFormItems || [];
   const rowLength = tableRowItems.length;
   const cellLength = Math.max(
     0,
     ...tableRowItems.map(
-      (rowItem) => (rowItem.children || []).map((cellItem) => {
-        var _a2;
-        return ((_a2 = cellItem.props) == null ? void 0 : _a2.colspan) ?? 1;
-      }).reduce((sum, current) => sum + current, 0)
+      (rowItem) => (rowItem.children || []).map((cellItem) => cellItem.props?.colspan ?? 1).reduce((sum, current) => sum + current, 0)
     )
   );
   const gridData = Array.from({ length: rowLength }, (_, i) => ({
@@ -55,8 +51,8 @@ function generateTableGrid(tableRowFormItems) {
     const tableCellItems = tableRowItems[i].children || [];
     for (let j = 0; j < tableCellItems.length; j++) {
       const tableCellItem = tableCellItems[j];
-      const cellRowspan = ((_a = tableCellItem.props) == null ? void 0 : _a.rowspan) ?? 1;
-      const cellColspan = ((_b = tableCellItem.props) == null ? void 0 : _b.colspan) ?? 1;
+      const cellRowspan = tableCellItem.props?.rowspan ?? 1;
+      const cellColspan = tableCellItem.props?.colspan ?? 1;
       for (let gj = j; gj < cellLength; gj++) {
         const gridItem = gridData[i].children[gj];
         if (gridItem.itemId == null) {
@@ -370,8 +366,7 @@ function getTableRowInsertIndex(gridData, tdFormItem, position) {
   return { insertIndex: defaultIndex };
 }
 function getTableColInsertIndex(gridData, tdFormItem, position) {
-  var _a, _b;
-  const defaultIndex = position === -1 ? 0 : ((_b = (_a = gridData[0]) == null ? void 0 : _a.children) == null ? void 0 : _b.length) || 0;
+  const defaultIndex = position === -1 ? 0 : gridData[0]?.children?.length || 0;
   if (!tdFormItem) {
     return { insertIndex: defaultIndex };
   }
@@ -397,7 +392,6 @@ function getTableColInsertIndex(gridData, tdFormItem, position) {
   return { insertIndex: defaultIndex };
 }
 function generateAddTableRowData(tableFormItem, formItems, tdFormItem, position, componentData) {
-  var _a;
   const addItems = [];
   const trKey = generateUniqueItemKey(formItems);
   const addedKeys = [trKey];
@@ -413,7 +407,7 @@ function generateAddTableRowData(tableFormItem, formItems, tdFormItem, position,
     tdFormItem,
     position
   );
-  const trGridRowChilds = (gridData.length ? (_a = gridData[trFormItemIndex ?? gridData.length - 1]) == null ? void 0 : _a.children : void 0) || [{ rowspan: 1, colspan: 1 }];
+  const trGridRowChilds = (gridData.length ? gridData[trFormItemIndex ?? gridData.length - 1]?.children : void 0) || [{ rowspan: 1, colspan: 1 }];
   gridData.splice(insertIndex, 0, {
     itemId: trKey,
     children: trGridRowChilds.map(() => ({ colspan: 1, rowspan: 1 }))
@@ -432,7 +426,7 @@ function generateAddTableRowData(tableFormItem, formItems, tdFormItem, position,
       if (childTr.children) {
         childTr.children.push(childTd);
         if (!gridData) {
-          childTr.children.push(generateChildFormItem("views"));
+          childTr.children.push(generateChildFormItem("form"));
         }
       } else {
         childTr.children = [childTd];
@@ -452,9 +446,8 @@ function generateAddTableRowData(tableFormItem, formItems, tdFormItem, position,
   return { addItems, updateItems, deleteItemIds: [] };
 }
 function generateAddTableColData(tableFormItem, formItems, tdFormItem, position, componentData) {
-  var _a;
   const addItems = [];
-  if (!((_a = tableFormItem.children) == null ? void 0 : _a.length)) {
+  if (!tableFormItem.children?.length) {
     return generateAddTableRowData(
       tableFormItem,
       formItems,
@@ -539,14 +532,13 @@ function getTableDeleteColEffects(tableFormItem, formItems, tdFormItem, componen
   return result;
 }
 function getTableMergeRightEffects(tableFormItem, formItems, tdFormItem, componentData) {
-  var _a, _b, _c, _d;
   const gridData = generateTableGrid(tableFormItem.children);
   const { tdFormItemIndex, insertIndex, trFormItemIndex } = getTableColInsertIndex(gridData, tdFormItem);
   if (tdFormItemIndex == null || trFormItemIndex == null || insertIndex === tdFormItemIndex) {
     return { addItems: [], updateItems: [], deleteItemIds: [] };
   }
-  const gridItem = (_b = (_a = gridData[trFormItemIndex]) == null ? void 0 : _a.children) == null ? void 0 : _b[tdFormItemIndex];
-  const targetGridItem = (_d = (_c = gridData[trFormItemIndex]) == null ? void 0 : _c.children) == null ? void 0 : _d[insertIndex];
+  const gridItem = gridData[trFormItemIndex]?.children?.[tdFormItemIndex];
+  const targetGridItem = gridData[trFormItemIndex]?.children?.[insertIndex];
   if (!gridItem || !targetGridItem || gridItem.rowspan !== targetGridItem.rowspan) {
     return { addItems: [], updateItems: [], deleteItemIds: [] };
   }
@@ -580,14 +572,13 @@ function getTableMergeRightEffects(tableFormItem, formItems, tdFormItem, compone
   return result;
 }
 function getTableMergeBelowEffects(tableFormItem, formItems, tdFormItem, componentData) {
-  var _a, _b, _c, _d;
   const gridData = generateTableGrid(tableFormItem.children);
   const { tdFormItemIndex, insertIndex, trFormItemIndex } = getTableRowInsertIndex(gridData, tdFormItem);
   if (tdFormItemIndex == null || trFormItemIndex == null || insertIndex === trFormItemIndex) {
     return { addItems: [], updateItems: [], deleteItemIds: [] };
   }
-  const gridItem = (_b = (_a = gridData[trFormItemIndex]) == null ? void 0 : _a.children) == null ? void 0 : _b[tdFormItemIndex];
-  const targetGridItem = (_d = (_c = gridData[insertIndex]) == null ? void 0 : _c.children) == null ? void 0 : _d[tdFormItemIndex];
+  const gridItem = gridData[trFormItemIndex]?.children?.[tdFormItemIndex];
+  const targetGridItem = gridData[insertIndex]?.children?.[tdFormItemIndex];
   if (!gridItem || !targetGridItem || gridItem.colspan !== targetGridItem.colspan) {
     return { addItems: [], updateItems: [], deleteItemIds: [] };
   }

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

@@ -23,11 +23,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        !_ctx.templateData || !_ctx.templateData.length ? (openBlock(), createBlock(unref(ElEmpty), {
+        !__props.templateData || !__props.templateData.length ? (openBlock(), createBlock(unref(ElEmpty), {
           key: 0,
           imageSize: 58,
           class: "ele-pro-form-builder-form-empty"
-        })) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.templateData, (item) => {
+        })) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(__props.templateData, (item) => {
           return openBlock(), createElementBlock("div", {
             key: item.name,
             class: "ele-pro-form-builder-template-item",

package/es/ele-pro-form-builder/components/tool-button.js

@@ -14,8 +14,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("click", e);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ElButton), mergeProps(_ctx.buttonProps || {}, {
-        title: _ctx.tooltip,
+      return openBlock(), createBlock(unref(ElButton), mergeProps(__props.buttonProps || {}, {
+        title: __props.tooltip,
         class: "ele-pro-form-builder-tool-button",
         onClick: handleClick
       }), createSlots({ _: 2 }, [

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

@@ -24,21 +24,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: "ele-pro-form-builder-props-fluid-btn is-small-icon ele-pro-form-builder-type-select-btn",
         onClick: handleClick
       }, {
-        default: withCtx(() => {
-          var _a;
-          return [
-            createVNode(ComponentName, {
-              itemType: (_a = _ctx.formItem) == null ? void 0 : _a.type,
-              componentData: _ctx.componentData
-            }, null, 8, ["itemType", "componentData"]),
-            createVNode(unref(ElIcon), null, {
-              default: withCtx(() => [
-                createVNode(unref(ArrowDown))
-              ]),
-              _: 1
-            })
-          ];
-        }),
+        default: withCtx(() => [
+          createVNode(ComponentName, {
+            itemType: __props.formItem?.type,
+            componentData: __props.componentData
+          }, null, 8, ["itemType", "componentData"]),
+          createVNode(unref(ElIcon), null, {
+            default: withCtx(() => [
+              createVNode(unref(ArrowDown))
+            ]),
+            _: 1
+          })
+        ]),
         _: 1
       });
     };

package/es/ele-pro-form-builder/index.js

@@ -57,8 +57,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     };
     const getFormItems = () => {
-      var _a;
-      return ((_a = formProps.value) == null ? void 0 : _a.items) || [];
+      return formProps.value?.items || [];
     };
     const setFormItems = (items) => {
       if (!formProps.value) {
@@ -315,9 +314,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(EleSplitPanel, mergeProps({
-        space: "0px",
-        size: "280px",
-        allowCollapse: true
+        space: 0,
+        size: 280,
+        allowCollapse: true,
+        collapseBtnOffset: 2
       }, _ctx.splitPanelProps || {}, {
         collapse: leftSideCollapse.value,
         "onUpdate:collapse": _cache[8] || (_cache[8] = ($event) => leftSideCollapse.value = $event),
@@ -325,10 +325,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }), {
         body: withCtx(() => [
           createVNode(EleSplitPanel, mergeProps({
-            space: "0px",
-            size: "220px",
+            space: 0,
+            size: 220,
             reverse: true,
-            allowCollapse: true
+            allowCollapse: true,
+            collapseBtnOffset: 2
           }, _ctx.rightSplitPanelProps || {}, {
             collapse: rightSideCollapse.value,
             "onUpdate:collapse": _cache[6] || (_cache[6] = ($event) => rightSideCollapse.value = $event),
@@ -449,63 +450,60 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _: 3
           }, 16, ["collapse"])
         ]),
-        default: withCtx(() => {
-          var _a, _b, _c, _d;
-          return [
-            createVNode(EleTabBar, {
-              modelValue: leftTabActive.value,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => leftTabActive.value = $event),
-              items: [
-                { value: "components", label: "组件库" },
-                { value: "templates", label: "模板库" },
-                { value: "outlines", label: "大纲" }
-              ]
-            }, null, 8, ["modelValue"]),
-            createElementVNode("div", _hoisted_1, [
-              leftTabActive.value === "outlines" ? (openBlock(), createBlock(OutlineTree, {
-                key: 0,
-                formItems: (_a = unref(formProps)) == null ? void 0 : _a.items,
-                currentFormItemId: currentFormItemId.value,
-                "onUpdate:currentFormItemId": _cache[1] || (_cache[1] = ($event) => currentFormItemId.value = $event),
-                componentData: _ctx.componentData,
-                itemTypeData: _ctx.itemTypeData,
-                onUpdateItems: handleUpdateItems,
-                onUpdateItemChildren: handleUpdateItemChildren,
-                onOpenTableTool: handleOpenTableTool,
-                onOpenComponentPicker: handleOpenComponentPicker
-              }, null, 8, ["formItems", "currentFormItemId", "componentData", "itemTypeData"])) : leftTabActive.value === "templates" ? (openBlock(), createBlock(TemplateList, {
-                key: 1,
-                templateData: _ctx.templateData,
-                onImportData: handleImport
-              }, null, 8, ["templateData"])) : (openBlock(), createBlock(ComponentList, {
-                key: 2,
-                formItems: (_b = unref(formProps)) == null ? void 0 : _b.items,
-                draggable: !unref(isMobileDevice) && !unref(isMobile),
-                componentData: _ctx.componentData,
-                itemTypeData: _ctx.itemTypeData,
-                onUpdateItems: handleUpdateItems
-              }, null, 8, ["formItems", "draggable", "componentData", "itemTypeData"]))
-            ]),
-            createVNode(TableToolMenu, {
-              ref_key: "tableToolMenuRef",
-              ref: tableToolMenuRef,
-              formItems: (_c = unref(formProps)) == null ? void 0 : _c.items,
+        default: withCtx(() => [
+          createVNode(EleTabBar, {
+            modelValue: leftTabActive.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => leftTabActive.value = $event),
+            items: [
+              { value: "components", label: "组件库" },
+              { value: "templates", label: "模板库" },
+              { value: "outlines", label: "大纲" }
+            ]
+          }, null, 8, ["modelValue"]),
+          createElementVNode("div", _hoisted_1, [
+            leftTabActive.value === "outlines" ? (openBlock(), createBlock(OutlineTree, {
+              key: 0,
+              formItems: unref(formProps)?.items,
+              currentFormItemId: currentFormItemId.value,
+              "onUpdate:currentFormItemId": _cache[1] || (_cache[1] = ($event) => currentFormItemId.value = $event),
               componentData: _ctx.componentData,
-              onUpdateItems: handleUpdateItems
-            }, null, 8, ["formItems", "componentData"]),
-            createVNode(ComponentPicker, {
-              modelValue: componentPickerOption.visible,
-              "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => componentPickerOption.visible = $event),
-              addParentFormItemId: componentPickerOption.addParentFormItemId,
-              editFormItemId: componentPickerOption.editFormItemId,
-              editFormItemType: componentPickerOption.editFormItemType,
-              formItems: (_d = unref(formProps)) == null ? void 0 : _d.items,
+              itemTypeData: _ctx.itemTypeData,
+              onUpdateItems: handleUpdateItems,
+              onUpdateItemChildren: handleUpdateItemChildren,
+              onOpenTableTool: handleOpenTableTool,
+              onOpenComponentPicker: handleOpenComponentPicker
+            }, null, 8, ["formItems", "currentFormItemId", "componentData", "itemTypeData"])) : leftTabActive.value === "templates" ? (openBlock(), createBlock(TemplateList, {
+              key: 1,
+              templateData: _ctx.templateData,
+              onImportData: handleImport
+            }, null, 8, ["templateData"])) : (openBlock(), createBlock(ComponentList, {
+              key: 2,
+              formItems: unref(formProps)?.items,
+              draggable: !unref(isMobileDevice) && !unref(isMobile),
               componentData: _ctx.componentData,
               itemTypeData: _ctx.itemTypeData,
               onUpdateItems: handleUpdateItems
-            }, null, 8, ["modelValue", "addParentFormItemId", "editFormItemId", "editFormItemType", "formItems", "componentData", "itemTypeData"])
-          ];
-        }),
+            }, null, 8, ["formItems", "draggable", "componentData", "itemTypeData"]))
+          ]),
+          createVNode(TableToolMenu, {
+            ref_key: "tableToolMenuRef",
+            ref: tableToolMenuRef,
+            formItems: unref(formProps)?.items,
+            componentData: _ctx.componentData,
+            onUpdateItems: handleUpdateItems
+          }, null, 8, ["formItems", "componentData"]),
+          createVNode(ComponentPicker, {
+            modelValue: componentPickerOption.visible,
+            "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => componentPickerOption.visible = $event),
+            addParentFormItemId: componentPickerOption.addParentFormItemId,
+            editFormItemId: componentPickerOption.editFormItemId,
+            editFormItemType: componentPickerOption.editFormItemType,
+            formItems: unref(formProps)?.items,
+            componentData: _ctx.componentData,
+            itemTypeData: _ctx.itemTypeData,
+            onUpdateItems: handleUpdateItems
+          }, null, 8, ["modelValue", "addParentFormItemId", "editFormItemId", "editFormItemType", "formItems", "componentData", "itemTypeData"])
+        ]),
         _: 3
       }, 16, ["collapse"]);
     };