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

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

@@ -12,6 +12,68 @@ function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !vue.isVNode(s);
 }
 const sortableGroupName = "ProFormBuilderBodySortGroup";
+const codeStringPrefix = "/*__PRO_FORM__*/";
+function getItemTypeData(item, itemTypeData$1) {
+  var _a;
+  let itemType = item.type;
+  const divTag = (_a = item.props) == null ? void 0 : _a.is;
+  if (itemType === "div" && divTag) {
+    if (divTag === "tr") {
+      itemType = "tableRow";
+    } else if (divTag === "td") {
+      itemType = "tableCell";
+    } else if (divTag === "ele-table" || divTag === "EleTable") {
+      itemType = "table";
+    } else if (divTag === "el-carousel" || divTag === "ElCarousel") {
+      itemType = "carousel";
+    } else if (divTag === "el-carousel-item" || divTag === "ElCarouselItem") {
+      itemType = "carouselItem";
+    } else if (divTag === "el-icon" || divTag === "ElIcon") {
+      itemType = "icon";
+    } else if (divTag === "ele-admin-layout" || divTag === "EleAdminLayout") {
+      itemType = "adminLayout";
+    } else if (divTag === "el-alert" || divTag === "EleAlert") {
+      itemType = "alert";
+    }
+  }
+  const typeData = [...itemTypeData$1 || [], ...itemTypeData.defaultItemTypeData].find((d) => d.type === itemType);
+  return typeData;
+}
+function getComponentLegacyProps(item) {
+  const result = {};
+  const itemType = item.type;
+  if (itemType) {
+    const options = item.options;
+    if (options) {
+      if (["select", "multipleSelect", "radio", "radioButton", "checkbox", "checkboxButton", "cascader", "multipleCascader", "mention"].includes(itemType)) {
+        result.options = options;
+      } else if (["treeSelect", "treeMultipleSelect"].includes(itemType)) {
+        result.data = options;
+      } else if (["checkCard", "multipleCheckCard"].includes(itemType)) {
+        result.items = options;
+      } else if (itemType === "autocomplete") {
+        result.fetchSuggestions = options;
+      }
+    }
+    if (item.label != null) {
+      if (["descriptionsItem", "carouselItem"].includes(itemType)) {
+        result.label = item.label;
+      } else if (["alert", "collapseItem", "descriptions"].includes(itemType)) {
+        result.title = item.label;
+      } else if (itemType === "card") {
+        result.header = item.label;
+      } else if (itemType === "image") {
+        result.alt = item.label;
+      }
+    }
+    if (item.prop != null) {
+      if (["collapseItem", "carouselItem"].includes(itemType)) {
+        result.name = item.prop;
+      }
+    }
+  }
+  return result;
+}
 function getRuleMessage(label, requiredMessage, placeholder) {
   if (typeof requiredMessage === "string" && requiredMessage) {
     return requiredMessage;
@@ -21,8 +83,25 @@ function getRuleMessage(label, requiredMessage, placeholder) {
   }
   return `${label ?? ""}必填`;
 }
-function isShowItem(item, form, items, searchExpand) {
-  if (!item.prop) {
+function getComponentRefName(item) {
+  const prop = item.prop;
+  if (prop == null || prop === "" || String(prop).trim() === "") {
+    return `${String(item.key)}Ref`;
+  }
+  return `${String(prop)}Ref`;
+}
+function getCodeResult(code, form, items, searchExpand, httpRequest, getProFormRefs) {
+  try {
+    return new Function("form", "items", "searchExpand", "httpRequest", "getProFormRefs", `return (${code})`)(form, items, searchExpand, httpRequest, getProFormRefs);
+  } catch (e) {
+    console.error(e);
+  }
+}
+function isShowItem(item, form, items, searchExpand, editable) {
+  if (editable) {
+    return true;
+  }
+  if (item.prop == null && item.key == null) {
     return false;
   }
   if (item.vIf != null) {
@@ -30,12 +109,7 @@ function isShowItem(item, form, items, searchExpand) {
       return item.vIf(form, items, searchExpand);
     }
     if (typeof item.vIf === "string" && item.vIf.trim().length) {
-      try {
-        return new Function("form", "items", "searchExpand", "formItems", "formData", `return (${item.vIf})`)(form, items, searchExpand, items, form);
-      } catch (e) {
-        console.error(e);
-        return false;
-      }
+      return getCodeResult(item.vIf, form, items, searchExpand);
     }
     if (item.vIf === false) {
       return false;
@@ -43,49 +117,100 @@ function isShowItem(item, form, items, searchExpand) {
   }
   return true;
 }
-function translateJsCode(code, model, items, searchExpand) {
+function translateJsCode(code, form, items, searchExpand, httpRequest, getProFormRefs, getAndCacheCode) {
   if (code != null) {
     if (typeof code === "string") {
-      if (code.startsWith("/*__PRO_FORM__*/")) {
-        try {
-          return new Function("form", "items", "searchExpand", "formData", "formItems", `return (${code})`)(model, items, searchExpand, model, items);
-        } catch (e) {
-          console.error(e);
+      if (code.startsWith(codeStringPrefix)) {
+        const result = getCodeResult(code, form, items, searchExpand, httpRequest, getProFormRefs);
+        if (getAndCacheCode && typeof result === "function") {
+          return {
+            result: getAndCacheCode(code, result),
+            isCode: true
+          };
         }
+        return {
+          result,
+          isCode: true
+        };
       }
-      return code;
+      return {
+        result: code,
+        isCode: false
+      };
     } else if (Array.isArray(code)) {
-      return code.map((c) => translateJsCode(c, model, items, searchExpand));
+      const arrayResult = [];
+      let arrayIsCode = false;
+      code.forEach((c) => {
+        const {
+          result,
+          isCode
+        } = translateJsCode(c, form, items, searchExpand, httpRequest, getProFormRefs, getAndCacheCode);
+        arrayResult.push(result);
+        if (isCode) {
+          arrayIsCode = true;
+        }
+      });
+      if (arrayIsCode) {
+        return {
+          result: arrayResult,
+          isCode: true
+        };
+      }
+      return {
+        result: code,
+        isCode: false
+      };
     } else if (typeof code === "object") {
-      const result = {};
+      const objectResult = {};
+      let objectIsCode = false;
       Object.keys(code).forEach((k) => {
-        result[k] = translateJsCode(code[k], model, items, searchExpand);
+        const {
+          result,
+          isCode
+        } = translateJsCode(code[k], form, items, searchExpand, httpRequest, getProFormRefs, getAndCacheCode);
+        objectResult[k] = result;
+        if (isCode) {
+          objectIsCode = true;
+        }
       });
-      return result;
+      if (objectIsCode) {
+        return {
+          result: objectResult,
+          isCode: true
+        };
+      }
+      return {
+        result: code,
+        isCode: false
+      };
     }
   }
-  return code;
+  return {
+    result: code,
+    isCode: false
+  };
 }
 function renderProFormItem(props2) {
-  var _a, _b, _c;
+  var _a, _b, _c, _d;
   const slots = props2.slots || {};
-  const itemType = props2.item.type;
   const formData = props2.model || {};
-  const typeSlot = itemType ? slots[itemType] : void 0;
-  const typeData = [...props2.itemTypeData || [], ...itemTypeData.defaultItemTypeData].find((d) => d.type === itemType);
+  const typeData = getItemTypeData(props2.item, props2.itemTypeData);
+  const typeSlot = ((_a = props2.item) == null ? void 0 : _a.type) ? slots[props2.item.type] : void 0;
   if (!typeSlot && !typeData) {
     return;
   }
   const modelValue = props2.item.prop == null ? void 0 : util.getValue(formData, props2.item.prop);
   const handleUpdateModelValue = (value) => {
     const propName = props2.item.prop;
-    props2.updateItemValue(propName, value);
+    if (propName != null && props2.updateItemValue) {
+      props2.updateItemValue(propName, value);
+    }
   };
   const propsFunctionParams = {
     item: props2.item,
     modelValue,
     updateModelValue: handleUpdateModelValue,
-    isShowFormItem: (cItem) => isShowItem(cItem, formData, props2.formItems || [], props2.searchExpand),
+    isShowFormItem: (cItem) => isShowItem(cItem, formData, props2.formItems || [], props2.searchExpand, props2.editable),
     renderChildren: (cItem, cSortDisabled, cContainerSelectable) => renderProFormContent({
       model: formData,
       items: cItem.children,
@@ -102,8 +227,11 @@ function renderProFormItem(props2) {
       updateItemValue: props2.updateItemValue,
       updateItemsData: props2.updateItemsData,
       updateActiveItemKey: props2.updateActiveItemKey,
-      slots,
-      itemTypeData: props2.itemTypeData
+      getAndCacheCode: props2.getAndCacheCode,
+      itemTypeData: props2.itemTypeData,
+      httpRequest: props2.httpRequest,
+      getProFormRefs: props2.getProFormRefs,
+      slots
     })
   };
   const slotProFormParams = {
@@ -115,6 +243,8 @@ function renderProFormItem(props2) {
     editable: props2.editable,
     activeItemKey: props2.activeItemKey,
     itemTypeData: props2.itemTypeData,
+    httpRequest: props2.httpRequest,
+    getProFormRefs: props2.getProFormRefs,
     updateItemValue: props2.updateItemValue,
     updateItemsData: props2.updateItemsData,
     updateActiveItemKey: props2.updateActiveItemKey,
@@ -143,10 +273,10 @@ function renderProFormItem(props2) {
       });
     }
     if (!itemSlots.default) {
+      const csd = !(props2.item.containerDraggable ?? !(typeData == null ? void 0 : typeData.sortDisabled));
       const isRenderLabel = (typeData == null ? void 0 : typeData.renderLabelText) && props2.item.label != null && props2.item.label !== "";
-      const isRenderChildren = (!typeData || typeData.isContainer) && (!(typeData == null ? void 0 : typeData.sortDisabled) && props2.editable || props2.item.children && props2.item.children.length);
-      const isRenderOptions = props2.item.options && (typeData == null ? void 0 : typeData.optionsComponent);
-      if (isRenderLabel || isRenderChildren || isRenderOptions) {
+      const isRenderChildren = (!typeData || typeData.isContainer) && (!csd && props2.editable || props2.item.children && props2.item.children.length);
+      if (isRenderLabel || isRenderChildren) {
         itemSlots.default = () => {
           const nodes = [];
           if (isRenderLabel && props2.item.label != null) {
@@ -163,14 +293,17 @@ function renderProFormItem(props2) {
               formItems: props2.formItems,
               searchExpand: props2.searchExpand,
               editable: props2.editable,
-              sortDisabled: !!(typeData == null ? void 0 : typeData.sortDisabled),
+              sortDisabled: csd,
               containerSelectable: !!(typeData == null ? void 0 : typeData.containerSelectable),
               activeItemKey: props2.activeItemKey,
               updateItemValue: props2.updateItemValue,
               updateItemsData: props2.updateItemsData,
               updateActiveItemKey: props2.updateActiveItemKey,
-              slots,
-              itemTypeData: props2.itemTypeData
+              getAndCacheCode: props2.getAndCacheCode,
+              itemTypeData: props2.itemTypeData,
+              httpRequest: props2.httpRequest,
+              getProFormRefs: props2.getProFormRefs,
+              slots
             });
             if (contentNode) {
               if (Array.isArray(contentNode)) {
@@ -181,16 +314,6 @@ function renderProFormItem(props2) {
                 nodes.push(contentNode);
               }
             }
-          } else if (isRenderOptions && (typeData == null ? void 0 : typeData.optionsComponent)) {
-            const optionsComponent = typeData.optionsComponent;
-            (props2.item.options || []).forEach((option) => {
-              var _a2;
-              const defaultProps = {
-                key: option.key ?? option.value
-              };
-              const userProps = (_a2 = typeData.optionsComponentProps) == null ? void 0 : _a2.call(typeData, option);
-              nodes.push(vue.h(optionsComponent, userProps ? vue.mergeProps(defaultProps, userProps) : defaultProps));
-            });
           }
           return nodes;
         };
@@ -199,7 +322,7 @@ function renderProFormItem(props2) {
   }
   const componentTag = (typeData == null ? void 0 : typeData.component) || "div";
   const isDivTag = componentTag === "div" || componentTag === "td";
-  const componentPropsData = translateJsCode(props2.item.props || {}, formData, props2.formItems || [], props2.searchExpand);
+  const componentPropsData = translateJsCode(props2.item.props || {}, formData, props2.formItems || [], props2.searchExpand, props2.httpRequest, props2.getProFormRefs, props2.getAndCacheCode).result;
   const componentNode = typeSlot ? typeSlot({
     item: props2.item,
     model: formData,
@@ -207,13 +330,15 @@ function renderProFormItem(props2) {
     updateValue: handleUpdateModelValue,
     updatePropValue: props2.updateItemValue,
     proForm: slotProFormParams
-  }) : vue.h((isDivTag ? (_a = props2.item.props) == null ? void 0 : _a.is : void 0) || componentTag, vue.mergeProps({
+  }) : vue.h((isDivTag ? (_b = props2.item.props) == null ? void 0 : _b.is : void 0) || componentTag, vue.mergeProps({
     key: props2.key
-  }, ((_b = typeData == null ? void 0 : typeData.defaultProps) == null ? void 0 : _b.call(typeData, propsFunctionParams)) || {}, isDivTag ? core.omit(componentPropsData, ["is"]) : componentPropsData, ((_c = typeData == null ? void 0 : typeData.reservedProps) == null ? void 0 : _c.call(typeData, propsFunctionParams)) || {}), itemSlots);
+  }, getComponentLegacyProps(props2.item), ((_c = typeData == null ? void 0 : typeData.defaultProps) == null ? void 0 : _c.call(typeData, propsFunctionParams)) || {}, isDivTag ? core.omit(componentPropsData, ["is"]) : componentPropsData, ((_d = typeData == null ? void 0 : typeData.reservedProps) == null ? void 0 : _d.call(typeData, propsFunctionParams)) || {}, {
+    ref: getComponentRefName(props2.item)
+  }), itemSlots);
   if ((typeData == null ? void 0 : typeData.isContainer) || props2.item.itemType === "container" || props2.item.itemType === "view") {
     return componentNode;
   }
-  const itemPropsData = translateJsCode(props2.item.itemProps || {}, formData, props2.formItems || [], props2.searchExpand);
+  const itemPropsData = translateJsCode(props2.item.itemProps || {}, formData, props2.formItems || [], props2.searchExpand, props2.httpRequest, props2.getProFormRefs, props2.getAndCacheCode).result;
   const labelWidth = itemPropsData.labelWidth;
   const formItemLabelWidth = typeof labelWidth === "number" ? `${labelWidth}px` : labelWidth;
   const formItemSlots = {};
@@ -226,7 +351,7 @@ function renderProFormItem(props2) {
   formItemSlots.default = () => componentNode;
   const iRule = itemPropsData.rules;
   const iRules = iRule ? Array.isArray(iRule) ? iRule : [iRule] : void 0;
-  const fRule = props2.rules ? props2.rules[props2.item.prop] : void 0;
+  const fRule = props2.rules && props2.item.prop ? util.getValue(props2.rules, props2.item.prop) : void 0;
   const fRules = fRule ? Array.isArray(fRule) ? fRule : [fRule] : void 0;
   const formItemRules = iRules || fRules || [];
   const trigger = (typeData == null ? void 0 : typeData.requiredTrigger) ?? "change";
@@ -270,8 +395,11 @@ function renderProFormContent(props2) {
         updateItemValue: props2.updateItemValue,
         updateItemsData: props2.updateItemsData,
         updateActiveItemKey: props2.updateActiveItemKey,
-        slots: core.omit(slots, ownSlots),
-        itemTypeData: props2.itemTypeData
+        getAndCacheCode: props2.getAndCacheCode,
+        itemTypeData: props2.itemTypeData,
+        httpRequest: props2.httpRequest,
+        getProFormRefs: props2.getProFormRefs,
+        slots: core.omit(slots, ownSlots)
       });
     };
     if (!editable) {
@@ -295,7 +423,7 @@ function renderProFormContent(props2) {
       const gridColProps = props2.grid === true ? {
         span: 12
       } : props2.grid;
-      const itemColProps = translateJsCode(item.colProps || {}, formData, props2.formItems || [], props2.searchExpand);
+      const itemColProps = translateJsCode(item.colProps || {}, formData, props2.formItems || [], props2.searchExpand, props2.httpRequest, props2.getProFormRefs, props2.getAndCacheCode).result;
       if (props2.editable && !props2.sortDisabled) {
         let _slot;
         nodes.push(vue.createVNode(elementPlus.ElCol, vue.mergeProps({
@@ -303,7 +431,7 @@ function renderProFormContent(props2) {
         }, gridColProps, itemColProps), _isSlot(_slot = getProFormItemNode(item, true, true)) ? _slot : {
           default: () => [_slot]
         }));
-      } else if (isShowItem(item, formData, props2.formItems || [], props2.searchExpand)) {
+      } else if (isShowItem(item, formData, props2.formItems || [], props2.searchExpand, props2.editable)) {
         let _slot2;
         nodes.push(vue.createVNode(elementPlus.ElCol, vue.mergeProps({
           "key": itemKey
@@ -314,11 +442,11 @@ function renderProFormContent(props2) {
     });
     if (slots.contentExtra) {
       let _slot3;
-      nodes.push(vue.createVNode(elementPlus.ElCol, translateJsCode(props2.contentExtraColProps || {}, formData, props2.formItems || [], props2.searchExpand), _isSlot(_slot3 = slots.contentExtra()) ? _slot3 : {
+      nodes.push(vue.createVNode(elementPlus.ElCol, translateJsCode(props2.contentExtraColProps || {}, formData, props2.formItems || [], props2.searchExpand, props2.httpRequest, props2.getProFormRefs, props2.getAndCacheCode).result, _isSlot(_slot3 = slots.contentExtra()) ? _slot3 : {
         default: () => [_slot3]
       }));
     }
-    return vue.createVNode(elementPlus.ElRow, translateJsCode(props2.rowProps || {}, formData, props2.formItems || [], props2.searchExpand), _isSlot(nodes) ? nodes : {
+    return vue.createVNode(elementPlus.ElRow, translateJsCode(props2.rowProps || {}, formData, props2.formItems || [], props2.searchExpand, props2.httpRequest, props2.getProFormRefs, props2.getAndCacheCode).result, _isSlot(nodes) ? nodes : {
       default: () => [nodes]
     });
   }
@@ -342,14 +470,18 @@ function renderProFormContent(props2) {
       }) : void 0])]);
     };
     const handleUpdateModelValue = (data) => {
-      props2.updateItemsData(data, props2.parentItem);
+      if (props2.updateItemsData) {
+        props2.updateItemsData(data, props2.parentItem);
+      }
     };
     const handleContainerBuilderWrapperClick = (e) => {
       var _a;
       const parentItemKey = (_a = props2.parentItem) == null ? void 0 : _a.key;
       if (props2.containerSelectable && parentItemKey != null) {
         e.stopPropagation();
-        props2.updateActiveItemKey(parentItemKey);
+        if (props2.updateActiveItemKey) {
+          props2.updateActiveItemKey(parentItemKey);
+        }
       }
     };
     nodes.push(vue.createVNode(VueDraggable, {
@@ -375,7 +507,7 @@ function renderProFormContent(props2) {
     }));
   } else {
     itemsData.forEach((item) => {
-      if (isShowItem(item, formData, props2.formItems || [], props2.searchExpand)) {
+      if (isShowItem(item, formData, props2.formItems || [], props2.searchExpand, props2.editable)) {
         const proFormItemNode = getProFormItemNode(item);
         if (proFormItemNode) {
           if (Array.isArray(proFormItemNode)) {
@@ -424,16 +556,26 @@ const ChildrenRender = /* @__PURE__ */ vue.defineComponent({
     const handleUpdateActiveItemKey = (activeKey) => {
       emit("update:activeItemKey", activeKey);
     };
-    return () => renderProFormContent({
-      ...props2,
-      updateItemValue: handleUpdateItemValue,
-      updateItemsData: handleUpdateItemsData,
-      updateActiveItemKey: handleUpdateActiveItemKey,
-      slots: props2.slots ?? slots
-    });
+    return () => {
+      var _a;
+      return renderProFormContent({
+        ...core.omit(props2, ["item"]),
+        items: props2.items ?? ((_a = props2.item) == null ? void 0 : _a.children),
+        // 兼容旧版
+        updateItemValue: props2.updateItemValue ?? handleUpdateItemValue,
+        updateItemsData: props2.updateItemsData ?? handleUpdateItemsData,
+        updateActiveItemKey: props2.updateActiveItemKey ?? handleUpdateActiveItemKey,
+        slots: props2.slots ?? slots
+      });
+    };
   }
 });
 exports.ChildrenRender = ChildrenRender;
+exports.codeStringPrefix = codeStringPrefix;
+exports.getCodeResult = getCodeResult;
+exports.getComponentLegacyProps = getComponentLegacyProps;
+exports.getComponentRefName = getComponentRefName;
+exports.getItemTypeData = getItemTypeData;
 exports.getRuleMessage = getRuleMessage;
 exports.isShowItem = isShowItem;
 exports.renderProFormContent = renderProFormContent;

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

@@ -1,12 +1,27 @@
 import { VNode } from 'vue';
 import { FormItemRule } from 'element-plus';
-import { ProFormItemKey, ProFormItemProps, ProFormItemRenderSlots } from '../types';
+import { ProFormItemKey, ProFormItemProps, ProFormItemTypeData, ProFormItemRenderSlots } from '../types';
 import { RenderProFormItemProps, RenderProFormContentProps } from '../props';
 
 /**
  * 编辑模式拖拽排序分组名称
  */
 export declare const sortableGroupName = "ProFormBuilderBodySortGroup";
+/**
+ * 代码字符串前缀
+ */
+export declare const codeStringPrefix = "/*__PRO_FORM__*/";
+/**
+ * 获取表单项类型数据
+ * @param item 表单项
+ * @param itemTypeData 组件类型数据
+ */
+export declare function getItemTypeData(item: ProFormItemProps, itemTypeData?: ProFormItemTypeData[]): ProFormItemTypeData | undefined;
+/**
+ * 生成兼容旧版本的组件默认属性
+ * @param item 表单项
+ */
+export declare function getComponentLegacyProps(item: ProFormItemProps): Record<string, any>;
 /**
  * 获取验证规则提示文本
  * @param label 表单项标题
@@ -14,22 +29,44 @@ export declare const sortableGroupName = "ProFormBuilderBodySortGroup";
  * @param placeholder 组件占位文本
  */
 export declare function getRuleMessage(label?: string, requiredMessage?: string, placeholder?: string): string;
+/**
+ * 获取组件引用名称
+ * @param item 表单项
+ */
+export declare function getComponentRefName(item: ProFormItemProps): string;
+/**
+ * 执行代码字符串
+ * @param code 代码字符串
+ * @param model 表单数据
+ * @param items 全部表单项
+ * @param searchExpand 搜索表单折叠展开状态
+ * @param httpRequest 远程数据源请求工具
+ * @param getProFormRefs 获取表单组件的组件引用数据的方法
+ */
+export declare function getCodeResult(code: string, form: Record<string, any>, items: ProFormItemProps[], searchExpand?: boolean, httpRequest?: any, getProFormRefs?: () => Record<string, any>): any;
 /**
  * 判断表单项是否展示
  * @param item 表单项
  * @param form 表单数据
  * @param items 表单项数据
  * @param searchExpand 搜索表单展开状态
+ * @param editable 是否是编辑模式
  */
-export declare function isShowItem(item: ProFormItemProps, form: Record<string, any>, items: ProFormItemProps[], searchExpand?: boolean): any;
+export declare function isShowItem(item: ProFormItemProps, form: Record<string, any>, items: ProFormItemProps[], searchExpand?: boolean, editable?: boolean): any;
 /**
  * 解析代码字符串
  * @param code 值
  * @param model 表单数据
  * @param items 全部表单项
  * @param searchExpand 搜索表单折叠展开状态
+ * @param httpRequest 远程数据源请求工具
+ * @param getProFormRefs 获取表单组件的组件引用数据的方法
+ * @param getAndCacheCode 获取并缓存代码解析结果方法
  */
-export declare function translateJsCode(code: any, model: Record<string, any>, items: ProFormItemProps[], searchExpand: boolean): any;
+export declare function translateJsCode(code: any, form: Record<string, any>, items: ProFormItemProps[], searchExpand: boolean, httpRequest: any, getProFormRefs?: () => Record<string, any>, getAndCacheCode?: (code: string, codeResult: any) => any): {
+    result: any;
+    isCode: boolean;
+};
 /**
  * 渲染表单项组件
  * @param props 属性
@@ -51,6 +88,12 @@ export declare const ChildrenRender: import('vue').DefineComponent<{
     sortDisabled: BooleanConstructor;
     containerSelectable: BooleanConstructor;
     slots: import('vue').PropType<ProFormItemRenderSlots>;
+    getProFormRefs: import('vue').PropType<() => Record<string, any>>;
+    getAndCacheCode: import('vue').PropType<(code: string, codeResult: any) => any>;
+    updateItemValue: import('vue').PropType<(prop: string, value: any) => void>;
+    updateItemsData: import('vue').PropType<(items: ProFormItemProps[], parentItem?: ProFormItemProps) => void>;
+    updateActiveItemKey: import('vue').PropType<(activeKey?: ProFormItemKey) => void>;
+    item: import('vue').PropType<ProFormItemProps>;
     model: ObjectConstructor;
     rules: {
         readonly type: import('vue').PropType<Partial<Record<string, import('element-plus/es/utils/typescript').Arrayable<import('element-plus/es/components/form/src/types').FormItemRule>>>>;
@@ -63,7 +106,8 @@ export declare const ChildrenRender: import('vue').DefineComponent<{
     editable: BooleanConstructor;
     items: import('vue').PropType<ProFormItemProps[]>;
     activeItemKey: import('vue').PropType<ProFormItemKey>;
-    itemTypeData: import('vue').PropType<import('../types').ProFormItemTypeData[]>;
+    itemTypeData: import('vue').PropType<ProFormItemTypeData[]>;
+    httpRequest: (ObjectConstructor | FunctionConstructor)[];
 }, () => string | VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
 }> | (string | VNode<import('vue').RendererNode, import('vue').RendererElement, {
@@ -80,6 +124,12 @@ export declare const ChildrenRender: import('vue').DefineComponent<{
     sortDisabled: BooleanConstructor;
     containerSelectable: BooleanConstructor;
     slots: import('vue').PropType<ProFormItemRenderSlots>;
+    getProFormRefs: import('vue').PropType<() => Record<string, any>>;
+    getAndCacheCode: import('vue').PropType<(code: string, codeResult: any) => any>;
+    updateItemValue: import('vue').PropType<(prop: string, value: any) => void>;
+    updateItemsData: import('vue').PropType<(items: ProFormItemProps[], parentItem?: ProFormItemProps) => void>;
+    updateActiveItemKey: import('vue').PropType<(activeKey?: ProFormItemKey) => void>;
+    item: import('vue').PropType<ProFormItemProps>;
     model: ObjectConstructor;
     rules: {
         readonly type: import('vue').PropType<Partial<Record<string, import('element-plus/es/utils/typescript').Arrayable<import('element-plus/es/components/form/src/types').FormItemRule>>>>;
@@ -92,14 +142,16 @@ export declare const ChildrenRender: import('vue').DefineComponent<{
     editable: BooleanConstructor;
     items: import('vue').PropType<ProFormItemProps[]>;
     activeItemKey: import('vue').PropType<ProFormItemKey>;
-    itemTypeData: import('vue').PropType<import('../types').ProFormItemTypeData[]>;
+    itemTypeData: import('vue').PropType<ProFormItemTypeData[]>;
+    httpRequest: (ObjectConstructor | FunctionConstructor)[];
 }>> & {
-    "onUpdate:activeItemKey"?: ((_activeKey?: string | number | symbol | undefined) => any) | undefined;
     onUpdateItemValue?: ((_prop: string, _value: any) => any) | undefined;
     onUpdateItemsData?: ((_items: ProFormItemProps[], _parentItem?: ProFormItemProps | undefined) => any) | undefined;
+    "onUpdate:activeItemKey"?: ((_activeKey?: string | number | symbol | undefined) => any) | undefined;
 }, {
     editable: boolean;
     searchExpand: boolean;
     sortDisabled: boolean;
     containerSelectable: boolean;
 }, {}>;
+export type ChildrenRenderInstance = InstanceType<typeof ChildrenRender> | null;