el-plus 0.0.24 → 0.0.26

package/lib/components/table/index.d.ts

@@ -44,7 +44,7 @@ export declare const EpTable: {
             type: import("vue").PropType<import("element-plus").TableColumnCtx["selectable"]>;
         };
         readonly paginationProps: {
-            type: import("vue").PropType<Partial<import("element-plus").PaginationProps & import("packages/types/utils.js").WithOnPrefixAndCamelCase<import("element-plus").PaginationEmits>>>;
+            type: import("vue").PropType<Partial<import("element-plus").PaginationProps & import("el-plus/es/types/utils").WithOnPrefixAndCamelCase<import("element-plus").PaginationEmits>>>;
             default: () => {};
         };
         readonly showPagination: BooleanConstructor;
@@ -56,7 +56,7 @@ export declare const EpTable: {
                 permission: string;
                 onClick: (e: MouseEvent | import("./src/table").TableScope) => void;
                 scopedSlots: Record<string, () => import("vue").VNode>;
-                disabled: import("packages/utils/props.js").IDisabled;
+                disabled: import("el-plus/es/utils/props").IDisabled;
                 confirm: boolean;
                 confirmText: string;
             } & {} & {
@@ -72,7 +72,7 @@ export declare const EpTable: {
                 permission: string;
                 onClick: (e: MouseEvent | import("./src/table").TableScope) => void;
                 scopedSlots: Record<string, () => import("vue").VNode>;
-                disabled: import("packages/utils/props.js").IDisabled;
+                disabled: import("el-plus/es/utils/props").IDisabled;
                 confirm: boolean;
                 confirmText: string;
             } & {} & {
@@ -89,10 +89,10 @@ export declare const EpTable: {
             type: import("vue").PropType<number | string>;
         };
         readonly api: {
-            type: import("vue").PropType<import("packages/types/axios.js").Api>;
+            type: import("vue").PropType<import("el-plus/es/types/axios").Api>;
         };
         readonly method: {
-            type: import("vue").PropType<import("packages/types/axios.js").Method>;
+            type: import("vue").PropType<import("el-plus/es/types/axios").Method>;
         };
         readonly reqData: {
             type: ObjectConstructor;
@@ -101,10 +101,10 @@ export declare const EpTable: {
             type: ObjectConstructor;
         };
         readonly reqBefore: {
-            type: import("vue").PropType<import("packages/types/axios.js").ReqBefore>;
+            type: import("vue").PropType<import("el-plus/es/types/axios").ReqBefore>;
         };
         readonly reqAfter: {
-            type: import("vue").PropType<import("packages/types/axios.js").ReqAfter>;
+            type: import("vue").PropType<import("el-plus/es/types/axios").ReqAfter>;
         };
         readonly size: {
             default: string;
@@ -867,7 +867,7 @@ export declare const EpTable: {
             readonly prevIcon?: import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown> | undefined;
             readonly nextIcon?: import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown> | undefined;
             readonly appendSizeTo?: string | undefined;
-        } & import("packages/types/utils.js").WithOnPrefixAndCamelCase<{
+        } & import("el-plus/es/types/utils").WithOnPrefixAndCamelCase<{
             'update:current-page': (val: number) => boolean;
             'update:page-size': (val: number) => boolean;
             'size-change': (val: number) => boolean;
@@ -884,7 +884,7 @@ export declare const EpTable: {
             permission: string;
             onClick: (e: MouseEvent | import("./src/table").TableScope) => void;
             scopedSlots: Record<string, () => import("vue").VNode>;
-            disabled: import("packages/utils/props.js").IDisabled;
+            disabled: import("el-plus/es/utils/props").IDisabled;
             confirm: boolean;
             confirmText: string;
         } & {} & {
@@ -897,7 +897,7 @@ export declare const EpTable: {
             permission: string;
             onClick: (e: MouseEvent | import("./src/table").TableScope) => void;
             scopedSlots: Record<string, () => import("vue").VNode>;
-            disabled: import("packages/utils/props.js").IDisabled;
+            disabled: import("el-plus/es/utils/props").IDisabled;
             confirm: boolean;
             confirmText: string;
         } & {} & {
@@ -972,7 +972,7 @@ export declare const EpTable: {
             type: import("vue").PropType<import("element-plus").TableColumnCtx["selectable"]>;
         };
         readonly paginationProps: {
-            type: import("vue").PropType<Partial<import("element-plus").PaginationProps & import("packages/types/utils.js").WithOnPrefixAndCamelCase<import("element-plus").PaginationEmits>>>;
+            type: import("vue").PropType<Partial<import("element-plus").PaginationProps & import("el-plus/es/types/utils").WithOnPrefixAndCamelCase<import("element-plus").PaginationEmits>>>;
             default: () => {};
         };
         readonly showPagination: BooleanConstructor;
@@ -984,7 +984,7 @@ export declare const EpTable: {
                 permission: string;
                 onClick: (e: MouseEvent | import("./src/table").TableScope) => void;
                 scopedSlots: Record<string, () => import("vue").VNode>;
-                disabled: import("packages/utils/props.js").IDisabled;
+                disabled: import("el-plus/es/utils/props").IDisabled;
                 confirm: boolean;
                 confirmText: string;
             } & {} & {
@@ -1000,7 +1000,7 @@ export declare const EpTable: {
                 permission: string;
                 onClick: (e: MouseEvent | import("./src/table").TableScope) => void;
                 scopedSlots: Record<string, () => import("vue").VNode>;
-                disabled: import("packages/utils/props.js").IDisabled;
+                disabled: import("el-plus/es/utils/props").IDisabled;
                 confirm: boolean;
                 confirmText: string;
             } & {} & {
@@ -1017,10 +1017,10 @@ export declare const EpTable: {
             type: import("vue").PropType<number | string>;
         };
         readonly api: {
-            type: import("vue").PropType<import("packages/types/axios.js").Api>;
+            type: import("vue").PropType<import("el-plus/es/types/axios").Api>;
         };
         readonly method: {
-            type: import("vue").PropType<import("packages/types/axios.js").Method>;
+            type: import("vue").PropType<import("el-plus/es/types/axios").Method>;
         };
         readonly reqData: {
             type: ObjectConstructor;
@@ -1029,10 +1029,10 @@ export declare const EpTable: {
             type: ObjectConstructor;
         };
         readonly reqBefore: {
-            type: import("vue").PropType<import("packages/types/axios.js").ReqBefore>;
+            type: import("vue").PropType<import("el-plus/es/types/axios").ReqBefore>;
         };
         readonly reqAfter: {
-            type: import("vue").PropType<import("packages/types/axios.js").ReqAfter>;
+            type: import("vue").PropType<import("el-plus/es/types/axios").ReqAfter>;
         };
         readonly size: {
             default: string;
@@ -1795,7 +1795,7 @@ export declare const EpTable: {
             readonly prevIcon?: import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown> | undefined;
             readonly nextIcon?: import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown> | undefined;
             readonly appendSizeTo?: string | undefined;
-        } & import("packages/types/utils.js").WithOnPrefixAndCamelCase<{
+        } & import("el-plus/es/types/utils").WithOnPrefixAndCamelCase<{
             'update:current-page': (val: number) => boolean;
             'update:page-size': (val: number) => boolean;
             'size-change': (val: number) => boolean;
@@ -1812,7 +1812,7 @@ export declare const EpTable: {
             permission: string;
             onClick: (e: MouseEvent | import("./src/table").TableScope) => void;
             scopedSlots: Record<string, () => import("vue").VNode>;
-            disabled: import("packages/utils/props.js").IDisabled;
+            disabled: import("el-plus/es/utils/props").IDisabled;
             confirm: boolean;
             confirmText: string;
         } & {} & {
@@ -1825,7 +1825,7 @@ export declare const EpTable: {
             permission: string;
             onClick: (e: MouseEvent | import("./src/table").TableScope) => void;
             scopedSlots: Record<string, () => import("vue").VNode>;
-            disabled: import("packages/utils/props.js").IDisabled;
+            disabled: import("el-plus/es/utils/props").IDisabled;
             confirm: boolean;
             confirmText: string;
         } & {} & {
@@ -1884,17 +1884,17 @@ export declare const EpTable: {
         type: import("vue").PropType<import("element-plus").TableColumnCtx["selectable"]>;
     };
     readonly paginationProps: {
-        type: import("vue").PropType<Partial<import("element-plus").PaginationProps & import("packages/types/utils.js").WithOnPrefixAndCamelCase<import("element-plus").PaginationEmits>>>;
+        type: import("vue").PropType<Partial<import("element-plus").PaginationProps & import("el-plus/es/types/utils").WithOnPrefixAndCamelCase<import("element-plus").PaginationEmits>>>;
         default: () => {};
     };
     readonly showPagination: BooleanConstructor;
     readonly isFrontPage: BooleanConstructor;
     readonly actionButtons: {
-        type: import("vue").PropType<import("packages/el-plus/index.js").ButtonProps[]>;
+        type: import("vue").PropType<import("el-plus/es/index").ButtonProps[]>;
         default: () => never[];
     };
     readonly formatColumns: {
-        type: import("vue").PropType<import("packages/el-plus/index.js").ButtonProps[]>;
+        type: import("vue").PropType<import("el-plus/es/index").ButtonProps[]>;
         default: () => never[];
     };
     readonly isInitSearch: {
@@ -1905,10 +1905,10 @@ export declare const EpTable: {
         type: import("vue").PropType<number | string>;
     };
     readonly api: {
-        type: import("vue").PropType<import("packages/types/axios.js").Api>;
+        type: import("vue").PropType<import("el-plus/es/types/axios").Api>;
     };
     readonly method: {
-        type: import("vue").PropType<import("packages/types/axios.js").Method>;
+        type: import("vue").PropType<import("el-plus/es/types/axios").Method>;
     };
     readonly reqData: {
         type: ObjectConstructor;
@@ -1917,10 +1917,10 @@ export declare const EpTable: {
         type: ObjectConstructor;
     };
     readonly reqBefore: {
-        type: import("vue").PropType<import("packages/types/axios.js").ReqBefore>;
+        type: import("vue").PropType<import("el-plus/es/types/axios").ReqBefore>;
     };
     readonly reqAfter: {
-        type: import("vue").PropType<import("packages/types/axios.js").ReqAfter>;
+        type: import("vue").PropType<import("el-plus/es/types/axios").ReqAfter>;
     };
     readonly size: {
         default: string;
@@ -2683,7 +2683,7 @@ export declare const EpTable: {
         readonly prevIcon?: import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown> | undefined;
         readonly nextIcon?: import("element-plus/es/utils/index.js").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown> | undefined;
         readonly appendSizeTo?: string | undefined;
-    } & import("packages/types/utils.js").WithOnPrefixAndCamelCase<{
+    } & import("el-plus/es/types/utils").WithOnPrefixAndCamelCase<{
         'update:current-page': (val: number) => boolean;
         'update:page-size': (val: number) => boolean;
         'size-change': (val: number) => boolean;
@@ -2700,7 +2700,7 @@ export declare const EpTable: {
         permission: string;
         onClick: (e: MouseEvent | import("./src/table").TableScope) => void;
         scopedSlots: Record<string, () => import("vue").VNode>;
-        disabled: import("packages/utils/props.js").IDisabled;
+        disabled: import("el-plus/es/utils/props").IDisabled;
         confirm: boolean;
         confirmText: string;
     } & {} & {
@@ -2713,7 +2713,7 @@ export declare const EpTable: {
         permission: string;
         onClick: (e: MouseEvent | import("./src/table").TableScope) => void;
         scopedSlots: Record<string, () => import("vue").VNode>;
-        disabled: import("packages/utils/props.js").IDisabled;
+        disabled: import("el-plus/es/utils/props").IDisabled;
         confirm: boolean;
         confirmText: string;
     } & {} & {

package/lib/components/table/src/table.vue.d.ts

@@ -33,17 +33,17 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: import("vue").PropType<import("element-plus").TableColumnCtx["selectable"]>;
     };
     readonly paginationProps: {
-        type: import("vue").PropType<Partial<import("element-plus").PaginationProps & import("packages/types").WithOnPrefixAndCamelCase<import("element-plus").PaginationEmits>>>;
+        type: import("vue").PropType<Partial<import("element-plus").PaginationProps & import("el-plus/es/types").WithOnPrefixAndCamelCase<import("element-plus").PaginationEmits>>>;
         default: () => {};
     };
     readonly showPagination: BooleanConstructor;
     readonly isFrontPage: BooleanConstructor;
     readonly actionButtons: {
-        type: import("vue").PropType<import("packages/el-plus").ButtonProps[]>;
+        type: import("vue").PropType<import("el-plus/es").ButtonProps[]>;
         default: () => never[];
     };
     readonly formatColumns: {
-        type: import("vue").PropType<import("packages/el-plus").ButtonProps[]>;
+        type: import("vue").PropType<import("el-plus/es").ButtonProps[]>;
         default: () => never[];
     };
     readonly isInitSearch: {
@@ -54,10 +54,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: import("vue").PropType<number | string>;
     };
     readonly api: {
-        type: import("vue").PropType<import("packages/types").Api>;
+        type: import("vue").PropType<import("el-plus/es/types").Api>;
     };
     readonly method: {
-        type: import("vue").PropType<import("packages/types").Method>;
+        type: import("vue").PropType<import("el-plus/es/types").Method>;
     };
     readonly reqData: {
         type: ObjectConstructor;
@@ -66,10 +66,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: ObjectConstructor;
     };
     readonly reqBefore: {
-        type: import("vue").PropType<import("packages/types").ReqBefore>;
+        type: import("vue").PropType<import("el-plus/es/types").ReqBefore>;
     };
     readonly reqAfter: {
-        type: import("vue").PropType<import("packages/types").ReqAfter>;
+        type: import("vue").PropType<import("el-plus/es/types").ReqAfter>;
     };
     readonly size: {
         default: string;
@@ -810,17 +810,17 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: import("vue").PropType<import("element-plus").TableColumnCtx["selectable"]>;
     };
     readonly paginationProps: {
-        type: import("vue").PropType<Partial<import("element-plus").PaginationProps & import("packages/types").WithOnPrefixAndCamelCase<import("element-plus").PaginationEmits>>>;
+        type: import("vue").PropType<Partial<import("element-plus").PaginationProps & import("el-plus/es/types").WithOnPrefixAndCamelCase<import("element-plus").PaginationEmits>>>;
         default: () => {};
     };
     readonly showPagination: BooleanConstructor;
     readonly isFrontPage: BooleanConstructor;
     readonly actionButtons: {
-        type: import("vue").PropType<import("packages/el-plus").ButtonProps[]>;
+        type: import("vue").PropType<import("el-plus/es").ButtonProps[]>;
         default: () => never[];
     };
     readonly formatColumns: {
-        type: import("vue").PropType<import("packages/el-plus").ButtonProps[]>;
+        type: import("vue").PropType<import("el-plus/es").ButtonProps[]>;
         default: () => never[];
     };
     readonly isInitSearch: {
@@ -831,10 +831,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: import("vue").PropType<number | string>;
     };
     readonly api: {
-        type: import("vue").PropType<import("packages/types").Api>;
+        type: import("vue").PropType<import("el-plus/es/types").Api>;
     };
     readonly method: {
-        type: import("vue").PropType<import("packages/types").Method>;
+        type: import("vue").PropType<import("el-plus/es/types").Method>;
     };
     readonly reqData: {
         type: ObjectConstructor;
@@ -843,10 +843,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         type: ObjectConstructor;
     };
     readonly reqBefore: {
-        type: import("vue").PropType<import("packages/types").ReqBefore>;
+        type: import("vue").PropType<import("el-plus/es/types").ReqBefore>;
     };
     readonly reqAfter: {
-        type: import("vue").PropType<import("packages/types").ReqAfter>;
+        type: import("vue").PropType<import("el-plus/es/types").ReqAfter>;
     };
     readonly size: {
         default: string;
@@ -1601,7 +1601,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         readonly prevIcon?: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown> | undefined;
         readonly nextIcon?: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | ((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component))[], unknown, unknown> | undefined;
         readonly appendSizeTo?: string | undefined;
-    } & import("packages/types").WithOnPrefixAndCamelCase<{
+    } & import("el-plus/es/types").WithOnPrefixAndCamelCase<{
         'update:current-page': (val: number) => boolean;
         'update:page-size': (val: number) => boolean;
         'size-change': (val: number) => boolean;

package/lib/components/title/index.d.ts

@@ -5,9 +5,9 @@ export declare const EpTitle: {
                 name: string;
                 prop: string;
                 permission: string;
-                onClick: (e: MouseEvent | import("packages/el-plus/index.js").TableScope) => void;
+                onClick: (e: MouseEvent | import("el-plus/es/index").TableScope) => void;
                 scopedSlots: Record<string, () => import("vue").VNode>;
-                disabled: import("packages/utils/props.js").IDisabled;
+                disabled: import("el-plus/es/utils/props").IDisabled;
                 confirm: boolean;
                 confirmText: string;
             } & {} & {
@@ -30,9 +30,9 @@ export declare const EpTitle: {
             name: string;
             prop: string;
             permission: string;
-            onClick: (e: MouseEvent | import("packages/el-plus/index.js").TableScope) => void;
+            onClick: (e: MouseEvent | import("el-plus/es/index").TableScope) => void;
             scopedSlots: Record<string, () => import("vue").VNode>;
-            disabled: import("packages/utils/props.js").IDisabled;
+            disabled: import("el-plus/es/utils/props").IDisabled;
             confirm: boolean;
             confirmText: string;
         } & {} & {
@@ -53,9 +53,9 @@ export declare const EpTitle: {
                 name: string;
                 prop: string;
                 permission: string;
-                onClick: (e: MouseEvent | import("packages/el-plus/index.js").TableScope) => void;
+                onClick: (e: MouseEvent | import("el-plus/es/index").TableScope) => void;
                 scopedSlots: Record<string, () => import("vue").VNode>;
-                disabled: import("packages/utils/props.js").IDisabled;
+                disabled: import("el-plus/es/utils/props").IDisabled;
                 confirm: boolean;
                 confirmText: string;
             } & {} & {
@@ -76,9 +76,9 @@ export declare const EpTitle: {
             name: string;
             prop: string;
             permission: string;
-            onClick: (e: MouseEvent | import("packages/el-plus/index.js").TableScope) => void;
+            onClick: (e: MouseEvent | import("el-plus/es/index").TableScope) => void;
             scopedSlots: Record<string, () => import("vue").VNode>;
-            disabled: import("packages/utils/props.js").IDisabled;
+            disabled: import("el-plus/es/utils/props").IDisabled;
             confirm: boolean;
             confirmText: string;
         } & {} & {
@@ -92,7 +92,7 @@ export declare const EpTitle: {
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     readonly buttons: {
-        readonly type: import("vue").PropType<import("packages/el-plus/index.js").ButtonProps[]>;
+        readonly type: import("vue").PropType<import("el-plus/es/index").ButtonProps[]>;
         readonly default: () => never[];
     };
     readonly title: StringConstructor;
@@ -109,9 +109,9 @@ export declare const EpTitle: {
         name: string;
         prop: string;
         permission: string;
-        onClick: (e: MouseEvent | import("packages/el-plus/index.js").TableScope) => void;
+        onClick: (e: MouseEvent | import("el-plus/es/index").TableScope) => void;
         scopedSlots: Record<string, () => import("vue").VNode>;
-        disabled: import("packages/utils/props.js").IDisabled;
+        disabled: import("el-plus/es/utils/props").IDisabled;
         confirm: boolean;
         confirmText: string;
     } & {} & {

package/lib/components/title/src/title.vue.d.ts

@@ -43,7 +43,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
         name: string;
         prop: string;
         permission: string;
-        onClick: (e: MouseEvent | import("packages/el-plus").TableScope) => void;
+        onClick: (e: MouseEvent | import("el-plus/es").TableScope) => void;
         scopedSlots: Record<string, () => import("vue").VNode>;
         disabled: import("el-plus/es/utils/props").IDisabled;
         confirm: boolean;

package/lib/hooks/dialog/use-choose-dialog.d.ts

@@ -5,5 +5,5 @@ type Options = {
     dialogProps?: DialogOptions;
     multiple?: boolean;
 } & SearchListPageProps;
-export declare const useChooseDialog: (options?: Options) => import("packages/el-plus").TemplatePromise<unknown, []>;
+export declare const useChooseDialog: (options?: Options) => import("el-plus/es").TemplatePromise<unknown, []>;
 export {};

package/lib/hooks/dialog/use-choose-dialog.js

@@ -17,14 +17,14 @@ const useChooseDialog = (options = {}) => {
     multiple,
     ...rest
   } = options;
-  let selections = [];
+  let selections = vue.ref([]);
   const showSingleSelectionCol = !multiple;
   const scopedSlots = {};
   if (!showSingleSelectionCol) {
     scopedSlots.footerPrepend = () => {
       return vue.createVNode("span", {
         "class": bem.e("selected-count")
-      }, [t("ep.chooseDialog.selected"), selections.length, t("ep.chooseDialog.unit")]);
+      }, [t("ep.chooseDialog.selected"), selections.value.length, t("ep.chooseDialog.unit")]);
     };
   }
   return useDialog.useDialog({
@@ -52,10 +52,10 @@ const useChooseDialog = (options = {}) => {
         tableProps: {
           height: 300,
           onSelectionChange: (newSel) => {
-            selections = newSel;
+            selections.value = newSel;
           },
           onSingleSelectionChange: (newSel) => {
-            selections = newSel;
+            selections.value = newSel;
             resolve(vue.toRaw(selections));
           }
         }

package/lib/hooks/dialog/use-choose-dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-choose-dialog.js","sources":["../../../../../packages/hooks/dialog/use-choose-dialog.tsx"],"sourcesContent":["import { useDialog } from './use-dialog'\nimport { createNameSpace } from '@el-plus/utils/bem'\nimport { EpSearchListPage } from '@el-plus/components/search-list-page'\nimport type { DialogOptions } from './use-dialog'\nimport type { SearchListPageProps } from '@el-plus/components/search-list-page'\nimport { reactive, ref, toRaw } from 'vue'\nconst bem = createNameSpace('choose-dialog')\nimport { useLocale } from '@el-plus/hooks/use-locale'\n\ntype Options = {\n  title?: string\n  dialogProps?: DialogOptions\n  multiple?: boolean\n} & SearchListPageProps\nexport const useChooseDialog = (options: Options = {}) => {\n  const { t } = useLocale()\n  const { dialogProps, title, multiple, ...rest } = options\n  let selections = []\n  const showSingleSelectionCol = !multiple\n  const scopedSlots: DialogOptions['scopedSlots'] = {}\n  if (!showSingleSelectionCol) {\n    scopedSlots.footerPrepend = () => {\n      return (\n        <span class={bem.e('selected-count')}>\n          {t('ep.chooseDialog.selected')}\n          {selections.length}\n          {t('ep.chooseDialog.unit')}\n        </span>\n      )\n    }\n  }\n  return useDialog({\n    class: bem.b(),\n    width: '80%',\n    showFooter: !showSingleSelectionCol,\n    scopedSlots,\n    title,\n    onConfirm: (resolve) => {\n      resolve(JSON.parse(JSON.stringify(selections)))\n    },\n    render: ({ resolve }) => {\n      const formData = rest.formData || reactive({})\n      return (\n        <EpSearchListPage\n          {...{\n            showSelectionCol: multiple,\n            showSingleSelectionCol,\n            formData,\n            ...rest,\n            formProps: {\n              col: 3,\n              ...rest.formProps,\n            },\n            tableProps: {\n              height: 300,\n              onSelectionChange: (newSel) => {\n                selections = newSel\n              },\n              onSingleSelectionChange: (newSel) => {\n                selections = newSel\n                resolve(toRaw(selections))\n              },\n            },\n          }}\n        />\n      )\n    },\n    ...dialogProps,\n  })\n}\n"],"names":["bem","createNameSpace","useChooseDialog","options","t","useLocale","dialogProps","title","multiple","rest","selections","showSingleSelectionCol","scopedSlots","footerPrepend","_createVNode","e","length","useDialog","class","b","width","showFooter","onConfirm","resolve","JSON","parse","stringify","render","formData","reactive","EpSearchListPage","showSelectionCol","formProps","col","tableProps","height","onSelectionChange","newSel","onSingleSelectionChange","toRaw"],"mappings":";;;;;;;;AAMA,MAAMA,GAAAA,GAAMC,sBAAgB,eAAe,CAAA;AAQpC,MAAMC,eAAAA,GAAkBA,CAACC,OAAAA,GAAmB,EAAC,KAAM;AACxD,EAAA,MAAM;AAAA,IAAEC;AAAAA,MAAMC,mBAAAA,EAAU;AACxB,EAAA,MAAM;AAAA,IAAEC,WAAAA;AAAAA,IAAaC,KAAAA;AAAAA,IAAOC,QAAAA;AAAAA,IAAU,GAAGC;AAAAA,GAAK,GAAIN,OAAAA;AAClD,EAAA,IAAIO,aAAa,EAAA;AACjB,EAAA,MAAMC,yBAAyB,CAACH,QAAAA;AAChC,EAAA,MAAMI,cAA4C,EAAC;AACnD,EAAA,IAAI,CAACD,sBAAAA,EAAwB;AAC3BC,IAAAA,WAAAA,CAAYC,gBAAgB,MAAM;AAChC,MAAA,OAAAC,gBAAA,MAAA,EAAA;AAAA,QAAA,OAAA,EACed,GAAAA,CAAIe,CAAAA,CAAE,gBAAgB;AAAA,OAAC,EAAA,CACjCX,CAAAA,CAAE,0BAA0B,CAAA,EAC5BM,WAAWM,MAAAA,EACXZ,CAAAA,CAAE,sBAAsB,CAAC,CAAA,CAAA;AAAA,IAGhC,CAAA;AAAA,EACF;AACA,EAAA,OAAOa,mBAAAA,CAAU;AAAA,IACfC,KAAAA,EAAOlB,IAAImB,CAAAA,EAAE;AAAA,IACbC,KAAAA,EAAO,KAAA;AAAA,IACPC,YAAY,CAACV,sBAAAA;AAAAA,IACbC,WAAAA;AAAAA,IACAL,KAAAA;AAAAA,IACAe,WAAYC,CAAAA,OAAAA,KAAY;AACtBA,MAAAA,OAAAA,CAAQC,KAAKC,KAAAA,CAAMD,IAAAA,CAAKE,SAAAA,CAAUhB,UAAU,CAAC,CAAC,CAAA;AAAA,IAChD,CAAA;AAAA,IACAiB,QAAQA,CAAC;AAAA,MAAEJ;AAAAA,KAAQ,KAAM;AACvB,MAAA,MAAMK,QAAAA,GAAWnB,IAAAA,CAAKmB,QAAAA,IAAYC,YAAAA,CAAS,EAAE,CAAA;AAC7C,MAAA,OAAAf,gBAAAgB,sBAAAA,EAAA;AAAA,QAGMC,gBAAAA,EAAkBvB,QAAAA;AAAAA,QAClBG,sBAAAA;AAAAA,QACAiB,QAAAA;AAAAA,QACA,GAAGnB,IAAAA;AAAAA,QACHuB,SAAAA,EAAW;AAAA,UACTC,GAAAA,EAAK,CAAA;AAAA,UACL,GAAGxB,IAAAA,CAAKuB;AAAAA,SACV;AAAA,QACAE,UAAAA,EAAY;AAAA,UACVC,MAAAA,EAAQ,GAAA;AAAA,UACRC,mBAAoBC,CAAAA,MAAAA,KAAW;AAC7B3B,YAAAA,UAAAA,GAAa2B,MAAAA;AAAAA,UACf,CAAA;AAAA,UACAC,yBAA0BD,CAAAA,MAAAA,KAAW;AACnC3B,YAAAA,UAAAA,GAAa2B,MAAAA;AACbd,YAAAA,OAAAA,CAAQgB,SAAAA,CAAM7B,UAAU,CAAC,CAAA;AAAA,UAC3B;AAAA;AACF,SAAC,IAAA,CAAA;AAAA,IAIT,CAAA;AAAA,IACA,GAAGJ;AAAAA,GACJ,CAAA;AACH;;;;"}
+{"version":3,"file":"use-choose-dialog.js","sources":["../../../../../packages/hooks/dialog/use-choose-dialog.tsx"],"sourcesContent":["import { useDialog } from './use-dialog'\nimport { createNameSpace } from '@el-plus/utils/bem'\nimport { EpSearchListPage } from '@el-plus/components/search-list-page'\nimport type { DialogOptions } from './use-dialog'\nimport type { SearchListPageProps } from '@el-plus/components/search-list-page'\nimport { reactive, ref, toRaw } from 'vue'\nconst bem = createNameSpace('choose-dialog')\nimport { useLocale } from '@el-plus/hooks/use-locale'\n\ntype Options = {\n  title?: string\n  dialogProps?: DialogOptions\n  multiple?: boolean\n} & SearchListPageProps\nexport const useChooseDialog = (options: Options = {}) => {\n  const { t } = useLocale()\n  const { dialogProps, title, multiple, ...rest } = options\n  let selections = ref([])\n  const showSingleSelectionCol = !multiple\n  const scopedSlots: DialogOptions['scopedSlots'] = {}\n  if (!showSingleSelectionCol) {\n    scopedSlots.footerPrepend = () => {\n      return (\n        <span class={bem.e('selected-count')}>\n          {t('ep.chooseDialog.selected')}\n          {selections.value.length}\n          {t('ep.chooseDialog.unit')}\n        </span>\n      )\n    }\n  }\n  return useDialog({\n    class: bem.b(),\n    width: '80%',\n    showFooter: !showSingleSelectionCol,\n    scopedSlots,\n    title,\n    onConfirm: (resolve) => {\n      resolve(JSON.parse(JSON.stringify(selections)))\n    },\n    render: ({ resolve }) => {\n      const formData = rest.formData || reactive({})\n      return (\n        <EpSearchListPage\n          {...{\n            showSelectionCol: multiple,\n            showSingleSelectionCol,\n            formData,\n            ...rest,\n            formProps: {\n              col: 3,\n              ...rest.formProps,\n            },\n            tableProps: {\n              height: 300,\n              onSelectionChange: (newSel) => {\n                selections.value = newSel\n              },\n              onSingleSelectionChange: (newSel) => {\n                selections.value = newSel\n                resolve(toRaw(selections))\n              },\n            },\n          }}\n        />\n      )\n    },\n    ...dialogProps,\n  })\n}\n"],"names":["bem","createNameSpace","useChooseDialog","options","t","useLocale","dialogProps","title","multiple","rest","selections","ref","showSingleSelectionCol","scopedSlots","footerPrepend","_createVNode","e","value","length","useDialog","class","b","width","showFooter","onConfirm","resolve","JSON","parse","stringify","render","formData","reactive","EpSearchListPage","showSelectionCol","formProps","col","tableProps","height","onSelectionChange","newSel","onSingleSelectionChange","toRaw"],"mappings":";;;;;;;;AAMA,MAAMA,GAAAA,GAAMC,sBAAgB,eAAe,CAAA;AAQpC,MAAMC,eAAAA,GAAkBA,CAACC,OAAAA,GAAmB,EAAC,KAAM;AACxD,EAAA,MAAM;AAAA,IAAEC;AAAAA,MAAMC,mBAAAA,EAAU;AACxB,EAAA,MAAM;AAAA,IAAEC,WAAAA;AAAAA,IAAaC,KAAAA;AAAAA,IAAOC,QAAAA;AAAAA,IAAU,GAAGC;AAAAA,GAAK,GAAIN,OAAAA;AAClD,EAAA,IAAIO,UAAAA,GAAaC,OAAAA,CAAI,EAAE,CAAA;AACvB,EAAA,MAAMC,yBAAyB,CAACJ,QAAAA;AAChC,EAAA,MAAMK,cAA4C,EAAC;AACnD,EAAA,IAAI,CAACD,sBAAAA,EAAwB;AAC3BC,IAAAA,WAAAA,CAAYC,gBAAgB,MAAM;AAChC,MAAA,OAAAC,gBAAA,MAAA,EAAA;AAAA,QAAA,OAAA,EACef,GAAAA,CAAIgB,CAAAA,CAAE,gBAAgB;AAAA,OAAC,EAAA,CACjCZ,CAAAA,CAAE,0BAA0B,CAAA,EAC5BM,UAAAA,CAAWO,KAAAA,CAAMC,MAAAA,EACjBd,CAAAA,CAAE,sBAAsB,CAAC,CAAA,CAAA;AAAA,IAGhC,CAAA;AAAA,EACF;AACA,EAAA,OAAOe,mBAAAA,CAAU;AAAA,IACfC,KAAAA,EAAOpB,IAAIqB,CAAAA,EAAE;AAAA,IACbC,KAAAA,EAAO,KAAA;AAAA,IACPC,YAAY,CAACX,sBAAAA;AAAAA,IACbC,WAAAA;AAAAA,IACAN,KAAAA;AAAAA,IACAiB,WAAYC,CAAAA,OAAAA,KAAY;AACtBA,MAAAA,OAAAA,CAAQC,KAAKC,KAAAA,CAAMD,IAAAA,CAAKE,SAAAA,CAAUlB,UAAU,CAAC,CAAC,CAAA;AAAA,IAChD,CAAA;AAAA,IACAmB,QAAQA,CAAC;AAAA,MAAEJ;AAAAA,KAAQ,KAAM;AACvB,MAAA,MAAMK,QAAAA,GAAWrB,IAAAA,CAAKqB,QAAAA,IAAYC,YAAAA,CAAS,EAAE,CAAA;AAC7C,MAAA,OAAAhB,gBAAAiB,sBAAAA,EAAA;AAAA,QAGMC,gBAAAA,EAAkBzB,QAAAA;AAAAA,QAClBI,sBAAAA;AAAAA,QACAkB,QAAAA;AAAAA,QACA,GAAGrB,IAAAA;AAAAA,QACHyB,SAAAA,EAAW;AAAA,UACTC,GAAAA,EAAK,CAAA;AAAA,UACL,GAAG1B,IAAAA,CAAKyB;AAAAA,SACV;AAAA,QACAE,UAAAA,EAAY;AAAA,UACVC,MAAAA,EAAQ,GAAA;AAAA,UACRC,mBAAoBC,CAAAA,MAAAA,KAAW;AAC7B7B,YAAAA,UAAAA,CAAWO,KAAAA,GAAQsB,MAAAA;AAAAA,UACrB,CAAA;AAAA,UACAC,yBAA0BD,CAAAA,MAAAA,KAAW;AACnC7B,YAAAA,UAAAA,CAAWO,KAAAA,GAAQsB,MAAAA;AACnBd,YAAAA,OAAAA,CAAQgB,SAAAA,CAAM/B,UAAU,CAAC,CAAA;AAAA,UAC3B;AAAA;AACF,SAAC,IAAA,CAAA;AAAA,IAIT,CAAA;AAAA,IACA,GAAGJ;AAAAA,GACJ,CAAA;AACH;;;;"}

package/lib/hooks/dialog/use-form-dialog.d.ts

@@ -5,5 +5,5 @@ type Options = {
     dialogProps?: DialogOptions;
     formData?: FormProps['model'];
 } & FormProps;
-export declare const useFormDialog: (options?: Options) => import("packages/el-plus").TemplatePromise<unknown, []>;
+export declare const useFormDialog: (options?: Options) => import("el-plus/es").TemplatePromise<unknown, []>;
 export {};

package/lib/hooks/use-template-promise.js

@@ -44,22 +44,25 @@ const useTemplatePromise = (options = {}) => {
         if (index2 !== -1) instances.value.splice(index2, 1);
       } else {
         props.isVisible = false;
-        const wrapper = document.querySelector(".ep-template-promise");
-        if (wrapper.style["zIndex"]) {
-          return;
-        }
+      }
+    });
+    return props.promise;
+  };
+  const open = (...args) => {
+    instances.value = [];
+    const com = create(...args);
+    vue.nextTick(() => {
+      const wrapper = document.querySelector(".ep-template-promise.is-init");
+      if (wrapper) {
         const dialog = wrapper?.querySelector(".el-modal-dialog");
         const zIndex = dialog ? dialog.style["z-index"] : "";
         if (zIndex && wrapper) {
           wrapper.style.zIndex = zIndex;
         }
+        wrapper.classList.remove("is-init");
       }
     });
-    return props.promise;
-  };
-  const open = (...args) => {
-    instances.value = [];
-    return create(...args);
+    return com;
   };
   const component = /* @__PURE__ */ vue.defineComponent((_, ctx) => {
     const {
@@ -68,7 +71,7 @@ const useTemplatePromise = (options = {}) => {
     const renderList = () => instances.value.map((props) => {
       return vue.withDirectives(vue.h("div", {
         // key: props.key,
-        class: "ep-template-promise"
+        class: "ep-template-promise is-init"
       }, render ? render(props, ctx) : slots.default?.(props)), [[vue.vShow, props.isVisible]]);
     });
     if (transition) return () => {

package/lib/hooks/use-template-promise.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-template-promise.js","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} 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    return create(...args)\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',\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","wrapper","document","querySelector","style","dialog","zIndex","open","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.js","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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"}

package/lib/package.json.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var version = "0.0.24";
+var version = "0.0.26";
 
 exports.version = version;
 //# sourceMappingURL=package.json.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "el-plus",
-  "version": "0.0.24",
+  "version": "0.0.26",
   "description": "pro base on element-plus",
   "module": "./es/index.mjs",
   "keywords": [

package/theme-chalk/dialog.css

@@ -1 +1 @@
-.ep-template-promise{position:relative}.ep-dialog{padding:20px 25px 40px}.ep-dialog .el-dialog__headerbtn{height:56px}.ep-dialog .el-dialog__headerbtn .el-dialog__close{transform:scale(1.3)}.ep-dialog .el-dialog__header{text-align:center}.ep-dialog .el-dialog__header .el-dialog__title{color:#505050;font-size:16px;font-weight:600;line-height:24px;margin:4px}.ep-dialog .el-dialog__body{padding:25px 0 0}.ep-dialog__footer{padding:14px 0 0}.ep-dialog__footer button{font-size:12px}.ep-choose-dialog__selected-count{color:#409eff;float:left;font-size:16px;line-height:32px}
+.ep-template-promise{position:relative;z-index:8888888888888888}.ep-dialog{padding:20px 25px 40px}.ep-dialog .el-dialog__headerbtn{height:56px}.ep-dialog .el-dialog__headerbtn .el-dialog__close{transform:scale(1.3)}.ep-dialog .el-dialog__header{text-align:center}.ep-dialog .el-dialog__header .el-dialog__title{color:#505050;font-size:16px;font-weight:600;line-height:24px;margin:4px}.ep-dialog .el-dialog__body{padding:25px 0 0}.ep-dialog__footer{padding:14px 0 0}.ep-dialog__footer button{font-size:12px}.ep-choose-dialog__selected-count{color:#409eff;float:left;font-size:16px;line-height:32px}

package/theme-chalk/form.css

@@ -1 +1 @@
-.ep-form{position:relative}.ep-form__fold{bottom:23px;color:#367ef5;cursor:pointer;font-size:14px;position:absolute;right:0;text-align:center;width:70px}.ep-form__fold:hover{text-decoration:underline}.ep-form.is-fold{padding-right:70px}.ep-form .el-form-item--small{margin-bottom:18px}.ep-form .el-form-item--small .el-form-item__label{display:block;height:32px;line-height:32px;overflow:hidden;padding-left:18px;padding-right:6px;text-overflow:ellipsis;white-space:nowrap}.ep-form .el-form-item--small .el-form-item__content{font-size:13px;line-height:32px}.ep-form .el-form-item--small .el-form-item__content .el-input{font-size:13px;height:32px}.ep-form .el-form-item--small .el-form-item__content .el-select__wrapper{font-size:13px;line-height:32px;min-height:32px}.ep-form .el-form-item--small .el-form-item__content .el-date-editor .el-range-input{font-size:13px}
+.ep-form{position:relative}.ep-form__fold{bottom:23px;color:#367ef5;cursor:pointer;font-size:14px;position:absolute;right:0;text-align:center;width:70px}.ep-form__fold:hover{text-decoration:underline}.ep-form.is-fold{padding-right:70px}.ep-form .el-form-item--small{margin-bottom:18px}.ep-form .el-form-item--small .el-form-item__label{display:block;height:32px;line-height:32px;overflow:hidden;padding-left:18px;padding-right:6px;text-overflow:ellipsis;white-space:nowrap}.ep-form .el-form-item--small .el-form-item__content{font-size:13px;line-height:32px}.ep-form .el-form-item--small .el-form-item__content .el-input{font-size:13px;height:32px}.ep-form .el-form-item--small .el-form-item__content .el-textarea__inner{font-size:13px!important}.ep-form .el-form-item--small .el-form-item__content .el-select__wrapper{font-size:13px;line-height:32px;min-height:32px}.ep-form .el-form-item--small .el-form-item__content .el-date-editor .el-range-input{font-size:13px}