ele-admin-plus 1.3.0 → 1.4.0-beta.1

package/lib/ele-pro-form-builder/components/outline-list.cjs

@@ -2,8 +2,9 @@
 const vue = require("vue");
 const VueDraggable = require("vuedraggable");
 const elementPlus = require("element-plus");
-const icons = require("../../icons");
+const index = require("../../icons/index");
 const util = require("../../ele-pro-form/util");
+const buildCore = require("./build-core");
 const ComponentName = require("./component-name");
 const _hoisted_1 = ["title", "onClick"];
 const _hoisted_2 = { class: "ele-pro-form-builder-outline-item-content" };
@@ -23,10 +24,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     componentData: {},
     itemTypeData: {}
   },
-  emits: ["update:currentFormItemId", "toggleItemCollapse", "deleteItem", "copyItem", "addChildren", "openTableTool", "updateItemChildren"],
+  emits: ["update:currentFormItemId", "toggleItemCollapse", "deleteItem", "copyItem", "addChildren", "updateItemChildren", "openTableTool"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const handleOpenTableTool = (item, e) => {
+      emit("openTableTool", item, e);
+    };
     const handleUpdateCurrentFormItemId = (itemId) => {
       emit("update:currentFormItemId", itemId);
     };
@@ -42,14 +46,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const handleAddChildren = (triggerItem, action) => {
       emit("addChildren", triggerItem, action);
     };
-    const handleOpenTableTool = (item, e) => {
-      emit("openTableTool", item, e);
+    const handleUpdateItemChildren = (children, parentKey) => {
+      emit("updateItemChildren", children, parentKey);
     };
     const handleUpdateModelValue = (data) => {
-      handleUpdateItemChildren(data, props.parent);
-    };
-    const handleUpdateItemChildren = (children, parent) => {
-      emit("updateItemChildren", children, parent);
+      var _a;
+      if (props.parent != null && props.parent.key == null) {
+        return;
+      }
+      handleUpdateItemChildren(data, (_a = props.parent) == null ? void 0 : _a.key);
     };
     const itemIsContainerType = (item) => {
       return util.isContainerType(item, props.itemTypeData);
@@ -66,6 +71,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         itemKey: "key",
         modelValue: _ctx.items,
         forceFallback: true,
+        fallbackOnBody: true,
         setData: () => void 0,
         group: "ProFormBuilderOutlineSortGroup",
         handle: ".ele-pro-form-builder-outline-item-handle",
@@ -112,7 +118,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 onClick: vue.withModifiers(($event) => handleToggleItemCollapse(element.key), ["stop"])
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(icons.ArrowDown))
+                  vue.createVNode(vue.unref(index.ArrowDown))
                 ]),
                 _: 2
               }, 1032, ["onClick"])) : vue.createCommentVNode("", true),
@@ -132,7 +138,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 onClick: vue.withModifiers(($event) => handleDeleteItem(element.key), ["stop"])
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(icons.DeleteOutlined))
+                  vue.createVNode(vue.unref(index.DeleteOutlined))
                 ]),
                 _: 2
               }, 1032, ["onClick"])) : vue.createCommentVNode("", true),
@@ -143,7 +149,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 onClick: vue.withModifiers(($event) => handleCopyItem(element.key), ["stop"])
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(icons.CopyOutlined))
+                  vue.createVNode(vue.unref(index.CopyOutlined))
                 ]),
                 _: 2
               }, 1032, ["onClick"])) : vue.createCommentVNode("", true),
@@ -154,7 +160,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 onClick: vue.withModifiers(($event) => handleAddChildren(element, "addTableRow"), ["stop"])
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(icons.InsertRowOutlined))
+                  vue.createVNode(vue.unref(index.InsertRowOutlined))
                 ]),
                 _: 2
               }, 1032, ["onClick"])) : vue.createCommentVNode("", true),
@@ -165,7 +171,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 onClick: vue.withModifiers(($event) => handleAddChildren(element, "addTableCol"), ["stop"])
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(icons.InsertColumnOutlined))
+                  vue.createVNode(vue.unref(index.InsertColumnOutlined))
                 ]),
                 _: 2
               }, 1032, ["onClick"])) : vue.createCommentVNode("", true),
@@ -176,28 +182,43 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 onClick: vue.withModifiers((e) => handleOpenTableTool(element, e), ["stop"])
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(icons.AppstoreAddOutlined), { style: { "transform": "scale(1.1)" } })
+                  vue.createVNode(vue.unref(index.AppstoreAddOutlined), { style: { "transform": "scale(1.1)" } })
                 ]),
                 _: 2
               }, 1032, ["onClick"])) : vue.createCommentVNode("", true),
               itemIsContainerType(element) && element.type !== "table" && element.type !== "tableRow" ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElIcon), {
                 key: 6,
                 class: "ele-pro-form-builder-outline-item-tool",
-                title: "添加子级",
+                title: {
+                  tabs: "添加选项卡",
+                  tabPane: "插入选项卡",
+                  collapse: "添加折叠面板",
+                  collapseItem: "插入折叠面板",
+                  row: "添加栅格列",
+                  col: "插入栅格列",
+                  carousel: "添加走马灯",
+                  carouselItem: "插入走马灯",
+                  descriptions: "添加描述列表",
+                  descriptionsItem: "插入描述列表"
+                }[element.type] || "添加子级",
                 onClick: vue.withModifiers(($event) => handleAddChildren(element), ["stop"])
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(icons.PlusSquareDashOutlined))
+                  element.type && vue.unref(buildCore.fixedChildTypes).some((d) => d.type === element.type) ? (vue.openBlock(), vue.createBlock(vue.unref(index.PlusSquareDashOutlined), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(index.PlusOutlined), {
+                    key: 1,
+                    style: { "transform": "scale(1.1)" }
+                  }))
                 ]),
                 _: 2
-              }, 1032, ["onClick"])) : vue.createCommentVNode("", true),
+              }, 1032, ["title", "onClick"])) : vue.createCommentVNode("", true),
               vue.createVNode(vue.unref(elementPlus.ElIcon), {
+                title: "",
                 class: "ele-pro-form-builder-outline-item-handle",
                 onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
                 }, ["stop"]))
               }, {
                 default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(icons.DragOutlined), { style: { "transform": "scale(1.1)" } })
+                  vue.createVNode(vue.unref(index.DragOutlined), { style: { "transform": "scale(1.1)" } })
                 ]),
                 _: 1
               }),

package/lib/ele-pro-form-builder/components/outline-list.d.ts

@@ -20,8 +20,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     deleteItem: (formItemId: string | number | symbol) => void;
     copyItem: (formItemId: string | number | symbol) => void;
     addChildren: (triggerItem: ProFormItemProps, action?: AddChildrenItemAction | undefined) => void;
+    updateItemChildren: (children: ProFormItemProps[], parentKey?: string | number | symbol | undefined) => void;
     openTableTool: (item: ProFormItemProps, event: MouseEvent) => void;
-    updateItemChildren: (children: ProFormItemProps[], parent?: ProFormItemProps | undefined) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     /** 表单项 */
     items: ProFormItemProps[];
@@ -36,13 +36,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     /** 高级表单组件类型数据 */
     itemTypeData?: ProFormItemTypeData[];
 }>>> & Readonly<{
-    "onUpdate:currentFormItemId"?: ((formItemId?: string | number | symbol | undefined) => any) | undefined;
     onToggleItemCollapse?: ((formItemId: string | number | symbol) => any) | undefined;
     onDeleteItem?: ((formItemId: string | number | symbol) => any) | undefined;
     onCopyItem?: ((formItemId: string | number | symbol) => any) | undefined;
     onAddChildren?: ((triggerItem: ProFormItemProps, action?: AddChildrenItemAction | undefined) => any) | undefined;
+    onUpdateItemChildren?: ((children: ProFormItemProps[], parentKey?: string | number | symbol | undefined) => any) | undefined;
+    "onUpdate:currentFormItemId"?: ((formItemId?: string | number | symbol | undefined) => any) | undefined;
     onOpenTableTool?: ((item: ProFormItemProps, event: MouseEvent) => any) | undefined;
-    onUpdateItemChildren?: ((children: ProFormItemProps[], parent?: ProFormItemProps | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/lib/ele-pro-form-builder/components/outline-tree.cjs

@@ -1,11 +1,12 @@
 "use strict";
 const vue = require("vue");
 const elementPlus = require("element-plus");
-const core = require("../../utils/core");
+const common = require("../../utils/common");
 const buildCore = require("./build-core");
 const buildUtil = require("./build-util");
 const OutlineList = require("./outline-list");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "OutlineTree" },
   __name: "outline-tree",
   props: {
     formItems: {},
@@ -17,7 +18,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const outlineWrapperRef = vue.ref(null);
     const collapseItemIds = vue.ref([]);
     const handleUpdateCurrentFormItemId = (itemId) => {
       emit("update:currentFormItemId", itemId);
@@ -60,8 +60,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       );
       emit("openTableTool", item.key, triggerEl);
     };
-    const handleUpdateItemChildren = (children, parent) => {
-      emit("updateItemChildren", children, parent);
+    const handleUpdateItemChildren = (children, parentKey) => {
+      emit("updateItemChildren", children, parentKey);
     };
     const handleToggleItemCollapse = (formItemId) => {
       const index = collapseItemIds.value.indexOf(formItemId);
@@ -75,7 +75,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       () => props.formItems,
       (items) => {
         for (let i = collapseItemIds.value.length - 1; i >= 0; i--) {
-          if (!core.findTree(items, (item) => collapseItemIds.value[i] === item.key)) {
+          if (!common.findTree(items, (item) => collapseItemIds.value[i] === item.key)) {
             collapseItemIds.value.splice(i, 1);
           }
         }
@@ -83,11 +83,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       { deep: true }
     );
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        ref_key: "outlineWrapperRef",
-        ref: outlineWrapperRef,
-        class: "ele-pro-form-builder-outline-wrapper"
-      }, [
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
         _ctx.formItems ? (vue.openBlock(), vue.createBlock(OutlineList, {
           key: 0,
           items: _ctx.formItems,
@@ -108,7 +104,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           imageSize: 58,
           class: "ele-pro-form-builder-form-empty"
         })) : vue.createCommentVNode("", true)
-      ], 512);
+      ], 64);
     };
   }
 });

package/lib/ele-pro-form-builder/components/outline-tree.d.ts

@@ -13,7 +13,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:currentFormItemId": (formItemId?: string | number | symbol | undefined) => void;
     updateItems: (result: UpdateItemsResult) => void;
-    updateItemChildren: (children: ProFormItemProps[], parent?: ProFormItemProps | undefined) => void;
+    updateItemChildren: (children: ProFormItemProps[], parentKey?: string | number | symbol | undefined) => void;
     openTableTool: (formItemId: string, el: HTMLElement) => void;
     openComponentPicker: (formItemId: string) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
@@ -27,9 +27,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     itemTypeData?: ProFormItemTypeData[];
 }>>> & Readonly<{
     onUpdateItems?: ((result: UpdateItemsResult) => any) | undefined;
-    "onUpdate:currentFormItemId"?: ((formItemId?: string | number | symbol | undefined) => any) | undefined;
+    onUpdateItemChildren?: ((children: ProFormItemProps[], parentKey?: string | number | symbol | undefined) => any) | undefined;
     onOpenTableTool?: ((formItemId: string, el: HTMLElement) => any) | undefined;
-    onUpdateItemChildren?: ((children: ProFormItemProps[], parent?: ProFormItemProps | undefined) => any) | undefined;
+    "onUpdate:currentFormItemId"?: ((formItemId?: string | number | symbol | undefined) => any) | undefined;
     onOpenComponentPicker?: ((formItemId: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/ele-pro-form-builder/components/preview-modal.cjs

@@ -5,13 +5,15 @@ const EleModal = require("../../ele-modal/index");
 const util$1 = require("../../ele-pro-form/util");
 const EleProForm = require("../../ele-pro-form/index");
 const util = require("../util");
+const buildCore = require("./build-core");
 const _hoisted_1 = { class: "ele-pro-form-builder-screen-radio" };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "PreviewModal" },
   __name: "preview-modal",
   props: {
     modelValue: { type: Boolean },
     formProps: {},
-    proFormComponent: {},
+    proFormComponent: { type: [String, Object, Function] },
     itemTypeData: {},
     httpRequest: {}
   },
@@ -39,7 +41,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       });
       util$1.mergeValue(
         formData,
-        util$1.getFormInitValue((_a = previewFormProps.value) == null ? void 0 : _a.items, props.itemTypeData)
+        util$1.getFormInitValue((_a = previewFormProps.value) == null ? void 0 : _a.items, props.itemTypeData, true)
       );
     };
     const handleUpdatePreviewScreen = (size) => {
@@ -49,14 +51,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       () => props.modelValue,
       (visible) => {
         if (visible) {
-          previewFormProps.value = JSON.parse(
-            JSON.stringify(props.formProps || { items: [] })
+          previewFormProps.value = buildCore.deepCloneObject(
+            props.formProps || { items: [] }
           );
           handlePreviewFormReset();
           vue.nextTick(() => {
+            var _a, _b;
+            (_b = (_a = previewFormRef.value) == null ? void 0 : _a.clearValidate) == null ? void 0 : _b.call(_a);
             vue.nextTick(() => {
-              var _a, _b;
-              (_b = (_a = previewFormRef.value) == null ? void 0 : _a.clearValidate) == null ? void 0 : _b.call(_a);
+              var _a2, _b2;
+              (_b2 = (_a2 = previewFormRef.value) == null ? void 0 : _a2.clearValidate) == null ? void 0 : _b2.call(_a2);
             });
           });
         }
@@ -64,12 +68,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     );
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(EleModal, {
-        width: 960,
+        width: 980,
         maxable: true,
         draggable: false,
         position: "center",
         closeOnClickModal: false,
         destroyOnClose: true,
+        modalBodyClass: [
+          "ele-pro-form-builder-preview",
+          previewScreen.value === "pad" ? "is-pad" : previewScreen.value === "phone" ? "is-phone" : "is-pc"
+        ].join(" "),
         modelValue: _ctx.modelValue,
         "onUpdate:modelValue": handleUpdateModelValue
       }, {
@@ -100,17 +108,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             ref_key: "previewFormRef",
             ref: previewFormRef,
             model: formData,
-            searchExpand: formData.searchExpand,
-            "onUpdate:searchExpand": _cache[0] || (_cache[0] = ($event) => formData.searchExpand = $event),
             editable: false,
+            screenSize: previewScreen.value,
             itemTypeData: _ctx.itemTypeData,
             httpRequest: _ctx.httpRequest,
-            class: [
-              "ele-pro-form-builder-preview-form",
-              { "is-pc": previewScreen.value === "pc" },
-              { "is-pad": previewScreen.value === "pad" },
-              { "is-phone": previewScreen.value === "phone" }
-            ],
+            class: "ele-pro-form-builder-preview-form",
             onUpdateValue: setPreviewFormDataFieldValue,
             onSubmit: handlePreviewFormSubmit,
             onReset: handlePreviewFormReset
@@ -123,10 +125,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 ])
               };
             })
-          ]), 1040, ["model", "searchExpand", "itemTypeData", "httpRequest", "class"]))
+          ]), 1040, ["model", "screenSize", "itemTypeData", "httpRequest"]))
         ]),
         _: 3
-      }, 8, ["modelValue"]);
+      }, 8, ["modalBodyClass", "modelValue"]);
     };
   }
 });

package/lib/ele-pro-form-builder/components/preview-modal.d.ts

@@ -1,13 +1,13 @@
 import { ProFormItemTypeData } from '../../ele-pro-form/types';
 import { UserComponent } from '../../ele-app/types';
-import { TemplateFormConfig } from '../types';
+import { EleProFormProps } from '../../ele-app/plus';
 
 declare function __VLS_template(): Partial<Record<string, (_: any) => any>>;
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     /** 弹窗是否打开 */
     modelValue?: boolean;
     /** 表单属性 */
-    formProps?: TemplateFormConfig;
+    formProps?: EleProFormProps;
     /** 高级表单组件 */
     proFormComponent?: UserComponent;
     /** 高级表单组件类型数据 */
@@ -21,7 +21,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     /** 弹窗是否打开 */
     modelValue?: boolean;
     /** 表单属性 */
-    formProps?: TemplateFormConfig;
+    formProps?: EleProFormProps;
     /** 高级表单组件 */
     proFormComponent?: UserComponent;
     /** 高级表单组件类型数据 */

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

@@ -1,7 +1,7 @@
 "use strict";
 const vue = require("vue");
 const elementPlus = require("element-plus");
-const core = require("../../utils/core");
+const common = require("../../utils/common");
 const EleProForm = require("../../ele-pro-form/index");
 const buildCore = require("./build-core");
 const buildUtil = require("./build-util");
@@ -10,20 +10,22 @@ const EventEdit = require("./event-edit");
 const HtmlEdit = require("./html-edit");
 const IfEdit = require("./if-edit");
 const SourceEdit = require("./source-edit");
+const TypeEdit = require("./type-edit");
 const ChildrenEdit = require("./children-edit");
 const StyleEdit = require("./style-edit");
 const JsonInput = require("./json-input");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "PropsForm" },
   __name: "props-form",
   props: {
     currentFormItemId: {},
     formProps: {},
     configFormPresetProps: {},
     componentData: {},
-    proFormComponent: {},
-    codeEditerComponent: {},
-    jsonEditerComponent: {},
-    htmlEditerComponent: {},
+    proFormComponent: { type: [String, Object, Function] },
+    codeEditerComponent: { type: [String, Object, Function] },
+    jsonEditerComponent: { type: [String, Object, Function] },
+    htmlEditerComponent: { type: [String, Object, Function] },
     itemTypeData: {},
     httpRequest: {}
   },
@@ -59,6 +61,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         deleteItemIds: [child.key]
       });
     };
+    const handleOpenComponentPicker = (item, isAdd) => {
+      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)) {
@@ -73,7 +78,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         );
         emit("updateItems", result);
       } else {
-        emit("openComponentPicker", parent.key);
+        handleOpenComponentPicker(parent, true);
       }
     };
     const handleUpdateCurrentFormItemId = (formItemId) => {
@@ -97,7 +102,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           currentFormItem.value = void 0;
           return;
         }
-        const temp = core.findTree(
+        const temp = common.findTree(
           (_a = props.formProps) == null ? void 0 : _a.items,
           (item) => item.key === props.currentFormItemId
         );
@@ -192,6 +197,18 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             ]),
             key: "4"
           } : void 0,
+          !_ctx.$slots.proFormBuilderTypeEdit ? {
+            name: "proFormBuilderTypeEdit",
+            fn: vue.withCtx(() => [
+              (vue.openBlock(), vue.createBlock(TypeEdit, {
+                key: _ctx.currentFormItemId,
+                formItem: currentFormItem.value,
+                componentData: _ctx.componentData,
+                onOpenComponentPicker: handleOpenComponentPicker
+              }, null, 8, ["formItem", "componentData"]))
+            ]),
+            key: "5"
+          } : void 0,
           !_ctx.$slots.proFormBuilderChildrenEdit ? {
             name: "proFormBuilderChildrenEdit",
             fn: vue.withCtx(({ item }) => [
@@ -205,7 +222,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 "onUpdate:currentFormItemId": handleUpdateCurrentFormItemId
               }), null, 16, ["formItem", "componentData"]))
             ]),
-            key: "5"
+            key: "6"
           } : void 0,
           !_ctx.$slots.proFormBuilderStyleEdit ? {
             name: "proFormBuilderStyleEdit",
@@ -215,7 +232,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 "onUpdate:modelValue": updateValue
               }), null, 16, ["modelValue", "onUpdate:modelValue"]))
             ]),
-            key: "6"
+            key: "7"
           } : void 0,
           !_ctx.$slots.proFormBuilderJsonInput ? {
             name: "proFormBuilderJsonInput",
@@ -225,7 +242,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 "onUpdate:modelValue": updateValue
               }), null, 16, ["modelValue", "onUpdate:modelValue"]))
             ]),
-            key: "7"
+            key: "8"
           } : void 0,
           !_ctx.$slots.proFormBuilderIconInput ? {
             name: "proFormBuilderIconInput",
@@ -237,7 +254,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 "onUpdate:modelValue": updateValue
               }, null, 8, ["modelValue", "onUpdate:modelValue"])
             ]),
-            key: "8"
+            key: "9"
           } : void 0,
           vue.renderList(Object.keys(_ctx.$slots), (name) => {
             return {

package/lib/ele-pro-form-builder/components/props-form.d.ts

@@ -1,13 +1,14 @@
 import { UserComponent } from '../../ele-app/types';
+import { EleProFormProps } from '../../ele-app/plus';
 import { ProFormItemKey, ProFormItemTypeData } from '../../ele-pro-form/types';
-import { TemplateFormConfig, ComponentGroup, UpdateItemsResult } from '../types';
+import { ComponentGroup, UpdateItemsResult } from '../types';
 
 declare function __VLS_template(): Partial<Record<string, (_: any) => any>>;
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     /** 选中的表单项 id */
     currentFormItemId?: ProFormItemKey;
     /** 表单属性 */
-    formProps?: TemplateFormConfig;
+    formProps?: EleProFormProps;
     /** 表单属性设置的组件预设属性值 */
     configFormPresetProps?: Record<string, any>;
     /** 组件库数据 */
@@ -29,12 +30,12 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     updateItem: (formItemId: string | number | symbol, field: string, value: any) => void;
     updateItems: (result: UpdateItemsResult) => void;
     sortItemChildren: (childIds: string[], formItemId: string | number | symbol) => void;
-    openComponentPicker: (formItemId: string) => void;
+    openComponentPicker: (formItemId: string, formItemType?: string | undefined) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     /** 选中的表单项 id */
     currentFormItemId?: ProFormItemKey;
     /** 表单属性 */
-    formProps?: TemplateFormConfig;
+    formProps?: EleProFormProps;
     /** 表单属性设置的组件预设属性值 */
     configFormPresetProps?: Record<string, any>;
     /** 组件库数据 */
@@ -54,9 +55,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
 }>>> & Readonly<{
     onUpdateItems?: ((result: UpdateItemsResult) => any) | undefined;
     "onUpdate:currentFormItemId"?: ((formItemId?: string | undefined) => any) | undefined;
+    onOpenComponentPicker?: ((formItemId: string, formItemType?: string | undefined) => any) | undefined;
     onUpdateItem?: ((formItemId: string | number | symbol, field: string, value: any) => any) | undefined;
     onSortItemChildren?: ((childIds: string[], formItemId: string | number | symbol) => any) | undefined;
-    onOpenComponentPicker?: ((formItemId: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

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

@@ -1,16 +1,19 @@
 "use strict";
 const vue = require("vue");
 const elementPlus = require("element-plus");
-const core = require("../../utils/core");
+const index = require("../../icons/index");
+const common = require("../../utils/common");
 const EleModal = require("../../ele-modal/index");
 const CodeEditer = require("./code-editer");
 const _hoisted_1 = { class: "ele-pro-form-builder-code-edit-wrapper" };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "SourceEdit" },
   __name: "source-edit",
   props: {
     modelValue: {},
     title: {},
-    jsonEditerComponent: {}
+    excludeFields: {},
+    jsonEditerComponent: { type: [String, Object, Function] }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
@@ -20,7 +23,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const jsonContent = vue.ref("");
     const openModal = () => {
       jsonContent.value = JSON.stringify(
-        core.omit(props.modelValue || {}, ["key", "children"]),
+        common.omit(props.modelValue || {}, props.excludeFields || ["key", "children"]),
         void 0,
         2
       );
@@ -48,14 +51,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
         vue.createVNode(vue.unref(elementPlus.ElButton), {
           size: "small",
-          style: { width: "100%" },
+          icon: vue.unref(index.CodeOutlined),
+          class: "ele-pro-form-builder-props-fluid-btn",
           onClick: openModal
         }, {
           default: vue.withCtx(() => [
             vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
           ]),
           _: 1
-        }),
+        }, 8, ["icon"]),
         vue.createVNode(EleModal, {
           width: 800,
           maxable: true,
@@ -80,7 +84,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               default: vue.withCtx(() => _cache[2] || (_cache[2] = [
                 vue.createTextVNode("取消")
               ])),
-              _: 1
+              _: 1,
+              __: [2]
             }),
             vue.createVNode(vue.unref(elementPlus.ElButton), {
               type: "primary",
@@ -90,7 +95,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               default: vue.withCtx(() => _cache[3] || (_cache[3] = [
                 vue.createTextVNode(" 保存 ")
               ])),
-              _: 1
+              _: 1,
+              __: [3]
             })
           ]),
           default: vue.withCtx(() => [

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

@@ -5,6 +5,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     modelValue?: Record<string, any>;
     /** 弹窗标题 */
     title?: string;
+    /** 需要排除编辑的字段 */
+    excludeFields?: string[];
     /** JSON 编辑器组件 */
     jsonEditerComponent?: UserComponent;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -14,6 +16,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     modelValue?: Record<string, any>;
     /** 弹窗标题 */
     title?: string;
+    /** 需要排除编辑的字段 */
+    excludeFields?: string[];
     /** JSON 编辑器组件 */
     jsonEditerComponent?: UserComponent;
 }>>> & Readonly<{