el-plus 0.0.81 → 0.0.83

package/es/hooks/dialog/use-dialog.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-dialog.mjs","sources":["../../../../../packages/hooks/dialog/use-dialog.tsx"],"sourcesContent":["import { useTemplatePromise } from '../use-template-promise'\nimport { h, getCurrentInstance, render as vRender, inject, nextTick } from 'vue'\nimport type { ComponentInternalInstance } from 'vue'\nimport {\n  ElDialog,\n  ElButton,\n  configProviderContextKey,\n  ElConfigProvider,\n} from 'element-plus'\nimport type { VNode } from 'vue'\nimport type { DialogProps } from 'element-plus'\nimport { createNameSpace } from '@el-plus/utils/bem'\nimport { prepareProps } from '@el-plus/utils/props'\nimport { useLocale } from '../use-locale'\n\nexport type DialogOptions = Partial<\n  DialogProps & {\n    instance: ComponentInternalInstance | null\n    render: (props) => VNode\n    scopedSlots: Record<string, (props) => VNode>\n    class: string\n    onCancel: (reject) => void\n    onBeforeCancel: (reject) => void\n    cancelText?: string\n    onConfirm: (resolve) => void\n    onBeforeConfirm: (resolve) => void\n    confirmText?: string\n    showFooter: boolean\n  }\n>\nexport type ExpandDialogOptions = {\n  title?: string\n  dialogProps?: DialogOptions\n}\nconst bem = createNameSpace('dialog')\n\nexport const useDialog = (options: DialogOptions = {}) => {\n  const { t } = useLocale()\n  const {\n    scopedSlots = {},\n    instance,\n    render,\n    destroyOnClose,\n    onConfirm,\n    onBeforeConfirm,\n    confirmText,\n    onCancel,\n    onBeforeCancel,\n    cancelText,\n    showFooter = true,\n    ...dialogProps\n  } = options\n\n  const Dialog = useTemplatePromise<any>({\n    destroy: destroyOnClose,\n    render: (promiseOptions, ctx) => {\n      // 插槽参数增加promiseOptions\n      for (const key in scopedSlots) {\n        scopedSlots[key] = scopedSlots[key].bind(null, promiseOptions)\n      }\n      const { resolve, reject, isResolving } = promiseOptions\n      const renderFunc = () => {\n        return render\n          ? render(promiseOptions)\n          : ctx.slots.default?.(promiseOptions)\n      }\n      const slots: DialogOptions['scopedSlots'] = {}\n      if (showFooter) {\n        slots.footer = () => (\n          <div class={bem.e('footer')}>\n            {scopedSlots.footerPrepend?.(promiseOptions)}\n            <ElButton\n              size=\"default\"\n              onClick={async () => {\n                if (onBeforeCancel) {\n                  await onBeforeCancel(reject)\n                }\n                if (onCancel) {\n                  onCancel(reject)\n                } else {\n                  reject('cancel')\n                }\n              }}\n            >\n              {cancelText || t('ep.dialog.cancel')}\n            </ElButton>\n            {scopedSlots.footerInner?.(promiseOptions)}\n            <ElButton\n              type=\"primary\"\n              onClick={async () => {\n                if (onBeforeConfirm) {\n                  await onBeforeConfirm(resolve)\n                }\n                if (onConfirm) {\n                  onConfirm(resolve)\n                } else {\n                  resolve('confirm')\n                }\n              }}\n              loading={isResolving}\n            >\n              {confirmText || t('ep.dialog.confirm')}\n            </ElButton>\n            {scopedSlots.footerAppend?.(promiseOptions)}\n          </div>\n        )\n      }\n      return (\n        <ElDialog\n          class={bem.b()}\n          modelValue={true}\n          {...{\n            closeOnClickModal: false,\n            closeOnPressEscape: false,\n            title: t('ep.dialog.title'),\n            center: false,\n            // 'append-to-body': true,\n            beforeClose: () => {\n              reject('cancel')\n            },\n            ...prepareProps(dialogProps, ['modelValue']),\n          }}\n          v-slots={{\n            ...slots,\n            ...scopedSlots,\n          }}\n        >\n          {renderFunc()}\n        </ElDialog>\n      )\n    },\n  })\n  if (render) {\n    // const app = createApp(component)\n    // Object.assign(app._context, parentInstance.appContext)\n    // app.mount(container)\n    const container = document.createElement('div')\n    // container.setAttribute('id', 'ep-dialog-container')\n    const newInstance = instance || getCurrentInstance()\n    const config = inject(configProviderContextKey) as any\n    // const parentConfig =\n    //   newInstance?.provides[configProviderContextKey] ||\n    //   newInstance?.appContext?.provides[configProviderContextKey]\n    // const vnode = h(Dialog)\n    const vnode = h(\n      ElConfigProvider,\n      { locale: config?.locale },\n      { default: () => h(Dialog) },\n    )\n    if (newInstance && newInstance.appContext) {\n      // 强制继承父应用的全局组件、指令和插件\n      vnode.appContext = newInstance.appContext\n    }\n    nextTick(() => {\n      vRender(vnode, container)\n      document.body.appendChild(container)\n    })\n  }\n\n  return Dialog\n}\n"],"names":["bem","createNameSpace","useDialog","options","t","useLocale","scopedSlots","instance","render","destroyOnClose","onConfirm","onBeforeConfirm","confirmText","onCancel","onBeforeCancel","cancelText","showFooter","dialogProps","Dialog","useTemplatePromise","destroy","promiseOptions","ctx","key","bind","resolve","reject","isResolving","renderFunc","slots","default","footer","_createVNode","e","footerPrepend","ElButton","footerInner","footerAppend","ElDialog","_mergeProps","b","closeOnClickModal","closeOnPressEscape","title","center","beforeClose","prepareProps","container","document","createElement","newInstance","getCurrentInstance","config","inject","configProviderContextKey","vnode","h","ElConfigProvider","locale","appContext","nextTick","vRender","body","appendChild"],"mappings":";;;;;;;AAkCA,MAAMA,GAAAA,GAAMC,gBAAgB,QAAQ,CAAA;AAE7B,MAAMC,SAAAA,GAAYA,CAACC,OAAAA,GAAyB,EAAC,KAAM;AACxD,EAAA,MAAM;AAAA,IAAEC;AAAAA,MAAMC,SAAAA,EAAU;AACxB,EAAA,MAAM;AAAA,IACJC,cAAc,EAAC;AAAA,IACfC,QAAAA;AAAAA,YACAC,QAAAA;AAAAA,IACAC,cAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAC,WAAAA;AAAAA,IACAC,QAAAA;AAAAA,IACAC,cAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,UAAAA,GAAa,IAAA;AAAA,IACb,GAAGC;AAAAA,GACL,GAAId,OAAAA;AAEJ,EAAA,MAAMe,SAASC,kBAAAA,CAAwB;AAAA,IACrCC,OAAAA,EAASX,cAAAA;AAAAA,IACTD,MAAAA,EAAQA,CAACa,cAAAA,EAAgBC,GAAAA,KAAQ;AAE/B,MAAA,KAAA,MAAWC,OAAOjB,WAAAA,EAAa;AAC7BA,QAAAA,WAAAA,CAAYiB,GAAG,CAAA,GAAIjB,WAAAA,CAAYiB,GAAG,CAAA,CAAEC,IAAAA,CAAK,MAAMH,cAAc,CAAA;AAAA,MAC/D;AACA,MAAA,MAAM;AAAA,QAAEI,OAAAA;AAAAA,QAASC,MAAAA;AAAAA,QAAQC;AAAAA,OAAY,GAAIN,cAAAA;AACzC,MAAA,MAAMO,aAAaA,MAAM;AACvB,QAAA,OAAOpB,WACHA,QAAAA,CAAOa,cAAc,IACrBC,GAAAA,CAAIO,KAAAA,CAAMC,UAAUT,cAAc,CAAA;AAAA,MACxC,CAAA;AACA,MAAA,MAAMQ,QAAsC,EAAC;AAC7C,MAAA,IAAIb,UAAAA,EAAY;AACda,QAAAA,KAAAA,CAAME,MAAAA,GAAS,MAAAC,WAAAA,CAAA,KAAA,EAAA;AAAA,UAAA,OAAA,EACDhC,GAAAA,CAAIiC,CAAAA,CAAE,QAAQ;AAAA,WAAC,CACxB3B,WAAAA,CAAY4B,gBAAgBb,cAAc,CAAA,EAACW,YAAAG,QAAAA,EAAA;AAAA,UAAA,MAAA,EAAA,SAAA;AAAA,UAAA,WAGjC,YAAY;AACnB,YAAA,IAAIrB,cAAAA,EAAgB;AAClB,cAAA,MAAMA,eAAeY,MAAM,CAAA;AAAA,YAC7B;AACA,YAAA,IAAIb,QAAAA,EAAU;AACZA,cAAAA,QAAAA,CAASa,MAAM,CAAA;AAAA,YACjB,CAAA,MAAO;AACLA,cAAAA,MAAAA,CAAO,QAAQ,CAAA;AAAA,YACjB;AAAA,UACF;AAAA,SAAC,EAAA;AAAA,UAAAI,SAAAA,MAAA,CAEAf,UAAAA,IAAcX,CAAAA,CAAE,kBAAkB,CAAC;AAAA,SAAA,CAAA,EAErCE,WAAAA,CAAY8B,cAAcf,cAAc,CAAA,EAACW,YAAAG,QAAAA,EAAA;AAAA,UAAA,MAAA,EAAA,SAAA;AAAA,UAAA,WAG/B,YAAY;AACnB,YAAA,IAAIxB,eAAAA,EAAiB;AACnB,cAAA,MAAMA,gBAAgBc,OAAO,CAAA;AAAA,YAC/B;AACA,YAAA,IAAIf,SAAAA,EAAW;AACbA,cAAAA,SAAAA,CAAUe,OAAO,CAAA;AAAA,YACnB,CAAA,MAAO;AACLA,cAAAA,OAAAA,CAAQ,SAAS,CAAA;AAAA,YACnB;AAAA,UACF,CAAA;AAAA,UAAC,SAAA,EACQE;AAAAA,SAAW,EAAA;AAAA,UAAAG,SAAAA,MAAA,CAEnBlB,WAAAA,IAAeR,CAAAA,CAAE,mBAAmB,CAAC;AAAA,SAAA,CAAA,EAEvCE,WAAAA,CAAY+B,YAAAA,GAAehB,cAAc,CAAC,CAAA,CAAA;AAAA,MAGjD;AACA,MAAA,OAAAW,WAAAA,CAAAM,UAAAC,UAAAA,CAAA;AAAA,QAAA,OAAA,EAEWvC,IAAIwC,CAAAA,EAAE;AAAA,QAAC,YAAA,EACF;AAAA,OAAI,EAAA;AAAA,QAEdC,iBAAAA,EAAmB,KAAA;AAAA,QACnBC,kBAAAA,EAAoB,KAAA;AAAA,QACpBC,KAAAA,EAAOvC,EAAE,iBAAiB,CAAA;AAAA,QAC1BwC,MAAAA,EAAQ,KAAA;AAAA;AAAA,QAERC,aAAaA,MAAM;AACjBnB,UAAAA,MAAAA,CAAO,QAAQ,CAAA;AAAA,QACjB,CAAA;AAAA,QACA,GAAGoB,YAAAA,CAAa7B,WAAAA,EAAa,CAAC,YAAY,CAAC;AAAA,OAAC,CAAA,EAAA;AAAA,QAAAa,OAAAA,EAAAA,MAAA,CAO7CF,UAAAA,EAAY,CAAA;AAAA,QAJX,GAAGC,KAAAA;AAAAA,QACH,GAAGvB;AAAAA,OAAW,CAAA;AAAA,IAMtB;AAAA,GACD,CAAA;AACD,EAAA,IAAIE,QAAAA,EAAQ;AAIV,IAAA,MAAMuC,SAAAA,GAAYC,QAAAA,CAASC,aAAAA,CAAc,KAAK,CAAA;AAE9C,IAAA,MAAMC,WAAAA,GAAc3C,YAAY4C,kBAAAA,EAAmB;AACnD,IAAA,MAAMC,MAAAA,GAASC,OAAOC,wBAAwB,CAAA;AAK9C,IAAA,MAAMC,KAAAA,GAAQC,EACZC,gBAAAA,EACA;AAAA,MAAEC,QAAQN,MAAAA,EAAQM;AAAAA,KAAO,EACzB;AAAA,MAAE5B,OAAAA,EAASA,MAAM0B,CAAAA,CAAEtC,MAAM;AAAA,KAC3B,CAAA;AACA,IAAA,IAAIgC,WAAAA,IAAeA,YAAYS,UAAAA,EAAY;AAEzCJ,MAAAA,KAAAA,CAAMI,aAAaT,WAAAA,CAAYS,UAAAA;AAAAA,IACjC;AACAC,IAAAA,QAAAA,CAAS,MAAM;AACbC,MAAAA,MAAAA,CAAQN,OAAOR,SAAS,CAAA;AACxBC,MAAAA,QAAAA,CAASc,IAAAA,CAAKC,YAAYhB,SAAS,CAAA;AAAA,IACrC,CAAC,CAAA;AAAA,EACH;AAEA,EAAA,OAAO7B,MAAAA;AACT;;;;"}
+{"version":3,"file":"use-dialog.mjs","sources":["../../../../../packages/hooks/dialog/use-dialog.tsx"],"sourcesContent":["import { useTemplatePromise } from '../use-template-promise'\nimport { h, getCurrentInstance, render as vRender, inject, nextTick } from 'vue'\nimport type { ComponentInternalInstance } from 'vue'\nimport {\n  ElDialog,\n  ElButton,\n  configProviderContextKey,\n  ElConfigProvider,\n} from 'element-plus'\nimport type { VNode } from 'vue'\nimport type { DialogProps } from 'element-plus'\nimport { createNameSpace } from '@el-plus/utils/bem'\nimport { prepareProps } from '@el-plus/utils/props'\nimport { useLocale } from '../use-locale'\n\nexport type DialogOptions = Partial<\n  DialogProps & {\n    instance: ComponentInternalInstance | null\n    render: (props) => VNode\n    scopedSlots: Record<string, (props) => VNode>\n    class: string\n    templatePromiseClass: string\n    onCancel: (reject) => void\n    onBeforeCancel: (reject) => void\n    cancelText?: string\n    onConfirm: (resolve) => void\n    onBeforeConfirm: (resolve) => void\n    confirmText?: string\n    showFooter: boolean\n  }\n>\nexport type ExpandDialogOptions = {\n  title?: string\n  dialogProps?: DialogOptions\n}\nconst bem = createNameSpace('dialog')\n\nexport const useDialog = (options: DialogOptions = {}) => {\n  const { t } = useLocale()\n  const {\n    scopedSlots = {},\n    instance,\n    render,\n    destroyOnClose,\n    onConfirm,\n    onBeforeConfirm,\n    confirmText,\n    onCancel,\n    onBeforeCancel,\n    cancelText,\n    showFooter = true,\n    templatePromiseClass,\n    ...dialogProps\n  } = options\n\n  const Dialog = useTemplatePromise<any>({\n    destroy: destroyOnClose,\n    class: templatePromiseClass,\n    render: (promiseOptions, ctx) => {\n      // 插槽参数增加promiseOptions\n      for (const key in scopedSlots) {\n        scopedSlots[key] = scopedSlots[key].bind(null, promiseOptions)\n      }\n      const { resolve, reject, isResolving } = promiseOptions\n      const renderFunc = () => {\n        return render\n          ? render(promiseOptions)\n          : ctx.slots.default?.(promiseOptions)\n      }\n      const slots: DialogOptions['scopedSlots'] = {}\n      if (showFooter) {\n        slots.footer = () => (\n          <div class={bem.e('footer')}>\n            {scopedSlots.footerPrepend?.(promiseOptions)}\n            <ElButton\n              size=\"default\"\n              onClick={async () => {\n                if (onBeforeCancel) {\n                  await onBeforeCancel(reject)\n                }\n                if (onCancel) {\n                  onCancel(reject)\n                } else {\n                  reject('cancel')\n                }\n              }}\n            >\n              {cancelText || t('ep.dialog.cancel')}\n            </ElButton>\n            {scopedSlots.footerInner?.(promiseOptions)}\n            <ElButton\n              type=\"primary\"\n              onClick={async () => {\n                console.log(111);\n                \n                if (onBeforeConfirm) {\n                  await onBeforeConfirm(resolve)\n                }\n                if (onConfirm) {\n                  onConfirm(resolve)\n                } else {\n                  resolve('confirm')\n                }\n              }}\n              loading={isResolving}\n            >\n              {confirmText || t('ep.dialog.confirm')}\n            </ElButton>\n            {scopedSlots.footerAppend?.(promiseOptions)}\n          </div>\n        )\n      }\n      return (\n        <ElDialog\n          class={bem.b()}\n          modelValue={true}\n          {...{\n            closeOnClickModal: false,\n            closeOnPressEscape: false,\n            title: t('ep.dialog.title'),\n            center: false,\n            // 'append-to-body': true,\n            beforeClose: () => {\n              reject('cancel')\n            },\n            ...prepareProps(dialogProps, ['modelValue']),\n          }}\n          v-slots={{\n            ...slots,\n            ...scopedSlots,\n          }}\n        >\n          {renderFunc()}\n        </ElDialog>\n      )\n    },\n  })\n  if (render) {\n    // const app = createApp(component)\n    // Object.assign(app._context, parentInstance.appContext)\n    // app.mount(container)\n    const container = document.createElement('div')\n    // container.setAttribute('id', 'ep-dialog-container')\n    const newInstance = instance || getCurrentInstance()\n    const config = inject(configProviderContextKey) as any\n    // const parentConfig =\n    //   newInstance?.provides[configProviderContextKey] ||\n    //   newInstance?.appContext?.provides[configProviderContextKey]\n    // const vnode = h(Dialog)\n    const vnode = h(\n      ElConfigProvider,\n      { locale: config?.locale },\n      { default: () => h(Dialog) },\n    )\n    if (newInstance && newInstance.appContext) {\n      // 强制继承父应用的全局组件、指令和插件\n      vnode.appContext = newInstance.appContext\n    }\n    nextTick(() => {\n      vRender(vnode, container)\n      document.body.appendChild(container)\n    })\n  }\n\n  return Dialog\n}\n"],"names":["bem","createNameSpace","useDialog","options","t","useLocale","scopedSlots","instance","render","destroyOnClose","onConfirm","onBeforeConfirm","confirmText","onCancel","onBeforeCancel","cancelText","showFooter","templatePromiseClass","dialogProps","Dialog","useTemplatePromise","destroy","class","promiseOptions","ctx","key","bind","resolve","reject","isResolving","renderFunc","slots","default","footer","_createVNode","e","footerPrepend","ElButton","footerInner","console","log","footerAppend","ElDialog","_mergeProps","b","closeOnClickModal","closeOnPressEscape","title","center","beforeClose","prepareProps","container","document","createElement","newInstance","getCurrentInstance","config","inject","configProviderContextKey","vnode","h","ElConfigProvider","locale","appContext","nextTick","vRender","body","appendChild"],"mappings":"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"}

package/es/hooks/use-request.mjs

@@ -1,4 +1,5 @@
 import { ref } from 'vue';
+import axios from 'axios';
 import { http } from '../utils/http/index.mjs';
 
 const useRequest = ({
@@ -19,11 +20,6 @@ const useRequest = ({
     const config = {
       method
     };
-    if (cancelToken) {
-      config.cancelRequest = (cancel) => {
-        cancelRequest = cancel;
-      };
-    }
     apiFn = (data = {}, params) => {
       if (config.method === "get") {
         config.params = data;
@@ -47,29 +43,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 {

package/es/hooks/use-request.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-request.mjs","sources":["../../../../packages/hooks/use-request.ts"],"sourcesContent":["import { ref } from 'vue'\nimport { type Ref } from 'vue'\nimport type { Api, ReqAfter, ReqBefore, Method } from '@el-plus/types'\nimport type { Canceler } from 'axios'\nimport { http } from '@el-plus/utils/http'\ntype UseRequest = (config: {\n  api?: Api\n  method?: Method\n  reqData?: Record<string, unknown>\n  reqParams?: Record<string, unknown>\n  reqBefore?: ReqBefore\n  reqAfter?: ReqAfter\n  cancelToken?: boolean\n  hooks?: {\n    success?: (data: unknown) => void\n    fail?: (error: unknown) => void\n  }\n}) => {\n  loading?: Ref<boolean>\n  requestFn?: (data?: Record<string, unknown>) => Promise<void>\n}\n\nexport const useRequest: UseRequest = ({\n  api,\n  method = 'post',\n  reqData,\n  reqParams,\n  reqBefore,\n  reqAfter,\n  cancelToken,\n  hooks,\n}) => {\n  if (!api) return {}\n  const loading = ref(false)\n  let cancelRequest: Canceler\n  let apiFn\n  if (typeof api === 'string') {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const config: Record<string, any> = {\n      method,\n    }\n    if (cancelToken) {\n      config.cancelRequest = (cancel: Canceler) => {\n        cancelRequest = cancel\n      }\n    }\n\n    apiFn = (data: Record<string, any> = {}, params?: Record<string, any>) => {\n      if (config.method === 'get') {\n        config.params = data\n      } else {\n        config.data = data\n        config.params = params\n      }\n      config.data = {\n        ...reqData,\n        ...config.data,\n      }\n      config.params = {\n        ...reqParams,\n        ...config.params,\n      }\n      // 替换$query为$searchValue\n      if (config.data.$query) {\n        config.data[config.data.$query] = data.$searchValue\n        delete config.data.$searchValue\n        delete config.data.$query\n      }\n\n      if (reqBefore) {\n        reqBefore(config)\n      }\n      return http.request(api, config)\n    }\n  } else {\n    apiFn = api\n  }\n  const requestFn = async (data: Record<string, unknown> = {}) => {\n    if (loading.value && !cancelToken) return\n    loading.value = true\n    try {\n      cancelRequest && cancelRequest()\n      const res = await apiFn(data)\n      // 如果api是函数,直接追加success,data\n      if (reqAfter) {\n        reqAfter(res)\n      }\n      if (hooks?.success) {\n        hooks.success(typeof api === 'function' ? res : res.data)\n      }\n    } catch (error) {\n      if (hooks?.fail) {\n        hooks.fail(error)\n      }\n    } finally {\n      loading.value = false\n    }\n  }\n  return {\n    loading,\n    requestFn,\n  }\n}\n"],"names":[],"mappings":";;;AAsBO,MAAM,aAAyB,CAAC;AAAA,EACrC,GAAA;AAAA,EACA,MAAA,GAAS,MAAA;AAAA,EACT,OAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA;AACF,CAAA,KAAM;AACJ,EAAA,IAAI,CAAC,GAAA,EAAK,OAAO,EAAC;AAClB,EAAA,MAAM,OAAA,GAAU,IAAI,KAAK,CAAA;AACzB,EAAA,IAAI,aAAA;AACJ,EAAA,IAAI,KAAA;AACJ,EAAA,IAAI,OAAO,QAAQ,QAAA,EAAU;AAE3B,IAAA,MAAM,MAAA,GAA8B;AAAA,MAClC;AAAA,KACF;AACA,IAAA,IAAI,WAAA,EAAa;AACf,MAAA,MAAA,CAAO,aAAA,GAAgB,CAAC,MAAA,KAAqB;AAC3C,QAAA,aAAA,GAAgB,MAAA;AAAA,MAClB,CAAA;AAAA,IACF;AAEA,IAAA,KAAA,GAAQ,CAAC,IAAA,GAA4B,EAAC,EAAG,MAAA,KAAiC;AACxE,MAAA,IAAI,MAAA,CAAO,WAAW,KAAA,EAAO;AAC3B,QAAA,MAAA,CAAO,MAAA,GAAS,IAAA;AAAA,MAClB,CAAA,MAAO;AACL,QAAA,MAAA,CAAO,IAAA,GAAO,IAAA;AACd,QAAA,MAAA,CAAO,MAAA,GAAS,MAAA;AAAA,MAClB;AACA,MAAA,MAAA,CAAO,IAAA,GAAO;AAAA,QACZ,GAAG,OAAA;AAAA,QACH,GAAG,MAAA,CAAO;AAAA,OACZ;AACA,MAAA,MAAA,CAAO,MAAA,GAAS;AAAA,QACd,GAAG,SAAA;AAAA,QACH,GAAG,MAAA,CAAO;AAAA,OACZ;AAEA,MAAA,IAAI,MAAA,CAAO,KAAK,MAAA,EAAQ;AACtB,QAAA,MAAA,CAAO,IAAA,CAAK,MAAA,CAAO,IAAA,CAAK,MAAM,IAAI,IAAA,CAAK,YAAA;AACvC,QAAA,OAAO,OAAO,IAAA,CAAK,YAAA;AACnB,QAAA,OAAO,OAAO,IAAA,CAAK,MAAA;AAAA,MACrB;AAEA,MAAA,IAAI,SAAA,EAAW;AACb,QAAA,SAAA,CAAU,MAAM,CAAA;AAAA,MAClB;AACA,MAAA,OAAO,IAAA,CAAK,OAAA,CAAQ,GAAA,EAAK,MAAM,CAAA;AAAA,IACjC,CAAA;AAAA,EACF,CAAA,MAAO;AACL,IAAA,KAAA,GAAQ,GAAA;AAAA,EACV;AACA,EAAA,MAAM,SAAA,GAAY,OAAO,IAAA,GAAgC,EAAC,KAAM;AAC9D,IAAA,IAAI,OAAA,CAAQ,KAAA,IAAS,CAAC,WAAA,EAAa;AACnC,IAAA,OAAA,CAAQ,KAAA,GAAQ,IAAA;AAChB,IAAA,IAAI;AACF,MAAA,aAAA,IAAiB,aAAA,EAAc;AAC/B,MAAA,MAAM,GAAA,GAAM,MAAM,KAAA,CAAM,IAAI,CAAA;AAE5B,MAAA,IAAI,QAAA,EAAU;AACZ,QAAA,QAAA,CAAS,GAAG,CAAA;AAAA,MACd;AACA,MAAA,IAAI,OAAO,OAAA,EAAS;AAClB,QAAA,KAAA,CAAM,QAAQ,OAAO,GAAA,KAAQ,UAAA,GAAa,GAAA,GAAM,IAAI,IAAI,CAAA;AAAA,MAC1D;AAAA,IACF,SAAS,KAAA,EAAO;AACd,MAAA,IAAI,OAAO,IAAA,EAAM;AACf,QAAA,KAAA,CAAM,KAAK,KAAK,CAAA;AAAA,MAClB;AAAA,IACF,CAAA,SAAE;AACA,MAAA,OAAA,CAAQ,KAAA,GAAQ,KAAA;AAAA,IAClB;AAAA,EACF,CAAA;AACA,EAAA,OAAO;AAAA,IACL,OAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}
+{"version":3,"file":"use-request.mjs","sources":["../../../../packages/hooks/use-request.ts"],"sourcesContent":["import { ref } from 'vue'\nimport { type Ref } from 'vue'\nimport type { Api, ReqAfter, ReqBefore, Method } from '@el-plus/types'\nimport type { Canceler } from 'axios'\nimport axios from 'axios'\nimport { http } from '@el-plus/utils/http'\ntype UseRequest = (config: {\n  api?: Api\n  method?: Method\n  reqData?: Record<string, unknown>\n  reqParams?: Record<string, unknown>\n  reqBefore?: ReqBefore\n  reqAfter?: ReqAfter\n  cancelToken?: boolean\n  hooks?: {\n    success?: (data: unknown) => void\n    fail?: (error: unknown) => void\n  }\n}) => {\n  loading?: Ref<boolean>\n  requestFn?: (data?: Record<string, unknown>) => Promise<void>\n}\n\nexport const useRequest: UseRequest = ({\n  api,\n  method = 'post',\n  reqData,\n  reqParams,\n  reqBefore,\n  reqAfter,\n  cancelToken,\n  hooks,\n}) => {\n  if (!api) return {}\n  const loading = ref(false)\n  let cancelRequest: Canceler\n  let apiFn\n  if (typeof api === 'string') {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    const config: Record<string, any> = {\n      method,\n    }\n    apiFn = (data: Record<string, any> = {}, params?: Record<string, any>) => {\n      if (config.method === 'get') {\n        config.params = data\n      } else {\n        config.data = data\n        config.params = params\n      }\n      config.data = {\n        ...reqData,\n        ...config.data,\n      }\n      config.params = {\n        ...reqParams,\n        ...config.params,\n      }\n      // 替换$query为$searchValue\n      if (config.data.$query) {\n        config.data[config.data.$query] = data.$searchValue\n        delete config.data.$searchValue\n        delete config.data.$query\n      }\n\n      if (reqBefore) {\n        reqBefore(config)\n      }\n      if (cancelToken) {\n        config.cancelToken = new axios.CancelToken(function (cancel) {\n          cancelRequest = cancel\n        })\n      }\n      return http.request(api, config)\n    }\n  } else {\n    apiFn = api\n  }\n  const requestFn = async (data: Record<string, unknown> = {}, params?: Record<string, unknown>) => {\n    if (loading.value && !cancelToken) return\n    loading.value = true\n    try {\n      cancelRequest && cancelRequest()\n      const res = await apiFn(data, params)\n      // 如果api是函数,直接追加success,data\n      if (reqAfter) {\n        reqAfter(res)\n      }\n      if (hooks?.success) {\n        hooks.success(typeof api === 'function' ? res : res.data)\n      }\n      loading.value = false\n\n    } catch (error) {\n      if (hooks?.fail) {\n        hooks.fail(error)\n      }\n      if(axios.isCancel(error)){\n        return\n      }\n      loading.value = false\n    } finally {\n    }\n  }\n  return {\n    loading,\n    requestFn,\n  }\n}\n"],"names":[],"mappings":"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"}

package/es/hooks/use-template-promise.d.ts

@@ -3,6 +3,7 @@ export interface TemplatePromiseOptions {
     transition?: TransitionProps;
     destroy?: boolean;
     render?: (props: any, ctx: SetupContext) => VNode;
+    class?: string;
 }
 export type TemplatePromise<Return, Args extends any[] = []> = DefineComponent<object> & {} & {
     open: (...args: Args) => Promise<Return>;

package/es/hooks/use-template-promise.mjs

@@ -69,7 +69,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 () => {

package/es/hooks/use-template-promise.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-template-promise.mjs","sources":["../../../../packages/hooks/use-template-promise.tsx"],"sourcesContent":["// 参考 https://github.com/vueuse/vueuse/blob/main/packages/core/createTemplatePromise/index.ts\n\nimport type {\n  DefineComponent,\n  Ref,\n  TransitionProps,\n  VNode,\n  SetupContext,\n} from 'vue'\nimport {\n  defineComponent,\n  ref,\n  shallowReactive,\n  Transition,\n  Fragment,\n  h,\n  createApp,\n  getCurrentInstance,\n  render as vRender,\n  markRaw,\n  withDirectives,\n  vShow,\n  nextTick,\n} from 'vue'\n\nexport interface TemplatePromiseOptions {\n  // 过渡\n  transition?: TransitionProps\n  // 是否销毁\n  destroy?: boolean\n  //   自定义渲染\n  render?: (props, ctx: SetupContext) => VNode\n}\nexport type TemplatePromise<\n  Return,\n  Args extends any[] = [],\n> = DefineComponent<object> & {\n  //   new (): {\n  //     $slots: {\n  //       default: (_: TemplatePromiseProps<Return, Args>) => any\n  //     }\n  //   }\n} & {\n  open: (...args: Args) => Promise<Return>\n}\nexport interface TemplatePromiseProps<Return, Args extends any[] = []> {\n  promise: Promise<Return> | undefined\n  resolve: (v: Return) => void\n  reject: (v: any) => void\n  args: Args\n  options: TemplatePromiseOptions\n  isResolving: boolean\n  isVisible: boolean\n  key: number\n}\nexport const useTemplatePromise = <Return, Args extends any[] = []>(\n  options: TemplatePromiseOptions = {},\n): TemplatePromise<Return, Args> => {\n  const {\n    destroy = false,\n    render,\n    transition = {\n      name: 'fade',\n      appear: true,\n    },\n  } = options\n  const instances = ref([]) as Ref<TemplatePromiseProps<Return, Args>[]>\n  let index = 0\n\n  const create = (...args: Args) => {\n    const key = index++\n    const props = shallowReactive<TemplatePromiseProps<Return, Args>>({\n      key,\n      args,\n      promise: undefined,\n      resolve: () => {},\n      reject: () => {},\n      isResolving: false,\n      isVisible: true,\n      options,\n    })\n    instances.value.push(props)\n    props.promise = new Promise<Return>((_resolve, _reject) => {\n      props.resolve = (v) => {\n        props.isResolving = true\n        return _resolve(v)\n      }\n      props.reject = _reject\n    }).finally(() => {\n      if (destroy) {\n        props.promise = undefined\n        const index = instances.value.indexOf(props)\n        if (index !== -1) instances.value.splice(index, 1)\n      } else {\n        props.isVisible = false\n        // const wrapper = document.querySelector(\n        //   '.ep-template-promise',\n        // ) as HTMLElement\n        // if (wrapper.style['zIndex']) {\n        //   return\n        // }\n        // const dialog = wrapper?.querySelector('.el-modal-dialog') as HTMLElement\n        // const zIndex = dialog ? dialog.style['z-index'] : ''\n        // if (zIndex && wrapper) {\n        //   wrapper.style.zIndex = zIndex\n        // }\n      }\n    })\n    return props.promise\n  }\n  const open = (...args: Args) => {\n    instances.value = []\n    const com = create(...args)\n    nextTick(() => {\n      const wrapper = document.querySelector(\n        '.ep-template-promise.is-init',\n      ) as HTMLElement\n      if (wrapper) {\n        const dialog = wrapper?.querySelector('.el-modal-dialog') as HTMLElement\n        const zIndex = dialog ? dialog.style['z-index'] : ''\n        if (zIndex && wrapper) {\n          wrapper.style.zIndex = zIndex\n        }\n        // 删除is-init的class\n        wrapper.classList.remove('is-init')\n      }\n    })\n    return com\n  }\n  const component = defineComponent((_, ctx) => {\n    const { slots } = ctx\n    const renderList = () =>\n      instances.value.map((props) => {\n        return withDirectives(\n          h(\n            'div',\n            {\n              // key: props.key,\n              class: 'ep-template-promise is-init',\n            },\n            render ? render(props, ctx) : slots.default?.(props),\n          ),\n          [[vShow, props.isVisible]],\n        )\n      })\n    if (transition)\n      return () => <Transition {...transition}>{renderList()}</Transition>\n\n    return renderList\n  })\n  // @ts-expect-error There's a breaking type change in Vue 3.3 <https://github.com/vuejs/core/pull/7963>\n  component.open = open\n  return markRaw(component as TemplatePromise<Return, Args>)\n}\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","useTemplatePromise","options","destroy","render","transition","name","appear","instances","ref","index","create","args","key","props","shallowReactive","promise","undefined","resolve","reject","isResolving","isVisible","value","push","Promise","_resolve","_reject","v","finally","indexOf","splice","open","com","nextTick","wrapper","document","querySelector","dialog","zIndex","style","classList","remove","component","defineComponent","_","ctx","slots","renderList","map","withDirectives","h","class","default","vShow","_slot","_createVNode","Transition","markRaw"],"mappings":"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"}
+{"version":3,"file":"use-template-promise.mjs","sources":["../../../../packages/hooks/use-template-promise.tsx"],"sourcesContent":["// 参考 https://github.com/vueuse/vueuse/blob/main/packages/core/createTemplatePromise/index.ts\n\nimport type {\n  DefineComponent,\n  Ref,\n  TransitionProps,\n  VNode,\n  SetupContext,\n} from 'vue'\nimport {\n  defineComponent,\n  ref,\n  shallowReactive,\n  Transition,\n  Fragment,\n  h,\n  createApp,\n  getCurrentInstance,\n  render as vRender,\n  markRaw,\n  withDirectives,\n  vShow,\n  nextTick,\n} from 'vue'\n\nexport interface TemplatePromiseOptions {\n  // 过渡\n  transition?: TransitionProps\n  // 是否销毁\n  destroy?: boolean\n  //   自定义渲染\n  render?: (props, ctx: SetupContext) => VNode\n  // class 名\n  class?: string\n}\nexport type TemplatePromise<\n  Return,\n  Args extends any[] = [],\n> = DefineComponent<object> & {\n  //   new (): {\n  //     $slots: {\n  //       default: (_: TemplatePromiseProps<Return, Args>) => any\n  //     }\n  //   }\n} & {\n  open: (...args: Args) => Promise<Return>\n}\nexport interface TemplatePromiseProps<Return, Args extends any[] = []> {\n  promise: Promise<Return> | undefined\n  resolve: (v: Return) => void\n  reject: (v: any) => void\n  args: Args\n  options: TemplatePromiseOptions\n  isResolving: boolean\n  isVisible: boolean\n  key: number\n}\nexport const useTemplatePromise = <Return, Args extends any[] = []>(\n  options: TemplatePromiseOptions = {},\n): TemplatePromise<Return, Args> => {\n  const {\n    destroy = false,\n    render,\n    transition = {\n      name: 'fade',\n      appear: true,\n    },\n  } = options\n  const instances = ref([]) as Ref<TemplatePromiseProps<Return, Args>[]>\n  let index = 0\n\n  const create = (...args: Args) => {\n    const key = index++\n    const props = shallowReactive<TemplatePromiseProps<Return, Args>>({\n      key,\n      args,\n      promise: undefined,\n      resolve: () => {},\n      reject: () => {},\n      isResolving: false,\n      isVisible: true,\n      options,\n    })\n    instances.value.push(props)\n    props.promise = new Promise<Return>((_resolve, _reject) => {\n      props.resolve = (v) => {\n        props.isResolving = true\n        return _resolve(v)\n      }\n      props.reject = _reject\n    }).finally(() => {\n      if (destroy) {\n        props.promise = undefined\n        const index = instances.value.indexOf(props)\n        if (index !== -1) instances.value.splice(index, 1)\n      } else {\n        props.isVisible = false\n        // const wrapper = document.querySelector(\n        //   '.ep-template-promise',\n        // ) as HTMLElement\n        // if (wrapper.style['zIndex']) {\n        //   return\n        // }\n        // const dialog = wrapper?.querySelector('.el-modal-dialog') as HTMLElement\n        // const zIndex = dialog ? dialog.style['z-index'] : ''\n        // if (zIndex && wrapper) {\n        //   wrapper.style.zIndex = zIndex\n        // }\n      }\n    })\n    return props.promise\n  }\n  const open = (...args: Args) => {\n    instances.value = []\n    const com = create(...args)\n    nextTick(() => {\n      const wrapper = document.querySelector(\n        '.ep-template-promise.is-init',\n      ) as HTMLElement\n      if (wrapper) {\n        const dialog = wrapper?.querySelector('.el-modal-dialog') as HTMLElement\n        const zIndex = dialog ? dialog.style['z-index'] : ''\n        if (zIndex && wrapper) {\n          wrapper.style.zIndex = zIndex\n        }\n        // 删除is-init的class\n        wrapper.classList.remove('is-init')\n      }\n    })\n    return com\n  }\n  const component = defineComponent((_, ctx) => {\n    const { slots } = ctx\n    const renderList = () =>\n      instances.value.map((props) => {\n        return withDirectives(\n          h(\n            'div',\n            {\n              // key: props.key,\n              class: `ep-template-promise is-init ${options.class || ''}`,\n            },\n            render ? render(props, ctx) : slots.default?.(props),\n          ),\n          [[vShow, props.isVisible]],\n        )\n      })\n    if (transition)\n      return () => <Transition {...transition}>{renderList()}</Transition>\n\n    return renderList\n  })\n  // @ts-expect-error There's a breaking type change in Vue 3.3 <https://github.com/vuejs/core/pull/7963>\n  component.open = open\n  return markRaw(component as TemplatePromise<Return, Args>)\n}\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","useTemplatePromise","options","destroy","render","transition","name","appear","instances","ref","index","create","args","key","props","shallowReactive","promise","undefined","resolve","reject","isResolving","isVisible","value","push","Promise","_resolve","_reject","v","finally","indexOf","splice","open","com","nextTick","wrapper","document","querySelector","dialog","zIndex","style","classList","remove","component","defineComponent","_","ctx","slots","renderList","map","withDirectives","h","class","default","vShow","_slot","_createVNode","Transition","markRaw"],"mappings":"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"}

package/es/package.json.mjs

@@ -1,4 +1,4 @@
-var version = "0.0.81";
+var version = "0.0.83";
 
 export { version };
 //# sourceMappingURL=package.json.mjs.map

package/lib/components/attachment/src/attachment.vue2.js

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

package/lib/components/attachment/src/attachment.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"attachment.vue2.js","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":["useLocale","bem","createNameSpace","props","_useModel","useAttachment","useDialog","_createBlock","_unref","ElButton","_normalizeClass","_createTextVNode","_toDisplayString","_createVNode","_createElementVNode","_mergeProps","prepareClassNames","prepareStyles"],"mappings":"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"}
+{"version":3,"file":"attachment.vue2.js","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":["useLocale","bem","createNameSpace","props","_useModel","useAttachment","useDialog","_createBlock","_unref","ElButton","_normalizeClass","_createTextVNode","_toDisplayString","_createVNode","_createElementVNode","_mergeProps","prepareClassNames","prepareStyles"],"mappings":"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"}

package/lib/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/lib/components/form/src/form-item-vue.js

@@ -20,7 +20,7 @@ var EpFormItem = /* @__PURE__ */ vue.defineComponent({
     const attrs = vue.useAttrs();
     const {
       scopedSlots
-    } = useFormItem.useFormItemSlots(props$1);
+    } = useFormItem.useFormItemSlots(props$1, emit);
     const {
       rules
     } = useFormItem.useFormItemRules(props$1);

package/lib/components/form/src/form-item-vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-item-vue.js","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,sBAAgB,WAAW,CAAA;AACvC,qDAA+B;AAAA,EAC7BC,IAAAA,EAAM,YAAA;AAAA,EACNC,YAAAA,EAAc,KAAA;AAAA,EACdC,KAAAA,EAAOC,sBAAAA;AAAAA,EACPC,MAAMF,OAAAA,EAAO;AAAA,IAAEG;AAAAA,GAAK,EAAG;AAErB,IAAA,MAAMC,QAAQC,YAAAA,EAAS;AACvB,IAAA,MAAM;AAAA,MAAEC;AAAAA,KAAY,GAAIC,6BAAiBP,OAAK,CAAA;AAC9C,IAAA,MAAM;AAAA,MAAEQ;AAAAA,KAAM,GAAIC,6BAAiBT,OAAK,CAAA;AACxC,IAAA,MAAM;AAAA,MAAEA,KAAAA,EAAOU,UAAAA;AAAAA,MAAYC,QAAAA;AAAAA,MAAU,GAAGV;AAAAA,KAAc,GAAID,OAAAA;AAC1D,IAAA,OAAO,MAAM;AACX,MAAA,OAAAY,eAAAA,CAAAC,wBAAAC,cAAAA,CAAA;AAAA,QAAA,OAAA,EAEW,CACLlB,GAAAA,CAAImB,CAAAA,EAAE,EACNnB,GAAAA,CAAIoB,EAAAA,CAAG,YAAA,EAAc,CAAChB,OAAAA,CAAMiB,WAAW,CAAA,EACvCC,yBAAmB,CAAA;AAAA,QACpB,SACMC,mBAAAA;AAAc,OAAC,EAAA;AAAA,QAGpB,GAAGC,kBAAAA,CAAanB,cAAAA,EAAe,CAAC,GAAGoB,gCAAuB,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.js","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,sBAAgB,WAAW,CAAA;AACvC,qDAA+B;AAAA,EAC7BC,IAAAA,EAAM,YAAA;AAAA,EACNC,YAAAA,EAAc,KAAA;AAAA,EACdC,KAAAA,EAAOC,sBAAAA;AAAAA,EACPC,MAAMF,OAAAA,EAAO;AAAA,IAAEG;AAAAA,GAAK,EAAG;AAErB,IAAA,MAAMC,QAAQC,YAAAA,EAAS;AACvB,IAAA,MAAM;AAAA,MAAEC;AAAAA,KAAY,GAAIC,4BAAAA,CAAiBP,OAAAA,EAAMG,IAAI,CAAA;AACnD,IAAA,MAAM;AAAA,MAAEK;AAAAA,KAAM,GAAIC,6BAAiBT,OAAK,CAAA;AACxC,IAAA,MAAM;AAAA,MAAEA,KAAAA,EAAOU,UAAAA;AAAAA,MAAYC,QAAAA;AAAAA,MAAU,GAAGV;AAAAA,KAAc,GAAID,OAAAA;AAC1D,IAAA,OAAO,MAAM;AACX,MAAA,OAAAY,eAAAA,CAAAC,wBAAAC,cAAAA,CAAA;AAAA,QAAA,OAAA,EAEW,CACLlB,GAAAA,CAAImB,CAAAA,EAAE,EACNnB,GAAAA,CAAIoB,EAAAA,CAAG,YAAA,EAAc,CAAChB,OAAAA,CAAMiB,WAAW,CAAA,EACvCC,yBAAmB,CAAA;AAAA,QACpB,SACMC,mBAAAA;AAAc,OAAC,EAAA;AAAA,QAGpB,GAAGC,kBAAAA,CAAanB,cAAAA,EAAe,CAAC,GAAGoB,gCAAuB,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/lib/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/lib/components/form/src/form.vue2.js

@@ -39,7 +39,15 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       };
     });
     const formData = vue.useModel(__props, "modelValue");
-    const { filterFormItemList, elFormRef, validate, resetFields, clearValidate } = useForm.useForm(props$1);
+    const {
+      filterFormItemList,
+      elFormRef,
+      validate,
+      resetFields,
+      clearValidate,
+      getFormItemRenderRef,
+      registerFormItemRenderRef
+    } = useForm.useForm(props$1);
     const { open, toggleStatus, isShowFoldBtn, isShowFormItem } = useForm.useCollapse(
       {
         filterFormItemList,
@@ -52,7 +60,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       elFormRef,
       validate,
       resetFields,
-      clearValidate
+      clearValidate,
+      getFormItemRenderRef
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
@@ -85,7 +94,9 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         vue.createVNode(vue.unref(formItemVue.default), vue.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) => vue.unref(registerFormItemRenderRef)(item.props?.ref, ref2)
+                        }), null, 16, ["form-data", "form-label-width", "onRegisterFormItemRenderRef"])
                       ]),
                       _: 2
                     }, 1032, ["class", "span"])), [

package/lib/components/form/src/form.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.vue2.js","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":["useLocale","bem","createNameSpace","props","computed","prepareProps","expandFormPropsKeys","prepareEvents","formEmitsKeys","_useModel","useForm","useCollapse","_createElementBlock","_normalizeClass","_unref","prepareClassNames","_normalizeStyle","prepareStyles","_createVNode","_mergeProps","_renderSlot","ElRow","_openBlock","_Fragment","_renderList","_createBlock","ElCol","col","labelWidth","_vShow"],"mappings":"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"}
+{"version":3,"file":"form.vue2.js","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":["useLocale","bem","createNameSpace","props","computed","prepareProps","expandFormPropsKeys","prepareEvents","formEmitsKeys","_useModel","useForm","useCollapse","_createElementBlock","_normalizeClass","_unref","prepareClassNames","_normalizeStyle","prepareStyles","_createVNode","_mergeProps","_renderSlot","ElRow","_openBlock","_Fragment","_renderList","_createBlock","ElCol","col","labelWidth","ref","_vShow"],"mappings":"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"}

package/lib/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/lib/components/form/src/hooks/use-form-item.js

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

package/lib/components/form/src/hooks/use-form-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-form-item.js","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.js","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/lib/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/lib/components/form/src/hooks/use-form.js

@@ -42,12 +42,26 @@ const useForm = (props) => {
   const clearValidate = (props2) => {
     return elFormRef.value.clearValidate(props2);
   };
+  const formItemRenderRefs = vue.reactive(/* @__PURE__ */ new Map());
+  vue.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/lib/components/form/src/hooks/use-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-form.js","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":["ref","computed","useTemplateRef","props"],"mappings":";;;;AAUO,MAAM,cAAc,CACzB,EAAE,YAAY,cAAA,EAAgB,kBAAA,IAC9B,IAAA,KACG;AACH,EAAA,MAAM,IAAA,GAAOA,QAAI,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,GAAgBC,aAAS,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,GAAYC,mBAA6B,WAAW,CAAA;AAC1D,EAAA,MAAM,kBAAA,GAAqBD,aAAS,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,CAACE,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.js","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":["ref","computed","useTemplateRef","props","reactive","onBeforeUpdate"],"mappings":";;;;AAUO,MAAM,cAAc,CACzB,EAAE,YAAY,cAAA,EAAgB,kBAAA,IAC9B,IAAA,KACG;AACH,EAAA,MAAM,IAAA,GAAOA,QAAI,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,GAAgBC,aAAS,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,GAAYC,mBAA6B,WAAW,CAAA;AAC1D,EAAA,MAAM,kBAAA,GAAqBD,aAAS,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,CAACE,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,GAAqBC,YAAA,iBAAS,IAAI,GAAA,EAAK,CAAA;AAE7C,EAAAC,kBAAA,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,EAAiBL,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;;;;;"}