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

package/es/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/es/ele-pro-form-builder/components/props-form.js

@@ -1,6 +1,6 @@
-import { defineComponent, ref, reactive, watch, openBlock, createElementBlock, Fragment, createBlock, resolveDynamicComponent, createSlots, withCtx, createVNode, mergeProps, unref, renderList, renderSlot, normalizeProps, guardReactiveProps, createCommentVNode } from "vue";
+import { defineComponent, ref, reactive, watch, createElementBlock, openBlock, Fragment, createBlock, createCommentVNode, resolveDynamicComponent, createSlots, withCtx, renderList, createVNode, mergeProps, unref, renderSlot, normalizeProps, guardReactiveProps } from "vue";
 import { ElInput, ElEmpty } from "element-plus";
-import { findTree } from "../../utils/core";
+import { findTree } from "../../utils/common";
 import EleProForm from "../../ele-pro-form/index";
 import { getFormDataAndItems, fixedChildTypes } from "./build-core";
 import { generateAddChildData } from "./build-util";
@@ -9,20 +9,22 @@ import EventEdit from "./event-edit";
 import HtmlEdit from "./html-edit";
 import IfEdit from "./if-edit";
 import SourceEdit from "./source-edit";
+import TypeEdit from "./type-edit";
 import ChildrenEdit from "./children-edit";
 import StyleEdit from "./style-edit";
 import JsonInput from "./json-input";
 const _sfc_main = /* @__PURE__ */ 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: {}
   },
@@ -58,6 +60,9 @@ const _sfc_main = /* @__PURE__ */ 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 && fixedChildTypes.some((d) => d.type === parent.type)) {
@@ -72,7 +77,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         );
         emit("updateItems", result);
       } else {
-        emit("openComponentPicker", parent.key);
+        handleOpenComponentPicker(parent, true);
       }
     };
     const handleUpdateCurrentFormItemId = (formItemId) => {
@@ -191,6 +196,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             key: "4"
           } : void 0,
+          !_ctx.$slots.proFormBuilderTypeEdit ? {
+            name: "proFormBuilderTypeEdit",
+            fn: withCtx(() => [
+              (openBlock(), 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: withCtx(({ item }) => [
@@ -204,7 +221,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 "onUpdate:currentFormItemId": handleUpdateCurrentFormItemId
               }), null, 16, ["formItem", "componentData"]))
             ]),
-            key: "5"
+            key: "6"
           } : void 0,
           !_ctx.$slots.proFormBuilderStyleEdit ? {
             name: "proFormBuilderStyleEdit",
@@ -214,7 +231,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 "onUpdate:modelValue": updateValue
               }), null, 16, ["modelValue", "onUpdate:modelValue"]))
             ]),
-            key: "6"
+            key: "7"
           } : void 0,
           !_ctx.$slots.proFormBuilderJsonInput ? {
             name: "proFormBuilderJsonInput",
@@ -224,7 +241,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 "onUpdate:modelValue": updateValue
               }), null, 16, ["modelValue", "onUpdate:modelValue"]))
             ]),
-            key: "7"
+            key: "8"
           } : void 0,
           !_ctx.$slots.proFormBuilderIconInput ? {
             name: "proFormBuilderIconInput",
@@ -236,7 +253,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 "onUpdate:modelValue": updateValue
               }, null, 8, ["modelValue", "onUpdate:modelValue"])
             ]),
-            key: "8"
+            key: "9"
           } : void 0,
           renderList(Object.keys(_ctx.$slots), (name) => {
             return {

package/es/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<{

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

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

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

@@ -1,6 +1,6 @@
-import { defineComponent, ref, watch, openBlock, createElementBlock, Fragment, renderList, createVNode, unref, createCommentVNode, createElementVNode, withCtx, createTextVNode, toDisplayString } from "vue";
+import { defineComponent, ref, watch, createElementBlock, openBlock, Fragment, createCommentVNode, createVNode, renderList, createElementVNode, unref, withCtx, createTextVNode, toDisplayString } from "vue";
 import { ElInput, ElIcon, ElButton } from "element-plus";
-import { DeleteOutlined, PlusOutlined } from "../../icons";
+import { DeleteOutlined, PlusOutlined } from "../../icons/index";
 const _hoisted_1 = {
   key: 0,
   class: "ele-pro-form-builder-style-edit-list"
@@ -11,6 +11,7 @@ const _hoisted_2 = {
 };
 const _hoisted_3 = { class: "ele-pro-form-builder-style-edit-item-body" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "StyleEdit" },
   __name: "style-edit",
   props: {
     modelValue: {},
@@ -171,7 +172,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         createVNode(unref(ElButton), {
           size: "small",
           icon: unref(PlusOutlined),
-          style: { width: "100%" },
+          class: "ele-pro-form-builder-props-fluid-btn is-small-icon",
           onClick: handleAdd
         }, {
           default: withCtx(() => [

package/es/ele-pro-form-builder/components/table-tool-menu.js

@@ -1,7 +1,8 @@
-import { defineComponent, ref, openBlock, createBlock, nextTick } from "vue";
+import { defineComponent, ref, createBlock, openBlock, nextTick } from "vue";
 import EleDropdown from "../../ele-dropdown/index";
-import { getTableFormItemByTd, generateAddTableColData, generateAddTableRowData, getTableSplitEffects, getTableDeleteRowEffects, getTableDeleteColEffects, getTableMergeBelowEffects, getTableMergeRightEffects } from "./table-util";
+import { getTableFormItemByTd, generateAddTableColData, generateAddTableRowData, getTableMergeBelowEffects, getTableMergeRightEffects, getTableSplitEffects, getTableDeleteRowEffects, getTableDeleteColEffects } from "./table-util";
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "TableToolMenu" },
   __name: "table-tool-menu",
   props: {
     formItems: {},

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

@@ -1,4 +1,4 @@
-import { eachTree } from "../../utils/core";
+import { eachTree } from "../../utils/common";
 import { generateUniqueItemKey, generateChildFormItem } from "./build-core";
 function getTableFormItemByTd(tdFormItemId, formItems) {
   let tableFormItem;

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

@@ -1,15 +1,16 @@
-import { TemplateItem, TemplateFormConfig } from '../types';
+import { EleProFormProps } from '../../ele-app/plus';
+import { TemplateItem } from '../types';
 
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     /** 模板数据 */
     templateData?: TemplateItem[];
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    importData: (data: TemplateFormConfig) => void;
+    importData: (data: EleProFormProps) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     /** 模板数据 */
     templateData?: TemplateItem[];
 }>>> & Readonly<{
-    onImportData?: ((data: TemplateFormConfig) => any) | undefined;
+    onImportData?: ((data: EleProFormProps) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

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

@@ -1,5 +1,6 @@
-import { defineComponent, openBlock, createElementBlock, Fragment, renderList, createElementVNode, toDisplayString, createBlock, resolveDynamicComponent, createCommentVNode, unref } from "vue";
+import { defineComponent, createElementBlock, openBlock, createBlock, unref, Fragment, renderList, createElementVNode, toDisplayString, createCommentVNode, resolveDynamicComponent } from "vue";
 import { ElEmpty } from "element-plus";
+import { deepCloneObject } from "./build-core";
 import { itemsGenerateNewKey } from "./build-util";
 const _hoisted_1 = { class: "ele-pro-form-builder-template-wrapper" };
 const _hoisted_2 = ["onClick"];
@@ -7,6 +8,7 @@ const _hoisted_3 = { class: "ele-pro-form-builder-template-item-label" };
 const _hoisted_4 = { class: "ele-pro-form-builder-template-item-body" };
 const _hoisted_5 = { class: "ele-pro-form-builder-template-item-cover" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "TemplateList" },
   __name: "template-list",
   props: {
     templateData: {}
@@ -15,13 +17,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     const handleImportTemplate = (item) => {
-      const result = JSON.parse(JSON.stringify(item.config));
+      const result = deepCloneObject(item.config);
       itemsGenerateNewKey(result.items, [], false);
       emit("importData", result);
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        _ctx.templateData ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.templateData, (item) => {
+        !_ctx.templateData || !_ctx.templateData.length ? (openBlock(), createBlock(unref(ElEmpty), {
+          key: 0,
+          imageSize: 58,
+          class: "ele-pro-form-builder-form-empty"
+        })) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.templateData, (item) => {
           return openBlock(), createElementBlock("div", {
             key: item.name,
             class: "ele-pro-form-builder-template-item",
@@ -34,12 +40,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ])
             ])
           ], 8, _hoisted_2);
-        }), 128)) : createCommentVNode("", true),
-        !_ctx.templateData || !_ctx.templateData.length ? (openBlock(), createBlock(unref(ElEmpty), {
-          key: 1,
-          imageSize: 58,
-          class: "ele-pro-form-builder-form-empty"
-        })) : createCommentVNode("", true)
+        }), 128))
       ]);
     };
   }

package/es/ele-pro-form-builder/components/tool-button.js

@@ -1,6 +1,7 @@
-import { defineComponent, openBlock, createBlock, unref, mergeProps, createSlots, withCtx, renderSlot } from "vue";
+import { defineComponent, createBlock, openBlock, unref, mergeProps, createSlots, withCtx, renderSlot } from "vue";
 import { ElButton } from "element-plus";
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "ToolButton" },
   __name: "tool-button",
   props: {
     buttonProps: {},

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

@@ -0,0 +1,28 @@
+import { ProFormItemProps } from '../../ele-pro-form/types';
+import { ComponentGroup } from '../types';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 表单项数据 */
+    formItem?: ProFormItemProps;
+    /** 组件库数据 */
+    componentData?: ComponentGroup[];
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    openComponentPicker: (item: ProFormItemProps) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    /** 表单项数据 */
+    formItem?: ProFormItemProps;
+    /** 组件库数据 */
+    componentData?: ComponentGroup[];
+}>>> & Readonly<{
+    onOpenComponentPicker?: ((item: ProFormItemProps) => 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-pro-form-builder/components/type-edit.js

@@ -0,0 +1,49 @@
+import { defineComponent, createBlock, openBlock, unref, withCtx, createVNode } from "vue";
+import { ElButton, ElIcon } from "element-plus";
+import { ArrowDown } from "../../icons/index";
+import ComponentName from "./component-name";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "TypeEdit" },
+  __name: "type-edit",
+  props: {
+    formItem: {},
+    componentData: {}
+  },
+  emits: ["openComponentPicker"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const handleClick = () => {
+      if (props.formItem) {
+        emit("openComponentPicker", props.formItem);
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElButton), {
+        size: "small",
+        class: "ele-pro-form-builder-props-fluid-btn is-small-icon ele-pro-form-builder-type-select-btn",
+        onClick: handleClick
+      }, {
+        default: withCtx(() => {
+          var _a;
+          return [
+            createVNode(ComponentName, {
+              itemType: (_a = _ctx.formItem) == null ? void 0 : _a.type,
+              componentData: _ctx.componentData
+            }, null, 8, ["itemType", "componentData"]),
+            createVNode(unref(ElIcon), null, {
+              default: withCtx(() => [
+                createVNode(unref(ArrowDown))
+              ]),
+              _: 1
+            })
+          ];
+        }),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/ele-pro-form-builder/index.d.ts

@@ -1,49 +1,55 @@
+import { EleProFormProps } from '../ele-app/plus';
 import { ProFormItemProps } from '../ele-pro-form/types';
-import { TemplateFormConfig, HeaderRightToolName } from './types';
 
 declare function __VLS_template(): Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: any) => any>>;
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    modelValue: import('vue').PropType<TemplateFormConfig>;
+    modelValue: import('vue').PropType<EleProFormProps>;
     headerTools: {
-        type: import('vue').PropType<boolean | HeaderRightToolName[]>;
-        default: () => boolean;
+        type: import('vue').PropType<boolean | import('./types').HeaderRightToolName[]>;
+        default: () => undefined;
     };
     componentData: import('vue').PropType<import('./types').ComponentGroup[]>;
     templateData: import('vue').PropType<import('./types').TemplateItem[]>;
     configFormItems: import('vue').PropType<ProFormItemProps[]>;
     configFormPresetProps: import('vue').PropType<import('./types').TemplateFormProps>;
     proFormInitialProps: import('vue').PropType<import('./types').TemplateFormProps>;
+    splitPanelProps: import('vue').PropType<import('../ele-app/plus').EleSplitPanelProps>;
+    rightSplitPanelProps: import('vue').PropType<import('../ele-app/plus').EleSplitPanelProps>;
     proFormComponent: import('vue').PropType<import('../ele-app/types').UserComponent>;
     codeEditerComponent: import('vue').PropType<import('../ele-app/types').UserComponent>;
     jsonEditerComponent: import('vue').PropType<import('../ele-app/types').UserComponent>;
     htmlEditerComponent: import('vue').PropType<import('../ele-app/types').UserComponent>;
+    codeViewerComponent: import('vue').PropType<import('../ele-app/types').UserComponent>;
     itemTypeData: import('vue').PropType<import('../ele-pro-form/types').ProFormItemTypeData[]>;
     httpRequest: (ObjectConstructor | FunctionConstructor)[];
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (_config: TemplateFormConfig) => void;
+    "update:modelValue": (_config: EleProFormProps) => void;
     previewFormSubmit: (_data: Record<string, any>) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    modelValue: import('vue').PropType<TemplateFormConfig>;
+    modelValue: import('vue').PropType<EleProFormProps>;
     headerTools: {
-        type: import('vue').PropType<boolean | HeaderRightToolName[]>;
-        default: () => boolean;
+        type: import('vue').PropType<boolean | import('./types').HeaderRightToolName[]>;
+        default: () => undefined;
     };
     componentData: import('vue').PropType<import('./types').ComponentGroup[]>;
     templateData: import('vue').PropType<import('./types').TemplateItem[]>;
     configFormItems: import('vue').PropType<ProFormItemProps[]>;
     configFormPresetProps: import('vue').PropType<import('./types').TemplateFormProps>;
     proFormInitialProps: import('vue').PropType<import('./types').TemplateFormProps>;
+    splitPanelProps: import('vue').PropType<import('../ele-app/plus').EleSplitPanelProps>;
+    rightSplitPanelProps: import('vue').PropType<import('../ele-app/plus').EleSplitPanelProps>;
     proFormComponent: import('vue').PropType<import('../ele-app/types').UserComponent>;
     codeEditerComponent: import('vue').PropType<import('../ele-app/types').UserComponent>;
     jsonEditerComponent: import('vue').PropType<import('../ele-app/types').UserComponent>;
     htmlEditerComponent: import('vue').PropType<import('../ele-app/types').UserComponent>;
+    codeViewerComponent: import('vue').PropType<import('../ele-app/types').UserComponent>;
     itemTypeData: import('vue').PropType<import('../ele-pro-form/types').ProFormItemTypeData[]>;
     httpRequest: (ObjectConstructor | FunctionConstructor)[];
 }>> & Readonly<{
-    "onUpdate:modelValue"?: ((_config: TemplateFormConfig) => any) | undefined;
+    "onUpdate:modelValue"?: ((_config: EleProFormProps) => any) | undefined;
     onPreviewFormSubmit?: ((_data: Record<string, any>) => any) | undefined;
 }>, {
-    headerTools: boolean | HeaderRightToolName[];
+    headerTools: boolean | import('./types').HeaderRightToolName[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;