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

package/es/ele-pro-form/util.js

@@ -4,31 +4,30 @@ import { ChildrenRender, cloneDeep, getValue as getValue2, mergeValue, setValue
 import { sortableGroupName } from "./components/render-core";
 function isContainerType(item, itemTypeData) {
   const typeData = getItemTypeData(item, itemTypeData);
-  return (typeData == null ? void 0 : typeData.isContainer) || item.itemType === "container" || item.itemType === "view";
+  return typeData?.isContainer || item.itemType === "container" || item.itemType === "view";
 }
 function getFormInitValue(items, itemTypeData, excludeUndefined) {
   const init = {};
   eachTree(items, (item) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
     if (item.initValue != null && item.initValue !== "" && item.prop) {
       setValue(init, item.prop, item.initValue);
       return;
     }
     if (item.type && item.prop) {
       if ("tabs" === item.type) {
-        const active = ((_a = item.props) == null ? void 0 : _a.modelValue) ?? ((_c = (_b = item.children) == null ? void 0 : _b[0]) == null ? void 0 : _c.prop);
+        const active = item.props?.modelValue ?? item.children?.[0]?.prop;
         setValue(init, item.prop, active);
         return;
       }
       if ("collapse" === item.type) {
-        const active = ((_d = item.props) == null ? void 0 : _d.modelValue) ?? (((_e = item.props) == null ? void 0 : _e.accordion) ? ((_h = (_g = (_f = item.children) == null ? void 0 : _f[0]) == null ? void 0 : _g.props) == null ? void 0 : _h.name) ?? ((_j = (_i = item.children) == null ? void 0 : _i[0]) == null ? void 0 : _j.prop) : []);
+        const active = item.props?.modelValue ?? (item.props?.accordion ? item.children?.[0]?.props?.name ?? item.children?.[0]?.prop : []);
         setValue(init, item.prop, active);
         return;
       }
       if ("sliderRange" === item.type) {
         setValue(init, item.prop, [
-          ((_k = item.props) == null ? void 0 : _k.min) ?? 0,
-          ((_l = item.props) == null ? void 0 : _l.max) ?? 100
+          item.props?.min ?? 0,
+          item.props?.max ?? 100
         ]);
         return;
       }

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

@@ -14,7 +14,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     currentFormItemId: {},
     currentScreen: {},
     componentData: {},
-    proFormComponent: { type: [String, Object, Function] },
+    proFormComponent: {},
     itemTypeData: {},
     httpRequest: {}
   },
@@ -42,17 +42,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     };
     const handleAddChildrenItem = (formItem, action) => {
-      var _a;
       if (formItem.key != null) {
-        eachTree((_a = props.formProps) == null ? void 0 : _a.items, (item, cIndex, parent) => {
-          var _a2;
+        eachTree(props.formProps?.items, (item, cIndex, parent) => {
           if (item.key === formItem.key) {
             const result = generateAddChildData(
               item,
               parent,
               cIndex,
               action,
-              (_a2 = props.formProps) == null ? void 0 : _a2.items,
+              props.formProps?.items,
               void 0,
               props.componentData
             );
@@ -63,10 +61,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     };
     const handleCopyItem = (item) => {
-      var _a;
       if (item.key != null) {
         handleUpdateItems(
-          generateCopyItemData(item.key, (_a = props.formProps) == null ? void 0 : _a.items)
+          generateCopyItemData(item.key, props.formProps?.items)
         );
       }
     };
@@ -85,8 +82,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch(
       () => props.currentFormItemId,
       (currentFormItemId) => {
-        var _a;
-        eachTree((_a = props.formProps) == null ? void 0 : _a.items, (item, _cIndex, parent) => {
+        eachTree(props.formProps?.items, (item, _cIndex, parent) => {
           if (item.key === currentFormItemId) {
             if (item.type && ["tabPane", "collapseItem"].includes(item.type) && parent && parent.prop) {
               setBuilderFormDataFieldValue(parent.prop, item.prop);
@@ -99,13 +95,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch(
       () => props.formProps,
       () => {
-        var _a;
         Object.keys(formData).forEach((k) => {
           formData[k] = void 0;
         });
         mergeValue(
           formData,
-          getFormInitValue((_a = props.formProps) == null ? void 0 : _a.items, props.itemTypeData, true),
+          getFormInitValue(props.formProps?.items, props.itemTypeData, true),
           cachebuilderFormData
         );
       },
@@ -116,26 +111,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass([
-          "ele-pro-form-builder-body",
-          { "is-pc": _ctx.currentScreen === "pc" },
-          { "is-pad": _ctx.currentScreen === "pad" },
-          { "is-phone": _ctx.currentScreen === "phone" }
-        ])
+        class: normalizeClass(["ele-pro-form-builder-body", [
+          { "is-pc": __props.currentScreen === "pc" },
+          { "is-pad": __props.currentScreen === "pad" },
+          { "is-phone": __props.currentScreen === "phone" }
+        ]])
       }, [
-        (openBlock(), createBlock(resolveDynamicComponent(_ctx.proFormComponent || EleProForm), mergeProps(_ctx.formProps || {}, {
+        (openBlock(), createBlock(resolveDynamicComponent(__props.proFormComponent || EleProForm), mergeProps(__props.formProps || {}, {
           ref_key: "proFormRef",
           ref: proFormRef,
           model: formData,
-          activeItemKey: _ctx.currentFormItemId,
+          activeItemKey: __props.currentFormItemId,
           editable: true,
-          screenSize: _ctx.currentScreen,
+          screenSize: __props.currentScreen,
           footer: false,
           validateOnRuleChange: false,
           scrollToError: false,
           showMessage: false,
-          itemTypeData: _ctx.itemTypeData,
-          httpRequest: _ctx.httpRequest,
+          itemTypeData: __props.itemTypeData,
+          httpRequest: __props.httpRequest,
           class: "ele-pro-form-builder-body-form",
           onUpdateValue: setBuilderFormDataFieldValue,
           "onUpdate:items": handleUpdateFormItems,
@@ -144,7 +138,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           builderItemHandleContent: withCtx(({ item }) => [
             createVNode(ComponentName, {
               itemType: item.type,
-              componentData: _ctx.componentData
+              componentData: __props.componentData
             }, null, 8, ["itemType", "componentData"])
           ]),
           builderItemTools: withCtx(({ item }) => [
@@ -169,7 +163,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             };
           })
         ]), 1040, ["model", "activeItemKey", "screenSize", "itemTypeData", "httpRequest"])),
-        !_ctx.formProps || !_ctx.formProps.items || !_ctx.formProps.items.length ? (openBlock(), createBlock(unref(ElEmpty), {
+        !__props.formProps || !__props.formProps.items || !__props.formProps.items.length ? (openBlock(), createBlock(unref(ElEmpty), {
           key: 0,
           imageSize: 80,
           description: "拖拽左侧组件到此",

package/es/ele-pro-form-builder/components/body-header.js

@@ -18,9 +18,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     redoDisabled: { type: Boolean },
     formProps: {},
     headerTools: { type: [Boolean, Array] },
-    proFormComponent: { type: [String, Object, Function] },
-    jsonEditerComponent: { type: [String, Object, Function] },
-    codeViewerComponent: { type: [String, Object, Function] },
+    proFormComponent: {},
+    jsonEditerComponent: {},
+    codeViewerComponent: {},
     componentData: {},
     itemTypeData: {},
     httpRequest: {}
@@ -85,11 +85,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(screenItems), (item) => {
             return openBlock(), createBlock(unref(ElIcon), {
               key: item.value,
-              class: normalizeClass([
-                "ele-pro-form-builder-header-tool",
-                "ele-pro-form-builder-screen-icon",
-                { "is-active": item.value === _ctx.currentScreen }
-              ]),
+              class: normalizeClass(["ele-pro-form-builder-header-tool ele-pro-form-builder-screen-icon", { "is-active": item.value === __props.currentScreen }]),
               onClick: ($event) => handleUpdateScreen(item.value)
             }, {
               default: withCtx(() => [
@@ -103,11 +99,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ]),
         createElementVNode("div", _hoisted_3, [
           createVNode(unref(ElIcon), {
-            class: normalizeClass([
-              "ele-pro-form-builder-header-tool",
-              "ele-pro-form-builder-header-tool-undo",
-              { "is-disabled": _ctx.undoDisabled }
-            ]),
+            class: normalizeClass(["ele-pro-form-builder-header-tool ele-pro-form-builder-header-tool-undo", { "is-disabled": __props.undoDisabled }]),
             title: "撤销",
             onClick: handleUndo
           }, {
@@ -117,11 +109,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _: 1
           }, 8, ["class"]),
           createVNode(unref(ElIcon), {
-            class: normalizeClass([
-              "ele-pro-form-builder-header-tool",
-              "ele-pro-form-builder-header-tool-redo",
-              { "is-disabled": _ctx.redoDisabled }
-            ]),
+            class: normalizeClass(["ele-pro-form-builder-header-tool ele-pro-form-builder-header-tool-redo", { "is-disabled": __props.redoDisabled }]),
             title: "恢复",
             onClick: handleRedo
           }, {
@@ -140,22 +128,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 icon: unref(UploadOutlined),
                 onClick: handleOpenImport
               }, {
-                default: withCtx(() => _cache[3] || (_cache[3] = [
-                  createTextVNode(" 导入 ")
-                ])),
-                _: 1,
-                __: [3]
+                default: withCtx(() => [..._cache[3] || (_cache[3] = [
+                  createTextVNode(" 导入 ", -1)
+                ])]),
+                _: 1
               }, 8, ["icon"])) : toolName === "export" ? (openBlock(), createBlock(unref(ElButton), {
                 key: 1,
                 text: true,
                 icon: unref(DownloadOutlined),
                 onClick: handleOpenExport
               }, {
-                default: withCtx(() => _cache[4] || (_cache[4] = [
-                  createTextVNode(" 导出 ")
-                ])),
-                _: 1,
-                __: [4]
+                default: withCtx(() => [..._cache[4] || (_cache[4] = [
+                  createTextVNode(" 导出 ", -1)
+                ])]),
+                _: 1
               }, 8, ["icon"])) : toolName === "clear" ? (openBlock(), createBlock(unref(ElButton), {
                 key: 2,
                 text: true,
@@ -163,11 +149,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 icon: unref(DeleteOutlined),
                 onClick: handleClear
               }, {
-                default: withCtx(() => _cache[5] || (_cache[5] = [
-                  createTextVNode(" 清空 ")
-                ])),
-                _: 1,
-                __: [5]
+                default: withCtx(() => [..._cache[5] || (_cache[5] = [
+                  createTextVNode(" 清空 ", -1)
+                ])]),
+                _: 1
               }, 8, ["icon"])) : toolName === "preview" ? (openBlock(), createBlock(unref(ElButton), {
                 key: 3,
                 text: true,
@@ -175,11 +160,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 icon: unref(EyeOutlined),
                 onClick: handleOpenPreview
               }, {
-                default: withCtx(() => _cache[6] || (_cache[6] = [
-                  createTextVNode(" 预览 ")
-                ])),
-                _: 1,
-                __: [6]
+                default: withCtx(() => [..._cache[6] || (_cache[6] = [
+                  createTextVNode(" 预览 ", -1)
+                ])]),
+                _: 1
               }, 8, ["icon"])) : toolName === "code" ? (openBlock(), createBlock(unref(ElButton), {
                 key: 4,
                 text: true,
@@ -187,11 +171,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 icon: unref(CodeOutlined),
                 onClick: handleOpenCode
               }, {
-                default: withCtx(() => _cache[7] || (_cache[7] = [
-                  createTextVNode(" 生成代码 ")
-                ])),
-                _: 1,
-                __: [7]
+                default: withCtx(() => [..._cache[7] || (_cache[7] = [
+                  createTextVNode(" 生成代码 ", -1)
+                ])]),
+                _: 1
               }, 8, ["icon"])) : createCommentVNode("", true)
             ], 64);
           }), 128)),
@@ -201,10 +184,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           key: 0,
           modelValue: previewVisible.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => previewVisible.value = $event),
-          formProps: _ctx.formProps,
-          proFormComponent: _ctx.proFormComponent,
-          itemTypeData: _ctx.itemTypeData,
-          httpRequest: _ctx.httpRequest,
+          formProps: __props.formProps,
+          proFormComponent: __props.proFormComponent,
+          itemTypeData: __props.itemTypeData,
+          httpRequest: __props.httpRequest,
           onPreviewFormSubmit: handlePreviewFormSubmit
         }, createSlots({ _: 2 }, [
           renderList(Object.keys(_ctx.$slots).filter((k) => !ownSlots.includes(k)), (name) => {
@@ -220,18 +203,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           key: 1,
           modelValue: importVisible.value,
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => importVisible.value = $event),
-          config: _ctx.formProps,
+          config: __props.formProps,
           isImport: isImport.value,
-          jsonEditerComponent: _ctx.jsonEditerComponent,
+          jsonEditerComponent: __props.jsonEditerComponent,
           onImportData: handleImportData
         }, null, 8, ["modelValue", "config", "isImport", "jsonEditerComponent"])) : createCommentVNode("", true),
         headerRightToolNames.value && headerRightToolNames.value.includes("code") ? (openBlock(), createBlock(CodePreview, {
           key: 2,
           modelValue: codeVisible.value,
           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => codeVisible.value = $event),
-          config: _ctx.formProps,
-          componentData: _ctx.componentData,
-          codeViewerComponent: _ctx.codeViewerComponent
+          config: __props.formProps,
+          componentData: __props.componentData,
+          codeViewerComponent: __props.codeViewerComponent
         }, null, 8, ["modelValue", "config", "componentData", "codeViewerComponent"])) : createCommentVNode("", true)
       ]);
     };

package/es/ele-pro-form-builder/components/build-core.js

@@ -47,7 +47,6 @@ function deepCloneObject(data, excludeUndefined) {
   return result;
 }
 function generateChildFormItem(parentType, childNo, childKey, componentData) {
-  var _a, _b;
   let child;
   if (parentType) {
     const fc = fixedChildTypes.find((d) => d.type === parentType);
@@ -63,17 +62,17 @@ function generateChildFormItem(parentType, childNo, childKey, componentData) {
     child.prop = childKey;
   }
   const componentItem = getComponentItemByType(child.type, componentData);
-  const initialProps = (componentItem == null ? void 0 : componentItem.initialProps) ? deepCloneObject(componentItem.initialProps) : void 0;
+  const initialProps = componentItem?.initialProps ? deepCloneObject(componentItem.initialProps) : void 0;
   if (initialProps) {
     child.props = initialProps;
   }
   if (childNo && child.type) {
     if (child.type === "collapseItem") {
-      if ((_a = child.props) == null ? void 0 : _a.title) {
+      if (child.props?.title) {
         child.props.title = child.props.title + childNo;
       }
     } else if (["descriptionsItem", "tabPane"].includes(child.type)) {
-      if ((_b = child.props) == null ? void 0 : _b.label) {
+      if (child.props?.label) {
         child.props.label = child.props.label + childNo;
       }
     } else if (child.label) {
@@ -99,7 +98,7 @@ function generateBuildFormItem(type, formItems, componentData, itemTypeData) {
     props: componentItem.initialProps ? deepCloneObject(componentItem.initialProps) : void 0
   };
   const typeData = getItemTypeData(item, itemTypeData);
-  if (!item.type || item.type === "div" || isContainerType(item, itemTypeData) && !(typeData == null ? void 0 : typeData.renderLabelText)) {
+  if (!item.type || item.type === "div" || isContainerType(item, itemTypeData) && !typeData?.renderLabelText) {
     item.label = "";
   }
   if (item.type === "table") {
@@ -160,11 +159,11 @@ function getFormDataAndItems(item, componentData) {
   return {
     data: mergeValue(
       {},
-      { props: (componentItem == null ? void 0 : componentItem.presetProps) || {} },
-      { props: (componentItem == null ? void 0 : componentItem.defaultProps) || {} },
+      { props: componentItem?.presetProps || {} },
+      { props: componentItem?.defaultProps || {} },
       data
     ),
-    items: (componentItem == null ? void 0 : componentItem.configForm) || []
+    items: componentItem?.configForm || []
   };
 }
 function getPropertyPath(data, excludeKeys, prefix) {

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

@@ -5,7 +5,7 @@ function generateAddChildData(triggerItem, triggerParent, triggerItemIndex, acti
   if (!triggerItem.type) {
     return { addItems: [], updateItems: [], deleteItemIds: [] };
   }
-  const parentItemId = triggerParent == null ? void 0 : triggerParent.key;
+  const parentItemId = triggerParent?.key;
   const afterIndex = triggerItemIndex == null ? void 0 : triggerItemIndex + 1;
   if ([
     "tabPane",
@@ -92,7 +92,7 @@ function generateCopyItemData(formItemId, formItems) {
       itemsGenerateNewKey(newItem, formItems, true);
       result.addItems.push({
         item: newItem,
-        parentItemId: parent == null ? void 0 : parent.key,
+        parentItemId: parent?.key,
         index: index + 1
       });
       return false;

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

@@ -30,27 +30,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        _ctx.itemType && ["table", "tableCell"].includes(_ctx.itemType) ? (openBlock(), createBlock(ToolButton, {
+        __props.itemType && ["table", "tableCell"].includes(__props.itemType) ? (openBlock(), createBlock(ToolButton, {
           key: 0,
           buttonProps: {
             size: "small",
             type: "primary",
             icon: unref(InsertRowOutlined)
           },
-          tooltip: _ctx.itemType === "tableCell" ? "插入行" : "新增行",
+          tooltip: __props.itemType === "tableCell" ? "插入行" : "新增行",
           onClick: handleAddTableRow
         }, null, 8, ["buttonProps", "tooltip"])) : createCommentVNode("", true),
-        _ctx.itemType && ["table", "tableCell"].includes(_ctx.itemType) ? (openBlock(), createBlock(ToolButton, {
+        __props.itemType && ["table", "tableCell"].includes(__props.itemType) ? (openBlock(), createBlock(ToolButton, {
           key: 1,
           buttonProps: {
             size: "small",
             type: "primary",
             icon: unref(InsertColumnOutlined)
           },
-          tooltip: _ctx.itemType === "tableCell" ? "插入列" : "新增列",
+          tooltip: __props.itemType === "tableCell" ? "插入列" : "新增列",
           onClick: handleAddTableCol
         }, null, 8, ["buttonProps", "tooltip"])) : createCommentVNode("", true),
-        _ctx.itemType && [
+        __props.itemType && [
           "tabs",
           "tabPane",
           "collapse",
@@ -61,7 +61,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "carouselItem",
           "descriptions",
           "descriptionsItem"
-        ].includes(_ctx.itemType) ? (openBlock(), createBlock(ToolButton, {
+        ].includes(__props.itemType) ? (openBlock(), createBlock(ToolButton, {
           key: 2,
           buttonProps: {
             size: "small",
@@ -79,10 +79,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             carouselItem: "插入走马灯",
             descriptions: "添加描述列表",
             descriptionsItem: "插入描述列表"
-          }[_ctx.itemType],
+          }[__props.itemType],
           onClick: handleAdd
         }, null, 8, ["buttonProps", "tooltip"])) : createCommentVNode("", true),
-        _ctx.itemType !== "tableCell" ? (openBlock(), createBlock(ToolButton, {
+        __props.itemType !== "tableCell" ? (openBlock(), createBlock(ToolButton, {
           key: 3,
           buttonProps: {
             size: "small",
@@ -92,7 +92,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           tooltip: "复制",
           onClick: handleCopy
         }, null, 8, ["buttonProps"])) : createCommentVNode("", true),
-        _ctx.itemType !== "tableCell" ? (openBlock(), createBlock(ToolButton, {
+        __props.itemType !== "tableCell" ? (openBlock(), createBlock(ToolButton, {
           key: 4,
           buttonProps: {
             size: "small",
@@ -102,7 +102,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           tooltip: "删除",
           onClick: handleDelete
         }, null, 8, ["buttonProps"])) : createCommentVNode("", true),
-        _ctx.itemType === "tableCell" ? (openBlock(), createBlock(ToolButton, {
+        __props.itemType === "tableCell" ? (openBlock(), createBlock(ToolButton, {
           key: 5,
           buttonProps: {
             size: "small",

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

@@ -28,8 +28,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const isFixedChildType = computed(() => {
-      var _a;
-      const parentType = (_a = props.formItem) == null ? void 0 : _a.type;
+      const parentType = props.formItem?.type;
       return !!(parentType && fixedChildTypes.some((d) => d.type === parentType));
     });
     const handleUpdateLabel = (value, item, field) => {
@@ -49,63 +48,60 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        _ctx.formItem.children ? (openBlock(), createBlock(unref(VueDraggable), {
+        __props.formItem.children ? (openBlock(), createBlock(unref(VueDraggable), {
           key: 0,
           itemKey: "key",
           animation: 150,
           setData: () => void 0,
-          modelValue: _ctx.formItem.children,
+          modelValue: __props.formItem.children,
           handle: ".ele-pro-form-builder-children-edit-item-handle",
           class: "ele-pro-form-builder-children-edit-list",
           "onUpdate:modelValue": handleUpdateChildren
         }, {
-          item: withCtx(({ element }) => {
-            var _a, _b;
-            return [
-              createElementVNode("div", _hoisted_1, [
-                createVNode(unref(ElIcon), { class: "ele-pro-form-builder-children-edit-item-handle" }, {
-                  default: withCtx(() => [
-                    createVNode(unref(DragOutlined))
-                  ]),
-                  _: 1
-                }),
-                _ctx.formItem.type && _ctx.formItem.type === "tabs" ? (openBlock(), createElementBlock("div", _hoisted_2, [
-                  createVNode(unref(ElInput), {
-                    size: "small",
-                    modelValue: (_a = element.props) == null ? void 0 : _a.label,
-                    "onUpdate:modelValue": (value) => handleUpdateLabel(value, element, "props.label")
-                  }, null, 8, ["modelValue", "onUpdate:modelValue"])
-                ])) : _ctx.formItem.type && _ctx.formItem.type === "collapse" ? (openBlock(), createElementBlock("div", _hoisted_3, [
-                  createVNode(unref(ElInput), {
-                    size: "small",
-                    modelValue: (_b = element.props) == null ? void 0 : _b.title,
-                    "onUpdate:modelValue": (value) => handleUpdateLabel(value, element, "props.title")
-                  }, null, 8, ["modelValue", "onUpdate:modelValue"])
-                ])) : (openBlock(), createElementBlock("div", {
-                  key: 2,
-                  class: "ele-pro-form-builder-children-edit-item-body is-clickable",
-                  onClick: withModifiers(($event) => handleClick(element), ["stop"])
-                }, [
-                  createVNode(ComponentName, {
-                    itemType: element.type,
-                    componentData: _ctx.componentData,
-                    class: "ele-pro-form-builder-outline-item-type-tag"
-                  }, null, 8, ["itemType", "componentData"]),
-                  createElementVNode("div", _hoisted_5, toDisplayString(element.label || element.prop), 1)
-                ], 8, _hoisted_4)),
-                createVNode(unref(ElIcon), {
-                  class: "ele-pro-form-builder-children-edit-item-del-btn",
-                  title: "删除",
-                  onClick: withModifiers(($event) => handleDelete(element), ["stop"])
-                }, {
-                  default: withCtx(() => [
-                    createVNode(unref(DeleteOutlined))
-                  ]),
-                  _: 2
-                }, 1032, ["onClick"])
-              ])
-            ];
-          }),
+          item: withCtx(({ element }) => [
+            createElementVNode("div", _hoisted_1, [
+              createVNode(unref(ElIcon), { class: "ele-pro-form-builder-children-edit-item-handle" }, {
+                default: withCtx(() => [
+                  createVNode(unref(DragOutlined))
+                ]),
+                _: 1
+              }),
+              __props.formItem.type && __props.formItem.type === "tabs" ? (openBlock(), createElementBlock("div", _hoisted_2, [
+                createVNode(unref(ElInput), {
+                  size: "small",
+                  modelValue: element.props?.label,
+                  "onUpdate:modelValue": (value) => handleUpdateLabel(value, element, "props.label")
+                }, null, 8, ["modelValue", "onUpdate:modelValue"])
+              ])) : __props.formItem.type && __props.formItem.type === "collapse" ? (openBlock(), createElementBlock("div", _hoisted_3, [
+                createVNode(unref(ElInput), {
+                  size: "small",
+                  modelValue: element.props?.title,
+                  "onUpdate:modelValue": (value) => handleUpdateLabel(value, element, "props.title")
+                }, null, 8, ["modelValue", "onUpdate:modelValue"])
+              ])) : (openBlock(), createElementBlock("div", {
+                key: 2,
+                class: "ele-pro-form-builder-children-edit-item-body is-clickable",
+                onClick: withModifiers(($event) => handleClick(element), ["stop"])
+              }, [
+                createVNode(ComponentName, {
+                  itemType: element.type,
+                  componentData: __props.componentData,
+                  class: "ele-pro-form-builder-outline-item-type-tag"
+                }, null, 8, ["itemType", "componentData"]),
+                createElementVNode("div", _hoisted_5, toDisplayString(element.label || element.prop), 1)
+              ], 8, _hoisted_4)),
+              createVNode(unref(ElIcon), {
+                class: "ele-pro-form-builder-children-edit-item-del-btn",
+                title: "删除",
+                onClick: withModifiers(($event) => handleDelete(element), ["stop"])
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(DeleteOutlined))
+                ]),
+                _: 1
+              }, 8, ["onClick"])
+            ])
+          ]),
           _: 1
         }, 8, ["modelValue"])) : createCommentVNode("", true),
         createVNode(unref(ElButton), {
@@ -114,10 +110,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           class: "ele-pro-form-builder-props-fluid-btn is-small-icon",
           onClick: handleAdd
         }, createSlots({ _: 2 }, [
-          _ctx.addBtnText ? {
+          __props.addBtnText ? {
             name: "default",
             fn: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.addBtnText), 1)
+              createTextVNode(toDisplayString(__props.addBtnText), 1)
             ]),
             key: "0"
           } : void 0

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

@@ -16,7 +16,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(ElInput), {
         size: "default",
         type: "textarea",
-        modelValue: _ctx.modelValue,
+        modelValue: __props.modelValue,
         "onUpdate:modelValue": updateModelValue,
         class: "ele-pro-form-builder-code-editer"
       }, null, 8, ["modelValue"]);