ele-admin-plus 1.3.0-beta.2 → 1.3.0-beta.3

package/lib/ele-pro-form/index.cjs

@@ -35,18 +35,20 @@ const _sfc_main = vue.defineComponent({
     });
     const formItems = vue.useModel(props2, "items");
     const formRef = vue.ref(null);
+    const childrenRef = vue.ref(null);
     const formSearchExpand = vue.ref(!!props2.searchExpand);
     const currentActiveKey = vue.ref(
       props2.activeItemKey
     );
-    const footerStyleData = vue.computed(
-      () => renderUtil.translateJsCode(
+    const footerStyleData = vue.computed(() => {
+      return renderUtil.translateJsCode(
         props2.footerStyle || {},
         props2.model || {},
         formItems.value || [],
-        formSearchExpand.value
-      )
-    );
+        formSearchExpand.value,
+        props2.httpRequest
+      ).result;
+    });
     const updateSearchExpand = (expand) => {
       formSearchExpand.value = expand;
       if (props2.searchExpand !== expand) {
@@ -87,6 +89,7 @@ const _sfc_main = vue.defineComponent({
       }
     };
     const handleReset = () => {
+      clearCodeCache();
       emit("reset");
       exposeMethods.clearValidate();
       vue.nextTick(() => {
@@ -120,12 +123,32 @@ const _sfc_main = vue.defineComponent({
         }
       }
     );
+    const getProFormRefs = () => {
+      var _a;
+      return ((_a = childrenRef.value) == null ? void 0 : _a.$refs) || {};
+    };
+    const codeCache = /* @__PURE__ */ new Map();
+    const getAndCacheCode = (code, codeResult) => {
+      const cacheResult = codeCache.get(code);
+      if (cacheResult) {
+        return cacheResult;
+      }
+      codeCache.set(code, codeResult);
+      return codeResult;
+    };
+    const clearCodeCache = () => {
+      codeCache.clear();
+    };
+    vue.onBeforeUnmount(() => {
+      clearCodeCache();
+    });
     return {
       ...exposeMethods,
       slotExcludes,
       footerSlotExcludes,
       formItems,
       formRef,
+      childrenRef,
       formSearchExpand,
       currentActiveKey,
       footerStyleData,
@@ -136,7 +159,9 @@ const _sfc_main = vue.defineComponent({
       handleSubmit,
       handleReset,
       handleFormSubmit,
-      handleFormValidate
+      handleFormValidate,
+      getProFormRefs,
+      getAndCacheCode
     };
   }
 });
@@ -175,6 +200,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     default: vue.withCtx(() => [
       vue.renderSlot(_ctx.$slots, "topExtra"),
       vue.createVNode(_component_ChildrenRender, {
+        ref: "childrenRef",
         model: _ctx.model,
         items: _ctx.formItems,
         rules: _ctx.rules,
@@ -186,6 +212,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         editable: _ctx.editable,
         activeItemKey: _ctx.currentActiveKey,
         itemTypeData: _ctx.itemTypeData,
+        httpRequest: _ctx.httpRequest,
+        getProFormRefs: _ctx.getProFormRefs,
+        getAndCacheCode: _ctx.getAndCacheCode,
         onUpdateItemValue: _ctx.updateValue,
         onUpdateItemsData: _ctx.handleUpdateItemsData,
         "onUpdate:activeItemKey": _ctx.handleUpdateActiveItemKey
@@ -234,7 +263,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["model", "items", "rules", "grid", "rowProps", "contentExtraColProps", "formItems", "searchExpand", "editable", "activeItemKey", "itemTypeData", "onUpdateItemValue", "onUpdateItemsData", "onUpdate:activeItemKey"]),
+      ]), 1032, ["model", "items", "rules", "grid", "rowProps", "contentExtraColProps", "formItems", "searchExpand", "editable", "activeItemKey", "itemTypeData", "httpRequest", "getProFormRefs", "getAndCacheCode", "onUpdateItemValue", "onUpdateItemsData", "onUpdate:activeItemKey"]),
       vue.renderSlot(_ctx.$slots, "bottomExtra")
     ]),
     _: 3

package/lib/ele-pro-form/index.d.ts

@@ -1,4 +1,5 @@
 import { ElFormInstance, ElFormItemProp } from '../ele-app/el';
+import { ChildrenRenderInstance } from './components/render-util';
 import { ProFormItemProps, ProFormItemKey } from './types';
 
 declare const _default: import('vue').DefineComponent<{
@@ -47,6 +48,7 @@ declare const _default: import('vue').DefineComponent<{
     editable: BooleanConstructor;
     activeItemKey: import('vue').PropType<ProFormItemKey>;
     itemTypeData: import('vue').PropType<import('./types').ProFormItemTypeData[]>;
+    httpRequest: (ObjectConstructor | FunctionConstructor)[];
     model: ObjectConstructor;
     rules: {
         readonly type: import('vue').PropType<Partial<Record<string, import('element-plus/es/utils/typescript').Arrayable<import('element-plus').FormItemRule>>>>;
@@ -82,6 +84,7 @@ declare const _default: import('vue').DefineComponent<{
     footerSlotExcludes: string[];
     formItems: import('vue').ModelRef<ProFormItemProps[] | undefined, PropertyKey>;
     formRef: import('vue').Ref<ElFormInstance>;
+    childrenRef: import('vue').Ref<ChildrenRenderInstance>;
     formSearchExpand: import('vue').Ref<boolean>;
     currentActiveKey: import('vue').Ref<string | number | symbol | undefined>;
     footerStyleData: import('vue').ComputedRef<any>;
@@ -93,6 +96,8 @@ declare const _default: import('vue').DefineComponent<{
     handleReset: () => void;
     handleFormSubmit: (e: MouseEvent) => void;
     handleFormValidate: (prop: ElFormItemProp, isValid: boolean, message: string) => void;
+    getProFormRefs: () => Record<string, any>;
+    getAndCacheCode: (code: string, codeResult: any) => any;
     validate: (callback?: import('element-plus').FormValidateCallback | undefined) => import('element-plus').FormValidationResult;
     validateField: (props?: import('element-plus/es/utils/typescript').Arrayable<import('element-plus').FormItemProp> | undefined, callback?: import('element-plus').FormValidateCallback | undefined) => import('element-plus').FormValidationResult;
     resetFields: (props?: import('element-plus/es/utils/typescript').Arrayable<import('element-plus').FormItemProp> | undefined) => void;
@@ -152,6 +157,7 @@ declare const _default: import('vue').DefineComponent<{
     editable: BooleanConstructor;
     activeItemKey: import('vue').PropType<ProFormItemKey>;
     itemTypeData: import('vue').PropType<import('./types').ProFormItemTypeData[]>;
+    httpRequest: (ObjectConstructor | FunctionConstructor)[];
     model: ObjectConstructor;
     rules: {
         readonly type: import('vue').PropType<Partial<Record<string, import('element-plus/es/utils/typescript').Arrayable<import('element-plus').FormItemRule>>>>;
@@ -205,13 +211,13 @@ declare const _default: import('vue').DefineComponent<{
     hideRequiredAsterisk: boolean;
     scrollToError: boolean;
     editable: boolean;
-    footerColProps: import('../ele-app/el').ElColProps;
-    submitText: string;
     resetText: string;
+    submitText: string;
     showSearchExpand: boolean;
+    searchExpand: boolean;
     searchExpandText: string;
     searchShrinkText: string;
-    searchExpand: boolean;
+    footerColProps: import('../ele-app/el').ElColProps;
     preventFormSubmit: boolean;
 }, {}>;
 export default _default;

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

@@ -70,7 +70,9 @@ const proFormProps = {
   /** 编辑模式选中的表单项 */
   activeItemKey: [String, Number],
   /** 组件类型数据 */
-  itemTypeData: Array
+  itemTypeData: Array,
+  /** 远程数据源请求工具 */
+  httpRequest: [Object, Function]
 };
 const proFormEmits = {
   ...elementPlus.formEmits,
@@ -90,7 +92,8 @@ const childrenRenderProps = {
     "rowProps",
     "editable",
     "activeItemKey",
-    "itemTypeData"
+    "itemTypeData",
+    "httpRequest"
   ]),
   /** 额外的 ElCol 属性 */
   contentExtraColProps: Object,
@@ -105,7 +108,19 @@ const childrenRenderProps = {
   /** 编辑模式父级拖拽容器是否可点击选中 */
   containerSelectable: Boolean,
   /** 直接传递插槽数据 */
-  slots: Object
+  slots: Object,
+  /** 获取表单组件的组件引用数据方法 */
+  getProFormRefs: Function,
+  /** 获取并缓存代码解析结果方法 */
+  getAndCacheCode: Function,
+  /** 更新表单数据属性值方法 */
+  updateItemValue: Function,
+  /** 编辑模式更新表单项数据方法 */
+  updateItemsData: Function,
+  /** 更新编辑模式选中项方法 */
+  updateActiveItemKey: Function,
+  /** 兼容旧版 */
+  item: Object
 };
 exports.childrenRenderProps = childrenRenderProps;
 exports.proFormEmits = proFormEmits;

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

@@ -73,6 +73,8 @@ export declare const proFormProps: {
     activeItemKey: PropType<ProFormItemKey>;
     /** 组件类型数据 */
     itemTypeData: PropType<ProFormItemTypeData[]>;
+    /** 远程数据源请求工具 */
+    httpRequest: (ObjectConstructor | FunctionConstructor)[];
     model: ObjectConstructor;
     rules: {
         readonly type: import('vue').PropType<Partial<Record<string, import('element-plus/es/utils/typescript').Arrayable<import('element-plus').FormItemRule>>>>;
@@ -135,6 +137,18 @@ export declare const childrenRenderProps: {
     containerSelectable: BooleanConstructor;
     /** 直接传递插槽数据 */
     slots: PropType<ProFormItemRenderSlots>;
+    /** 获取表单组件的组件引用数据方法 */
+    getProFormRefs: PropType<() => Record<string, any>>;
+    /** 获取并缓存代码解析结果方法 */
+    getAndCacheCode: PropType<(code: string, codeResult: any) => any>;
+    /** 更新表单数据属性值方法 */
+    updateItemValue: PropType<(prop: string, value: any) => void>;
+    /** 编辑模式更新表单项数据方法 */
+    updateItemsData: PropType<(items: ProFormItemProps[], parentItem?: ProFormItemProps) => void>;
+    /** 更新编辑模式选中项方法 */
+    updateActiveItemKey: PropType<(activeKey?: ProFormItemKey) => void>;
+    /** 兼容旧版 */
+    item: PropType<ProFormItemProps>;
     model: ObjectConstructor;
     rules: {
         readonly type: import('vue').PropType<Partial<Record<string, import('element-plus/es/utils/typescript').Arrayable<import('element-plus').FormItemRule>>>>;
@@ -148,23 +162,17 @@ export declare const childrenRenderProps: {
     items: PropType<ProFormItemProps[]>;
     activeItemKey: PropType<ProFormItemKey>;
     itemTypeData: PropType<ProFormItemTypeData[]>;
+    httpRequest: (ObjectConstructor | FunctionConstructor)[];
 };
 export type ChildrenRenderProps = ExtractPropTypes<typeof childrenRenderProps>;
 /**
  * 渲染表单项数据方法参数
  */
-export interface RenderProFormContentProps extends ChildrenRenderProps {
-    /** 更新表单数据属性值方法 */
-    updateItemValue: (prop: string, value: any) => void;
-    /** 编辑模式更新表单项数据方法 */
-    updateItemsData: (items: ProFormItemProps[], parentItem?: ProFormItemProps) => void;
-    /** 更新编辑模式选中项方法 */
-    updateActiveItemKey: (activeKey?: ProFormItemKey) => void;
-}
+export type RenderProFormContentProps = Omit<ChildrenRenderProps, 'item'>;
 /**
  * 渲染表单项组件方法参数
  */
-export interface RenderProFormItemProps extends Pick<RenderProFormContentProps, 'model' | 'rules' | 'formItems' | 'searchExpand' | 'editable' | 'activeItemKey' | 'updateItemValue' | 'updateItemsData' | 'updateActiveItemKey' | 'slots' | 'itemTypeData'> {
+export interface RenderProFormItemProps extends Pick<RenderProFormContentProps, 'model' | 'rules' | 'formItems' | 'searchExpand' | 'editable' | 'activeItemKey' | 'updateItemValue' | 'updateItemsData' | 'updateActiveItemKey' | 'getProFormRefs' | 'getAndCacheCode' | 'itemTypeData' | 'httpRequest' | 'slots'> {
     /** 循环的 key */
     key?: ProFormItemKey;
     /** 表单项 */

package/lib/ele-pro-form/style/index.cjs

@@ -15,36 +15,33 @@ require("element-plus/es/components/carousel-item/style/index");
 require("element-plus/es/components/descriptions/style/index");
 require("element-plus/es/components/descriptions-item/style/index");
 require("element-plus/es/components/input/style/index");
-require("element-plus/es/components/radio-group/style/index");
-require("element-plus/es/components/radio/style/index");
-require("element-plus/es/components/radio-button/style/index");
-require("element-plus/es/components/checkbox-group/style/index");
-require("element-plus/es/components/checkbox/style/index");
-require("element-plus/es/components/checkbox-button/style/index");
 require("element-plus/es/components/date-picker/style/index");
 require("element-plus/es/components/time-picker/style/index");
 require("element-plus/es/components/time-select/style/index");
 require("element-plus/es/components/switch/style/index");
 require("element-plus/es/components/input-number/style/index");
-require("element-plus/es/components/autocomplete/style/index");
 require("element-plus/es/components/rate/style/index");
 require("element-plus/es/components/slider/style/index");
-require("element-plus/es/components/mention/style/index");
 require("element-plus/es/components/color-picker/style/index");
-require("element-plus/es/components/transfer/style/index");
-require("element-plus/es/components/tree-select/style/index");
-require("../../ele-icon/style/index");
-require("../../ele-text/style/index");
+require("../../ele-admin-layout/style/index");
 require("../../ele-alert/style/index");
-require("../../ele-steps/style/index");
-require("../../ele-pro-table/style/index");
+require("../../ele-autocomplete/style/index");
 require("../../ele-card/style/index");
-require("../../ele-tabs/style/index");
-require("../../ele-table/style/index");
-require("../../ele-tree-select/style/index");
-require("../../ele-table-select/style/index");
+require("../../ele-cascader/style/index");
 require("../../ele-check-card/style/index");
+require("../../ele-checkbox-group/style/index");
 require("../../ele-edit-tag/style/index");
+require("../../ele-icon/style/index");
+require("../../ele-mention/style/index");
+require("../../ele-pro-table/style/index");
+require("../../ele-radio-group/style/index");
 require("../../ele-select/style/index");
-require("../../ele-cascader/style/index");
+require("../../ele-select-tree/style/index");
+require("../../ele-steps/style/index");
+require("../../ele-table/style/index");
+require("../../ele-table-select/style/index");
+require("../../ele-tabs/style/index");
+require("../../ele-text/style/index");
+require("../../ele-transfer/style/index");
+require("../../ele-tree-select/style/index");
 require("./index.scss");

package/lib/ele-pro-form/style/index.scss

@@ -181,3 +181,105 @@ $exclude-disabled-selectors: list.join(
     font-weight: normal;
   }
 }
+
+/* 边框色辅助类 */
+.ele-icon-border-color-base {
+  border-color: elVar('border-color');
+}
+
+.ele-icon-border-color-light {
+  border-color: elVar('border-color', 'light');
+}
+
+.ele-icon-border-color-primary {
+  border-color: elVar('color-primary');
+}
+
+.ele-icon-border-color-primary5 {
+  border-color: elVar('color-primary', 'light-5');
+}
+
+.ele-icon-border-color-text {
+  border-color: elVar('text-color', 'primary');
+}
+
+.ele-icon-border-color-text-light {
+  border-color: elVar('text-color', 'placeholder');
+}
+
+/* 背景色辅助类 */
+.ele-icon-bg-primary {
+  background: elVar('color-primary');
+}
+
+.ele-icon-bg-primary7 {
+  background: elVar('color-primary', 'light-7');
+}
+
+.ele-icon-bg-primary9 {
+  background: elVar('color-primary', 'light-9');
+}
+
+.ele-icon-bg-base {
+  background: elVar('bg-color');
+}
+
+.ele-icon-bg-fill {
+  background: elVar('fill-color');
+}
+
+.ele-icon-bg-fill-light {
+  background: elVar('border-color', 'light');
+}
+
+.ele-icon-bg-fill-lighter {
+  background: elVar('fill-color', 'light');
+}
+
+.ele-icon-bg-fill-dark {
+  background: elVar('border-color');
+}
+
+.ele-icon-bg-white {
+  background: #fff;
+}
+
+.ele-icon-bg-calendar {
+  background-image: radial-gradient(
+    elVar('border-color', 'light') 50%,
+    transparent 50%
+  );
+}
+
+/* 文字色辅助类 */
+.ele-icon-color-base {
+  color: elVar('text-color', 'regular');
+}
+
+.ele-icon-color-secondary {
+  color: elVar('text-color', 'secondary');
+}
+
+.ele-icon-color-placeholder {
+  color: elVar('text-color', 'placeholder');
+}
+
+.ele-icon-color-light {
+  color: elVar('border-color');
+}
+
+.ele-icon-color-lighter {
+  color: elVar('border-color', 'light');
+}
+
+.ele-icon-color-primary {
+  color: elVar('color-primary');
+}
+
+.ele-icon-color-primary5 {
+  color: elVar('color-primary', 'light-5');
+}
+
+.ele-icon-color-success {
+  color: elVar('color-success');
+}

package/lib/ele-pro-form/types.d.ts

@@ -14,7 +14,7 @@ export interface ProFormItemProps {
   /** 表单项 key */
   key?: ProFormItemKey;
   /** 字段名 */
-  prop: string;
+  prop?: string;
   /** 标题 */
   label?: string;
   /** 是否为必填项 */
@@ -31,8 +31,6 @@ export interface ProFormItemProps {
   props?: Record<string, any>;
   /** 组件插槽 */
   slots?: Record<string, string>;
-  /** 下拉单选多选等选项数据 */
-  options?: ProFormItemOption[];
   /** ElCol 属性 */
   colProps?: ElColProps;
   /** 容器组件是否栅格布局 */
@@ -43,28 +41,14 @@ export interface ProFormItemProps {
   itemType?: 'default' | 'view' | 'container';
   /** 显示条件 */
   vIf?: any;
+  /** 容器组件编辑模式是否可拖拽排序 */
+  containerDraggable?: boolean;
   /** 初始值 */
   initValue?: any;
   /** 子级 */
   children?: ProFormItemProps[];
 }
 
-/**
- * 下拉选项数据
- */
-export interface ProFormItemOption extends Record<string, any> {
-  /** 循环的 key */
-  key?: keyof any;
-  /** 选中值 */
-  value: any;
-  /** 显示文本 */
-  label?: string;
-  /** 是否禁用 */
-  disabled?: boolean;
-  /** 子级 */
-  children?: ProFormItemOption[];
-}
-
 /**
  * 获取表单项类型组件属性的方法参数
  */
@@ -115,10 +99,6 @@ export interface ProFormItemTypeData {
   ) => ProFormItemRenderSlots;
   /** 必填校验触发方式 */
   requiredTrigger?: string;
-  /** 选项组件 */
-  optionsComponent?: UserComponent;
-  /** 选项组件属性 */
-  optionsComponentProps?: (option: ProFormItemOption) => Record<string, any>;
 }
 
 /**

package/lib/ele-pro-form/util.cjs

@@ -1,9 +1,53 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const core = require("../utils/core");
+const itemTypeData = require("./components/item-type-data");
 const renderUtil = require("./components/render-util");
-const get_js = require("../../node_modules/lodash-es/get.js");
-const set_js = require("../../node_modules/lodash-es/set.js");
+const setValue = require("../../node_modules/lodash-es/set.js");
+const getValue = require("../../node_modules/lodash-es/get.js");
 const merge_js = require("../../node_modules/lodash-es/merge.js");
+function isContainerType(item, itemTypeData$1) {
+  const typeData = item.type ? [...itemTypeData$1 || [], ...itemTypeData.defaultItemTypeData].find(
+    (d) => d.type === item.type
+  ) : void 0;
+  return (typeData == null ? void 0 : typeData.isContainer) || item.itemType === "container" || item.itemType === "view";
+}
+function getFormInitValue(items, itemTypeData2) {
+  const init = {};
+  core.eachTree(items, (item) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+    if (item.initValue != null && item.initValue !== "" && item.prop) {
+      setValue(init, item.prop, item.initValue);
+      return;
+    }
+    if (item.type && item.prop) {
+      if ("tabs" === item.type) {
+        const active = ((_a = item.props) == null ? void 0 : _a.modelValue) ?? ((_c = (_b = item.children) == null ? void 0 : _b[0]) == null ? void 0 : _c.prop);
+        setValue(init, item.prop, active);
+        return;
+      }
+      if ("collapse" === item.type) {
+        const active = ((_d = item.props) == null ? void 0 : _d.modelValue) ?? (((_e = item.props) == null ? void 0 : _e.accordion) ? ((_h = (_g = (_f = item.children) == null ? void 0 : _f[0]) == null ? void 0 : _g.props) == null ? void 0 : _h.name) ?? ((_j = (_i = item.children) == null ? void 0 : _i[0]) == null ? void 0 : _j.prop) : []);
+        setValue(init, item.prop, active);
+        return;
+      }
+      if ("sliderRange" === item.type) {
+        setValue(init, item.prop, [
+          ((_k = item.props) == null ? void 0 : _k.min) ?? 0,
+          ((_l = item.props) == null ? void 0 : _l.max) ?? 100
+        ]);
+        return;
+      }
+    }
+    if (isContainerType(item, itemTypeData2) || !item.prop) {
+      return;
+    }
+    if (typeof getValue(init, item.prop) === "undefined") {
+      setValue(init, item.prop, void 0);
+    }
+  });
+  return init;
+}
 Object.defineProperty(exports, "ChildrenRender", {
   enumerable: true,
   get: () => renderUtil.ChildrenRender
@@ -12,6 +56,8 @@ Object.defineProperty(exports, "sortableGroupName", {
   enumerable: true,
   get: () => renderUtil.sortableGroupName
 });
-exports.getValue = get_js;
-exports.setValue = set_js;
+exports.setValue = setValue;
+exports.getValue = getValue;
 exports.mergeValue = merge_js;
+exports.getFormInitValue = getFormInitValue;
+exports.isContainerType = isContainerType;

package/lib/ele-pro-form/util.d.ts

@@ -1,2 +1,17 @@
-export { get as getValue, set as setValue, merge as mergeValue } from 'lodash-es';
+import { get as getValue, set as setValue, merge as mergeValue } from 'lodash-es';
+import { ProFormItemProps, ProFormItemTypeData } from './types';
+
 export { sortableGroupName, ChildrenRender } from './components/render-util';
+export { setValue, getValue, mergeValue };
+/**
+ * 判断表单项是否是容器类型
+ * @param item 表单项
+ * @param itemTypeData 高级表单组件类型数据
+ */
+export declare function isContainerType(item: ProFormItemProps, itemTypeData?: ProFormItemTypeData[]): boolean;
+/**
+ * 获取表单数据初始值
+ * @param items 表单项数据
+ * @param itemTypeData 高级表单组件类型数据
+ */
+export declare function getFormInitValue(items?: ProFormItemProps[], itemTypeData?: ProFormItemTypeData[]): Record<string, any>;

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

@@ -4,7 +4,6 @@ const elementPlus = require("element-plus");
 const core = require("../../utils/core");
 const util = require("../../ele-pro-form/util");
 const EleProForm = require("../../ele-pro-form/index");
-const util$1 = require("../util");
 const buildUtil = require("./build-util");
 const ComponentName = require("./component-name");
 const BuilderTools = require("./builder-tools");
@@ -16,7 +15,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     currentScreen: {},
     componentData: {},
     proFormComponent: {},
-    itemTypeData: {}
+    itemTypeData: {},
+    httpRequest: {}
   },
   emits: ["update:currentFormItemId", "updateItems", "openTableTool", "updateFormItems"],
   setup(__props, { emit: __emit }) {
@@ -52,7 +52,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               parent,
               cIndex,
               action,
-              (_a2 = props.formProps) == null ? void 0 : _a2.items
+              (_a2 = props.formProps) == null ? void 0 : _a2.items,
+              void 0,
+              props.componentData
             );
             handleUpdateItems(result);
             return false;
@@ -86,7 +88,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         var _a;
         core.eachTree((_a = props.formProps) == null ? void 0 : _a.items, (item, _cIndex, parent) => {
           if (item.key === currentFormItemId) {
-            if (item.type && ["tabPane", "collapseItem"].includes(item.type) && parent) {
+            if (item.type && ["tabPane", "collapseItem"].includes(item.type) && parent && parent.prop) {
               setBuilderFormDataFieldValue(parent.prop, item.prop);
             }
             return false;
@@ -103,7 +105,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         });
         util.mergeValue(
           formData,
-          util$1.getFormInitValue((_a = props.formProps) == null ? void 0 : _a.items, props.itemTypeData),
+          util.getFormInitValue((_a = props.formProps) == null ? void 0 : _a.items, props.itemTypeData),
           cachebuilderFormData
         );
       },
@@ -134,6 +136,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           scrollToError: false,
           showMessage: false,
           itemTypeData: _ctx.itemTypeData,
+          httpRequest: _ctx.httpRequest,
           class: "ele-pro-form-builder-body-form",
           onUpdateValue: setBuilderFormDataFieldValue,
           "onUpdate:items": handleUpdateFormItems,
@@ -166,7 +169,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               ])
             };
           })
-        ]), 1040, ["model", "searchExpand", "activeItemKey", "itemTypeData"])),
+        ]), 1040, ["model", "searchExpand", "activeItemKey", "itemTypeData", "httpRequest"])),
         !_ctx.formProps || !_ctx.formProps.items || !_ctx.formProps.items.length ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElEmpty), {
           key: 0,
           imageSize: 80,

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

@@ -16,6 +16,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRu
     proFormComponent?: UserComponent;
     /** 高级表单组件类型数据 */
     itemTypeData?: ProFormItemTypeData[];
+    /** 远程数据源请求工具 */
+    httpRequest?: any;
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:currentFormItemId": (formItemId?: string | number | symbol | undefined) => void;
     updateItems: (result: UpdateItemsResult) => void;
@@ -34,9 +36,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToRu
     proFormComponent?: UserComponent;
     /** 高级表单组件类型数据 */
     itemTypeData?: ProFormItemTypeData[];
+    /** 远程数据源请求工具 */
+    httpRequest?: any;
 }>>> & {
-    onUpdateItems?: ((result: UpdateItemsResult) => any) | undefined;
     onOpenTableTool?: ((formItemId: string, el: HTMLElement) => any) | undefined;
+    onUpdateItems?: ((result: UpdateItemsResult) => any) | undefined;
     "onUpdate:currentFormItemId"?: ((formItemId?: string | number | symbol | undefined) => any) | undefined;
     onUpdateFormItems?: ((items: ProFormItemProps[]) => any) | undefined;
 }, {}, {}>;