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

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

@@ -1,7 +1,11 @@
-import { ElFormInstance, ElFormItemProp } from '../ele-app/el';
+import { ElFormInstance } from '../ele-app/el';
 import { ProFormItemProps, ProFormItemKey } from './types';
 
-declare const _default: import('vue').DefineComponent<{
+declare function __VLS_template(): Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: any) => any>> & {
+    topExtra?(_: {}): any;
+    bottomExtra?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     labelWidth: {
         type: (StringConstructor | NumberConstructor)[];
         default: string;
@@ -47,6 +51,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>>>>;
@@ -77,35 +82,21 @@ declare const _default: import('vue').DefineComponent<{
         __epPropKey: true;
     };
     disabled: BooleanConstructor;
-}, {
-    slotExcludes: string[];
-    footerSlotExcludes: string[];
-    formItems: import('vue').ModelRef<ProFormItemProps[] | undefined, PropertyKey>;
-    formRef: import('vue').Ref<ElFormInstance>;
-    formSearchExpand: import('vue').Ref<boolean>;
-    currentActiveKey: import('vue').Ref<string | number | symbol | undefined>;
-    footerStyleData: import('vue').ComputedRef<any>;
-    updateValue: (prop: string, value: unknown) => void;
-    handleUpdateItemsData: (items: ProFormItemProps[], parentItem?: ProFormItemProps) => void;
-    handleUpdateActiveItemKey: (key: ProFormItemKey) => void;
-    updateSearchExpand: (expand: boolean) => void;
-    handleSubmit: () => void;
-    handleReset: () => void;
-    handleFormSubmit: (e: MouseEvent) => void;
-    handleFormValidate: (prop: ElFormItemProp, isValid: boolean, message: string) => void;
-    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;
-    clearValidate: (props?: import('element-plus/es/utils/typescript').Arrayable<import('element-plus').FormItemProp> | undefined) => void;
+}>, {
+    formRef: import('vue').Ref<ElFormInstance, ElFormInstance>;
+    validate: (callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
+    validateField: (props?: import('element-plus/es/utils/typescript').Arrayable<import('element-plus').FormItemProp>, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult;
+    resetFields: (props?: import('element-plus/es/utils/typescript').Arrayable<import('element-plus').FormItemProp>) => void;
+    clearValidate: (props? /** 提交 */: import('element-plus/es/utils/typescript').Arrayable<import('element-plus').FormItemProp>) => void;
     scrollToField: (prop: import('element-plus').FormItemProp) => void;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    'update:searchExpand': (_expand: boolean) => boolean;
-    updateValue: (_prop: string, _value: unknown) => boolean;
-    'update:items': (_items: ProFormItemProps[]) => boolean;
-    'update:activeItemKey': (_activeKey: ProFormItemKey) => boolean;
-    submit: (_model: Record<string, any>) => boolean;
-    reset: () => boolean;
-    validate: (prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => boolean;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    reset: () => void;
+    submit: (_model: Record<string, any>) => void;
+    validate: (prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => void;
+    "update:searchExpand": (_expand: boolean) => void;
+    updateValue: (_prop: string, _value: unknown) => void;
+    "update:items": (_items: ProFormItemProps[]) => void;
+    "update:activeItemKey": (_activeKey: string | number | symbol) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     labelWidth: {
         type: (StringConstructor | NumberConstructor)[];
@@ -152,6 +143,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>>>>;
@@ -182,19 +174,19 @@ declare const _default: import('vue').DefineComponent<{
         __epPropKey: true;
     };
     disabled: BooleanConstructor;
-}>> & {
-    onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
+}>> & Readonly<{
     onReset?: (() => any) | undefined;
     onSubmit?: ((_model: Record<string, any>) => any) | undefined;
-    "onUpdate:activeItemKey"?: ((_activeKey: string | number | symbol) => any) | undefined;
+    onValidate?: ((prop: import('element-plus').FormItemProp, isValid: boolean, message: string) => any) | undefined;
     "onUpdate:searchExpand"?: ((_expand: boolean) => any) | undefined;
     onUpdateValue?: ((_prop: string, _value: unknown) => any) | undefined;
     "onUpdate:items"?: ((_items: ProFormItemProps[]) => any) | undefined;
-}, {
+    "onUpdate:activeItemKey"?: ((_activeKey: string | number | symbol) => any) | undefined;
+}>, {
     disabled: boolean;
     footer: boolean;
-    labelPosition: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "top" | "right" | "left", unknown>;
-    requireAsteriskPosition: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "right" | "left", unknown>;
+    labelPosition: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "top" | "left" | "right", unknown>;
+    requireAsteriskPosition: import('element-plus/es/utils/index').EpPropMergeType<StringConstructor, "left" | "right", unknown>;
     labelWidth: string | number;
     labelSuffix: string;
     inline: boolean;
@@ -205,13 +197,19 @@ declare const _default: import('vue').DefineComponent<{
     hideRequiredAsterisk: boolean;
     scrollToError: boolean;
     editable: boolean;
+    resetText: string;
     footerColProps: import('../ele-app/el').ElColProps;
     submitText: string;
-    resetText: string;
     showSearchExpand: boolean;
     searchExpandText: string;
     searchShrinkText: string;
     searchExpand: boolean;
     preventFormSubmit: boolean;
-}, {}>;
+}, {}, {}, {}, 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;
+    };
+};

package/es/ele-pro-form/index.js

@@ -1,22 +1,24 @@
-import { defineComponent, useModel, ref, computed, watch, nextTick, resolveComponent, openBlock, createBlock, normalizeClass, withCtx, renderSlot, createVNode, createSlots, renderList, normalizeProps, guardReactiveProps } from "vue";
+import { defineComponent, useModel, ref, computed, watch, onBeforeUnmount, openBlock, createBlock, unref, normalizeClass, withCtx, renderSlot, createVNode, createSlots, renderList, normalizeProps, guardReactiveProps, nextTick } from "vue";
 import { ElForm } from "element-plus";
 import { eachTree } from "../utils/core";
-import { ChildrenRender, translateJsCode } from "./components/render-util";
+import { translateJsCode, ChildrenRender } from "./components/render-util";
 import ProFormFooter from "./components/pro-form-footer";
 import { proFormProps, proFormEmits } from "./props";
-const footerSlotExcludes = [
-  "default",
-  "topExtra",
-  "bottomExtra",
-  "contentExtra"
-];
-const slotExcludes = [...footerSlotExcludes, "footer", "footerExtra"];
-const _sfc_main = defineComponent({
-  name: "EleProForm",
-  components: { ElForm, ProFormFooter, ChildrenRender },
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "EleProForm" },
+  __name: "index",
   props: proFormProps,
   emits: proFormEmits,
-  setup(props, { emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const footerSlotExcludes = [
+      "default",
+      "topExtra",
+      "bottomExtra",
+      "contentExtra"
+    ];
+    const slotExcludes = [...footerSlotExcludes, "footer", "footerExtra"];
+    const props = __props;
+    const emit = __emit;
     const exposeMethods = {};
     [
       "validate",
@@ -34,18 +36,18 @@ const _sfc_main = defineComponent({
     });
     const formItems = useModel(props, "items");
     const formRef = ref(null);
+    const childrenRef = ref(null);
     const formSearchExpand = ref(!!props.searchExpand);
-    const currentActiveKey = ref(
-      props.activeItemKey
-    );
-    const footerStyleData = computed(
-      () => translateJsCode(
+    const currentActiveKey = ref(props.activeItemKey);
+    const footerStyleData = computed(() => {
+      return translateJsCode(
         props.footerStyle || {},
         props.model || {},
         formItems.value || [],
-        formSearchExpand.value
-      )
-    );
+        formSearchExpand.value,
+        props.httpRequest
+      ).result;
+    });
     const updateSearchExpand = (expand) => {
       formSearchExpand.value = expand;
       if (props.searchExpand !== expand) {
@@ -86,6 +88,7 @@ const _sfc_main = defineComponent({
       }
     };
     const handleReset = () => {
+      clearCodeCache();
       emit("reset");
       exposeMethods.clearValidate();
       nextTick(() => {
@@ -119,127 +122,127 @@ const _sfc_main = defineComponent({
         }
       }
     );
-    return {
+    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();
+    };
+    onBeforeUnmount(() => {
+      clearCodeCache();
+    });
+    __expose({
       ...exposeMethods,
-      slotExcludes,
-      footerSlotExcludes,
-      formItems,
-      formRef,
-      formSearchExpand,
-      currentActiveKey,
-      footerStyleData,
-      updateValue,
-      handleUpdateItemsData,
-      handleUpdateActiveItemKey,
-      updateSearchExpand,
-      handleSubmit,
-      handleReset,
-      handleFormSubmit,
-      handleFormValidate
+      formRef
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElForm), {
+        ref_key: "formRef",
+        ref: formRef,
+        model: _ctx.model,
+        labelPosition: _ctx.labelPosition,
+        labelWidth: _ctx.labelWidth,
+        statusIcon: _ctx.statusIcon,
+        validateOnRuleChange: _ctx.validateOnRuleChange,
+        size: _ctx.size,
+        disabled: _ctx.disabled,
+        scrollToError: _ctx.scrollToError,
+        scrollIntoViewOptions: _ctx.scrollIntoViewOptions,
+        inline: _ctx.inline,
+        labelSuffix: _ctx.labelSuffix,
+        hideRequiredAsterisk: _ctx.hideRequiredAsterisk,
+        requireAsteriskPosition: _ctx.requireAsteriskPosition,
+        showMessage: _ctx.showMessage,
+        inlineMessage: _ctx.inlineMessage,
+        class: normalizeClass(["ele-pro-form", { "is-editable": _ctx.editable }]),
+        onValidate: handleFormValidate,
+        onSubmit: handleFormSubmit
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "topExtra"),
+          createVNode(unref(ChildrenRender), {
+            ref_key: "childrenRef",
+            ref: childrenRef,
+            model: _ctx.model,
+            items: unref(formItems),
+            rules: _ctx.rules,
+            grid: _ctx.grid,
+            rowProps: _ctx.rowProps,
+            contentExtraColProps: _ctx.footerColProps,
+            formItems: unref(formItems),
+            searchExpand: formSearchExpand.value,
+            editable: _ctx.editable,
+            activeItemKey: currentActiveKey.value,
+            itemTypeData: _ctx.itemTypeData,
+            httpRequest: _ctx.httpRequest,
+            getProFormRefs,
+            getAndCacheCode,
+            onUpdateItemValue: updateValue,
+            onUpdateItemsData: handleUpdateItemsData,
+            "onUpdate:activeItemKey": handleUpdateActiveItemKey
+          }, createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.$slots).filter(
+              (k) => !slotExcludes.includes(k)
+            ), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => [
+                  renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+                ])
+              };
+            }),
+            _ctx.footer ? {
+              name: "contentExtra",
+              fn: withCtx(() => [
+                createVNode(ProFormFooter, {
+                  footerProps: _ctx.footerProps,
+                  footerSlots: _ctx.footerSlots,
+                  footerStyle: footerStyleData.value,
+                  submitText: _ctx.submitText,
+                  resetText: _ctx.resetText,
+                  submitButtonProps: _ctx.submitButtonProps,
+                  resetButtonProps: _ctx.resetButtonProps,
+                  showSearchExpand: _ctx.showSearchExpand,
+                  searchExpand: formSearchExpand.value,
+                  searchExpandButtonProps: _ctx.searchExpandButtonProps,
+                  searchExpandText: _ctx.searchExpandText,
+                  searchShrinkText: _ctx.searchShrinkText,
+                  onSubmit: handleSubmit,
+                  onReset: handleReset,
+                  onUpdateSearchExpand: updateSearchExpand
+                }, createSlots({ _: 2 }, [
+                  renderList(Object.keys(_ctx.$slots).filter(
+                    (k) => !footerSlotExcludes.includes(k)
+                  ), (name) => {
+                    return {
+                      name,
+                      fn: withCtx((slotProps) => [
+                        renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+                      ])
+                    };
+                  })
+                ]), 1032, ["footerProps", "footerSlots", "footerStyle", "submitText", "resetText", "submitButtonProps", "resetButtonProps", "showSearchExpand", "searchExpand", "searchExpandButtonProps", "searchExpandText", "searchShrinkText"])
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["model", "items", "rules", "grid", "rowProps", "contentExtraColProps", "formItems", "searchExpand", "editable", "activeItemKey", "itemTypeData", "httpRequest"]),
+          renderSlot(_ctx.$slots, "bottomExtra")
+        ]),
+        _: 3
+      }, 8, ["model", "labelPosition", "labelWidth", "statusIcon", "validateOnRuleChange", "size", "disabled", "scrollToError", "scrollIntoViewOptions", "inline", "labelSuffix", "hideRequiredAsterisk", "requireAsteriskPosition", "showMessage", "inlineMessage", "class"]);
     };
   }
 });
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ProFormFooter = resolveComponent("ProFormFooter");
-  const _component_ChildrenRender = resolveComponent("ChildrenRender");
-  const _component_ElForm = resolveComponent("ElForm");
-  return openBlock(), createBlock(_component_ElForm, {
-    ref: "formRef",
-    model: _ctx.model,
-    labelPosition: _ctx.labelPosition,
-    labelWidth: _ctx.labelWidth,
-    statusIcon: _ctx.statusIcon,
-    validateOnRuleChange: _ctx.validateOnRuleChange,
-    size: _ctx.size,
-    disabled: _ctx.disabled,
-    scrollToError: _ctx.scrollToError,
-    scrollIntoViewOptions: _ctx.scrollIntoViewOptions,
-    inline: _ctx.inline,
-    labelSuffix: _ctx.labelSuffix,
-    hideRequiredAsterisk: _ctx.hideRequiredAsterisk,
-    requireAsteriskPosition: _ctx.requireAsteriskPosition,
-    showMessage: _ctx.showMessage,
-    inlineMessage: _ctx.inlineMessage,
-    class: normalizeClass(["ele-pro-form", { "is-editable": _ctx.editable }]),
-    onValidate: _ctx.handleFormValidate,
-    onSubmit: _ctx.handleFormSubmit
-  }, {
-    default: withCtx(() => [
-      renderSlot(_ctx.$slots, "topExtra"),
-      createVNode(_component_ChildrenRender, {
-        model: _ctx.model,
-        items: _ctx.formItems,
-        rules: _ctx.rules,
-        grid: _ctx.grid,
-        rowProps: _ctx.rowProps,
-        contentExtraColProps: _ctx.footerColProps,
-        formItems: _ctx.formItems,
-        searchExpand: _ctx.formSearchExpand,
-        editable: _ctx.editable,
-        activeItemKey: _ctx.currentActiveKey,
-        itemTypeData: _ctx.itemTypeData,
-        onUpdateItemValue: _ctx.updateValue,
-        onUpdateItemsData: _ctx.handleUpdateItemsData,
-        "onUpdate:activeItemKey": _ctx.handleUpdateActiveItemKey
-      }, createSlots({ _: 2 }, [
-        renderList(Object.keys(_ctx.$slots).filter(
-          (k) => !_ctx.slotExcludes.includes(k)
-        ), (name) => {
-          return {
-            name,
-            fn: withCtx((slotProps) => [
-              renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
-            ])
-          };
-        }),
-        _ctx.footer ? {
-          name: "contentExtra",
-          fn: withCtx(() => [
-            createVNode(_component_ProFormFooter, {
-              footerProps: _ctx.footerProps,
-              footerSlots: _ctx.footerSlots,
-              footerStyle: _ctx.footerStyleData,
-              submitText: _ctx.submitText,
-              resetText: _ctx.resetText,
-              submitButtonProps: _ctx.submitButtonProps,
-              resetButtonProps: _ctx.resetButtonProps,
-              showSearchExpand: _ctx.showSearchExpand,
-              searchExpand: _ctx.formSearchExpand,
-              searchExpandButtonProps: _ctx.searchExpandButtonProps,
-              searchExpandText: _ctx.searchExpandText,
-              searchShrinkText: _ctx.searchShrinkText,
-              onSubmit: _ctx.handleSubmit,
-              onReset: _ctx.handleReset,
-              onUpdateSearchExpand: _ctx.updateSearchExpand
-            }, createSlots({ _: 2 }, [
-              renderList(Object.keys(_ctx.$slots).filter(
-                (k) => !_ctx.footerSlotExcludes.includes(k)
-              ), (name) => {
-                return {
-                  name,
-                  fn: withCtx((slotProps) => [
-                    renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
-                  ])
-                };
-              })
-            ]), 1032, ["footerProps", "footerSlots", "footerStyle", "submitText", "resetText", "submitButtonProps", "resetButtonProps", "showSearchExpand", "searchExpand", "searchExpandButtonProps", "searchExpandText", "searchShrinkText", "onSubmit", "onReset", "onUpdateSearchExpand"])
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1032, ["model", "items", "rules", "grid", "rowProps", "contentExtraColProps", "formItems", "searchExpand", "editable", "activeItemKey", "itemTypeData", "onUpdateItemValue", "onUpdateItemsData", "onUpdate:activeItemKey"]),
-      renderSlot(_ctx.$slots, "bottomExtra")
-    ]),
-    _: 3
-  }, 8, ["model", "labelPosition", "labelWidth", "statusIcon", "validateOnRuleChange", "size", "disabled", "scrollToError", "scrollIntoViewOptions", "inline", "labelSuffix", "hideRequiredAsterisk", "requireAsteriskPosition", "showMessage", "inlineMessage", "class", "onValidate", "onSubmit"]);
-}
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  index as default
+  _sfc_main as default
 };

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

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

package/es/ele-pro-form/style/index.js

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