fast-element-plus 1.0.0-alpha.9 → 1.0.1

package/dist/styles/index.css

@@ -160,7 +160,7 @@
   border: none;
 }
 .fa-context-menu .el-dropdown-menu .el-dropdown-menu__item {
-  font-size: var(--el-font-size-extra-small);
+  font-size: var(--el-font-size-small);
 }
 .fa-context-menu .el-dropdown-menu .el-dropdown-menu__item .fa-icon {
   margin-right: 5px;
@@ -174,7 +174,7 @@
 }
 
 .fa-context-menu-small .el-dropdown-menu .el-dropdown-menu__item {
-  font-size: calc(var(--el-font-size-extra-small) - 1px);
+  font-size: var(--el-font-size-extra-small);
 }
 .fa-context-menu-small .el-dropdown-menu .el-dropdown-menu__item .fa-icon {
   margin-right: 3px;

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

@@ -1,4 +1,4 @@
-import type { ExtractPropTypes } from "vue";
+import { ExtractPropTypes } from "vue";
 import { TSXWithInstall } from "@fast-china/utils";
 import { default as Avatar, faAvatarEmits, faAvatarProps } from "./src/avatar";
 

package/es/components/avatar/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../packages/components/avatar/index.ts"],"sourcesContent":["import type { ExtractPropTypes } from \"vue\";\nimport { withInstall } from \"@fast-china/utils\";\nimport type { faAvatarEmits, faAvatarProps } from \"./src/avatar\";\nimport Avatar from \"./src/avatar\";\n\nexport const FaAvatar = withInstall(Avatar);\nexport default FaAvatar;\n\nexport { faAvatarProps as faAvatarProps, faAvatarEmits as faAvatarEmits };\n\nexport type FaAvatarInstance = InstanceType<typeof Avatar>;\n\nexport type FaAvatarProps = ExtractPropTypes<typeof faAvatarProps>;\n\nexport type FaAvatarEmits = typeof faAvatarEmits;\n"],"names":[],"mappings":";;AAKO,MAAM,WAAW,YAAY,MAAM;"}
+{"version":3,"file":"index.mjs","sources":["../../../../packages/components/avatar/index.ts"],"sourcesContent":["import { withInstall } from \"@fast-china/utils\";\nimport Avatar from \"./src/avatar\";\nimport type { faAvatarEmits, faAvatarProps } from \"./src/avatar\";\nimport type { ExtractPropTypes } from \"vue\";\n\nexport const FaAvatar = withInstall(Avatar);\nexport default FaAvatar;\n\nexport { faAvatarProps as faAvatarProps, faAvatarEmits as faAvatarEmits };\n\nexport type FaAvatarInstance = InstanceType<typeof Avatar>;\n\nexport type FaAvatarProps = ExtractPropTypes<typeof faAvatarProps>;\n\nexport type FaAvatarEmits = typeof faAvatarEmits;\n"],"names":[],"mappings":";;AAKO,MAAM,WAAW,YAAY,MAAM;"}

package/es/components/avatar/src/avatar.d.ts

@@ -3,7 +3,7 @@ export declare const faAvatarProps: {
     /** @description representation type to icon, more info on icon component. */
     icon: {
         type: import('vue').PropType<string | Component>;
-        default: () => import('vue').DefineComponent<{}, void, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        default: () => string | Component;
     };
     /**
      * @description 原图
@@ -15,40 +15,12 @@ export declare const faAvatarProps: {
     small: BooleanConstructor;
     /** @description 缩略图 */
     thumb: BooleanConstructor;
-    size: {
-        readonly type: import('vue').PropType<number | "" | "small" | "default" | "large">;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "";
-    };
-    shape: {
-        readonly type: import('vue').PropType<"circle" | "square">;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "circle";
-    };
-    src: {
-        readonly type: import('vue').PropType<string>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "";
-    };
+    size: import('element-plus/es/utils/index.mjs').EpPropFinalized<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number, "", boolean>;
+    shape: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "circle" | "square", unknown, "circle", boolean>;
+    src: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     alt: StringConstructor;
     srcSet: StringConstructor;
-    fit: {
-        readonly type: import('vue').PropType<any>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "cover";
-    };
+    fit: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => "fill" | "contain" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "cover" | "scale-down") | (() => ObjectFitProperty) | ((new (...args: any[]) => "fill" | "contain" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "cover" | "scale-down") | (() => ObjectFitProperty))[], unknown, unknown, "cover", boolean>;
 };
 export declare const faAvatarEmits: {
     error: (evt: Event) => boolean;
@@ -63,7 +35,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     /** @description representation type to icon, more info on icon component. */
     icon: {
         type: import('vue').PropType<string | Component>;
-        default: () => import('vue').DefineComponent<{}, void, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        default: () => string | Component;
     };
     /**
      * @description 原图
@@ -75,40 +47,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     small: BooleanConstructor;
     /** @description 缩略图 */
     thumb: BooleanConstructor;
-    size: {
-        readonly type: import('vue').PropType<number | "" | "small" | "default" | "large">;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "";
-    };
-    shape: {
-        readonly type: import('vue').PropType<"circle" | "square">;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "circle";
-    };
-    src: {
-        readonly type: import('vue').PropType<string>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "";
-    };
+    size: import('element-plus/es/utils/index.mjs').EpPropFinalized<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number, "", boolean>;
+    shape: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "circle" | "square", unknown, "circle", boolean>;
+    src: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     alt: StringConstructor;
     srcSet: StringConstructor;
-    fit: {
-        readonly type: import('vue').PropType<any>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "cover";
-    };
+    fit: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => "fill" | "contain" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "cover" | "scale-down") | (() => ObjectFitProperty) | ((new (...args: any[]) => "fill" | "contain" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "cover" | "scale-down") | (() => ObjectFitProperty))[], unknown, unknown, "cover", boolean>;
 }>, {
     /** @description 图片路径 */
     src: string;
@@ -118,7 +62,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     /** @description representation type to icon, more info on icon component. */
     icon: {
         type: import('vue').PropType<string | Component>;
-        default: () => import('vue').DefineComponent<{}, void, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        default: () => string | Component;
     };
     /**
      * @description 原图
@@ -130,50 +74,22 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     small: BooleanConstructor;
     /** @description 缩略图 */
     thumb: BooleanConstructor;
-    size: {
-        readonly type: import('vue').PropType<number | "" | "small" | "default" | "large">;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "";
-    };
-    shape: {
-        readonly type: import('vue').PropType<"circle" | "square">;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "circle";
-    };
-    src: {
-        readonly type: import('vue').PropType<string>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "";
-    };
+    size: import('element-plus/es/utils/index.mjs').EpPropFinalized<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number, "", boolean>;
+    shape: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "circle" | "square", unknown, "circle", boolean>;
+    src: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     alt: StringConstructor;
     srcSet: StringConstructor;
-    fit: {
-        readonly type: import('vue').PropType<any>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "cover";
-    };
+    fit: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => "fill" | "contain" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "cover" | "scale-down") | (() => ObjectFitProperty) | ((new (...args: any[]) => "fill" | "contain" | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "none" | "cover" | "scale-down") | (() => ObjectFitProperty))[], unknown, unknown, "cover", boolean>;
 }>> & Readonly<{
     onError?: (evt: Event) => any;
 }>, {
     small: boolean;
-    size: number | "" | "small" | "default" | "large";
-    icon: import('vue').DefineComponent<{}, void, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    size: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "small" | "default" | "large", number>;
+    icon: string | Component;
     original: boolean;
     normal: boolean;
     thumb: boolean;
-    shape: "circle" | "square";
+    shape: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "circle" | "square", unknown>;
     src: string;
     fit: any;
 }, import('vue').SlotsType<Partial<import('@fast-china/utils').MakeSlots<FaAvatarSlots>>>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/components/avatar/src/avatar.mjs

@@ -1,13 +1,12 @@
 import { defineComponent, reactive, computed, createVNode, mergeProps } from "vue";
+import { avatarProps, avatarEmits, ElAvatar } from "element-plus";
 import { Picture } from "@element-plus/icons-vue";
 import { definePropType, useProps, useRender, useExpose, makeSlots } from "@fast-china/utils";
-import { avatarProps, avatarEmits, ElAvatar } from "element-plus";
 const faAvatarProps = {
   ...avatarProps,
   /** @description representation type to icon, more info on icon component. */
   icon: {
     type: definePropType([String, Object, Function]),
-    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
     default: () => Picture
   },
   /**

package/es/components/avatar/src/avatar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.mjs","sources":["../../../../../packages/components/avatar/src/avatar.tsx"],"sourcesContent":["import type { Component } from \"vue\";\nimport { computed, defineComponent, reactive } from \"vue\";\nimport { Picture } from \"@element-plus/icons-vue\";\nimport { definePropType, makeSlots, useExpose, useProps, useRender } from \"@fast-china/utils\";\nimport { ElAvatar, avatarEmits, avatarProps } from \"element-plus\";\n\nexport const faAvatarProps = {\n\t...avatarProps,\n\t/** @description representation type to icon, more info on icon component. */\n\ticon: {\n\t\ttype: definePropType<string | Component>([String, Object, Function]),\n\t\t// eslint-disable-next-line @typescript-eslint/explicit-function-return-type\n\t\tdefault: () => Picture,\n\t},\n\t/**\n\t * @description 原图\n\t */\n\toriginal: Boolean,\n\t/** @description 标准 */\n\tnormal: Boolean,\n\t/** @description 小图 */\n\tsmall: Boolean,\n\t/** @description 缩略图 */\n\tthumb: Boolean,\n};\n\nexport const faAvatarEmits = {\n\t...avatarEmits,\n};\n\ntype FaAvatarSlots = {\n\t/** @description 默认内容插槽 */\n\tdefault: { src: string };\n};\n\nexport default defineComponent({\n\tname: \"FaAvatar\",\n\tprops: faAvatarProps,\n\temits: faAvatarEmits,\n\tslots: makeSlots<FaAvatarSlots>(),\n\tsetup(props, { attrs, slots, emit, expose }) {\n\t\tconst state = reactive({\n\t\t\tsrc: computed(() => {\n\t\t\t\tif (props.src) {\n\t\t\t\t\tif (props.original) {\n\t\t\t\t\t\treturn props.src;\n\t\t\t\t\t} else if (props.normal) {\n\t\t\t\t\t\treturn `${props.src}@!normal`;\n\t\t\t\t\t} else if (props.small) {\n\t\t\t\t\t\treturn `${props.src}@!small`;\n\t\t\t\t\t} else if (props.thumb) {\n\t\t\t\t\t\treturn `${props.src}@!thumb`;\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// 默认使用缩略图\n\t\t\t\t\t\treturn `${props.src}@!thumb`;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\treturn undefined;\n\t\t\t}),\n\t\t});\n\n\t\tconst elAvatarProps = useProps(props, avatarProps, [\"src\"]);\n\n\t\tuseRender(() => (\n\t\t\t<ElAvatar {...elAvatarProps.value} class=\"fa-avatar\" src={state.src} onError={(evt: Event) => emit(\"error\", evt)}>\n\t\t\t\t{slots.default && slots.default({ src: state.src })}\n\t\t\t</ElAvatar>\n\t\t));\n\n\t\treturn useExpose(expose, {\n\t\t\t/** @description 图片路径 */\n\t\t\tsrc: state.src,\n\t\t});\n\t},\n});\n"],"names":["faAvatarProps","avatarProps","icon","type","definePropType","String","Object","Function","default","Picture","original","Boolean","normal","small","thumb","faAvatarEmits","avatarEmits","name","props","emits","slots","makeSlots","setup","attrs","emit","expose","state","reactive","src","computed","undefined","elAvatarProps","useProps","useRender","_createVNode","ElAvatar","_mergeProps","value","evt","useExpose"],"mappings":";;;;AAMO,MAAMA,gBAAgB;AAAA,EAC5B,GAAGC;AAAAA;AAAAA,EAEHC,MAAM;AAAA,IACLC,MAAMC,eAAmC,CAACC,QAAQC,QAAQC,QAAQ,CAAC;AAAA;AAAA,IAEnEC,SAASA,MAAMC;AAAAA;;;;EAKhBC,UAAUC;AAAAA;AAAAA,EAEVC,QAAQD;AAAAA;AAAAA,EAERE,OAAOF;AAAAA;AAAAA,EAEPG,OAAOH;AACR;AAEO,MAAMI,gBAAgB;AAAA,EAC5B,GAAGC;AACJ;AAOA,MAAA,yCAA+B;AAAA,EAC9BC,MAAM;AAAA,EACNC,OAAOlB;AAAAA,EACPmB,OAAOJ;AAAAA,EACPK,OAAOC,UAAS;AAAA,EAChBC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,IAAOH;AAAAA,IAAOI;AAAAA,IAAMC;AAAAA,EAAO,GAAG;AAC5C,UAAMC,QAAQC,SAAS;AAAA,MACtBC,KAAKC,SAAS,MAAM;AACnB,YAAIX,MAAMU,KAAK;AACd,cAAIV,MAAMR,UAAU;AACnB,mBAAOQ,MAAMU;AAAAA,UACd,WAAWV,MAAMN,QAAQ;AACxB,mBAAO,GAAGM,MAAMU,GAAG;AAAA,UACpB,WAAWV,MAAML,OAAO;AACvB,mBAAO,GAAGK,MAAMU,GAAG;AAAA,UACpB,WAAWV,MAAMJ,OAAO;AACvB,mBAAO,GAAGI,MAAMU,GAAG;AAAA,UACpB,OAAO;AAEN,mBAAO,GAAGV,MAAMU,GAAG;AAAA,UACpB;AAAA,QACD;AACA,eAAOE;AAAAA,MACR,CAAC;AAAA,IACF,CAAC;AAED,UAAMC,gBAAgBC,SAASd,OAAOjB,aAAa,CAAC,KAAK,CAAC;AAE1DgC,cAAU,MAAAC,YAAAC,UAAAC,WACKL,cAAcM,OAAK;AAAA,MAAA,SAAA;AAAA,MAAA,OAAyBX,MAAME;AAAAA,MAAG,WAAYU,SAAed,KAAK,SAASc,GAAG;AAAA,IAAC,CAAA,GAAA;AAAA,MAAA9B,SAAAA,MAAA,CAC9GY,MAAMZ,WAAWY,MAAMZ,QAAQ;AAAA,QAAEoB,KAAKF,MAAME;AAAAA,MAAI,CAAC,CAAC;AAAA,IAAA,CAAA,CAEpD;AAED,WAAOW,UAAUd,QAAQ;AAAA;AAAA,MAExBG,KAAKF,MAAME;AAAAA,IACZ,CAAC;AAAA,EACF;AACD,CAAC;"}
+{"version":3,"file":"avatar.mjs","sources":["../../../../../packages/components/avatar/src/avatar.tsx"],"sourcesContent":["import { computed, defineComponent, reactive } from \"vue\";\nimport { ElAvatar, avatarEmits, avatarProps } from \"element-plus\";\nimport { Picture } from \"@element-plus/icons-vue\";\nimport { definePropType, makeSlots, useExpose, useProps, useRender } from \"@fast-china/utils\";\nimport type { Component } from \"vue\";\n\nexport const faAvatarProps = {\n\t...avatarProps,\n\t/** @description representation type to icon, more info on icon component. */\n\ticon: {\n\t\ttype: definePropType<string | Component>([String, Object, Function]),\n\t\tdefault: (): string | Component => Picture,\n\t},\n\t/**\n\t * @description 原图\n\t */\n\toriginal: Boolean,\n\t/** @description 标准 */\n\tnormal: Boolean,\n\t/** @description 小图 */\n\tsmall: Boolean,\n\t/** @description 缩略图 */\n\tthumb: Boolean,\n};\n\nexport const faAvatarEmits = {\n\t...avatarEmits,\n};\n\ntype FaAvatarSlots = {\n\t/** @description 默认内容插槽 */\n\tdefault: { src: string };\n};\n\nexport default defineComponent({\n\tname: \"FaAvatar\",\n\tprops: faAvatarProps,\n\temits: faAvatarEmits,\n\tslots: makeSlots<FaAvatarSlots>(),\n\tsetup(props, { attrs, slots, emit, expose }) {\n\t\tconst state = reactive({\n\t\t\tsrc: computed(() => {\n\t\t\t\tif (props.src) {\n\t\t\t\t\tif (props.original) {\n\t\t\t\t\t\treturn props.src;\n\t\t\t\t\t} else if (props.normal) {\n\t\t\t\t\t\treturn `${props.src}@!normal`;\n\t\t\t\t\t} else if (props.small) {\n\t\t\t\t\t\treturn `${props.src}@!small`;\n\t\t\t\t\t} else if (props.thumb) {\n\t\t\t\t\t\treturn `${props.src}@!thumb`;\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// 默认使用缩略图\n\t\t\t\t\t\treturn `${props.src}@!thumb`;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\treturn undefined;\n\t\t\t}),\n\t\t});\n\n\t\tconst elAvatarProps = useProps(props, avatarProps, [\"src\"]);\n\n\t\tuseRender(() => (\n\t\t\t<ElAvatar {...elAvatarProps.value} class=\"fa-avatar\" src={state.src} onError={(evt: Event) => emit(\"error\", evt)}>\n\t\t\t\t{slots.default && slots.default({ src: state.src })}\n\t\t\t</ElAvatar>\n\t\t));\n\n\t\treturn useExpose(expose, {\n\t\t\t/** @description 图片路径 */\n\t\t\tsrc: state.src,\n\t\t});\n\t},\n});\n"],"names":["faAvatarProps","avatarProps","icon","type","definePropType","String","Object","Function","default","Picture","original","Boolean","normal","small","thumb","faAvatarEmits","avatarEmits","name","props","emits","slots","makeSlots","setup","attrs","emit","expose","state","reactive","src","computed","undefined","elAvatarProps","useProps","useRender","_createVNode","ElAvatar","_mergeProps","value","evt","useExpose"],"mappings":";;;;AAMO,MAAMA,gBAAgB;AAAA,EAC5B,GAAGC;AAAAA;AAAAA,EAEHC,MAAM;AAAA,IACLC,MAAMC,eAAmC,CAACC,QAAQC,QAAQC,QAAQ,CAAC;AAAA,IACnEC,SAASA,MAA0BC;AAAAA;;;;EAKpCC,UAAUC;AAAAA;AAAAA,EAEVC,QAAQD;AAAAA;AAAAA,EAERE,OAAOF;AAAAA;AAAAA,EAEPG,OAAOH;AACR;AAEO,MAAMI,gBAAgB;AAAA,EAC5B,GAAGC;AACJ;AAOA,MAAA,yCAA+B;AAAA,EAC9BC,MAAM;AAAA,EACNC,OAAOlB;AAAAA,EACPmB,OAAOJ;AAAAA,EACPK,OAAOC,UAAS;AAAA,EAChBC,MAAMJ,OAAO;AAAA,IAAEK;AAAAA,IAAOH;AAAAA,IAAOI;AAAAA,IAAMC;AAAAA,EAAO,GAAG;AAC5C,UAAMC,QAAQC,SAAS;AAAA,MACtBC,KAAKC,SAAS,MAAM;AACnB,YAAIX,MAAMU,KAAK;AACd,cAAIV,MAAMR,UAAU;AACnB,mBAAOQ,MAAMU;AAAAA,UACd,WAAWV,MAAMN,QAAQ;AACxB,mBAAO,GAAGM,MAAMU,GAAG;AAAA,UACpB,WAAWV,MAAML,OAAO;AACvB,mBAAO,GAAGK,MAAMU,GAAG;AAAA,UACpB,WAAWV,MAAMJ,OAAO;AACvB,mBAAO,GAAGI,MAAMU,GAAG;AAAA,UACpB,OAAO;AAEN,mBAAO,GAAGV,MAAMU,GAAG;AAAA,UACpB;AAAA,QACD;AACA,eAAOE;AAAAA,MACR,CAAC;AAAA,IACF,CAAC;AAED,UAAMC,gBAAgBC,SAASd,OAAOjB,aAAa,CAAC,KAAK,CAAC;AAE1DgC,cAAU,MAAAC,YAAAC,UAAAC,WACKL,cAAcM,OAAK;AAAA,MAAA,SAAA;AAAA,MAAA,OAAyBX,MAAME;AAAAA,MAAG,WAAYU,SAAed,KAAK,SAASc,GAAG;AAAA,IAAC,CAAA,GAAA;AAAA,MAAA9B,SAAAA,MAAA,CAC9GY,MAAMZ,WAAWY,MAAMZ,QAAQ;AAAA,QAAEoB,KAAKF,MAAME;AAAAA,MAAI,CAAC,CAAC;AAAA,IAAA,CAAA,CAEpD;AAED,WAAOW,UAAUd,QAAQ;AAAA;AAAA,MAExBG,KAAKF,MAAME;AAAAA,IACZ,CAAC;AAAA,EACF;AACD,CAAC;"}

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

@@ -1,7 +1,7 @@
-import type { ExtractPropTypes } from "vue";
 import { TSXWithInstall } from "@fast-china/utils";
 import { default as Button } from "./src/button";
 import type { faButtonEmits, faButtonProps } from "./src/button";
+import type { ExtractPropTypes } from "vue";
 
 export declare const FaButton: TSXWithInstall<typeof Button>;
 export default Button;

package/es/components/button/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../packages/components/button/index.ts"],"sourcesContent":["import type { ExtractPropTypes } from \"vue\";\nimport { withInstall } from \"@fast-china/utils\";\nimport Button, { faButtonEmits, faButtonProps } from \"./src/button\";\n\nexport const FaButton = withInstall(Button);\nexport default Button;\n\nexport { faButtonProps, faButtonEmits };\n\nexport type FaButtonInstance = InstanceType<typeof Button>;\n\nexport type FaButtonProps = ExtractPropTypes<typeof faButtonProps>;\n\nexport type FaButtonEmits = typeof faButtonEmits;\n"],"names":[],"mappings":";;;AAIO,MAAM,WAAW,YAAY,MAAM;"}
+{"version":3,"file":"index.mjs","sources":["../../../../packages/components/button/index.ts"],"sourcesContent":["import { withInstall } from \"@fast-china/utils\";\nimport Button, { faButtonEmits, faButtonProps } from \"./src/button\";\nimport type { ExtractPropTypes } from \"vue\";\n\nexport const FaButton = withInstall(Button);\nexport default Button;\n\nexport { faButtonProps, faButtonEmits };\n\nexport type FaButtonInstance = InstanceType<typeof Button>;\n\nexport type FaButtonProps = ExtractPropTypes<typeof faButtonProps>;\n\nexport type FaButtonEmits = typeof faButtonEmits;\n"],"names":[],"mappings":";;;AAIO,MAAM,WAAW,YAAY,MAAM;"}

package/es/components/button/src/button.d.ts

@@ -11,81 +11,32 @@ export declare const faButtonProps: {
     /** @description 禁用加载 */
     disabledLoading: BooleanConstructor;
     size: {
-        readonly type: import('vue').PropType<"" | "small" | "default" | "large">;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     disabled: BooleanConstructor;
-    type: {
-        readonly type: import('vue').PropType<"" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger">;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "";
-    };
+    type: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger", unknown, "", boolean>;
     icon: {
-        readonly type: import('vue').PropType<unknown>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | ((new (...args: any[]) => (string | Component) & {}) | (() => string | Component))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    nativeType: {
-        readonly type: import('vue').PropType<"button" | "reset" | "submit">;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "button";
-    };
+    nativeType: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "button" | "reset" | "submit", unknown, "button", boolean>;
     loading: BooleanConstructor;
-    plain: {
-        readonly type: import('vue').PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: undefined;
-    };
-    text: {
-        readonly type: import('vue').PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: undefined;
-    };
+    plain: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    text: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     link: BooleanConstructor;
     bg: BooleanConstructor;
     autofocus: BooleanConstructor;
-    round: {
-        readonly type: import('vue').PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: undefined;
-    };
+    round: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     circle: BooleanConstructor;
     color: StringConstructor;
     dark: BooleanConstructor;
-    autoInsertSpace: {
-        readonly type: import('vue').PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: undefined;
-    };
-    tag: {
-        readonly type: import('vue').PropType<unknown>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "button";
-    };
+    autoInsertSpace: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    tag: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | ((new (...args: any[]) => (string | Component) & {}) | (() => string | Component))[], unknown, unknown, "button", boolean>;
 };
 export declare const faButtonEmits: {
     /**
@@ -114,81 +65,32 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     /** @description 禁用加载 */
     disabledLoading: BooleanConstructor;
     size: {
-        readonly type: import('vue').PropType<"" | "small" | "default" | "large">;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     disabled: BooleanConstructor;
-    type: {
-        readonly type: import('vue').PropType<"" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger">;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "";
-    };
+    type: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger", unknown, "", boolean>;
     icon: {
-        readonly type: import('vue').PropType<unknown>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | ((new (...args: any[]) => (string | Component) & {}) | (() => string | Component))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    nativeType: {
-        readonly type: import('vue').PropType<"button" | "reset" | "submit">;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "button";
-    };
+    nativeType: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "button" | "reset" | "submit", unknown, "button", boolean>;
     loading: BooleanConstructor;
-    plain: {
-        readonly type: import('vue').PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: undefined;
-    };
-    text: {
-        readonly type: import('vue').PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: undefined;
-    };
+    plain: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    text: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     link: BooleanConstructor;
     bg: BooleanConstructor;
     autofocus: BooleanConstructor;
-    round: {
-        readonly type: import('vue').PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: undefined;
-    };
+    round: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     circle: BooleanConstructor;
     color: StringConstructor;
     dark: BooleanConstructor;
-    autoInsertSpace: {
-        readonly type: import('vue').PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: undefined;
-    };
-    tag: {
-        readonly type: import('vue').PropType<unknown>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "button";
-    };
+    autoInsertSpace: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    tag: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | ((new (...args: any[]) => (string | Component) & {}) | (() => string | Component))[], unknown, unknown, "button", boolean>;
 }>, {
     /** @description 按钮 html 元素 */
     ref: import('vue').ComputedRef<HTMLButtonElement>;
@@ -202,6 +104,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     shouldAddSpace: import('vue').ComputedRef<boolean>;
     /** @description 加载状态 */
     loading: import('vue').ComputedRef<boolean>;
+    /** @description 按钮加载 */
+    doLoading: (loadingFunction: () => void | Promise<void>) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     /**
      * @description 点击事件
@@ -220,99 +124,50 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     /** @description 禁用加载 */
     disabledLoading: BooleanConstructor;
     size: {
-        readonly type: import('vue').PropType<"" | "small" | "default" | "large">;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     disabled: BooleanConstructor;
-    type: {
-        readonly type: import('vue').PropType<"" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger">;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "";
-    };
+    type: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "" | "text" | "default" | "primary" | "success" | "warning" | "info" | "danger", unknown, "", boolean>;
     icon: {
-        readonly type: import('vue').PropType<unknown>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    nativeType: {
-        readonly type: import('vue').PropType<"button" | "reset" | "submit">;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | ((new (...args: any[]) => (string | Component) & {}) | (() => string | Component))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
-    } & {
-        readonly default: "button";
     };
+    nativeType: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "button" | "reset" | "submit", unknown, "button", boolean>;
     loading: BooleanConstructor;
-    plain: {
-        readonly type: import('vue').PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: undefined;
-    };
-    text: {
-        readonly type: import('vue').PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: undefined;
-    };
+    plain: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    text: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     link: BooleanConstructor;
     bg: BooleanConstructor;
     autofocus: BooleanConstructor;
-    round: {
-        readonly type: import('vue').PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: undefined;
-    };
+    round: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     circle: BooleanConstructor;
     color: StringConstructor;
     dark: BooleanConstructor;
-    autoInsertSpace: {
-        readonly type: import('vue').PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: undefined;
-    };
-    tag: {
-        readonly type: import('vue').PropType<unknown>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: "button";
-    };
+    autoInsertSpace: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    tag: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | ((new (...args: any[]) => (string | Component) & {}) | (() => string | Component))[], unknown, unknown, "button", boolean>;
 }>> & Readonly<{
     onClick?: (event: MouseEvent, done?: () => void) => any;
 }>, {
-    type: "" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger";
+    type: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger", unknown>;
     circle: boolean;
     link: boolean;
-    text: boolean;
-    plain: boolean;
+    text: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    plain: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     loading: boolean;
     loadingIcon: string | Component;
     disabledLoading: boolean;
     disabled: boolean;
-    nativeType: "button" | "reset" | "submit";
+    nativeType: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "button" | "reset" | "submit", unknown>;
     bg: boolean;
     autofocus: boolean;
-    round: boolean;
+    round: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     dark: boolean;
-    autoInsertSpace: boolean;
+    autoInsertSpace: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
     tag: "button";
 }, import('vue').SlotsType<Partial<import('@fast-china/utils').MakeSlots<FaButtonSlots>>>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/components/button/src/button.mjs

@@ -1,8 +1,8 @@
 import { defineComponent, reactive, ref, watch, createVNode, mergeProps, withModifiers, computed } from "vue";
+import { buttonProps, buttonEmits, ElButton } from "element-plus";
 import { Eleme } from "@element-plus/icons-vue";
 import "../../../hooks/index.mjs";
-import { definePropType, useProps, useRender, useExpose, makeSlots } from "@fast-china/utils";
-import { buttonProps, buttonEmits, ElButton } from "element-plus";
+import { definePropType, execFunction, consoleError, useProps, useRender, useExpose, makeSlots } from "@fast-china/utils";
 import { isFunction } from "lodash-unified";
 import { useOverlay } from "../../../hooks/use-overlay/index.mjs";
 const faButtonProps = {
@@ -24,7 +24,7 @@ const faButtonEmits = {
    * @description 点击事件
    * @param done 需要手动隐藏Loading
    */
-  // eslint-disable-next-line @typescript-eslint/no-empty-function, @typescript-eslint/explicit-function-return-type
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
   click: (event, done = () => {
   }) => event instanceof MouseEvent && isFunction(done)
 };
@@ -51,6 +51,14 @@ const Button = /* @__PURE__ */ defineComponent({
       state.loading = false;
       useOverlay.hide();
     };
+    const handleLoading = (loadingFunction) => {
+      state.loading = true;
+      execFunction(loadingFunction).then().catch((error) => {
+        consoleError("FaButton", error);
+      }).finally(() => {
+        state.loading = false;
+      });
+    };
     const handleClick = (event) => {
       if (props.disabledLoading) {
         emit("click", event);
@@ -96,7 +104,9 @@ const Button = /* @__PURE__ */ defineComponent({
       /** @description 是否在两个字符之间插入空格 */
       shouldAddSpace: computed(() => buttonRef.value?.shouldAddSpace),
       /** @description 加载状态 */
-      loading: computed(() => state.loading)
+      loading: computed(() => state.loading),
+      /** @description 按钮加载 */
+      doLoading: handleLoading
     });
   }
 });