ele-admin-plus 1.2.2-beta.4 → 1.3.1-beta.1

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

@@ -0,0 +1,230 @@
+import { defineComponent, resolveComponent, openBlock, createBlock, unref, withCtx, createElementVNode, normalizeClass, createCommentVNode, withModifiers, createVNode, toDisplayString, createElementBlock } from "vue";
+import VueDraggable from "vuedraggable";
+import { ElIcon } from "element-plus";
+import { ArrowDown, DeleteOutlined, CopyOutlined, InsertRowOutlined, InsertColumnOutlined, AppstoreAddOutlined, PlusSquareDashOutlined, DragOutlined } from "../../icons";
+import { containerTypes, defaultTypes, viewTypes } from "../../ele-pro-form/util";
+import ComponentName from "./component-name";
+const _hoisted_1 = ["title", "onClick"];
+const _hoisted_2 = { class: "ele-pro-form-builder-outline-item-content" };
+const _hoisted_3 = { class: "ele-pro-form-builder-outline-item-prop" };
+const _hoisted_4 = {
+  key: 0,
+  class: "ele-pro-form-builder-outline-item-label"
+};
+const _hoisted_5 = /* @__PURE__ */ createElementVNode("div", { class: "ele-pro-form-builder-outline-item-table-tool-trigger" }, null, -1);
+const _hoisted_6 = /* @__PURE__ */ createElementVNode("div", { class: "ele-pro-form-builder-outline-item-border" }, null, -1);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "OutlineList" },
+  __name: "outline-list",
+  props: {
+    items: {},
+    currentFormItemId: {},
+    collapseItemIds: {},
+    parent: {},
+    componentData: {}
+  },
+  emits: ["update:currentFormItemId", "toggleItemCollapse", "deleteItem", "copyItem", "addChildren", "openTableTool", "updateItemChildren"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const handleUpdateCurrentFormItemId = (itemId) => {
+      emit("update:currentFormItemId", itemId);
+    };
+    const handleToggleItemCollapse = (formItemId) => {
+      emit("toggleItemCollapse", formItemId);
+    };
+    const handleDeleteItem = (formItemId) => {
+      emit("deleteItem", formItemId);
+    };
+    const handleCopyItem = (formItemId) => {
+      emit("copyItem", formItemId);
+    };
+    const handleAddChildren = (triggerItem, action) => {
+      emit("addChildren", triggerItem, action);
+    };
+    const handleOpenTableTool = (item, e) => {
+      emit("openTableTool", item, e);
+    };
+    const handleUpdateModelValue = (data) => {
+      handleUpdateItemChildren(data, props.parent);
+    };
+    const handleUpdateItemChildren = (children, parent) => {
+      emit("updateItemChildren", children, parent);
+    };
+    const isContainerType = (item) => {
+      if (!item.type) {
+        return false;
+      }
+      if (containerTypes.includes(item.type)) {
+        return true;
+      }
+      return item.itemType === "container" && !defaultTypes.includes(item.type);
+    };
+    const isViewType = (item) => {
+      if (!(item == null ? void 0 : item.type)) {
+        return false;
+      }
+      if (viewTypes.includes(item.type)) {
+        return true;
+      }
+      return item.itemType === "view" && !defaultTypes.includes(item.type);
+    };
+    const isTableChildType = (item) => {
+      if (!item.type) {
+        return false;
+      }
+      return ["tableRow", "tableCell"].includes(item.type);
+    };
+    return (_ctx, _cache) => {
+      const _component_OutlineList = resolveComponent("OutlineList", true);
+      return openBlock(), createBlock(unref(VueDraggable), {
+        itemKey: "key",
+        modelValue: _ctx.items,
+        forceFallback: true,
+        setData: () => void 0,
+        group: "ProFormBuilderOutlineSortGroup",
+        handle: ".ele-pro-form-builder-outline-item-handle",
+        class: "ele-pro-form-builder-outline",
+        "onUpdate:modelValue": handleUpdateModelValue
+      }, {
+        item: withCtx(({ element }) => [
+          createElementVNode("div", {
+            class: normalizeClass([
+              "ele-pro-form-builder-outline-item",
+              {
+                "is-active": element.key != null && _ctx.currentFormItemId != null && _ctx.currentFormItemId === element.key
+              },
+              {
+                "is-collapse": element.key != null && _ctx.collapseItemIds && _ctx.collapseItemIds.includes(element.key)
+              },
+              { "is-form-item": !(isContainerType(element) || isViewType(element)) }
+            ])
+          }, [
+            isContainerType(element) || isViewType(element) ? (openBlock(), createBlock(_component_OutlineList, {
+              key: 0,
+              items: element.children || [],
+              currentFormItemId: _ctx.currentFormItemId,
+              collapseItemIds: _ctx.collapseItemIds,
+              parent: element,
+              componentData: _ctx.componentData,
+              "onUpdate:currentFormItemId": handleUpdateCurrentFormItemId,
+              onToggleItemCollapse: handleToggleItemCollapse,
+              onDeleteItem: handleDeleteItem,
+              onCopyItem: handleCopyItem,
+              onAddChildren: handleAddChildren,
+              onOpenTableTool: handleOpenTableTool,
+              onUpdateItemChildren: handleUpdateItemChildren
+            }, null, 8, ["items", "currentFormItemId", "collapseItemIds", "parent", "componentData"])) : createCommentVNode("", true),
+            createElementVNode("div", {
+              class: "ele-pro-form-builder-outline-item-body",
+              title: (element.prop ?? "") + " " + (element.label ?? ""),
+              onClick: ($event) => handleUpdateCurrentFormItemId(element.key)
+            }, [
+              element.children && element.children.length ? (openBlock(), createBlock(unref(ElIcon), {
+                key: 0,
+                class: "ele-pro-form-builder-outline-item-arrow",
+                onClick: withModifiers(($event) => handleToggleItemCollapse(element.key), ["stop"])
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(ArrowDown))
+                ]),
+                _: 2
+              }, 1032, ["onClick"])) : createCommentVNode("", true),
+              createElementVNode("div", _hoisted_2, [
+                createVNode(ComponentName, {
+                  itemType: element.type,
+                  componentData: _ctx.componentData,
+                  class: "ele-pro-form-builder-outline-item-type-tag"
+                }, null, 8, ["itemType", "componentData"]),
+                createElementVNode("span", _hoisted_3, toDisplayString(element.prop), 1),
+                element.label ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(element.label), 1)) : createCommentVNode("", true)
+              ]),
+              !isTableChildType(element) ? (openBlock(), createBlock(unref(ElIcon), {
+                key: 1,
+                class: "ele-pro-form-builder-outline-item-tool is-danger",
+                title: "删除",
+                onClick: withModifiers(($event) => handleDeleteItem(element.key), ["stop"])
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(DeleteOutlined))
+                ]),
+                _: 2
+              }, 1032, ["onClick"])) : createCommentVNode("", true),
+              !isTableChildType(element) ? (openBlock(), createBlock(unref(ElIcon), {
+                key: 2,
+                class: "ele-pro-form-builder-outline-item-tool",
+                title: "复制",
+                onClick: withModifiers(($event) => handleCopyItem(element.key), ["stop"])
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(CopyOutlined))
+                ]),
+                _: 2
+              }, 1032, ["onClick"])) : createCommentVNode("", true),
+              element.type === "table" ? (openBlock(), createBlock(unref(ElIcon), {
+                key: 3,
+                class: "ele-pro-form-builder-outline-item-tool",
+                title: "新增行",
+                onClick: withModifiers(($event) => handleAddChildren(element, "addTableRow"), ["stop"])
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(InsertRowOutlined))
+                ]),
+                _: 2
+              }, 1032, ["onClick"])) : createCommentVNode("", true),
+              element.type === "table" ? (openBlock(), createBlock(unref(ElIcon), {
+                key: 4,
+                class: "ele-pro-form-builder-outline-item-tool",
+                title: "新增列",
+                onClick: withModifiers(($event) => handleAddChildren(element, "addTableCol"), ["stop"])
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(InsertColumnOutlined))
+                ]),
+                _: 2
+              }, 1032, ["onClick"])) : createCommentVNode("", true),
+              element.type === "tableCell" ? (openBlock(), createBlock(unref(ElIcon), {
+                key: 5,
+                class: "ele-pro-form-builder-outline-item-tool",
+                title: "更多",
+                onClick: withModifiers((e) => handleOpenTableTool(element, e), ["stop"])
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(AppstoreAddOutlined), { style: { "transform": "scale(1.1)" } })
+                ]),
+                _: 2
+              }, 1032, ["onClick"])) : createCommentVNode("", true),
+              (isContainerType(element) || isViewType(element)) && element.type !== "table" && element.type !== "tableRow" ? (openBlock(), createBlock(unref(ElIcon), {
+                key: 6,
+                class: "ele-pro-form-builder-outline-item-tool",
+                title: "添加子级",
+                onClick: withModifiers(($event) => handleAddChildren(element), ["stop"])
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(PlusSquareDashOutlined))
+                ]),
+                _: 2
+              }, 1032, ["onClick"])) : createCommentVNode("", true),
+              createVNode(unref(ElIcon), {
+                class: "ele-pro-form-builder-outline-item-handle",
+                onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                }, ["stop"]))
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(DragOutlined), { style: { "transform": "scale(1.1)" } })
+                ]),
+                _: 1
+              }),
+              _hoisted_5
+            ], 8, _hoisted_1),
+            _hoisted_6
+          ], 2)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,38 @@
+import { ProFormItemKey } from '../../ele-pro-form/types';
+import { BuildFormItem, ComponentGroup, UpdateItemsResult } from '../types';
+
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    /** 全部表单项 */
+    formItems?: BuildFormItem[];
+    /** 选中的表单项 */
+    currentFormItemId?: ProFormItemKey;
+    /** 组件库数据 */
+    componentData?: ComponentGroup[];
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:currentFormItemId": (formItemId?: string | number | symbol | undefined) => void;
+    updateItems: (result: UpdateItemsResult) => void;
+    updateItemChildren: (children: BuildFormItem[], parent?: BuildFormItem | undefined) => void;
+    openTableTool: (formItemId: string, el: HTMLElement) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 全部表单项 */
+    formItems?: BuildFormItem[];
+    /** 选中的表单项 */
+    currentFormItemId?: ProFormItemKey;
+    /** 组件库数据 */
+    componentData?: ComponentGroup[];
+}>>> & {
+    "onUpdate:currentFormItemId"?: ((formItemId?: string | number | symbol | undefined) => any) | undefined;
+    onOpenTableTool?: ((formItemId: string, el: HTMLElement) => any) | undefined;
+    onUpdateItemChildren?: ((children: BuildFormItem[], parent?: BuildFormItem | undefined) => any) | undefined;
+    onUpdateItems?: ((result: UpdateItemsResult) => any) | undefined;
+}, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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

@@ -0,0 +1,143 @@
+import { defineComponent, ref, watch, openBlock, createElementBlock, Fragment, createElementVNode, createBlock, createCommentVNode, unref, createVNode, Transition, withCtx, withModifiers } from "vue";
+import { ElEmpty } from "element-plus";
+import { findTree } from "../../utils/core";
+import { generateCopyItemData, generateAddChildData } from "./build-util";
+import OutlineList from "./outline-list";
+import ComponentList from "./component-list";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "outline-tree",
+  props: {
+    formItems: {},
+    currentFormItemId: {},
+    componentData: {}
+  },
+  emits: ["update:currentFormItemId", "updateItems", "updateItemChildren", "openTableTool"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const outlineWrapperRef = ref(null);
+    const collapseItemIds = ref([]);
+    const isShowComponentList = ref(false);
+    const addParentFormItemId = ref();
+    const hideComponentList = () => {
+      isShowComponentList.value = false;
+      addParentFormItemId.value = void 0;
+    };
+    const handleUpdateCurrentFormItemId = (itemId) => {
+      emit("update:currentFormItemId", itemId);
+    };
+    const handleUpdateItems = (result) => {
+      emit("updateItems", result);
+    };
+    const handleDeleteItem = (formItemId) => {
+      handleUpdateItems({
+        deleteItemIds: [formItemId],
+        addItems: [],
+        updateItems: []
+      });
+    };
+    const handleCopyItem = (formItemId) => {
+      handleUpdateItems(generateCopyItemData(formItemId, props.formItems));
+    };
+    const handleAddChildren = (triggerItem, action) => {
+      if (triggerItem.type && ["tabs", "collapse", "row", "table", "carousel"].includes(
+        triggerItem.type
+      )) {
+        const result = generateAddChildData(
+          triggerItem,
+          void 0,
+          void 0,
+          action,
+          props.formItems
+        );
+        handleUpdateItems(result);
+        return;
+      }
+      addParentFormItemId.value = triggerItem.key;
+      isShowComponentList.value = true;
+    };
+    const handleOpenTableTool = (item, e) => {
+      var _a, _b;
+      const el = e.currentTarget;
+      const triggerEl = (_b = (_a = el == null ? void 0 : el.parentElement) == null ? void 0 : _a.querySelector) == null ? void 0 : _b.call(
+        _a,
+        ".ele-pro-form-builder-outline-item-table-tool-trigger"
+      );
+      emit("openTableTool", item.key, triggerEl);
+    };
+    const handleUpdateItemChildren = (children, parent) => {
+      emit("updateItemChildren", children, parent);
+    };
+    const handleToggleItemCollapse = (formItemId) => {
+      const index = collapseItemIds.value.indexOf(formItemId);
+      if (index !== -1) {
+        collapseItemIds.value.splice(index, 1);
+      } else {
+        collapseItemIds.value.push(formItemId);
+      }
+    };
+    watch(
+      () => props.formItems,
+      (items) => {
+        for (let i = collapseItemIds.value.length - 1; i >= 0; i--) {
+          if (!findTree(items, (item) => collapseItemIds.value[i] === item.key)) {
+            collapseItemIds.value.splice(i, 1);
+          }
+        }
+        hideComponentList();
+      },
+      { deep: true }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("div", {
+          ref_key: "outlineWrapperRef",
+          ref: outlineWrapperRef,
+          class: "ele-pro-form-builder-outline-wrapper"
+        }, [
+          _ctx.formItems ? (openBlock(), createBlock(OutlineList, {
+            key: 0,
+            items: _ctx.formItems,
+            currentFormItemId: _ctx.currentFormItemId,
+            collapseItemIds: collapseItemIds.value,
+            componentData: _ctx.componentData,
+            "onUpdate:currentFormItemId": handleUpdateCurrentFormItemId,
+            onToggleItemCollapse: handleToggleItemCollapse,
+            onDeleteItem: handleDeleteItem,
+            onCopyItem: handleCopyItem,
+            onAddChildren: handleAddChildren,
+            onOpenTableTool: handleOpenTableTool,
+            onUpdateItemChildren: handleUpdateItemChildren
+          }, null, 8, ["items", "currentFormItemId", "collapseItemIds", "componentData"])) : createCommentVNode("", true),
+          !_ctx.formItems || !_ctx.formItems.length ? (openBlock(), createBlock(unref(ElEmpty), {
+            key: 1,
+            imageSize: 58,
+            class: "ele-pro-form-builder-form-empty"
+          })) : createCommentVNode("", true)
+        ], 512),
+        createVNode(Transition, { name: "ele-pro-form-builder-outline-component-anim" }, {
+          default: withCtx(() => [
+            isShowComponentList.value ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "ele-pro-form-builder-outline-component-wrapper",
+              onClick: hideComponentList
+            }, [
+              createVNode(ComponentList, {
+                formItems: _ctx.formItems,
+                parentFormItemId: addParentFormItemId.value,
+                componentData: _ctx.componentData,
+                onUpdateItems: handleUpdateItems,
+                onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                }, ["stop"]))
+              }, null, 8, ["formItems", "parentFormItemId", "componentData"])
+            ])) : createCommentVNode("", true)
+          ]),
+          _: 1
+        })
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,39 @@
+import { UserComponent } from '../../ele-app/types';
+import { TemplateFormConfig } from '../types';
+
+declare function __VLS_template(): Partial<Record<string, (_: any) => any>>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    /** 弹窗是否打开 */
+    modelValue?: boolean;
+    /** 表单属性 */
+    formProps?: TemplateFormConfig;
+    /** 高级表单组件 */
+    proFormComponent?: UserComponent;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (visible?: boolean | undefined) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 弹窗是否打开 */
+    modelValue?: boolean;
+    /** 表单属性 */
+    formProps?: TemplateFormConfig;
+    /** 高级表单组件 */
+    proFormComponent?: UserComponent;
+}>>> & {
+    "onUpdate:modelValue"?: ((visible?: boolean | undefined) => any) | undefined;
+}, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,128 @@
+import { defineComponent, ref, reactive, watch, nextTick, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createElementBlock, Fragment, renderList, unref, normalizeClass, resolveDynamicComponent, normalizeStyle, mergeProps, createSlots, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { setValue, mergeValue } from "../../ele-pro-form/util";
+import EleProForm from "../../ele-pro-form/index";
+import { screenItems, getFormInitValue } from "../util";
+const _hoisted_1 = { class: "ele-pro-form-builder-screen-radio" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "preview-modal",
+  props: {
+    modelValue: { type: Boolean },
+    formProps: {},
+    proFormComponent: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const previewFormRef = ref(null);
+    const previewFormProps = ref({ items: [] });
+    const formData = reactive({});
+    const previewScreen = ref("pc");
+    const handleUpdateModelValue = (visible) => {
+      emit("update:modelValue", visible);
+    };
+    const setPreviewFormDataFieldValue = (field, value) => {
+      setValue(formData, field, value);
+    };
+    const handlePreviewFormSubmit = () => {
+    };
+    const handlePreviewFormReset = () => {
+      var _a;
+      Object.keys(formData).forEach((k) => {
+        formData[k] = void 0;
+      });
+      mergeValue(formData, getFormInitValue((_a = previewFormProps.value) == null ? void 0 : _a.items));
+    };
+    const handleUpdatePreviewScreen = (size) => {
+      previewScreen.value = size;
+    };
+    watch(
+      () => props.modelValue,
+      (visible) => {
+        if (visible) {
+          previewFormProps.value = JSON.parse(
+            JSON.stringify(props.formProps || { items: [] })
+          );
+          handlePreviewFormReset();
+          nextTick(() => {
+            nextTick(() => {
+              var _a, _b;
+              (_b = (_a = previewFormRef.value) == null ? void 0 : _a.clearValidate) == null ? void 0 : _b.call(_a);
+            });
+          });
+        }
+      }
+    );
+    return (_ctx, _cache) => {
+      const _component_ElIcon = resolveComponent("ElIcon");
+      const _component_EleModal = resolveComponent("EleModal");
+      return openBlock(), createBlock(_component_EleModal, {
+        width: 800,
+        maxable: true,
+        draggable: false,
+        position: "center",
+        closeOnClickModal: false,
+        modelValue: _ctx.modelValue,
+        "onUpdate:modelValue": handleUpdateModelValue
+      }, {
+        header: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(screenItems), (item) => {
+              return openBlock(), createBlock(_component_ElIcon, {
+                key: item.value,
+                class: normalizeClass([
+                  "ele-pro-form-builder-header-tool",
+                  "ele-pro-form-builder-screen-icon",
+                  { "is-active": item.value === previewScreen.value }
+                ]),
+                onClick: ($event) => handleUpdatePreviewScreen(item.value)
+              }, {
+                default: withCtx(() => [
+                  (openBlock(), createBlock(resolveDynamicComponent(item.icon), {
+                    style: normalizeStyle(item.iconStyle)
+                  }, null, 8, ["style"]))
+                ]),
+                _: 2
+              }, 1032, ["class", "onClick"]);
+            }), 128))
+          ])
+        ]),
+        default: withCtx(() => [
+          (openBlock(), createBlock(resolveDynamicComponent(_ctx.proFormComponent || EleProForm), mergeProps({
+            footer: true,
+            validateOnRuleChange: false
+          }, previewFormProps.value, {
+            ref_key: "previewFormRef",
+            ref: previewFormRef,
+            model: formData,
+            searchExpand: formData.searchExpand,
+            "onUpdate:searchExpand": _cache[0] || (_cache[0] = ($event) => formData.searchExpand = $event),
+            editable: false,
+            class: [
+              "ele-pro-form-builder-preview-form",
+              { "is-pc": previewScreen.value === "pc" },
+              { "is-pad": previewScreen.value === "pad" },
+              { "is-phone": previewScreen.value === "phone" }
+            ],
+            onUpdateValue: setPreviewFormDataFieldValue,
+            onSubmit: handlePreviewFormSubmit,
+            onReset: handlePreviewFormReset
+          }), createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.$slots), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => [
+                  renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+                ])
+              };
+            })
+          ]), 1040, ["model", "searchExpand", "class"]))
+        ]),
+        _: 3
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,54 @@
+import { UserComponent } from '../../ele-app/types';
+import { ProFormItemKey } from '../../ele-pro-form/types';
+import { TemplateFormConfig, ComponentGroup, UpdateItemsResult } from '../types';
+
+declare function __VLS_template(): Partial<Record<string, (_: any) => any>>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    /** 选中的表单项 id */
+    currentFormItemId?: ProFormItemKey;
+    /** 表单属性 */
+    formProps?: TemplateFormConfig;
+    /** 表单属性设置的组件预设属性值 */
+    configFormPresetProps?: Record<string, any>;
+    /** 组件库数据 */
+    componentData?: ComponentGroup[];
+    /** 高级表单组件 */
+    proFormComponent?: UserComponent;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:currentFormItemId": (formItemId?: string | undefined) => void;
+    updateItem: (formItemId: string | number | symbol, field: string, value: any) => void;
+    updateItems: (result: UpdateItemsResult) => void;
+    sortItemChildren: (childIds: string[], formItemId: string | number | symbol) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 选中的表单项 id */
+    currentFormItemId?: ProFormItemKey;
+    /** 表单属性 */
+    formProps?: TemplateFormConfig;
+    /** 表单属性设置的组件预设属性值 */
+    configFormPresetProps?: Record<string, any>;
+    /** 组件库数据 */
+    componentData?: ComponentGroup[];
+    /** 高级表单组件 */
+    proFormComponent?: UserComponent;
+}>>> & {
+    "onUpdate:currentFormItemId"?: ((formItemId?: string | undefined) => any) | undefined;
+    onUpdateItems?: ((result: UpdateItemsResult) => any) | undefined;
+    onUpdateItem?: ((formItemId: string | number | symbol, field: string, value: any) => any) | undefined;
+    onSortItemChildren?: ((childIds: string[], formItemId: string | number | symbol) => any) | undefined;
+}, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};