el-plus 0.0.81 → 0.0.83

package/dist/index.full.mjs

@@ -1,6 +1,6 @@
-/*! ElPlus v0.0.81 */
+/*! ElPlus v0.0.83 */
 
-import { useAttrs, getCurrentInstance, inject, provide, ref, nextTick, defineComponent, computed, createVNode, Fragment, withDirectives, resolveComponent, mergeProps, resolveDirective, useTemplateRef, createTextVNode, h, mergeModels, useModel, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createCommentVNode, withCtx, renderSlot, renderList, createBlock, vShow, toDisplayString, reactive, useSlots, watch, onMounted, createSlots, normalizeProps, guardReactiveProps, markRaw, Transition, shallowReactive, isVNode, render, createElementVNode, toRaw } from 'vue';
+import { useAttrs, getCurrentInstance, inject, provide, ref, nextTick, defineComponent, computed, createVNode, Fragment, withDirectives, resolveComponent, mergeProps, resolveDirective, useTemplateRef, reactive, onBeforeUpdate, createTextVNode, h, mergeModels, useModel, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createCommentVNode, withCtx, renderSlot, renderList, createBlock, vShow, toDisplayString, useSlots, watch, onMounted, createSlots, normalizeProps, guardReactiveProps, markRaw, Transition, shallowReactive, isVNode, render, createElementVNode, toRaw } from 'vue';
 import { buttonProps, useLocale as useLocale$1, ElLoading, ElMessage, ElMessageBox, formProps as formProps$1, formEmits as formEmits$1, ElTooltip, formItemProps as formItemProps$1, ElFormItem, ElForm, ElRow, ElCol, inputProps as inputProps$1, inputEmits as inputEmits$1, configProviderContextKey, ElConfigProvider, ElDialog, ElButton, ElTable, ElIcon, selectProps as selectProps$1, selectEmits as selectEmits$1, ElPageHeader, datePickerProps, linkProps as linkProps$1, ElSkeleton } from 'element-plus';
 import { isFunction } from '@vue/shared';
 import axios from 'axios';
@@ -806,16 +806,30 @@ const useForm$1 = (props) => {
   const clearValidate = (props2) => {
     return elFormRef.value.clearValidate(props2);
   };
+  const formItemRenderRefs = reactive(/* @__PURE__ */ new Map());
+  onBeforeUpdate(() => {
+    formItemRenderRefs.clear();
+  });
+  const getFormItemRenderRef = (refName) => {
+    return formItemRenderRefs.get(refName);
+  };
+  const registerFormItemRenderRef = (refName, ref2) => {
+    if (refName && ref2) {
+      formItemRenderRefs.set(refName, ref2);
+    }
+  };
   return {
     filterFormItemList,
     elFormRef,
     validate,
     resetFields,
-    clearValidate
+    clearValidate,
+    getFormItemRenderRef,
+    registerFormItemRenderRef
   };
 };
 
-const useFormItemSlots = (props) => {
+const useFormItemSlots = (props, emit) => {
   const attrs = useAttrs();
   const {
     render,
@@ -856,7 +870,12 @@ const useFormItemSlots = (props) => {
         disabled,
         clearable: true,
         ...renderProps,
-        ...events
+        ...events,
+        ref: (el) => {
+          if (el) {
+            emit("registerFormItemRenderRef", el);
+          }
+        }
       }, renderScopedSlots) : formData[prop];
     },
     label: () => {
@@ -966,7 +985,7 @@ var EpFormItem = /* @__PURE__ */ defineComponent({
     const attrs = useAttrs();
     const {
       scopedSlots
-    } = useFormItemSlots(props);
+    } = useFormItemSlots(props, emit);
     const {
       rules
     } = useFormItemRules(props);
@@ -1016,7 +1035,15 @@ var _sfc_main$b = /* @__PURE__ */ defineComponent({
       };
     });
     const formData = useModel(__props, "modelValue");
-    const { filterFormItemList, elFormRef, validate, resetFields, clearValidate } = useForm$1(props);
+    const {
+      filterFormItemList,
+      elFormRef,
+      validate,
+      resetFields,
+      clearValidate,
+      getFormItemRenderRef,
+      registerFormItemRenderRef
+    } = useForm$1(props);
     const { open, toggleStatus, isShowFoldBtn, isShowFormItem } = useCollapse(
       {
         filterFormItemList,
@@ -1029,7 +1056,8 @@ var _sfc_main$b = /* @__PURE__ */ defineComponent({
       elFormRef,
       validate,
       resetFields,
-      clearValidate
+      clearValidate,
+      getFormItemRenderRef
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
@@ -1062,7 +1090,9 @@ var _sfc_main$b = /* @__PURE__ */ defineComponent({
                         createVNode(unref(EpFormItem), mergeProps({
                           "form-data": formData.value,
                           "form-label-width": _ctx.labelWidth
-                        }, { ref_for: true }, item), null, 16, ["form-data", "form-label-width"])
+                        }, { ref_for: true }, item, {
+                          onRegisterFormItemRenderRef: (ref2) => unref(registerFormItemRenderRef)(item.props?.ref, ref2)
+                        }), null, 16, ["form-data", "form-label-width", "onRegisterFormItemRenderRef"])
                       ]),
                       _: 2
                     }, 1032, ["class", "span"])), [
@@ -1320,7 +1350,7 @@ const useTemplatePromise = (options = {}) => {
     const renderList = () => instances.value.map((props) => {
       return withDirectives(h("div", {
         // key: props.key,
-        class: "ep-template-promise is-init"
+        class: `ep-template-promise is-init ${options.class || ""}`
       }, render ? render(props, ctx) : slots.default?.(props)), [[vShow, props.isVisible]]);
     });
     if (transition) return () => {
@@ -1352,10 +1382,12 @@ const useDialog = (options = {}) => {
     onBeforeCancel,
     cancelText,
     showFooter = true,
+    templatePromiseClass,
     ...dialogProps
   } = options;
   const Dialog = useTemplatePromise({
     destroy: destroyOnClose,
+    class: templatePromiseClass,
     render: (promiseOptions, ctx) => {
       for (const key in scopedSlots) {
         scopedSlots[key] = scopedSlots[key].bind(null, promiseOptions);
@@ -1389,6 +1421,7 @@ const useDialog = (options = {}) => {
         }), scopedSlots.footerInner?.(promiseOptions), createVNode(ElButton, {
           "type": "primary",
           "onClick": async () => {
+            console.log(111);
             if (onBeforeConfirm) {
               await onBeforeConfirm(resolve);
             }
@@ -1483,11 +1516,6 @@ const useRequest = ({
     const config = {
       method
     };
-    if (cancelToken) {
-      config.cancelRequest = (cancel) => {
-        cancelRequest = cancel;
-      };
-    }
     apiFn = (data = {}, params) => {
       if (config.method === "get") {
         config.params = data;
@@ -1511,29 +1539,38 @@ const useRequest = ({
       if (reqBefore) {
         reqBefore(config);
       }
+      if (cancelToken) {
+        config.cancelToken = new axios.CancelToken(function(cancel) {
+          cancelRequest = cancel;
+        });
+      }
       return http.request(api, config);
     };
   } else {
     apiFn = api;
   }
-  const requestFn = async (data = {}) => {
+  const requestFn = async (data = {}, params) => {
     if (loading.value && !cancelToken) return;
     loading.value = true;
     try {
       cancelRequest && cancelRequest();
-      const res = await apiFn(data);
+      const res = await apiFn(data, params);
       if (reqAfter) {
         reqAfter(res);
       }
       if (hooks?.success) {
         hooks.success(typeof api === "function" ? res : res.data);
       }
+      loading.value = false;
     } catch (error) {
       if (hooks?.fail) {
         hooks.fail(error);
       }
-    } finally {
+      if (axios.isCancel(error)) {
+        return;
+      }
       loading.value = false;
+    } finally {
     }
   };
   return {
@@ -2090,6 +2127,9 @@ const useTable$1 = (props) => {
   const clearValidate = (props2) => {
     return elFormRef.value.clearValidate(props2);
   };
+  const getSelectionRows = () => {
+    return elTableRef.value.getSelectionRows();
+  };
   const formatActionButtons = (list, scope) => {
     return list.map((item) => {
       if (item.onClick) {
@@ -2111,6 +2151,7 @@ const useTable$1 = (props) => {
     clearSelection,
     resetFields,
     clearValidate,
+    getSelectionRows,
     elFormRef,
     elTableRef,
     formatActionButtons,
@@ -2366,6 +2407,7 @@ var _sfc_main$8 = /* @__PURE__ */ defineComponent({
       resetFields,
       clearValidate,
       clearSelection,
+      getSelectionRows,
       loading,
       search,
       elFormRef,
@@ -2387,6 +2429,7 @@ var _sfc_main$8 = /* @__PURE__ */ defineComponent({
       resetFields,
       clearValidate,
       clearSelection,
+      getSelectionRows,
       search,
       openCustomColumnDialog: () => {
         customColumnRef.value?.open();
@@ -3708,11 +3751,20 @@ var _sfc_main$4 = /* @__PURE__ */ defineComponent({
     const bem = createNameSpace("attachment");
     const props = __props;
     const modelValue = useModel(__props, "modelValue");
-    const { columns, actionButtons, addAttachment, isNormalOpen, permission, onConfirm, onCancel, mode } = useAttachment(props, {
+    const {
+      columns,
+      actionButtons,
+      addAttachment,
+      isNormalOpen,
+      permission,
+      onConfirm,
+      onCancel,
+      mode
+    } = useAttachment(props, {
       data: modelValue
     });
     const AttachmentDialog = useDialog({
-      width: 850,
+      width: isNormalOpen ? "" : 850,
       center: true,
       title: isNormalOpen ? "" : t("ep.attachment.manageAttachment"),
       modal: !isNormalOpen,
@@ -3723,6 +3775,7 @@ var _sfc_main$4 = /* @__PURE__ */ defineComponent({
         "dialog",
         props.openType === "normal" ? props.openType : ""
       ),
+      templatePromiseClass: bem.e("promise"),
       onConfirm: async (resolve) => {
         onConfirm(resolve);
       },
@@ -4292,7 +4345,7 @@ var components = [
   EpUniVue
 ];
 
-var version = "0.0.81";
+var version = "0.0.83";
 
 var globalProperties = {
   install(app) {

package/es/components/attachment/src/attachment.vue2.mjs

@@ -25,11 +25,20 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const bem = createNameSpace("attachment");
     const props = __props;
     const modelValue = useModel(__props, "modelValue");
-    const { columns, actionButtons, addAttachment, isNormalOpen, permission, onConfirm, onCancel, mode } = useAttachment(props, {
+    const {
+      columns,
+      actionButtons,
+      addAttachment,
+      isNormalOpen,
+      permission,
+      onConfirm,
+      onCancel,
+      mode
+    } = useAttachment(props, {
       data: modelValue
     });
     const AttachmentDialog = useDialog({
-      width: 850,
+      width: isNormalOpen ? "" : 850,
       center: true,
       title: isNormalOpen ? "" : t("ep.attachment.manageAttachment"),
       modal: !isNormalOpen,
@@ -40,6 +49,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         "dialog",
         props.openType === "normal" ? props.openType : ""
       ),
+      templatePromiseClass: bem.e("promise"),
       onConfirm: async (resolve) => {
         onConfirm(resolve);
       },

package/es/components/attachment/src/attachment.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"attachment.vue2.mjs","sources":["../../../../../../packages/components/attachment/src/attachment.vue"],"sourcesContent":["<template>\n  <ElButton\n    v-if=\"props.isShowOpenDialogButton\"\n    type=\"primary\"\n    plain\n    size=\"small\"\n    :class=\"bem.e('handler')\"\n    @click=\"open\"\n    v-permission=\"permission\"\n  >\n    {{ t('ep.attachment.manageAttachment') }}({{ modelValue?.length || 0 }})\n  </ElButton>\n  <AttachmentDialog>\n    <div style=\"margin-bottom: 10px; text-align: right\">\n      <EpButtons\n        v-if=\"props.openType === 'dialog' && mode !== 'browse'\"\n        type=\"primary\"\n        :list=\"[\n          {\n            name: t('ep.attachment.addAttachment'),\n            type: 'primary',\n            onClick: addAttachment,\n          },\n        ]\"\n      />\n    </div>\n\n    <EpTable\n      ref=\"tableRef\"\n      :class=\"`${bem.b()} ${prepareClassNames()}`\"\n      :style=\"{\n        ...prepareStyles(),\n      }\"\n      :columns=\"columns\"\n      :action-buttons=\"actionButtons\"\n       actionColWidth=\"110\"\n      :data=\"modelValue\"\n      v-bind=\"props\"\n    >\n    </EpTable>\n  </AttachmentDialog>\n</template>\n<script setup lang=\"ts\">\nimport { createNameSpace } from '@el-plus/utils/bem'\nimport { prepareClassNames, prepareStyles } from '@el-plus/utils/props'\nimport { attachmentProps } from './attachment'\nimport EpTable from '@el-plus/components/table'\nimport { useAttachment } from './use-attachment'\nimport type { TableProps } from '@el-plus/components/table'\nimport { useDialog } from '@el-plus/hooks/dialog/use-dialog'\nimport { useLocale } from '@el-plus/hooks/use-locale'\nimport { ElButton } from 'element-plus'\nimport { vPermission } from '@el-plus/directives'\n\nconst { t } = useLocale()\ndefineOptions({\n  name: 'EpAttachment',\n  inheritAttrs: false,\n})\nconst bem = createNameSpace('attachment')\nconst props = defineProps(attachmentProps)\nconst modelValue = defineModel<TableProps['data']>()\nconst { columns,actionButtons, addAttachment, isNormalOpen,permission, onConfirm, onCancel, mode } =\n  useAttachment(props, {\n    data: modelValue,\n  })\nconst AttachmentDialog = useDialog({\n  width: 850,\n  center: true,\n  title: isNormalOpen ? '' : t('ep.attachment.manageAttachment'),\n  modal: !isNormalOpen,\n  showClose: !isNormalOpen,\n  showFooter: !isNormalOpen,\n  transition: isNormalOpen ? '' : 'dialog-fade',\n  modalClass: bem.em(\n    'dialog',\n    props.openType === 'normal' ? props.openType : '',\n  ),\n  onConfirm: async (resolve) => {\n    onConfirm(resolve)\n  },\n  onCancel: (resolve) => {\n    onCancel(resolve)\n  },\n})\nconst open = AttachmentDialog.open\nif (isNormalOpen) {\n  open()\n}\ndefineExpose({\n  open,\n})\n</script>\n"],"names":["_useModel","_createBlock","_unref","_normalizeClass","_createTextVNode","_toDisplayString","_createVNode","_createElementVNode","_mergeProps"],"mappings":"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"}
+{"version":3,"file":"attachment.vue2.mjs","sources":["../../../../../../packages/components/attachment/src/attachment.vue"],"sourcesContent":["<template>\n  <ElButton\n    v-if=\"props.isShowOpenDialogButton\"\n    type=\"primary\"\n    plain\n    size=\"small\"\n    :class=\"bem.e('handler')\"\n    @click=\"open\"\n    v-permission=\"permission\"\n  >\n    {{ t('ep.attachment.manageAttachment') }}({{ modelValue?.length || 0 }})\n  </ElButton>\n  <AttachmentDialog>\n    <div style=\"margin-bottom: 10px; text-align: right\">\n      <EpButtons\n        v-if=\"props.openType === 'dialog' && mode !== 'browse'\"\n        type=\"primary\"\n        :list=\"[\n          {\n            name: t('ep.attachment.addAttachment'),\n            type: 'primary',\n            onClick: addAttachment,\n          },\n        ]\"\n      />\n    </div>\n\n    <EpTable\n      ref=\"tableRef\"\n      :class=\"`${bem.b()} ${prepareClassNames()}`\"\n      :style=\"{\n        ...prepareStyles(),\n      }\"\n      :columns=\"columns\"\n      :action-buttons=\"actionButtons\"\n      actionColWidth=\"110\"\n      :data=\"modelValue\"\n      v-bind=\"props\"\n    >\n    </EpTable>\n  </AttachmentDialog>\n</template>\n<script setup lang=\"ts\">\nimport { createNameSpace } from '@el-plus/utils/bem'\nimport { prepareClassNames, prepareStyles } from '@el-plus/utils/props'\nimport { attachmentProps } from './attachment'\nimport EpTable from '@el-plus/components/table'\nimport { useAttachment } from './use-attachment'\nimport type { TableProps } from '@el-plus/components/table'\nimport { useDialog } from '@el-plus/hooks/dialog/use-dialog'\nimport { useLocale } from '@el-plus/hooks/use-locale'\nimport { ElButton } from 'element-plus'\nimport { vPermission } from '@el-plus/directives'\n\nconst { t } = useLocale()\ndefineOptions({\n  name: 'EpAttachment',\n  inheritAttrs: false,\n})\nconst bem = createNameSpace('attachment')\nconst props = defineProps(attachmentProps)\nconst modelValue = defineModel<TableProps['data']>()\nconst {\n  columns,\n  actionButtons,\n  addAttachment,\n  isNormalOpen,\n  permission,\n  onConfirm,\n  onCancel,\n  mode,\n} = useAttachment(props, {\n  data: modelValue,\n})\nconst AttachmentDialog = useDialog({\n  width: isNormalOpen ? '' : 850,\n  center: true,\n  title: isNormalOpen ? '' : t('ep.attachment.manageAttachment'),\n  modal: !isNormalOpen,\n  showClose: !isNormalOpen,\n  showFooter: !isNormalOpen,\n  transition: isNormalOpen ? '' : 'dialog-fade',\n  modalClass: bem.em(\n    'dialog',\n    props.openType === 'normal' ? props.openType : '',\n  ),\n  templatePromiseClass: bem.e('promise'),\n  onConfirm: async (resolve) => {\n    onConfirm(resolve)\n  },\n  onCancel: (resolve) => {\n    onCancel(resolve)\n  },\n})\nconst open = AttachmentDialog.open\nif (isNormalOpen) {\n  open()\n}\ndefineExpose({\n  open,\n})\n</script>\n"],"names":["_useModel","_createBlock","_unref","_normalizeClass","_createTextVNode","_toDisplayString","_createVNode","_createElementVNode","_mergeProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAsDA,IAAA,MAAM,EAAE,CAAA,EAAE,GAAI,SAAA,EAAU;AAKxB,IAAA,MAAM,GAAA,GAAM,gBAAgB,YAAY,CAAA;AACxC,IAAA,MAAM,KAAA,GAAQ,OAAA;AACd,IAAA,MAAM,UAAA,GAAaA,QAAA,CAA+B,OAAA,EAAA,YAAC,CAAA;AACnD,IAAA,MAAM;AAAA,MACJ,OAAA;AAAA,MACA,aAAA;AAAA,MACA,aAAA;AAAA,MACA,YAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA;AAAA,MACA;AAAA,KACF,GAAI,cAAc,KAAA,EAAO;AAAA,MACvB,IAAA,EAAM;AAAA,KACP,CAAA;AACD,IAAA,MAAM,mBAAmB,SAAA,CAAU;AAAA,MACjC,KAAA,EAAO,eAAe,EAAA,GAAK,GAAA;AAAA,MAC3B,MAAA,EAAQ,IAAA;AAAA,MACR,KAAA,EAAO,YAAA,GAAe,EAAA,GAAK,CAAA,CAAE,gCAAgC,CAAA;AAAA,MAC7D,OAAO,CAAC,YAAA;AAAA,MACR,WAAW,CAAC,YAAA;AAAA,MACZ,YAAY,CAAC,YAAA;AAAA,MACb,UAAA,EAAY,eAAe,EAAA,GAAK,aAAA;AAAA,MAChC,YAAY,GAAA,CAAI,EAAA;AAAA,QACd,QAAA;AAAA,QACA,KAAA,CAAM,QAAA,KAAa,QAAA,GAAW,KAAA,CAAM,QAAA,GAAW;AAAA,OACjD;AAAA,MACA,oBAAA,EAAsB,GAAA,CAAI,CAAA,CAAE,SAAS,CAAA;AAAA,MACrC,SAAA,EAAW,OAAO,OAAA,KAAY;AAC5B,QAAA,SAAA,CAAU,OAAO,CAAA;AAAA,MACnB,CAAA;AAAA,MACA,QAAA,EAAU,CAAC,OAAA,KAAY;AACrB,QAAA,QAAA,CAAS,OAAO,CAAA;AAAA,MAClB;AAAA,KACD,CAAA;AACD,IAAA,MAAM,OAAO,gBAAA,CAAiB,IAAA;AAC9B,IAAA,IAAI,YAAA,EAAc;AAChB,MAAA,IAAA,EAAK;AAAA,IACP;AACA,IAAA,QAAA,CAAa;AAAA,MACX;AAAA,KACD,CAAA;;;;QAlGS,KAAA,CAAM,sDADdC,WAAA,CAUWC,KAAA,CAAA,QAAA,CAAA,EAAA;AAAA;UART,IAAA,EAAK,SAAA;AAAA,UACL,KAAA,EAAA,EAAA;AAAA,UACA,IAAA,EAAK,OAAA;AAAA,UACJ,OAAKC,cAAA,CAAED,KAAA,CAAA,GAAA,CAAA,CAAI,CAAA,CAAC,SAAA,CAAA,CAAA;AAAA,UACZ,OAAA,EAAOA,MAAA,IAAA;AAAA;2BAGR,MAAyC;AAAA,YAAtCE,gBAAAC,eAAA,CAAAH,KAAA,CAAA,CAAA,CAAA,sCAAsC,GAAA,GAACG,eAAA,CAAG,kBAAY,MAAA,SAAc,MACzE,CAAA;AAAA;;;8BAHgBH,KAAA,CAAA,UAAA,CAAU;AAAA;QAI1BI,WAAA,CA4BmBJ,KAAA,CAAA,gBAAA,CAAA,EAAA,IAAA,EAAA;AAAA,2BA3BjB,MAYM;AAAA,YAZNK,kBAAA,CAYM,KAAA,EAAA,EAZD,KAAA,EAAA,EAAA,iBAAA,MAAA,EAAA,YAAA,EAAA,OAAA,EAAA,EAA8C,EAAA;AAAA,cAEzC,KAAA,CAAM,QAAA,KAAQ,QAAA,IAAiBL,KAAA,CAAA,IAAA,MAAI,QAAA,iBAD3CD,WAAA,CAUE,oBAAA,EAAA;AAAA;gBARA,IAAA,EAAK,SAAA;AAAA,gBACJ,IAAA,EAAI;AAAA;0BAAkCC,KAAA,CAAA,CAAA,CAAA,CAAC,6BAAA,CAAA;AAAA;6BAAmFA,MAAA,aAAA;AAAA;;;;YAU/HI,WAAA,CAYUJ,KAAA,WAZVM,UAAA,CAYU;AAAA,cAXR,GAAA,EAAI,UAAA;AAAA,cACH,KAAA,EAAK,CAAA,EAAKN,KAAA,CAAA,GAAA,CAAA,CAAI,CAAA,MAAOA,KAAA,CAAA,iBAAA,CAAA,EAAiB,CAAA,CAAA;AAAA,cACtC,KAAA,EAAK;AAAA,mBAAeA,KAAA,CAAA,aAAA,CAAA;AAAa;cAGjC,OAAA,EAASA,MAAA,OAAA,CAAA;AAAA,cACT,gBAAA,EAAgBA,MAAA,aAAA,CAAA;AAAA,cACjB,cAAA,EAAe,KAAA;AAAA,cACd,MAAM,UAAA,CAAA;AAAA,eACC,KAAK,CAAA,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,MAAA,CAAA;AAAA;;;;;;;;;;"}

package/es/components/form/index.d.ts

@@ -68,6 +68,7 @@ export declare const EpForm: {
         validate: () => import("element-plus").FormValidationResult;
         resetFields: (props: import("element-plus").FormItemProp) => void;
         clearValidate: (props: import("element-plus").FormItemProp) => void;
+        getFormItemRenderRef: (refName: string) => any;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         toggleStatus: (status: boolean) => void;
         validate: (prop: import("element-plus").FormItemProp, isValid: boolean, message: string) => void;
@@ -165,6 +166,7 @@ export declare const EpForm: {
         validate: () => import("element-plus").FormValidationResult;
         resetFields: (props: import("element-plus").FormItemProp) => void;
         clearValidate: (props: import("element-plus").FormItemProp) => void;
+        getFormItemRenderRef: (refName: string) => any;
     }, {}, {}, {}, {
         col: number;
         size: import("element-plus/es/utils/index.js").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>;
@@ -255,6 +257,7 @@ export declare const EpForm: {
     validate: () => import("element-plus").FormValidationResult;
     resetFields: (props: import("element-plus").FormItemProp) => void;
     clearValidate: (props: import("element-plus").FormItemProp) => void;
+    getFormItemRenderRef: (refName: string) => any;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     toggleStatus: (status: boolean) => void;
     validate: (prop: import("element-plus").FormItemProp, isValid: boolean, message: string) => void;

package/es/components/form/src/form-item-vue.mjs

@@ -16,7 +16,7 @@ var EpFormItem = /* @__PURE__ */ defineComponent({
     const attrs = useAttrs();
     const {
       scopedSlots
-    } = useFormItemSlots(props);
+    } = useFormItemSlots(props, emit);
     const {
       rules
     } = useFormItemRules(props);

package/es/components/form/src/form-item-vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"form-item-vue.mjs","sources":["../../../../../../packages/components/form/src/form-item-vue.tsx"],"sourcesContent":["import { defineComponent, useAttrs } from 'vue'\nimport { createNameSpace } from '@el-plus/utils/bem'\nimport { useFormItemRules, useFormItemSlots } from './hooks/use-form-item'\nimport { ElFormItem } from 'element-plus'\n\nimport { formItemProps, expandFormItemPropsKeys } from './form-item'\nimport {\n  prepareProps,\n  prepareEvents,\n  prepareClassNames,\n  prepareStyles,\n} from '@el-plus/utils/props'\nconst bem = createNameSpace('form-item')\nexport default defineComponent({\n  name: 'EpFormItem',\n  inheritAttrs: false,\n  props: formItemProps,\n  setup(props, { emit }) {\n    // const {} = useFormItem(props)\n    const attrs = useAttrs()\n    const { scopedSlots } = useFormItemSlots(props)\n    const { rules } = useFormItemRules(props)\n    const { props: childProps, disabled, ...formItemProps } = props // eslint-disable-line\n    return () => {\n      return (\n        <ElFormItem\n          class={[\n            bem.b(),\n            bem.is('hide-label', !props.isShowLabel),\n            prepareClassNames(),\n          ]}\n          style={prepareStyles()}\n          v-slots={scopedSlots}\n          {...{\n            ...prepareProps(formItemProps, [...expandFormItemPropsKeys]),\n            rules,\n            'label-width': attrs['form-label-width'],\n          }}\n          // scopedSlots={scopedSlots}\n          // label={label}\n          // prop={prop}\n          // rules={mergeRules}\n          // {...{ props: formItemProps }}\n        />\n      )\n    }\n  },\n})\n"],"names":["bem","createNameSpace","name","inheritAttrs","props","formItemProps","setup","emit","attrs","useAttrs","scopedSlots","useFormItemSlots","rules","useFormItemRules","childProps","disabled","_createVNode","ElFormItem","_mergeProps","b","is","isShowLabel","prepareClassNames","prepareStyles","prepareProps","expandFormItemPropsKeys"],"mappings":";;;;;;;AAYA,MAAMA,GAAAA,GAAMC,gBAAgB,WAAW,CAAA;AACvC,iDAA+B;AAAA,EAC7BC,IAAAA,EAAM,YAAA;AAAA,EACNC,YAAAA,EAAc,KAAA;AAAA,EACdC,KAAAA,EAAOC,aAAAA;AAAAA,EACPC,MAAMF,KAAAA,EAAO;AAAA,IAAEG;AAAAA,GAAK,EAAG;AAErB,IAAA,MAAMC,QAAQC,QAAAA,EAAS;AACvB,IAAA,MAAM;AAAA,MAAEC;AAAAA,KAAY,GAAIC,iBAAiBP,KAAK,CAAA;AAC9C,IAAA,MAAM;AAAA,MAAEQ;AAAAA,KAAM,GAAIC,iBAAiBT,KAAK,CAAA;AACxC,IAAA,MAAM;AAAA,MAAEA,KAAAA,EAAOU,UAAAA;AAAAA,MAAYC,QAAAA;AAAAA,MAAU,GAAGV;AAAAA,KAAc,GAAID,KAAAA;AAC1D,IAAA,OAAO,MAAM;AACX,MAAA,OAAAY,WAAAA,CAAAC,YAAAC,UAAAA,CAAA;AAAA,QAAA,OAAA,EAEW,CACLlB,GAAAA,CAAImB,CAAAA,EAAE,EACNnB,GAAAA,CAAIoB,EAAAA,CAAG,YAAA,EAAc,CAAChB,KAAAA,CAAMiB,WAAW,CAAA,EACvCC,mBAAmB,CAAA;AAAA,QACpB,SACMC,aAAAA;AAAc,OAAC,EAAA;AAAA,QAGpB,GAAGC,YAAAA,CAAanB,cAAAA,EAAe,CAAC,GAAGoB,uBAAuB,CAAC,CAAA;AAAA,QAC3Db,KAAAA;AAAAA,QACA,aAAA,EAAeJ,MAAM,kBAAkB;AAAA,OAAC,GAJjCE,WAAW,CAAA;AAAA,IAa1B,CAAA;AAAA,EACF;AACF,CAAC,CAAA;;;;"}
+{"version":3,"file":"form-item-vue.mjs","sources":["../../../../../../packages/components/form/src/form-item-vue.tsx"],"sourcesContent":["import { defineComponent, useAttrs } from 'vue'\nimport { createNameSpace } from '@el-plus/utils/bem'\nimport { useFormItemRules, useFormItemSlots } from './hooks/use-form-item'\nimport { ElFormItem } from 'element-plus'\n\nimport { formItemProps, expandFormItemPropsKeys } from './form-item'\nimport {\n  prepareProps,\n  prepareEvents,\n  prepareClassNames,\n  prepareStyles,\n} from '@el-plus/utils/props'\nconst bem = createNameSpace('form-item')\nexport default defineComponent({\n  name: 'EpFormItem',\n  inheritAttrs: false,\n  props: formItemProps,\n  setup(props, { emit }) {\n    // const {} = useFormItem(props)\n    const attrs = useAttrs()\n    const { scopedSlots } = useFormItemSlots(props,emit)\n    const { rules } = useFormItemRules(props)\n    const { props: childProps, disabled, ...formItemProps } = props // eslint-disable-line\n    return () => {\n      return (\n        <ElFormItem\n          class={[\n            bem.b(),\n            bem.is('hide-label', !props.isShowLabel),\n            prepareClassNames(),\n          ]}\n          style={prepareStyles()}\n          v-slots={scopedSlots}\n          {...{\n            ...prepareProps(formItemProps, [...expandFormItemPropsKeys]),\n            rules,\n            'label-width': attrs['form-label-width'],\n          }}\n          // scopedSlots={scopedSlots}\n          // label={label}\n          // prop={prop}\n          // rules={mergeRules}\n          // {...{ props: formItemProps }}\n        />\n      )\n    }\n  },\n})\n"],"names":["bem","createNameSpace","name","inheritAttrs","props","formItemProps","setup","emit","attrs","useAttrs","scopedSlots","useFormItemSlots","rules","useFormItemRules","childProps","disabled","_createVNode","ElFormItem","_mergeProps","b","is","isShowLabel","prepareClassNames","prepareStyles","prepareProps","expandFormItemPropsKeys"],"mappings":";;;;;;;AAYA,MAAMA,GAAAA,GAAMC,gBAAgB,WAAW,CAAA;AACvC,iDAA+B;AAAA,EAC7BC,IAAAA,EAAM,YAAA;AAAA,EACNC,YAAAA,EAAc,KAAA;AAAA,EACdC,KAAAA,EAAOC,aAAAA;AAAAA,EACPC,MAAMF,KAAAA,EAAO;AAAA,IAAEG;AAAAA,GAAK,EAAG;AAErB,IAAA,MAAMC,QAAQC,QAAAA,EAAS;AACvB,IAAA,MAAM;AAAA,MAAEC;AAAAA,KAAY,GAAIC,gBAAAA,CAAiBP,KAAAA,EAAMG,IAAI,CAAA;AACnD,IAAA,MAAM;AAAA,MAAEK;AAAAA,KAAM,GAAIC,iBAAiBT,KAAK,CAAA;AACxC,IAAA,MAAM;AAAA,MAAEA,KAAAA,EAAOU,UAAAA;AAAAA,MAAYC,QAAAA;AAAAA,MAAU,GAAGV;AAAAA,KAAc,GAAID,KAAAA;AAC1D,IAAA,OAAO,MAAM;AACX,MAAA,OAAAY,WAAAA,CAAAC,YAAAC,UAAAA,CAAA;AAAA,QAAA,OAAA,EAEW,CACLlB,GAAAA,CAAImB,CAAAA,EAAE,EACNnB,GAAAA,CAAIoB,EAAAA,CAAG,YAAA,EAAc,CAAChB,KAAAA,CAAMiB,WAAW,CAAA,EACvCC,mBAAmB,CAAA;AAAA,QACpB,SACMC,aAAAA;AAAc,OAAC,EAAA;AAAA,QAGpB,GAAGC,YAAAA,CAAanB,cAAAA,EAAe,CAAC,GAAGoB,uBAAuB,CAAC,CAAA;AAAA,QAC3Db,KAAAA;AAAAA,QACA,aAAA,EAAeJ,MAAM,kBAAkB;AAAA,OAAC,GAJjCE,WAAW,CAAA;AAAA,IAa1B,CAAA;AAAA,EACF;AACF,CAAC,CAAA;;;;"}

package/es/components/form/src/form.vue.d.ts

@@ -65,6 +65,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     validate: () => import("element-plus").FormValidationResult;
     resetFields: (props: import("element-plus").FormItemProp) => void;
     clearValidate: (props: import("element-plus").FormItemProp) => void;
+    getFormItemRenderRef: (refName: string) => any;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     toggleStatus: (status: boolean) => void;
     validate: (prop: import("element-plus").FormItemProp, isValid: boolean, message: string) => void;

package/es/components/form/src/form.vue2.mjs

@@ -35,7 +35,15 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       };
     });
     const formData = useModel(__props, "modelValue");
-    const { filterFormItemList, elFormRef, validate, resetFields, clearValidate } = useForm(props);
+    const {
+      filterFormItemList,
+      elFormRef,
+      validate,
+      resetFields,
+      clearValidate,
+      getFormItemRenderRef,
+      registerFormItemRenderRef
+    } = useForm(props);
     const { open, toggleStatus, isShowFoldBtn, isShowFormItem } = useCollapse(
       {
         filterFormItemList,
@@ -48,7 +56,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       elFormRef,
       validate,
       resetFields,
-      clearValidate
+      clearValidate,
+      getFormItemRenderRef
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
@@ -81,7 +90,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                         createVNode(unref(EpFormItem), mergeProps({
                           "form-data": formData.value,
                           "form-label-width": _ctx.labelWidth
-                        }, { ref_for: true }, item), null, 16, ["form-data", "form-label-width"])
+                        }, { ref_for: true }, item, {
+                          onRegisterFormItemRenderRef: (ref2) => unref(registerFormItemRenderRef)(item.props?.ref, ref2)
+                        }), null, 16, ["form-data", "form-label-width", "onRegisterFormItemRenderRef"])
                       ]),
                       _: 2
                     }, 1032, ["class", "span"])), [

package/es/components/form/src/form.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"form.vue2.mjs","sources":["../../../../../../packages/components/form/src/form.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      bem.b(),\n      prepareClassNames(),\n      bem.is('open', open),\n      bem.is('fold', isShowFoldBtn),\n    ]\"\n    :style=\"{\n      ...prepareStyles(),\n    }\"\n  >\n    <el-form ref=\"elFormRef\" :model=\"formData\" v-bind=\"customAttrs\">\n      <slot>\n        <el-row>\n          <el-col\n            v-for=\"(item, index) in filterFormItemList\"\n            v-show=\"isShowFormItem(index)\"\n            :key=\"item.prop || index\"\n            :class=\"bem.e('col')\"\n            :span=\"item.col || 24 / col\"\n          >\n            <FormItem\n              :form-data=\"formData\"\n              :form-label-width=\"labelWidth\"\n              v-bind=\"item\"\n            />\n          </el-col>\n        </el-row>\n      </slot>\n    </el-form>\n    <div v-if=\"isShowFoldBtn\" :class=\"bem.e('fold')\" @click=\"toggleStatus\">\n      {{ open ? t('ep.form.collapse') : t('ep.form.more') }}\n    </div>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { computed, reactive, ref, useTemplateRef } from 'vue'\nimport { createNameSpace } from '@el-plus/utils/bem'\nimport {\n  formProps,\n  formEmits,\n  formEmitsKeys,\n  expandFormPropsKeys,\n} from './form'\nimport type { FormEmits } from './form'\nimport {\n  prepareProps,\n  prepareEvents,\n  prepareClassNames,\n  prepareStyles,\n} from '@el-plus/utils/props'\nimport { ElForm, ElRow, ElCol } from 'element-plus'\nimport { useCollapse, useForm } from './hooks/use-form'\nimport FormItem from './form-item-vue'\nimport { useLocale } from '@el-plus/hooks/use-locale'\nconst { t } = useLocale()\ndefineOptions({\n  name: 'EpForm',\n  inheritAttrs: false,\n})\nconst bem = createNameSpace('form')\nconst props = defineProps(formProps)\nconst emit = defineEmits(formEmits)\nconst customAttrs = computed(() => {\n  return {\n    ...prepareProps(props, ['modelValue', 'model', ...expandFormPropsKeys]),\n    hideRequiredAsterisk: true, // 隐藏必填星号, 使用自己的*\n    scrollToError: true,\n    ...prepareEvents<FormEmits>(emit, formEmitsKeys),\n  }\n})\nconst formData = defineModel<Record<string, unknown>>({\n  default: () => reactive({}),\n})\n\nconst { filterFormItemList, elFormRef, validate, resetFields, clearValidate } =\n  useForm(props)\n\nconst { open, toggleStatus, isShowFoldBtn, isShowFormItem } = useCollapse(\n  {\n    filterFormItemList,\n    isShowFold: props.isShowFold,\n    showFieldCount: props.showFieldCount,\n  },\n  emit,\n)\n\ndefineExpose({\n  elFormRef,\n  validate,\n  resetFields,\n  clearValidate,\n})\n</script>\n"],"names":["_useModel","_createElementBlock","_normalizeClass","_unref","_normalizeStyle","_createVNode","_mergeProps","_renderSlot","_openBlock","_Fragment","_renderList","_createBlock","col","labelWidth","_vShow"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAwDA,IAAA,MAAM,EAAE,CAAA,EAAE,GAAI,SAAA,EAAU;AAKxB,IAAA,MAAM,GAAA,GAAM,gBAAgB,MAAM,CAAA;AAClC,IAAA,MAAM,KAAA,GAAQ,OAAA;AACd,IAAA,MAAM,IAAA,GAAO,MAAA;AACb,IAAA,MAAM,WAAA,GAAc,SAAS,MAAM;AACjC,MAAA,OAAO;AAAA,QACL,GAAG,aAAa,KAAA,EAAO,CAAC,cAAc,OAAA,EAAS,GAAG,mBAAmB,CAAC,CAAA;AAAA,QACtE,oBAAA,EAAsB,IAAA;AAAA;AAAA,QACtB,aAAA,EAAe,IAAA;AAAA,QACf,GAAG,aAAA,CAAyB,IAAA,EAAM,aAAa;AAAA,OACjD;AAAA,IACF,CAAC,CAAA;AACD,IAAA,MAAM,QAAA,GAAWA,QAAA,CAAoC,OAAA,EAAA,YAEpD,CAAA;AAED,IAAA,MAAM,EAAE,oBAAoB,SAAA,EAAW,QAAA,EAAU,aAAa,aAAA,EAAc,GAC1E,QAAQ,KAAK,CAAA;AAEf,IAAA,MAAM,EAAE,IAAA,EAAM,YAAA,EAAc,aAAA,EAAe,gBAAe,GAAI,WAAA;AAAA,MAC5D;AAAA,QACE,kBAAA;AAAA,QACA,YAAY,KAAA,CAAM,UAAA;AAAA,QAClB,gBAAgB,KAAA,CAAM;AAAA,OACxB;AAAA,MACA;AAAA,KACF;AAEA,IAAA,QAAA,CAAa;AAAA,MACX,SAAA;AAAA,MACA,QAAA;AAAA,MACA,WAAA;AAAA,MACA;AAAA,KACD,CAAA;;0BA5FCC,kBAAA,CAiCM,KAAA,EAAA;AAAA,QAhCH,OAAKC,cAAA,CAAA;AAAA,UAAUC,KAAA,CAAA,GAAA,CAAA,CAAI,CAAA,EAAC;AAAA,UAAUA,KAAA,CAAA,iBAAA,CAAA,EAAiB;AAAA,UAAUA,MAAA,GAAA,CAAA,CAAI,GAAE,MAAA,EAASA,KAAA,CAAA,IAAA,CAAI,CAAA;AAAA,UAASA,MAAA,GAAA,CAAA,CAAI,GAAE,MAAA,EAASA,KAAA,CAAA,aAAA,CAAa;AAAA;QAMjH,OAAKC,cAAA,CAAA;AAAA,aAAaD,KAAA,CAAA,aAAA,CAAA;AAAa;;QAIhCE,WAAA,CAkBUF,KAAA,UAlBVG,UAAA,CAkBU;AAAA,mBAlBG,WAAA;AAAA,UAAJ,GAAA,EAAI,SAAA;AAAA,UAAa,OAAO,QAAA,CAAA;AAAA,WAAkB,WAAA,CAAA,KAAW,CAAA,EAAA;AAAA,2BAC5D,MAgBO;AAAA,YAhBPC,WAgBO,IAAA,wBAhBP,MAgBO;AAAA,cAfLF,WAAA,CAcSF,KAAA,CAAA,KAAA,CAAA,EAAA,IAAA,EAAA;AAAA,iCAZL,MAA2C;AAAA,mBAD7CK,SAAA,CAAA,IAAA,CAAA,EAAAP,kBAAA,CAYSQ,QAAA,EAAA,IAAA,EAAAC,UAAA,CAXiBP,KAAA,CAAA,kBAAA,CAAA,EAAkB,CAAlC,IAAA,EAAM,KAAA,KAAK;wDADrBQ,WAAA,CAYSR,KAAA,CAAA,KAAA,CAAA,EAAA;AAAA,sBATN,GAAA,EAAK,KAAK,IAAA,IAAQ,KAAA;AAAA,sBAClB,OAAKD,cAAA,CAAEC,KAAA,CAAA,GAAA,CAAA,CAAI,CAAA,CAAC,KAAA,CAAA,CAAA;AAAA,sBACZ,IAAA,EAAM,IAAA,CAAK,GAAA,SAAYS,IAAAA,CAAAA;AAAAA;uCAExB,MAIE;AAAA,wBAJFP,WAAA,CAIEF,KAAA,cAJFG,UAAA,CAIE;AAAA,0BAHC,aAAW,QAAA,CAAA,KAAA;AAAA,0BACX,oBAAkBO,IAAAA,CAAAA;AAAAA,8CACX,IAAI,CAAA,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA,WAAA,EAAA,kBAAA,CAAA;AAAA;;;sBARN,CAAAC,KAAA,EAAAX,KAAA,CAAA,cAAA,CAAA,CAAe,KAAK,CAAA;AAAA;;;;;;;;;QAczBA,MAAA,aAAA,CAAA,iBAAXF,mBAEM,KAAA,EAAA;AAAA;UAFqB,OAAKC,cAAA,CAAEC,KAAA,CAAA,GAAA,CAAA,CAAI,CAAA,CAAC,MAAA,CAAA,CAAA;AAAA,UAAW,OAAA,EAAOA,MAAA,YAAA;AAAA,2BACpDA,KAAA,CAAA,IAAA,IAAOA,KAAA,CAAA,CAAA,CAAA,CAAC,kBAAA,CAAA,GAAuBA,KAAA,CAAA,CAAA,CAAA,CAAC,cAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,SAAA,CAAA,CAAA;;;;;;;;"}
+{"version":3,"file":"form.vue2.mjs","sources":["../../../../../../packages/components/form/src/form.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      bem.b(),\n      prepareClassNames(),\n      bem.is('open', open),\n      bem.is('fold', isShowFoldBtn),\n    ]\"\n    :style=\"{\n      ...prepareStyles(),\n    }\"\n  >\n    <el-form ref=\"elFormRef\" :model=\"formData\" v-bind=\"customAttrs\">\n      <slot>\n        <el-row>\n          <el-col\n            v-for=\"(item, index) in filterFormItemList\"\n            v-show=\"isShowFormItem(index)\"\n            :key=\"item.prop || index\"\n            :class=\"bem.e('col')\"\n            :span=\"item.col || 24 / col\"\n          >\n            <FormItem\n              :form-data=\"formData\"\n              :form-label-width=\"labelWidth\"\n              v-bind=\"item\"\n              @registerFormItemRenderRef=\"\n                (ref) => registerFormItemRenderRef(item.props?.ref, ref)\n              \"\n            />\n          </el-col>\n        </el-row>\n      </slot>\n    </el-form>\n    <div v-if=\"isShowFoldBtn\" :class=\"bem.e('fold')\" @click=\"toggleStatus\">\n      {{ open ? t('ep.form.collapse') : t('ep.form.more') }}\n    </div>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { computed, reactive, ref, useTemplateRef } from 'vue'\nimport { createNameSpace } from '@el-plus/utils/bem'\nimport {\n  formProps,\n  formEmits,\n  formEmitsKeys,\n  expandFormPropsKeys,\n} from './form'\nimport type { FormEmits } from './form'\nimport {\n  prepareProps,\n  prepareEvents,\n  prepareClassNames,\n  prepareStyles,\n} from '@el-plus/utils/props'\nimport { ElForm, ElRow, ElCol } from 'element-plus'\nimport { useCollapse, useForm } from './hooks/use-form'\nimport FormItem from './form-item-vue'\nimport { useLocale } from '@el-plus/hooks/use-locale'\nconst { t } = useLocale()\ndefineOptions({\n  name: 'EpForm',\n  inheritAttrs: false,\n})\nconst bem = createNameSpace('form')\nconst props = defineProps(formProps)\nconst emit = defineEmits(formEmits)\nconst customAttrs = computed(() => {\n  return {\n    ...prepareProps(props, ['modelValue', 'model', ...expandFormPropsKeys]),\n    hideRequiredAsterisk: true, // 隐藏必填星号, 使用自己的*\n    scrollToError: true,\n    ...prepareEvents<FormEmits>(emit, formEmitsKeys),\n  }\n})\nconst formData = defineModel<Record<string, unknown>>({\n  default: () => reactive({}),\n})\n\nconst {\n  filterFormItemList,\n  elFormRef,\n  validate,\n  resetFields,\n  clearValidate,\n  getFormItemRenderRef,\n  registerFormItemRenderRef,\n} = useForm(props)\n\nconst { open, toggleStatus, isShowFoldBtn, isShowFormItem } = useCollapse(\n  {\n    filterFormItemList,\n    isShowFold: props.isShowFold,\n    showFieldCount: props.showFieldCount,\n  },\n  emit,\n)\n\ndefineExpose({\n  elFormRef,\n  validate,\n  resetFields,\n  clearValidate,\n  getFormItemRenderRef\n})\n</script>\n"],"names":["_useModel","_createElementBlock","_normalizeClass","_unref","_normalizeStyle","_createVNode","_mergeProps","_renderSlot","_openBlock","_Fragment","_renderList","_createBlock","col","labelWidth","ref","_vShow"],"mappings":"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"}

package/es/components/form/src/hooks/use-form-item.d.ts

@@ -1,7 +1,7 @@
 import type { FormItemProps } from '../form-item';
 import type { FormItemRule } from 'element-plus';
 export declare const useFormItem: () => {};
-export declare const useFormItemSlots: (props: FormItemProps) => {
+export declare const useFormItemSlots: (props: FormItemProps, emit: any) => {
     scopedSlots: {
         default: () => unknown;
         label: () => import("vue/jsx-runtime").JSX.Element;

package/es/components/form/src/hooks/use-form-item.mjs

@@ -5,7 +5,7 @@ import { useLocale } from '../../../../hooks/use-locale.mjs';
 const useFormItem = () => {
   return {};
 };
-const useFormItemSlots = (props) => {
+const useFormItemSlots = (props, emit) => {
   const attrs = useAttrs();
   const {
     render,
@@ -46,7 +46,12 @@ const useFormItemSlots = (props) => {
         disabled,
         clearable: true,
         ...renderProps,
-        ...events
+        ...events,
+        ref: (el) => {
+          if (el) {
+            emit("registerFormItemRenderRef", el);
+          }
+        }
       }, renderScopedSlots) : formData[prop];
     },
     label: () => {

package/es/components/form/src/hooks/use-form-item.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-form-item.mjs","sources":["../../../../../../../packages/components/form/src/hooks/use-form-item.tsx"],"sourcesContent":["import { h, resolveComponent, useAttrs, ref } from 'vue'\nimport type { FormItemProps } from '../form-item'\nimport type { FormItemRule } from 'element-plus'\nimport { ElTooltip } from 'element-plus'\nimport { useLocale } from '@el-plus/hooks/use-locale'\nexport const useFormItem = () => {\n  return {}\n}\nexport const useFormItemSlots = (props: FormItemProps) => {\n  const attrs = useAttrs()\n  const { render, labelRender } = props\n  const prop = props.tableProp || props.prop\n  const events: Record<string, (...args: any[]) => void> = {}\n  for (const key in attrs) {\n    if (key.startsWith('on')) {\n      // 包装事件处理函数，确保在事件触发时使用最新的 scope\n      // fix: table筛选后，点击事件触发时，scope.row仍为筛选前的行数据\n      events[key] = (...args: any[]) => {\n        const tableScope = attrs['table-scope']\n        const eventFn = attrs[key] as (...args: any[]) => void\n        return eventFn(...args, tableScope)\n      }\n    }\n  }\n  const isTipDisabled = ref(true) // 默认禁用提示\n  const checkOverflow = (e: MouseEvent) => {\n    const el = e.currentTarget as HTMLElement\n    isTipDisabled.value = el.scrollWidth <= el.clientWidth\n  }\n  const scopedSlots = {\n    default: () => {\n      const formData = attrs['form-data'] as Record<string, unknown>\n      const { scopedSlots: renderScopedSlots, ...renderProps } =\n        props.props || {}\n      let disabled = props.disabled\n      if (typeof props.disabled === 'function') {\n        disabled = props.disabled(formData)\n      }\n      return props.type\n        ? h(\n            resolveComponent(props.type),\n            {\n              modelValue: formData[prop as string],\n              'onUpdate:modelValue': (value: unknown) => {\n                formData[prop as string] = value\n              },\n              disabled,\n              clearable: true,\n              ...renderProps,\n              ...events,\n            },\n            renderScopedSlots,\n          )\n        : formData[prop as string]\n    },\n    label: () => {\n      return (\n        <ElTooltip\n          placement=\"top\"\n          effect=\"dark\"\n          content={props.label}\n          disabled={!props.isShowLabel || isTipDisabled.value}\n        >\n          <span\n            onMouseenter={checkOverflow}\n            style=\"display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;\"\n          >\n            {!props.hideRequiredAsterisk && props.required ? (\n              <span style=\"color: var(--el-color-danger);\">*</span>\n            ) : null}\n            {props.isShowLabel ? <span>{props.label}</span> : ''}\n          </span>\n        </ElTooltip>\n      )\n    },\n  }\n\n  if (labelRender) {\n    scopedSlots.label = () => labelRender({ label: props.label })\n  }\n  if (render) {\n    scopedSlots.default = () => {\n      return render(attrs['table-scope'])\n    }\n  }\n  return {\n    scopedSlots,\n  }\n}\nexport const useFormItemRules = (props: FormItemProps) => {\n  const { t } = useLocale()\n  const { required, rules, label } = props\n  let mergeRules: FormItemRule[] = []\n  if (required) {\n    const requiredDefault = { required: true }\n    mergeRules.push(requiredDefault)\n  }\n  if (rules) {\n    if (Array.isArray(rules)) {\n      mergeRules = mergeRules.concat(rules)\n    }\n\n    if (Object.prototype.toString.call(rules) === '[object Object]') {\n      mergeRules.push(rules as FormItemRule)\n    }\n  }\n\n  if (mergeRules) {\n    mergeRules.forEach((r) => {\n      if (r.required && typeof r.message === 'undefined') {\n        r.message = `${label || ''}${t('ep.formItem.required')}`\n      }\n    })\n  }\n  return { rules: mergeRules }\n}\n"],"names":["useFormItem","useFormItemSlots","props","attrs","useAttrs","render","labelRender","prop","tableProp","events","key","startsWith","args","tableScope","eventFn","isTipDisabled","ref","checkOverflow","e","el","currentTarget","value","scrollWidth","clientWidth","scopedSlots","default","formData","renderScopedSlots","renderProps","disabled","type","h","resolveComponent","modelValue","clearable","label","_createVNode","ElTooltip","isShowLabel","hideRequiredAsterisk","required","_createTextVNode","useFormItemRules","t","useLocale","rules","mergeRules","requiredDefault","push","Array","isArray","concat","Object","prototype","toString","call","forEach","r","message"],"mappings":"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"}
+{"version":3,"file":"use-form-item.mjs","sources":["../../../../../../../packages/components/form/src/hooks/use-form-item.tsx"],"sourcesContent":["import { h, resolveComponent, useAttrs, ref } from 'vue'\nimport type { FormItemProps } from '../form-item'\nimport type { FormItemRule } from 'element-plus'\nimport { ElTooltip } from 'element-plus'\nimport { useLocale } from '@el-plus/hooks/use-locale'\nexport const useFormItem = () => {\n  return {}\n}\nexport const useFormItemSlots = (props: FormItemProps,emit) => {\n  const attrs = useAttrs()\n  const { render, labelRender } = props\n  const prop = props.tableProp || props.prop\n  const events: Record<string, (...args: any[]) => void> = {}\n  for (const key in attrs) {\n    if (key.startsWith('on')) {\n      // 包装事件处理函数，确保在事件触发时使用最新的 scope\n      // fix: table筛选后，点击事件触发时，scope.row仍为筛选前的行数据\n      events[key] = (...args: any[]) => {\n        const tableScope = attrs['table-scope']\n        const eventFn = attrs[key] as (...args: any[]) => void\n        return eventFn(...args, tableScope)\n      }\n    }\n  }\n  const isTipDisabled = ref(true) // 默认禁用提示\n  const checkOverflow = (e: MouseEvent) => {\n    const el = e.currentTarget as HTMLElement\n    isTipDisabled.value = el.scrollWidth <= el.clientWidth\n  }\n  const scopedSlots = {\n    default: () => {\n      const formData = attrs['form-data'] as Record<string, unknown>\n      const { scopedSlots: renderScopedSlots, ...renderProps } =\n        props.props || {}\n      let disabled = props.disabled\n      if (typeof props.disabled === 'function') {\n        disabled = props.disabled(formData)\n      }\n      return props.type\n        ? h(\n            resolveComponent(props.type),\n            {\n              modelValue: formData[prop as string],\n              'onUpdate:modelValue': (value: unknown) => {\n                formData[prop as string] = value\n              },\n              disabled,\n              clearable: true,\n              ...renderProps,\n              ...events,\n              ref: (el: any) => {\n                if (el) {\n                  emit('registerFormItemRenderRef', el)\n                }\n              },\n            },\n            renderScopedSlots,\n          )\n        : formData[prop as string]\n    },\n    label: () => {\n      return (\n        <ElTooltip\n          placement=\"top\"\n          effect=\"dark\"\n          content={props.label}\n          disabled={!props.isShowLabel || isTipDisabled.value}\n        >\n          <span\n            onMouseenter={checkOverflow}\n            style=\"display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;\"\n          >\n            {!props.hideRequiredAsterisk && props.required ? (\n              <span style=\"color: var(--el-color-danger);\">*</span>\n            ) : null}\n            {props.isShowLabel ? <span>{props.label}</span> : ''}\n          </span>\n        </ElTooltip>\n      )\n    },\n  }\n\n  if (labelRender) {\n    scopedSlots.label = () => labelRender({ label: props.label })\n  }\n  if (render) {\n    scopedSlots.default = () => {\n      return render(attrs['table-scope'])\n    }\n  }\n  return {\n    scopedSlots,\n  }\n}\nexport const useFormItemRules = (props: FormItemProps) => {\n  const { t } = useLocale()\n  const { required, rules, label } = props\n  let mergeRules: FormItemRule[] = []\n  if (required) {\n    const requiredDefault = { required: true }\n    mergeRules.push(requiredDefault)\n  }\n  if (rules) {\n    if (Array.isArray(rules)) {\n      mergeRules = mergeRules.concat(rules)\n    }\n\n    if (Object.prototype.toString.call(rules) === '[object Object]') {\n      mergeRules.push(rules as FormItemRule)\n    }\n  }\n\n  if (mergeRules) {\n    mergeRules.forEach((r) => {\n      if (r.required && typeof r.message === 'undefined') {\n        r.message = `${label || ''}${t('ep.formItem.required')}`\n      }\n    })\n  }\n  return { rules: mergeRules }\n}\n"],"names":["useFormItem","useFormItemSlots","props","emit","attrs","useAttrs","render","labelRender","prop","tableProp","events","key","startsWith","args","tableScope","eventFn","isTipDisabled","ref","checkOverflow","e","el","currentTarget","value","scrollWidth","clientWidth","scopedSlots","default","formData","renderScopedSlots","renderProps","disabled","type","h","resolveComponent","modelValue","clearable","label","_createVNode","ElTooltip","isShowLabel","hideRequiredAsterisk","required","_createTextVNode","useFormItemRules","t","useLocale","rules","mergeRules","requiredDefault","push","Array","isArray","concat","Object","prototype","toString","call","forEach","r","message"],"mappings":"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"}

package/es/components/form/src/hooks/use-form.d.ts

@@ -21,5 +21,7 @@ export declare const useForm: (props: FormProps) => {
     validate: () => import("element-plus").FormValidationResult;
     resetFields: (props: FormItemProp) => void;
     clearValidate: (props: FormItemProp) => void;
+    getFormItemRenderRef: (refName: string) => any;
+    registerFormItemRenderRef: (refName: string, ref: any) => void;
 };
 export {};

package/es/components/form/src/hooks/use-form.mjs

@@ -1,4 +1,4 @@
-import { useTemplateRef, computed, ref } from 'vue';
+import { useTemplateRef, computed, reactive, onBeforeUpdate, ref } from 'vue';
 
 const useCollapse = ({ isShowFold, showFieldCount, filterFormItemList }, emit) => {
   const open = ref(false);
@@ -40,12 +40,26 @@ const useForm = (props) => {
   const clearValidate = (props2) => {
     return elFormRef.value.clearValidate(props2);
   };
+  const formItemRenderRefs = reactive(/* @__PURE__ */ new Map());
+  onBeforeUpdate(() => {
+    formItemRenderRefs.clear();
+  });
+  const getFormItemRenderRef = (refName) => {
+    return formItemRenderRefs.get(refName);
+  };
+  const registerFormItemRenderRef = (refName, ref2) => {
+    if (refName && ref2) {
+      formItemRenderRefs.set(refName, ref2);
+    }
+  };
   return {
     filterFormItemList,
     elFormRef,
     validate,
     resetFields,
-    clearValidate
+    clearValidate,
+    getFormItemRenderRef,
+    registerFormItemRenderRef
   };
 };
 

package/es/components/form/src/hooks/use-form.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-form.mjs","sources":["../../../../../../../packages/components/form/src/hooks/use-form.ts"],"sourcesContent":["import { ref, computed, useTemplateRef, type SetupContext } from 'vue'\nimport type { FormItemProps } from '../form-item'\nimport type { FormProps, FormEmits } from '../form'\nimport type { FormInstance, FormItemProp } from 'element-plus'\n\ninterface UseCollapseParams {\n  isShowFold: boolean\n  showFieldCount: number\n  filterFormItemList: { value: FormItemProps[] }\n}\nexport const useCollapse = (\n  { isShowFold, showFieldCount, filterFormItemList }: UseCollapseParams,\n  emit: SetupContext<FormEmits>['emit'],\n) => {\n  const open = ref(false)\n  const toggleStatus = () => {\n    open.value = !open.value\n    emit('toggleStatus', open.value)\n  }\n  // 是否显示折叠按钮\n  const isShowFoldBtn = computed(() => {\n    return isShowFold && filterFormItemList.value.length > showFieldCount\n  })\n  //   展开收起隐藏formItem逻辑\n  const isShowFormItem = (index: number) => {\n    return index < showFieldCount || open.value || !isShowFoldBtn.value\n  }\n  return {\n    open,\n    toggleStatus,\n    isShowFoldBtn,\n    isShowFormItem,\n  }\n}\n\nexport const useForm = (props: FormProps) => {\n  const elFormRef = useTemplateRef<FormInstance>('elFormRef')\n  const filterFormItemList = computed(() => {\n    return (props.formItemList || []).filter((item: FormItemProps) => {\n      if ('show' in item) {\n        return typeof item.show === 'function' ? item.show(item) : item.show\n      } else if ('hide' in item) {\n        return typeof item.hide === 'function' ? !item.hide(item) : !item.hide\n      }\n      return true\n    })\n  })\n  // 校验\n  const validate = () => {\n    return elFormRef.value!.validate()\n  }\n  // 重置校验\n  const resetFields = (props: FormItemProp) => {\n    return elFormRef.value!.resetFields(props)\n  }\n  // 清理某个字段的表单验证信息\n  const clearValidate = (props: FormItemProp) => {\n    return elFormRef.value!.clearValidate(props)\n  }\n\n  return {\n    filterFormItemList,\n    elFormRef,\n    validate,\n    resetFields,\n    clearValidate,\n  }\n}\n"],"names":["props"],"mappings":";;AAUO,MAAM,cAAc,CACzB,EAAE,YAAY,cAAA,EAAgB,kBAAA,IAC9B,IAAA,KACG;AACH,EAAA,MAAM,IAAA,GAAO,IAAI,KAAK,CAAA;AACtB,EAAA,MAAM,eAAe,MAAM;AACzB,IAAA,IAAA,CAAK,KAAA,GAAQ,CAAC,IAAA,CAAK,KAAA;AACnB,IAAA,IAAA,CAAK,cAAA,EAAgB,KAAK,KAAK,CAAA;AAAA,EACjC,CAAA;AAEA,EAAA,MAAM,aAAA,GAAgB,SAAS,MAAM;AACnC,IAAA,OAAO,UAAA,IAAc,kBAAA,CAAmB,KAAA,CAAM,MAAA,GAAS,cAAA;AAAA,EACzD,CAAC,CAAA;AAED,EAAA,MAAM,cAAA,GAAiB,CAAC,KAAA,KAAkB;AACxC,IAAA,OAAO,KAAA,GAAQ,cAAA,IAAkB,IAAA,CAAK,KAAA,IAAS,CAAC,aAAA,CAAc,KAAA;AAAA,EAChE,CAAA;AACA,EAAA,OAAO;AAAA,IACL,IAAA;AAAA,IACA,YAAA;AAAA,IACA,aAAA;AAAA,IACA;AAAA,GACF;AACF;AAEO,MAAM,OAAA,GAAU,CAAC,KAAA,KAAqB;AAC3C,EAAA,MAAM,SAAA,GAAY,eAA6B,WAAW,CAAA;AAC1D,EAAA,MAAM,kBAAA,GAAqB,SAAS,MAAM;AACxC,IAAA,OAAA,CAAQ,MAAM,YAAA,IAAgB,EAAC,EAAG,MAAA,CAAO,CAAC,IAAA,KAAwB;AAChE,MAAA,IAAI,UAAU,IAAA,EAAM;AAClB,QAAA,OAAO,OAAO,KAAK,IAAA,KAAS,UAAA,GAAa,KAAK,IAAA,CAAK,IAAI,IAAI,IAAA,CAAK,IAAA;AAAA,MAClE,CAAA,MAAA,IAAW,UAAU,IAAA,EAAM;AACzB,QAAA,OAAO,OAAO,IAAA,CAAK,IAAA,KAAS,UAAA,GAAa,CAAC,KAAK,IAAA,CAAK,IAAI,CAAA,GAAI,CAAC,IAAA,CAAK,IAAA;AAAA,MACpE;AACA,MAAA,OAAO,IAAA;AAAA,IACT,CAAC,CAAA;AAAA,EACH,CAAC,CAAA;AAED,EAAA,MAAM,WAAW,MAAM;AACrB,IAAA,OAAO,SAAA,CAAU,MAAO,QAAA,EAAS;AAAA,EACnC,CAAA;AAEA,EAAA,MAAM,WAAA,GAAc,CAACA,MAAAA,KAAwB;AAC3C,IAAA,OAAO,SAAA,CAAU,KAAA,CAAO,WAAA,CAAYA,MAAK,CAAA;AAAA,EAC3C,CAAA;AAEA,EAAA,MAAM,aAAA,GAAgB,CAACA,MAAAA,KAAwB;AAC7C,IAAA,OAAO,SAAA,CAAU,KAAA,CAAO,aAAA,CAAcA,MAAK,CAAA;AAAA,EAC7C,CAAA;AAEA,EAAA,OAAO;AAAA,IACL,kBAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}
+{"version":3,"file":"use-form.mjs","sources":["../../../../../../../packages/components/form/src/hooks/use-form.ts"],"sourcesContent":["import { ref, reactive, computed, useTemplateRef, type SetupContext, onBeforeUpdate } from 'vue'\nimport type { FormItemProps } from '../form-item'\nimport type { FormProps, FormEmits } from '../form'\nimport type { FormInstance, FormItemProp } from 'element-plus'\n\ninterface UseCollapseParams {\n  isShowFold: boolean\n  showFieldCount: number\n  filterFormItemList: { value: FormItemProps[] }\n}\nexport const useCollapse = (\n  { isShowFold, showFieldCount, filterFormItemList }: UseCollapseParams,\n  emit: SetupContext<FormEmits>['emit'],\n) => {\n  const open = ref(false)\n  const toggleStatus = () => {\n    open.value = !open.value\n    emit('toggleStatus', open.value)\n  }\n  // 是否显示折叠按钮\n  const isShowFoldBtn = computed(() => {\n    return isShowFold && filterFormItemList.value.length > showFieldCount\n  })\n  //   展开收起隐藏formItem逻辑\n  const isShowFormItem = (index: number) => {\n    return index < showFieldCount || open.value || !isShowFoldBtn.value\n  }\n  return {\n    open,\n    toggleStatus,\n    isShowFoldBtn,\n    isShowFormItem,\n  }\n}\n\nexport const useForm = (props: FormProps) => {\n  const elFormRef = useTemplateRef<FormInstance>('elFormRef')\n  const filterFormItemList = computed(() => {\n    return (props.formItemList || []).filter((item: FormItemProps) => {\n      if ('show' in item) {\n        return typeof item.show === 'function' ? item.show(item) : item.show\n      } else if ('hide' in item) {\n        return typeof item.hide === 'function' ? !item.hide(item) : !item.hide\n      }\n      return true\n    })\n  })\n  // 校验\n  const validate = () => {\n    return elFormRef.value!.validate()\n  }\n  // 重置校验\n  const resetFields = (props: FormItemProp) => {\n    return elFormRef.value!.resetFields(props)\n  }\n  // 清理某个字段的表单验证信息\n  const clearValidate = (props: FormItemProp) => {\n    return elFormRef.value!.clearValidate(props)\n  }\n  // 存储form-item的ref\n  const formItemRenderRefs = reactive(new Map())\n  // 每次更新前清空，防止内存泄漏或引用过时\n  onBeforeUpdate(() => {\n    formItemRenderRefs.clear();\n  });\n  // 获取form-item渲染render的ref\n  const getFormItemRenderRef = (refName: string) => {\n    return formItemRenderRefs.get(refName)\n  }\n  // 注册form-item的ref\n  const registerFormItemRenderRef = (refName: string, ref: any) => {\n    if (refName && ref) {\n      formItemRenderRefs.set(refName, ref)\n    }\n  }\n\n  return {\n    filterFormItemList,\n    elFormRef,\n    validate,\n    resetFields,\n    clearValidate,\n    getFormItemRenderRef,\n    registerFormItemRenderRef,\n  }\n}\n"],"names":["props","ref"],"mappings":";;AAUO,MAAM,cAAc,CACzB,EAAE,YAAY,cAAA,EAAgB,kBAAA,IAC9B,IAAA,KACG;AACH,EAAA,MAAM,IAAA,GAAO,IAAI,KAAK,CAAA;AACtB,EAAA,MAAM,eAAe,MAAM;AACzB,IAAA,IAAA,CAAK,KAAA,GAAQ,CAAC,IAAA,CAAK,KAAA;AACnB,IAAA,IAAA,CAAK,cAAA,EAAgB,KAAK,KAAK,CAAA;AAAA,EACjC,CAAA;AAEA,EAAA,MAAM,aAAA,GAAgB,SAAS,MAAM;AACnC,IAAA,OAAO,UAAA,IAAc,kBAAA,CAAmB,KAAA,CAAM,MAAA,GAAS,cAAA;AAAA,EACzD,CAAC,CAAA;AAED,EAAA,MAAM,cAAA,GAAiB,CAAC,KAAA,KAAkB;AACxC,IAAA,OAAO,KAAA,GAAQ,cAAA,IAAkB,IAAA,CAAK,KAAA,IAAS,CAAC,aAAA,CAAc,KAAA;AAAA,EAChE,CAAA;AACA,EAAA,OAAO;AAAA,IACL,IAAA;AAAA,IACA,YAAA;AAAA,IACA,aAAA;AAAA,IACA;AAAA,GACF;AACF;AAEO,MAAM,OAAA,GAAU,CAAC,KAAA,KAAqB;AAC3C,EAAA,MAAM,SAAA,GAAY,eAA6B,WAAW,CAAA;AAC1D,EAAA,MAAM,kBAAA,GAAqB,SAAS,MAAM;AACxC,IAAA,OAAA,CAAQ,MAAM,YAAA,IAAgB,EAAC,EAAG,MAAA,CAAO,CAAC,IAAA,KAAwB;AAChE,MAAA,IAAI,UAAU,IAAA,EAAM;AAClB,QAAA,OAAO,OAAO,KAAK,IAAA,KAAS,UAAA,GAAa,KAAK,IAAA,CAAK,IAAI,IAAI,IAAA,CAAK,IAAA;AAAA,MAClE,CAAA,MAAA,IAAW,UAAU,IAAA,EAAM;AACzB,QAAA,OAAO,OAAO,IAAA,CAAK,IAAA,KAAS,UAAA,GAAa,CAAC,KAAK,IAAA,CAAK,IAAI,CAAA,GAAI,CAAC,IAAA,CAAK,IAAA;AAAA,MACpE;AACA,MAAA,OAAO,IAAA;AAAA,IACT,CAAC,CAAA;AAAA,EACH,CAAC,CAAA;AAED,EAAA,MAAM,WAAW,MAAM;AACrB,IAAA,OAAO,SAAA,CAAU,MAAO,QAAA,EAAS;AAAA,EACnC,CAAA;AAEA,EAAA,MAAM,WAAA,GAAc,CAACA,MAAAA,KAAwB;AAC3C,IAAA,OAAO,SAAA,CAAU,KAAA,CAAO,WAAA,CAAYA,MAAK,CAAA;AAAA,EAC3C,CAAA;AAEA,EAAA,MAAM,aAAA,GAAgB,CAACA,MAAAA,KAAwB;AAC7C,IAAA,OAAO,SAAA,CAAU,KAAA,CAAO,aAAA,CAAcA,MAAK,CAAA;AAAA,EAC7C,CAAA;AAEA,EAAA,MAAM,kBAAA,GAAqB,QAAA,iBAAS,IAAI,GAAA,EAAK,CAAA;AAE7C,EAAA,cAAA,CAAe,MAAM;AACnB,IAAA,kBAAA,CAAmB,KAAA,EAAM;AAAA,EAC3B,CAAC,CAAA;AAED,EAAA,MAAM,oBAAA,GAAuB,CAAC,OAAA,KAAoB;AAChD,IAAA,OAAO,kBAAA,CAAmB,IAAI,OAAO,CAAA;AAAA,EACvC,CAAA;AAEA,EAAA,MAAM,yBAAA,GAA4B,CAAC,OAAA,EAAiBC,IAAAA,KAAa;AAC/D,IAAA,IAAI,WAAWA,IAAAA,EAAK;AAClB,MAAA,kBAAA,CAAmB,GAAA,CAAI,SAASA,IAAG,CAAA;AAAA,IACrC;AAAA,EACF,CAAA;AAEA,EAAA,OAAO;AAAA,IACL,kBAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA,aAAA;AAAA,IACA,oBAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}