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

package/lib/ele-pro-form-builder/components/props-form.cjs

@@ -22,10 +22,10 @@ const _sfc_main = /* @__PURE__ */ vue.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: {}
   },
@@ -65,14 +65,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       emit("openComponentPicker", item.key, isAdd ? void 0 : item.type);
     };
     const handleAddChildren = (parent) => {
-      var _a;
       if (parent.type && buildCore.fixedChildTypes.some((d) => d.type === parent.type)) {
         const result = buildUtil.generateAddChildData(
           parent,
           void 0,
           void 0,
           void 0,
-          (_a = props.formProps) == null ? void 0 : _a.items,
+          props.formProps?.items,
           void 0,
           props.componentData
         );
@@ -95,7 +94,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     vue.watch(
       [() => props.formProps, () => props.currentFormItemId],
       () => {
-        var _a, _b, _c, _d, _e;
         if (props.currentFormItemId == null) {
           resetPropsFormData();
           propsFormItems.value = [];
@@ -103,7 +101,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           return;
         }
         const temp = common.findTree(
-          (_a = props.formProps) == null ? void 0 : _a.items,
+          props.formProps?.items,
           (item) => item.key === props.currentFormItemId
         );
         const { data, items } = buildCore.getFormDataAndItems(temp, props.componentData);
@@ -111,8 +109,8 @@ const _sfc_main = /* @__PURE__ */ vue.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
             )
@@ -135,22 +133,22 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     );
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.proFormComponent || EleProForm), {
+        (vue.openBlock(), vue.createBlock(vue.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
         }, vue.createSlots({ _: 2 }, [
           !_ctx.$slots.proFormBuilderOptionsEdit ? {
             name: "proFormBuilderOptionsEdit",
             fn: vue.withCtx(({ item, modelValue, updateValue }) => [
-              vue.createVNode(OptionsEdit, vue.mergeProps({ codeEditerComponent: _ctx.codeEditerComponent }, item.props || {}, {
+              vue.createVNode(OptionsEdit, vue.mergeProps({ codeEditerComponent: __props.codeEditerComponent }, item.props || {}, {
                 modelValue,
                 "onUpdate:modelValue": updateValue
               }), null, 16, ["codeEditerComponent", "modelValue", "onUpdate:modelValue"])
@@ -160,7 +158,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           !_ctx.$slots.proFormBuilderEventEdit ? {
             name: "proFormBuilderEventEdit",
             fn: vue.withCtx(({ item, modelValue, updateValue }) => [
-              vue.createVNode(EventEdit, vue.mergeProps({ codeEditerComponent: _ctx.codeEditerComponent }, item.props || {}, {
+              vue.createVNode(EventEdit, vue.mergeProps({ codeEditerComponent: __props.codeEditerComponent }, item.props || {}, {
                 modelValue,
                 "onUpdate:modelValue": updateValue
               }), null, 16, ["codeEditerComponent", "modelValue", "onUpdate:modelValue"])
@@ -170,7 +168,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           !_ctx.$slots.proFormBuilderHtmlEdit ? {
             name: "proFormBuilderHtmlEdit",
             fn: vue.withCtx(({ item, modelValue, updateValue }) => [
-              vue.createVNode(HtmlEdit, vue.mergeProps({ htmlEditerComponent: _ctx.htmlEditerComponent }, item.props || {}, {
+              vue.createVNode(HtmlEdit, vue.mergeProps({ htmlEditerComponent: __props.htmlEditerComponent }, item.props || {}, {
                 modelValue,
                 "onUpdate:modelValue": updateValue
               }), null, 16, ["htmlEditerComponent", "modelValue", "onUpdate:modelValue"])
@@ -180,7 +178,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           !_ctx.$slots.proFormBuilderIfEdit ? {
             name: "proFormBuilderIfEdit",
             fn: vue.withCtx(({ item, modelValue, updateValue }) => [
-              vue.createVNode(IfEdit, vue.mergeProps({ codeEditerComponent: _ctx.codeEditerComponent }, item.props || {}, {
+              vue.createVNode(IfEdit, vue.mergeProps({ codeEditerComponent: __props.codeEditerComponent }, item.props || {}, {
                 modelValue,
                 "onUpdate:modelValue": updateValue
               }), null, 16, ["codeEditerComponent", "modelValue", "onUpdate:modelValue"])
@@ -190,7 +188,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           !_ctx.$slots.proFormBuilderSourceEdit ? {
             name: "proFormBuilderSourceEdit",
             fn: vue.withCtx(({ item, model, updatePropValue }) => [
-              vue.createVNode(SourceEdit, vue.mergeProps({ jsonEditerComponent: _ctx.jsonEditerComponent }, item.props || {}, {
+              vue.createVNode(SourceEdit, vue.mergeProps({ jsonEditerComponent: __props.jsonEditerComponent }, item.props || {}, {
                 modelValue: model,
                 "onUpdate:modelValue": (val) => updatePropValue("", val)
               }), null, 16, ["jsonEditerComponent", "modelValue", "onUpdate:modelValue"])
@@ -201,9 +199,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             name: "proFormBuilderTypeEdit",
             fn: vue.withCtx(() => [
               (vue.openBlock(), vue.createBlock(TypeEdit, {
-                key: _ctx.currentFormItemId,
+                key: __props.currentFormItemId,
                 formItem: currentFormItem.value,
-                componentData: _ctx.componentData,
+                componentData: __props.componentData,
                 onOpenComponentPicker: handleOpenComponentPicker
               }, null, 8, ["formItem", "componentData"]))
             ]),
@@ -212,9 +210,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           !_ctx.$slots.proFormBuilderChildrenEdit ? {
             name: "proFormBuilderChildrenEdit",
             fn: vue.withCtx(({ item }) => [
-              (vue.openBlock(), vue.createBlock(ChildrenEdit, vue.mergeProps({ key: _ctx.currentFormItemId }, item.props || {}, {
+              (vue.openBlock(), vue.createBlock(ChildrenEdit, vue.mergeProps({ key: __props.currentFormItemId }, item.props || {}, {
                 formItem: currentFormItem.value,
-                componentData: _ctx.componentData,
+                componentData: __props.componentData,
                 onUpdateChildLabel: handleUpdateChildLabel,
                 onSortChildren: handleSortChildren,
                 onDeleteChildren: handleDeleteChildren,
@@ -227,7 +225,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           !_ctx.$slots.proFormBuilderStyleEdit ? {
             name: "proFormBuilderStyleEdit",
             fn: vue.withCtx(({ item, modelValue, updateValue }) => [
-              (vue.openBlock(), vue.createBlock(StyleEdit, vue.mergeProps({ key: _ctx.currentFormItemId }, item.props || {}, {
+              (vue.openBlock(), vue.createBlock(StyleEdit, vue.mergeProps({ key: __props.currentFormItemId }, item.props || {}, {
                 modelValue,
                 "onUpdate:modelValue": updateValue
               }), null, 16, ["modelValue", "onUpdate:modelValue"]))
@@ -237,7 +235,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           !_ctx.$slots.proFormBuilderJsonInput ? {
             name: "proFormBuilderJsonInput",
             fn: vue.withCtx(({ item, modelValue, updateValue }) => [
-              (vue.openBlock(), vue.createBlock(JsonInput, vue.mergeProps({ key: _ctx.currentFormItemId }, item.props || {}, {
+              (vue.openBlock(), vue.createBlock(JsonInput, vue.mergeProps({ key: __props.currentFormItemId }, item.props || {}, {
                 modelValue,
                 "onUpdate:modelValue": updateValue
               }), null, 16, ["modelValue", "onUpdate:modelValue"]))

package/lib/ele-pro-form-builder/components/source-edit.cjs

@@ -13,7 +13,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     modelValue: {},
     title: {},
     excludeFields: {},
-    jsonEditerComponent: { type: [String, Object, Function] }
+    jsonEditerComponent: {}
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -56,7 +56,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           onClick: openModal
         }, {
           default: vue.withCtx(() => [
-            vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
+            vue.createTextVNode(vue.toDisplayString(__props.title), 1)
           ]),
           _: 1
         }, 8, ["icon"]),
@@ -64,7 +64,7 @@ const _sfc_main = /* @__PURE__ */ vue.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,
@@ -81,27 +81,25 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               size: "default",
               onClick: handleCancel
             }, {
-              default: vue.withCtx(() => _cache[2] || (_cache[2] = [
-                vue.createTextVNode("取消")
-              ])),
-              _: 1,
-              __: [2]
+              default: vue.withCtx(() => [..._cache[2] || (_cache[2] = [
+                vue.createTextVNode("取消", -1)
+              ])]),
+              _: 1
             }),
             vue.createVNode(vue.unref(elementPlus.ElButton), {
               type: "primary",
               size: "default",
               onClick: handleSave
             }, {
-              default: vue.withCtx(() => _cache[3] || (_cache[3] = [
-                vue.createTextVNode(" 保存 ")
-              ])),
-              _: 1,
-              __: [3]
+              default: vue.withCtx(() => [..._cache[3] || (_cache[3] = [
+                vue.createTextVNode(" 保存 ", -1)
+              ])]),
+              _: 1
             })
           ]),
           default: vue.withCtx(() => [
             vue.createElementVNode("div", _hoisted_1, [
-              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.jsonEditerComponent || CodeEditer), {
+              (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(__props.jsonEditerComponent || CodeEditer), {
                 modelValue: jsonContent.value,
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => jsonContent.value = $event)
               }, null, 8, ["modelValue"]))

package/lib/ele-pro-form-builder/components/style-edit.cjs

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

package/lib/ele-pro-form-builder/components/table-util.cjs

@@ -34,16 +34,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) => ({
@@ -57,8 +53,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) {
@@ -372,8 +368,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 };
   }
@@ -399,7 +394,6 @@ function getTableColInsertIndex(gridData, tdFormItem, position) {
   return { insertIndex: defaultIndex };
 }
 function generateAddTableRowData(tableFormItem, formItems, tdFormItem, position, componentData) {
-  var _a;
   const addItems = [];
   const trKey = buildCore.generateUniqueItemKey(formItems);
   const addedKeys = [trKey];
@@ -415,7 +409,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 }))
@@ -434,7 +428,7 @@ function generateAddTableRowData(tableFormItem, formItems, tdFormItem, position,
       if (childTr.children) {
         childTr.children.push(childTd);
         if (!gridData) {
-          childTr.children.push(buildCore.generateChildFormItem("views"));
+          childTr.children.push(buildCore.generateChildFormItem("form"));
         }
       } else {
         childTr.children = [childTd];
@@ -454,9 +448,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,
@@ -541,14 +534,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: [] };
   }
@@ -582,14 +574,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/lib/ele-pro-form-builder/components/template-list.cjs

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

package/lib/ele-pro-form-builder/components/tool-button.cjs

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

package/lib/ele-pro-form-builder/components/type-edit.cjs

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

package/lib/ele-pro-form-builder/index.cjs

@@ -58,8 +58,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     };
     const getFormItems = () => {
-      var _a;
-      return ((_a = formProps.value) == null ? void 0 : _a.items) || [];
+      return formProps.value?.items || [];
     };
     const setFormItems = (items) => {
       if (!formProps.value) {
@@ -316,9 +315,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(EleSplitPanel, vue.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),
@@ -326,10 +326,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }), {
         body: vue.withCtx(() => [
           vue.createVNode(EleSplitPanel, vue.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),
@@ -450,63 +451,60 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             _: 3
           }, 16, ["collapse"])
         ]),
-        default: vue.withCtx(() => {
-          var _a, _b, _c, _d;
-          return [
-            vue.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"]),
-            vue.createElementVNode("div", _hoisted_1, [
-              leftTabActive.value === "outlines" ? (vue.openBlock(), vue.createBlock(OutlineTree, {
-                key: 0,
-                formItems: (_a = vue.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" ? (vue.openBlock(), vue.createBlock(TemplateList, {
-                key: 1,
-                templateData: _ctx.templateData,
-                onImportData: handleImport
-              }, null, 8, ["templateData"])) : (vue.openBlock(), vue.createBlock(ComponentList, {
-                key: 2,
-                formItems: (_b = vue.unref(formProps)) == null ? void 0 : _b.items,
-                draggable: !vue.unref(isMobileDevice) && !vue.unref(isMobile),
-                componentData: _ctx.componentData,
-                itemTypeData: _ctx.itemTypeData,
-                onUpdateItems: handleUpdateItems
-              }, null, 8, ["formItems", "draggable", "componentData", "itemTypeData"]))
-            ]),
-            vue.createVNode(TableToolMenu, {
-              ref_key: "tableToolMenuRef",
-              ref: tableToolMenuRef,
-              formItems: (_c = vue.unref(formProps)) == null ? void 0 : _c.items,
+        default: vue.withCtx(() => [
+          vue.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"]),
+          vue.createElementVNode("div", _hoisted_1, [
+            leftTabActive.value === "outlines" ? (vue.openBlock(), vue.createBlock(OutlineTree, {
+              key: 0,
+              formItems: vue.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"]),
-            vue.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 = vue.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" ? (vue.openBlock(), vue.createBlock(TemplateList, {
+              key: 1,
+              templateData: _ctx.templateData,
+              onImportData: handleImport
+            }, null, 8, ["templateData"])) : (vue.openBlock(), vue.createBlock(ComponentList, {
+              key: 2,
+              formItems: vue.unref(formProps)?.items,
+              draggable: !vue.unref(isMobileDevice) && !vue.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"]))
+          ]),
+          vue.createVNode(TableToolMenu, {
+            ref_key: "tableToolMenuRef",
+            ref: tableToolMenuRef,
+            formItems: vue.unref(formProps)?.items,
+            componentData: _ctx.componentData,
+            onUpdateItems: handleUpdateItems
+          }, null, 8, ["formItems", "componentData"]),
+          vue.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: vue.unref(formProps)?.items,
+            componentData: _ctx.componentData,
+            itemTypeData: _ctx.itemTypeData,
+            onUpdateItems: handleUpdateItems
+          }, null, 8, ["modelValue", "addParentFormItemId", "editFormItemId", "editFormItemType", "formItems", "componentData", "itemTypeData"])
+        ]),
         _: 3
       }, 16, ["collapse"]);
     };