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

package/es/ele-crud-builder/components/body-header.js

@@ -0,0 +1,201 @@
+import { defineComponent, ref, computed, createElementBlock, openBlock, createElementVNode, createBlock, createCommentVNode, Fragment, renderList, unref, normalizeClass, withCtx, resolveDynamicComponent, normalizeStyle, createVNode, renderSlot, createTextVNode } from "vue";
+import { ElIcon, ElButton } from "element-plus";
+import { RollbackOutlined, RecoverOutlined, UploadOutlined, DownloadOutlined, DeleteOutlined, CodeOutlined } from "../../icons/index";
+import { screenItems } from "../../ele-pro-form-builder/util";
+import { defaultHeaderRightTools } from "../util";
+import ImportModal from "./import-modal";
+import CodePreview from "./code-preview";
+const _hoisted_1 = { class: "ele-crud-builder-header" };
+const _hoisted_2 = { class: "ele-crud-builder-screen-radio" };
+const _hoisted_3 = { class: "ele-crud-builder-header-left" };
+const _hoisted_4 = { class: "ele-crud-builder-header-tools" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "BodyHeader" },
+  __name: "body-header",
+  props: {
+    currentScreen: {},
+    undoDisabled: { type: Boolean },
+    redoDisabled: { type: Boolean },
+    config: {},
+    headerTools: { type: [Boolean, Array] },
+    proFormComponent: { type: [String, Object, Function] },
+    jsonEditerComponent: { type: [String, Object, Function] },
+    codeViewerComponent: { type: [String, Object, Function] },
+    itemTypeData: {},
+    httpRequest: {}
+  },
+  emits: ["update:currentScreen", "undo", "redo", "clear", "importData"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const importVisible = ref(false);
+    const isImport = ref(false);
+    const codeVisible = ref(false);
+    const headerRightToolNames = computed(() => {
+      if (typeof props.headerTools === "undefined" || props.headerTools === true) {
+        return defaultHeaderRightTools;
+      }
+      if (!props.headerTools) {
+        return [];
+      }
+      return props.headerTools;
+    });
+    const handleUpdateScreen = (size) => {
+      emit("update:currentScreen", size);
+    };
+    const handleUndo = () => {
+      if (!props.undoDisabled) {
+        emit("undo");
+      }
+    };
+    const handleRedo = () => {
+      if (!props.redoDisabled) {
+        emit("redo");
+      }
+    };
+    const handleClear = () => {
+      emit("clear");
+    };
+    const handleOpenImport = () => {
+      importVisible.value = true;
+      isImport.value = true;
+    };
+    const handleOpenExport = () => {
+      importVisible.value = true;
+      isImport.value = false;
+    };
+    const handleImportData = (data) => {
+      emit("importData", data);
+    };
+    const handleOpenCode = () => {
+      codeVisible.value = true;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(screenItems), (item) => {
+            return openBlock(), createBlock(unref(ElIcon), {
+              key: item.value,
+              class: normalizeClass([
+                "ele-crud-builder-header-tool",
+                "ele-crud-builder-screen-icon",
+                { "is-active": item.value === _ctx.currentScreen }
+              ]),
+              onClick: ($event) => handleUpdateScreen(item.value)
+            }, {
+              default: withCtx(() => [
+                (openBlock(), createBlock(resolveDynamicComponent(item.icon), {
+                  style: normalizeStyle(item.iconStyle)
+                }, null, 8, ["style"]))
+              ]),
+              _: 2
+            }, 1032, ["class", "onClick"]);
+          }), 128))
+        ]),
+        createElementVNode("div", _hoisted_3, [
+          createVNode(unref(ElIcon), {
+            class: normalizeClass([
+              "ele-crud-builder-header-tool",
+              "ele-crud-builder-header-tool-undo",
+              { "is-disabled": _ctx.undoDisabled }
+            ]),
+            title: "撤销",
+            onClick: handleUndo
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(RollbackOutlined))
+            ]),
+            _: 1
+          }, 8, ["class"]),
+          createVNode(unref(ElIcon), {
+            class: normalizeClass([
+              "ele-crud-builder-header-tool",
+              "ele-crud-builder-header-tool-redo",
+              { "is-disabled": _ctx.redoDisabled }
+            ]),
+            title: "恢复",
+            onClick: handleRedo
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(RecoverOutlined))
+            ]),
+            _: 1
+          }, 8, ["class"])
+        ]),
+        createElementVNode("div", _hoisted_4, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(headerRightToolNames.value, (toolName) => {
+            return openBlock(), createElementBlock(Fragment, { key: toolName }, [
+              toolName === "import" ? (openBlock(), createBlock(unref(ElButton), {
+                key: 0,
+                text: true,
+                icon: unref(UploadOutlined),
+                onClick: handleOpenImport
+              }, {
+                default: withCtx(() => _cache[2] || (_cache[2] = [
+                  createTextVNode(" 导入 ")
+                ])),
+                _: 1,
+                __: [2]
+              }, 8, ["icon"])) : toolName === "export" ? (openBlock(), createBlock(unref(ElButton), {
+                key: 1,
+                text: true,
+                icon: unref(DownloadOutlined),
+                onClick: handleOpenExport
+              }, {
+                default: withCtx(() => _cache[3] || (_cache[3] = [
+                  createTextVNode(" 导出 ")
+                ])),
+                _: 1,
+                __: [3]
+              }, 8, ["icon"])) : toolName === "clear" ? (openBlock(), createBlock(unref(ElButton), {
+                key: 2,
+                text: true,
+                type: "danger",
+                icon: unref(DeleteOutlined),
+                onClick: handleClear
+              }, {
+                default: withCtx(() => _cache[4] || (_cache[4] = [
+                  createTextVNode(" 清空 ")
+                ])),
+                _: 1,
+                __: [4]
+              }, 8, ["icon"])) : toolName === "code" ? (openBlock(), createBlock(unref(ElButton), {
+                key: 3,
+                text: true,
+                type: "primary",
+                icon: unref(CodeOutlined),
+                onClick: handleOpenCode
+              }, {
+                default: withCtx(() => _cache[5] || (_cache[5] = [
+                  createTextVNode(" 生成代码 ")
+                ])),
+                _: 1,
+                __: [5]
+              }, 8, ["icon"])) : createCommentVNode("", true)
+            ], 64);
+          }), 128)),
+          renderSlot(_ctx.$slots, "headerTools")
+        ]),
+        headerRightToolNames.value && (headerRightToolNames.value.includes("import") || headerRightToolNames.value.includes("export")) ? (openBlock(), createBlock(ImportModal, {
+          key: 0,
+          modelValue: importVisible.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => importVisible.value = $event),
+          config: _ctx.config,
+          isImport: isImport.value,
+          jsonEditerComponent: _ctx.jsonEditerComponent,
+          onImportData: handleImportData
+        }, null, 8, ["modelValue", "config", "isImport", "jsonEditerComponent"])) : createCommentVNode("", true),
+        headerRightToolNames.value && headerRightToolNames.value.includes("code") ? (openBlock(), createBlock(CodePreview, {
+          key: 1,
+          modelValue: codeVisible.value,
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => codeVisible.value = $event),
+          config: _ctx.config,
+          codeViewerComponent: _ctx.codeViewerComponent
+        }, null, 8, ["modelValue", "config", "codeViewerComponent"])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/ele-crud-builder/components/code-generator.d.ts

@@ -0,0 +1,12 @@
+import { EleCrudProps } from '../../ele-app/plus';
+
+/**
+ * 生成代码
+ * @param data 配置数据
+ */
+export declare function generateElCode(_data?: EleCrudProps): string;
+/**
+ * 生成 ProCrud 代码
+ * @param data 配置数据
+ */
+export declare function generateProCode(data?: EleCrudProps): string;

package/es/ele-crud-builder/components/code-generator.js

@@ -0,0 +1,18 @@
+import { obj2Str, templateEngine } from "../../ele-pro-form-builder/components/code-util";
+import { proTemplate } from "./code-template";
+function generateElCode(_data) {
+  return "";
+}
+function generateProCode(data) {
+  const config = JSON.parse(
+    JSON.stringify({ ...data || {}, fields: (data == null ? void 0 : data.fields) || [] })
+  );
+  const templateData = {
+    proCrudConfigCode: obj2Str(config, false, 2, () => void 0)
+  };
+  return templateEngine(proTemplate, templateData);
+}
+export {
+  generateElCode,
+  generateProCode
+};

package/es/ele-crud-builder/components/code-preview.d.ts

@@ -0,0 +1,32 @@
+import { UserComponent } from '../../ele-app/types';
+import { EleCrudProps } from '../../ele-app/plus';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 弹窗是否打开 */
+    modelValue?: boolean;
+    /** 表单配置数据 */
+    config?: EleCrudProps;
+    /** 代码查看器组件 */
+    codeViewerComponent?: UserComponent;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (visible?: boolean | undefined) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 弹窗是否打开 */
+    modelValue?: boolean;
+    /** 表单配置数据 */
+    config?: EleCrudProps;
+    /** 代码查看器组件 */
+    codeViewerComponent?: UserComponent;
+}>>> & Readonly<{
+    "onUpdate:modelValue"?: ((visible?: boolean | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+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-crud-builder/components/code-preview.js

@@ -0,0 +1,123 @@
+import { defineComponent, ref, watch, createBlock, openBlock, withCtx, createElementVNode, createVNode, unref, normalizeClass, resolveDynamicComponent } from "vue";
+import { ElIcon } from "element-plus";
+import { CheckOutlined, CopyOutlined, DownloadOutlined } from "../../icons/index";
+import { copyText, download } from "../../utils/common";
+import { useTimer } from "../../utils/hook";
+import EleModal from "../../ele-modal/index";
+import EleTabBar from "../../ele-tab-bar/index";
+import CodeViewer from "../../ele-pro-form-builder/components/code-viewer";
+import { generateProCode, generateElCode } from "./code-generator";
+const _hoisted_1 = { class: "ele-crud-builder-code-view" };
+const _hoisted_2 = { class: "ele-crud-builder-code-body" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "CodePreview" },
+  __name: "code-preview",
+  props: {
+    modelValue: { type: Boolean },
+    config: {},
+    codeViewerComponent: { type: [String, Object, Function] }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const [setCopied, resetCopied, copied] = useTimer(1e3);
+    const tabItems = [
+      { value: "pro", label: "ProCrud" }
+      /* ,
+      { value: 'el', label: '' } */
+    ];
+    const tabActive = ref("pro");
+    const codeContent = ref("");
+    const generateData = ["", ""];
+    const handleUpdateModelValue = (visible) => {
+      emit("update:modelValue", visible);
+    };
+    const setCodeContent = () => {
+      codeContent.value = generateData[tabActive.value === "el" ? 1 : 0];
+    };
+    const handleCopy = () => {
+      copyText(codeContent.value).then(() => {
+        setCopied();
+      }).catch((error) => {
+        console.error(error);
+        resetCopied();
+      });
+    };
+    const handleDownload = () => {
+      download(codeContent.value, "index.vue", "text/plain;charset=utf-8");
+    };
+    watch(
+      () => props.modelValue,
+      (visible) => {
+        if (visible) {
+          const proCode = generateProCode(props.config);
+          const elCode = generateElCode(props.config);
+          generateData[0] = proCode;
+          generateData[1] = elCode;
+          setCodeContent();
+        }
+      }
+    );
+    watch(tabActive, () => {
+      setCodeContent();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(EleModal, {
+        width: 980,
+        maxable: true,
+        position: "center",
+        title: "生成代码",
+        modelValue: _ctx.modelValue,
+        closeOnClickModal: false,
+        destroyOnClose: true,
+        class: "ele-crud-builder-code-preview",
+        "onUpdate:modelValue": handleUpdateModelValue
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1, [
+            createVNode(EleTabBar, {
+              modelValue: tabActive.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => tabActive.value = $event),
+              items: tabItems
+            }, {
+              extra: withCtx(() => [
+                createVNode(unref(ElIcon), {
+                  class: normalizeClass([
+                    "ele-crud-builder-code-icon-tool",
+                    { "is-copied": unref(copied) }
+                  ]),
+                  title: "复制",
+                  onClick: handleCopy
+                }, {
+                  default: withCtx(() => [
+                    unref(copied) ? (openBlock(), createBlock(unref(CheckOutlined), { key: 0 })) : (openBlock(), createBlock(unref(CopyOutlined), { key: 1 }))
+                  ]),
+                  _: 1
+                }, 8, ["class"]),
+                createVNode(unref(ElIcon), {
+                  class: "ele-crud-builder-code-icon-tool",
+                  title: "下载",
+                  onClick: handleDownload
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(DownloadOutlined))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue"]),
+            createElementVNode("div", _hoisted_2, [
+              (openBlock(), createBlock(resolveDynamicComponent(_ctx.codeViewerComponent || CodeViewer), { code: codeContent.value }, null, 8, ["code"]))
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/ele-crud-builder/components/code-template.d.ts

@@ -0,0 +1,4 @@
+/**
+ * ProCrud 代码生成模板
+ */
+export declare const proTemplate: string;

package/es/ele-crud-builder/components/code-template.js

@@ -0,0 +1,15 @@
+const proTemplate = `<template>
+  <pro-crud v-bind="config" />
+</template>
+
+<script setup>
+  import { reactive } from 'vue';
+  import ProCrud from '@/components/ProCrud/index.vue';
+
+  /** crud 配置 */
+  const config = reactive(<% d.proCrudConfigCode %>);
+<\/script>
+`;
+export {
+  proTemplate
+};

package/es/ele-crud-builder/components/field-list.d.ts

@@ -0,0 +1,41 @@
+import { CrudField } from '../../ele-crud/types';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 字段 */
+    items: CrudField[];
+    /** 折叠的字段 */
+    collapseItemIds?: string[];
+    /** 父级数据 */
+    parent?: CrudField;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    toggleItemCollapse: (key: string) => void;
+    deleteItem: (key: string) => void;
+    copyItem: (key: string) => void;
+    editItem: (item: CrudField) => void;
+    addChildren: (parentKey: string) => void;
+    updateItemChildren: (data: CrudField[], parentKey?: string | undefined) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 字段 */
+    items: CrudField[];
+    /** 折叠的字段 */
+    collapseItemIds?: string[];
+    /** 父级数据 */
+    parent?: CrudField;
+}>>> & Readonly<{
+    onToggleItemCollapse?: ((key: string) => any) | undefined;
+    onDeleteItem?: ((key: string) => any) | undefined;
+    onCopyItem?: ((key: string) => any) | undefined;
+    onEditItem?: ((item: CrudField) => any) | undefined;
+    onAddChildren?: ((parentKey: string) => any) | undefined;
+    onUpdateItemChildren?: ((data: CrudField[], parentKey?: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+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-crud-builder/components/field-list.js

@@ -0,0 +1,162 @@
+import { defineComponent, resolveComponent, createBlock, openBlock, unref, withCtx, createElementVNode, normalizeClass, createVNode, createCommentVNode, withModifiers, createElementBlock, toDisplayString } from "vue";
+import VueDraggable from "vuedraggable";
+import { ElIcon } from "element-plus";
+import { ArrowDown, DeleteOutlined, CopyOutlined, EditOutlined, PlusOutlined, DragOutlined } from "../../icons/index";
+const _hoisted_1 = ["title"];
+const _hoisted_2 = { class: "ele-crud-builder-field-item-content" };
+const _hoisted_3 = { class: "ele-crud-builder-field-item-prop" };
+const _hoisted_4 = {
+  key: 0,
+  class: "ele-crud-builder-field-item-label"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "FieldList" },
+  __name: "field-list",
+  props: {
+    items: {},
+    collapseItemIds: {},
+    parent: {}
+  },
+  emits: ["toggleItemCollapse", "deleteItem", "copyItem", "editItem", "addChildren", "updateItemChildren"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const handleToggleItemCollapse = (key) => {
+      emit("toggleItemCollapse", key);
+    };
+    const handleDeleteItem = (key) => {
+      emit("deleteItem", key);
+    };
+    const handleCopyItem = (key) => {
+      emit("copyItem", key);
+    };
+    const handleEditItem = (item) => {
+      emit("editItem", item);
+    };
+    const handleAddChildren = (parentKey) => {
+      emit("addChildren", parentKey);
+    };
+    const handleUpdateItemChildren = (data, parentKey) => {
+      emit("updateItemChildren", data, parentKey);
+    };
+    const handleUpdateModelValue = (data) => {
+      var _a;
+      if (props.parent != null && props.parent.key == null) {
+        return;
+      }
+      handleUpdateItemChildren(data, (_a = props.parent) == null ? void 0 : _a.key);
+    };
+    return (_ctx, _cache) => {
+      const _component_FieldList = resolveComponent("FieldList", true);
+      return openBlock(), createBlock(unref(VueDraggable), {
+        itemKey: "key",
+        modelValue: _ctx.items,
+        forceFallback: true,
+        fallbackOnBody: true,
+        setData: () => void 0,
+        group: "CrudBuilderFieldSortGroup",
+        handle: ".ele-crud-builder-field-item-handle",
+        class: "ele-crud-builder-field",
+        "onUpdate:modelValue": handleUpdateModelValue
+      }, {
+        item: withCtx(({ element }) => [
+          createElementVNode("div", {
+            class: normalizeClass([
+              "ele-crud-builder-field-item",
+              {
+                "is-collapse": element.key != null && _ctx.collapseItemIds && _ctx.collapseItemIds.includes(element.key)
+              }
+            ])
+          }, [
+            createVNode(_component_FieldList, {
+              items: element.children || [],
+              collapseItemIds: _ctx.collapseItemIds,
+              parent: element,
+              onToggleItemCollapse: handleToggleItemCollapse,
+              onDeleteItem: handleDeleteItem,
+              onCopyItem: handleCopyItem,
+              onEditItem: handleEditItem,
+              onAddChildren: handleAddChildren,
+              onUpdateItemChildren: handleUpdateItemChildren
+            }, null, 8, ["items", "collapseItemIds", "parent"]),
+            createElementVNode("div", {
+              class: "ele-crud-builder-field-item-body",
+              title: (element.prop ?? "") + " " + (element.label ?? "")
+            }, [
+              element.children && element.children.length ? (openBlock(), createBlock(unref(ElIcon), {
+                key: 0,
+                class: "ele-crud-builder-field-item-arrow",
+                onClick: withModifiers(($event) => handleToggleItemCollapse(element.key), ["stop"])
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(ArrowDown))
+                ]),
+                _: 2
+              }, 1032, ["onClick"])) : createCommentVNode("", true),
+              createElementVNode("div", _hoisted_2, [
+                createElementVNode("span", _hoisted_3, toDisplayString(element.prop), 1),
+                element.label ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(element.label), 1)) : createCommentVNode("", true)
+              ]),
+              createVNode(unref(ElIcon), {
+                class: "ele-crud-builder-field-item-tool is-danger",
+                title: "删除",
+                onClick: withModifiers(($event) => handleDeleteItem(element.key), ["stop"])
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(DeleteOutlined))
+                ]),
+                _: 2
+              }, 1032, ["onClick"]),
+              createVNode(unref(ElIcon), {
+                class: "ele-crud-builder-field-item-tool",
+                title: "复制",
+                onClick: withModifiers(($event) => handleCopyItem(element.key), ["stop"])
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(CopyOutlined), { style: { "transform": "scale(0.96)" } })
+                ]),
+                _: 2
+              }, 1032, ["onClick"]),
+              createVNode(unref(ElIcon), {
+                class: "ele-crud-builder-field-item-tool",
+                title: "修改",
+                onClick: withModifiers(($event) => handleEditItem(element), ["stop"])
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(EditOutlined))
+                ]),
+                _: 2
+              }, 1032, ["onClick"]),
+              createVNode(unref(ElIcon), {
+                class: "ele-crud-builder-field-item-tool",
+                title: "添加子级",
+                onClick: withModifiers(($event) => handleAddChildren(element.key), ["stop"])
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(PlusOutlined), { style: { "transform": "scale(1.1)" } })
+                ]),
+                _: 2
+              }, 1032, ["onClick"]),
+              createVNode(unref(ElIcon), {
+                title: "",
+                class: "ele-crud-builder-field-item-handle",
+                onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                }, ["stop"]))
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(DragOutlined), { style: { "transform": "scale(1.1)" } })
+                ]),
+                _: 1
+              })
+            ], 8, _hoisted_1),
+            _cache[1] || (_cache[1] = createElementVNode("div", { class: "ele-crud-builder-field-item-border" }, null, -1))
+          ], 2)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/ele-crud-builder/components/field-tree.d.ts

@@ -0,0 +1,50 @@
+import { PropType } from 'vue';
+import { UserComponent } from '../../ele-app/types';
+import { ProFormItemProps, ProFormItemTypeData } from '../../ele-pro-form/types';
+import { CrudField } from '../../ele-crud/types';
+
+declare function __VLS_template(): Partial<Record<string, (_: any) => any>>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** 全部字段 */
+    fields: PropType<CrudField[]>;
+    /** 字段编辑的表单项配置 */
+    fieldEditFormItems: PropType<ProFormItemProps[]>;
+    /** 高级表单组件 */
+    proFormComponent: PropType<UserComponent>;
+    /** JSON 编辑器组件 */
+    jsonEditerComponent: PropType<UserComponent>;
+    /** 高级表单组件类型数据 */
+    itemTypeData: PropType<ProFormItemTypeData[]>;
+    /** 远程数据源请求工具 */
+    httpRequest: (ObjectConstructor | FunctionConstructor)[];
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    deleteField: (key: string) => void;
+    addField: (field: CrudField, parentKey?: string | undefined, index?: number | undefined) => void;
+    updateField: (field: CrudField) => void;
+    updateFieldChildren: (data: CrudField[], parentKey?: string | undefined) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** 全部字段 */
+    fields: PropType<CrudField[]>;
+    /** 字段编辑的表单项配置 */
+    fieldEditFormItems: PropType<ProFormItemProps[]>;
+    /** 高级表单组件 */
+    proFormComponent: PropType<UserComponent>;
+    /** JSON 编辑器组件 */
+    jsonEditerComponent: PropType<UserComponent>;
+    /** 高级表单组件类型数据 */
+    itemTypeData: PropType<ProFormItemTypeData[]>;
+    /** 远程数据源请求工具 */
+    httpRequest: (ObjectConstructor | FunctionConstructor)[];
+}>> & Readonly<{
+    onDeleteField?: ((key: string) => any) | undefined;
+    onAddField?: ((field: CrudField, parentKey?: string | undefined, index?: number | undefined) => any) | undefined;
+    onUpdateField?: ((field: CrudField) => any) | undefined;
+    onUpdateFieldChildren?: ((data: CrudField[], parentKey?: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};