fast-element-plus 1.0.21 → 2.0.0

package/dist/_virtual/_rolldown/runtime.mjs

@@ -0,0 +1,13 @@
+//#region \0rolldown/runtime.js
+var __defProp = Object.defineProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
+};
+//#endregion
+export { __exportAll };

package/dist/component.d.ts

@@ -0,0 +1,4 @@
+import type { Plugin } from "vue";
+/** 默认安装器注册的全部 Fast.Element.Plus 组件。 */
+declare const _default: Plugin[];
+export default _default;

package/dist/component.mjs

@@ -0,0 +1,56 @@
+import { FaAvatar } from "./components/avatar/index.mjs";
+import { FaButton } from "./components/button/index.mjs";
+import { FaCarNumber } from "./components/carNumber/index.mjs";
+import { FaIcon } from "./components/icon/index.mjs";
+import { FaContextMenu } from "./components/contextMenu/index.mjs";
+import { FaDialog } from "./components/dialog/index.mjs";
+import { FaDrawer } from "./components/drawer/index.mjs";
+import { FaLayoutGrid, FaLayoutGridItem } from "./components/layoutGrid/index.mjs";
+import { FaFormItemTip } from "./components/formItemTip/index.mjs";
+import { FaForm, FaFormItem } from "./components/form/index.mjs";
+import { FaIconSelector } from "./components/iconSelector/index.mjs";
+import { FaImage } from "./components/image/index.mjs";
+import { FaTable, FaTableColumn } from "./components/table/index.mjs";
+import { FaInputDialogPage } from "./components/inputDialogPage/index.mjs";
+import { FaSelect, FaSelectOption } from "./components/select/index.mjs";
+import { FaSelectPage } from "./components/selectPage/index.mjs";
+import { FaSelectV2 } from "./components/selectV2/index.mjs";
+import { FaTree } from "./components/tree/index.mjs";
+import { FaTreeSelect } from "./components/treeSelect/index.mjs";
+import { FaUpload } from "./components/upload/index.mjs";
+import { FaUploadImage } from "./components/uploadImage/index.mjs";
+import { FaUploadImages } from "./components/uploadImages/index.mjs";
+//#region src/component.ts
+/** 默认安装器注册的全部 Fast.Element.Plus 组件。 */
+var component_default = [
+	FaAvatar,
+	FaButton,
+	FaCarNumber,
+	FaContextMenu,
+	FaDialog,
+	FaDrawer,
+	FaForm,
+	FaFormItem,
+	FaFormItemTip,
+	FaIcon,
+	FaIconSelector,
+	FaImage,
+	FaInputDialogPage,
+	FaLayoutGrid,
+	FaLayoutGridItem,
+	FaSelect,
+	FaSelectOption,
+	FaSelectPage,
+	FaSelectV2,
+	FaTable,
+	FaTableColumn,
+	FaTree,
+	FaTreeSelect,
+	FaUpload,
+	FaUploadImage,
+	FaUploadImages
+];
+//#endregion
+export { component_default as default };
+
+//# sourceMappingURL=component.mjs.map

package/dist/component.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.mjs","names":[],"sources":["../src/component.ts"],"sourcesContent":["import { FaAvatar } from \"./components/avatar\";\nimport { FaButton } from \"./components/button\";\nimport { FaCarNumber } from \"./components/carNumber\";\nimport { FaContextMenu } from \"./components/contextMenu\";\nimport { FaDialog } from \"./components/dialog\";\nimport { FaDrawer } from \"./components/drawer\";\nimport { FaForm, FaFormItem } from \"./components/form\";\nimport { FaFormItemTip } from \"./components/formItemTip\";\nimport { FaIcon } from \"./components/icon\";\nimport { FaIconSelector } from \"./components/iconSelector\";\nimport { FaImage } from \"./components/image\";\nimport { FaInputDialogPage } from \"./components/inputDialogPage\";\nimport { FaLayoutGrid, FaLayoutGridItem } from \"./components/layoutGrid\";\nimport { FaSelect, FaSelectOption } from \"./components/select\";\nimport { FaSelectPage } from \"./components/selectPage\";\nimport { FaSelectV2 } from \"./components/selectV2\";\nimport { FaTable, FaTableColumn } from \"./components/table\";\nimport { FaTree } from \"./components/tree\";\nimport { FaTreeSelect } from \"./components/treeSelect\";\nimport { FaUpload } from \"./components/upload\";\nimport { FaUploadImage } from \"./components/uploadImage\";\nimport { FaUploadImages } from \"./components/uploadImages\";\nimport type { Plugin } from \"vue\";\n\n/** 默认安装器注册的全部 Fast.Element.Plus 组件。 */\nexport default [\n\tFaAvatar,\n\tFaButton,\n\tFaCarNumber,\n\tFaContextMenu,\n\tFaDialog,\n\tFaDrawer,\n\tFaForm,\n\tFaFormItem,\n\tFaFormItemTip,\n\tFaIcon,\n\tFaIconSelector,\n\tFaImage,\n\tFaInputDialogPage,\n\tFaLayoutGrid,\n\tFaLayoutGridItem,\n\tFaSelect,\n\tFaSelectOption,\n\tFaSelectPage,\n\tFaSelectV2,\n\tFaTable,\n\tFaTableColumn,\n\tFaTree,\n\tFaTreeSelect,\n\tFaUpload,\n\tFaUploadImage,\n\tFaUploadImages,\n] as Plugin[];\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAyBA,IAAA,oBAAe;CACd;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACD"}

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

@@ -0,0 +1,15 @@
+import Avatar from "./src/avatar";
+import type { faAvatarEmits, faAvatarProps } from "./src/avatar";
+import type { TSXWithInstall } from "../../utils";
+import type { ExtractPropTypes } from "vue";
+/** 支持图片地址规格转换的头像组件。 */
+export declare const FaAvatar: TSXWithInstall<typeof Avatar>;
+export default FaAvatar;
+export { faAvatarEmits, faAvatarProps } from "./src/avatar";
+export type { FaAvatarSlots } from "./src/avatar";
+/** FaAvatar 暴露的组件实例类型。 */
+export type FaAvatarInstance = InstanceType<typeof Avatar>;
+/** FaAvatar 的完整 Props 类型。 */
+export type FaAvatarProps = ExtractPropTypes<typeof faAvatarProps>;
+/** FaAvatar 的 Emits 类型。 */
+export type FaAvatarEmits = typeof faAvatarEmits;

package/dist/components/avatar/index.mjs

@@ -0,0 +1,9 @@
+import { withInstall } from "../../utils/vue/install.mjs";
+import avatar_default, { faAvatarEmits, faAvatarProps } from "./src/avatar.mjs";
+//#region src/components/avatar/index.ts
+/** 支持图片地址规格转换的头像组件。 */
+const FaAvatar = withInstall(avatar_default);
+//#endregion
+export { FaAvatar, FaAvatar as default, faAvatarEmits, faAvatarProps };
+
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["Avatar"],"sources":["../../../src/components/avatar/index.ts"],"sourcesContent":["import { withInstall } from \"../../utils\";\nimport Avatar from \"./src/avatar\";\nimport type { faAvatarEmits, faAvatarProps } from \"./src/avatar\";\nimport type { TSXWithInstall } from \"../../utils\";\nimport type { ExtractPropTypes } from \"vue\";\n\n/** 支持图片地址规格转换的头像组件。 */\nexport const FaAvatar: TSXWithInstall<typeof Avatar> = withInstall(Avatar);\nexport default FaAvatar;\n\nexport { faAvatarEmits, faAvatarProps } from \"./src/avatar\";\nexport type { FaAvatarSlots } from \"./src/avatar\";\n\n/** FaAvatar 暴露的组件实例类型。 */\nexport type FaAvatarInstance = InstanceType<typeof Avatar>;\n\n/** FaAvatar 的完整 Props 类型。 */\nexport type FaAvatarProps = ExtractPropTypes<typeof faAvatarProps>;\n\n/** FaAvatar 的 Emits 类型。 */\nexport type FaAvatarEmits = typeof faAvatarEmits;\n"],"mappings":";;;;AAOA,MAAa,WAA0C,YAAYA,cAAM"}

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

@@ -0,0 +1,128 @@
+import type { Component } from "vue";
+/** FaAvatar 的运行时 Props 定义。 */
+export declare const faAvatarProps: {
+    /** @description representation type to icon, more info on icon component. */
+    icon: {
+        type: import("vue").PropType<string | Component>;
+        default: () => string | Component;
+    };
+    /** @description Base64图片 */
+    base64: BooleanConstructor;
+    /** @description 原图 */
+    original: BooleanConstructor;
+    /** @description 标准 */
+    normal: BooleanConstructor;
+    /** @description 小图 */
+    small: BooleanConstructor;
+    /** @description 缩略图 */
+    thumb: BooleanConstructor;
+    size: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils/vue/props/types.mjs").EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "default" | "small" | "large", number>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    shape: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils/vue/props/types.mjs").EpPropMergeType<StringConstructor, "square" | "circle", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    src: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    alt: StringConstructor;
+    srcSet: StringConstructor;
+    fit: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<(new (...args: any[]) => "fill" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "contain" | "cover" | "scale-down") | (() => import("csstype").Property.ObjectFit | undefined) | (((new (...args: any[]) => "fill" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "contain" | "cover" | "scale-down") | (() => import("csstype").Property.ObjectFit | undefined)) | null)[], unknown, unknown, "cover", boolean>;
+};
+/** FaAvatar 的运行时 Emits 定义。 */
+export declare const faAvatarEmits: {
+    error: (evt: Event) => boolean;
+};
+/** FaAvatar 的插槽参数。 */
+export interface FaAvatarSlots extends Record<string, unknown> {
+    /** @description 默认内容插槽 */
+    default: {
+        src?: string;
+    };
+}
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** @description representation type to icon, more info on icon component. */
+    icon: {
+        type: import("vue").PropType<string | Component>;
+        default: () => string | Component;
+    };
+    /** @description Base64图片 */
+    base64: BooleanConstructor;
+    /** @description 原图 */
+    original: BooleanConstructor;
+    /** @description 标准 */
+    normal: BooleanConstructor;
+    /** @description 小图 */
+    small: BooleanConstructor;
+    /** @description 缩略图 */
+    thumb: BooleanConstructor;
+    size: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils/vue/props/types.mjs").EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "default" | "small" | "large", number>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    shape: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils/vue/props/types.mjs").EpPropMergeType<StringConstructor, "square" | "circle", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    src: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    alt: StringConstructor;
+    srcSet: StringConstructor;
+    fit: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<(new (...args: any[]) => "fill" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "contain" | "cover" | "scale-down") | (() => import("csstype").Property.ObjectFit | undefined) | (((new (...args: any[]) => "fill" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "contain" | "cover" | "scale-down") | (() => import("csstype").Property.ObjectFit | undefined)) | null)[], unknown, unknown, "cover", boolean>;
+}>, {
+    /** @description 图片路径 */
+    src: string | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    error: (evt: Event) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** @description representation type to icon, more info on icon component. */
+    icon: {
+        type: import("vue").PropType<string | Component>;
+        default: () => string | Component;
+    };
+    /** @description Base64图片 */
+    base64: BooleanConstructor;
+    /** @description 原图 */
+    original: BooleanConstructor;
+    /** @description 标准 */
+    normal: BooleanConstructor;
+    /** @description 小图 */
+    small: BooleanConstructor;
+    /** @description 缩略图 */
+    thumb: BooleanConstructor;
+    size: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils/vue/props/types.mjs").EpPropMergeType<readonly [NumberConstructor, StringConstructor], "" | "default" | "small" | "large", number>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    shape: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils/vue/props/types.mjs").EpPropMergeType<StringConstructor, "square" | "circle", unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    src: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    alt: StringConstructor;
+    srcSet: StringConstructor;
+    fit: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<(new (...args: any[]) => "fill" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "contain" | "cover" | "scale-down") | (() => import("csstype").Property.ObjectFit | undefined) | (((new (...args: any[]) => "fill" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "contain" | "cover" | "scale-down") | (() => import("csstype").Property.ObjectFit | undefined)) | null)[], unknown, unknown, "cover", boolean>;
+}>> & Readonly<{
+    onError?: ((evt: Event) => any) | undefined;
+}>, {
+    small: boolean;
+    icon: string | Component;
+    base64: boolean;
+    original: boolean;
+    normal: boolean;
+    thumb: boolean;
+    src: string;
+    fit: import("element-plus/es/utils/vue/props/types.mjs").EpPropMergeType<(new (...args: any[]) => "fill" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "contain" | "cover" | "scale-down") | (() => import("csstype").Property.ObjectFit | undefined) | ((new (...args: any[]) => "fill" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "contain" | "cover" | "scale-down") | (() => import("csstype").Property.ObjectFit | undefined) | null)[], unknown, unknown>;
+}, import("../../../utils").TypedSlotsDeclaration<FaAvatarSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/avatar/src/avatar.mjs

@@ -0,0 +1,64 @@
+import { useEmits } from "../../../utils/vue/emits.mjs";
+import { useExpose } from "../../../utils/vue/expose.mjs";
+import { definePropType, useProps } from "../../../utils/vue/props.mjs";
+import { useRender } from "../../../utils/vue/render.mjs";
+import { makeSlots } from "../../../utils/vue/slots.mjs";
+import { computed, createVNode, defineComponent, mergeProps, reactive } from "vue";
+import { Picture } from "@element-plus/icons-vue";
+import { ElAvatar, avatarEmits, avatarProps } from "element-plus";
+//#region src/components/avatar/src/avatar.tsx
+/** FaAvatar 的运行时 Props 定义。 */
+const faAvatarProps = {
+	...avatarProps,
+	/** @description representation type to icon, more info on icon component. */
+	icon: {
+		type: definePropType([
+			String,
+			Object,
+			Function
+		]),
+		default: () => Picture
+	},
+	/** @description Base64图片 */
+	base64: Boolean,
+	/** @description 原图 */
+	original: Boolean,
+	/** @description 标准 */
+	normal: Boolean,
+	/** @description 小图 */
+	small: Boolean,
+	/** @description 缩略图 */
+	thumb: Boolean
+};
+/** FaAvatar 的运行时 Emits 定义。 */
+const faAvatarEmits = { ...avatarEmits };
+var avatar_default = defineComponent({
+	name: "FaAvatar",
+	props: faAvatarProps,
+	emits: faAvatarEmits,
+	slots: makeSlots(),
+	setup(props, { slots, emit, expose }) {
+		const state = reactive({ src: computed(() => {
+			if (!props.src) return void 0;
+			if (props.base64) return `data:image/png;base64,${props.src}`;
+			else if (props.original) return props.src;
+			else if (props.normal) return `${props.src}@!normal`;
+			else if (props.small) return `${props.src}@!small`;
+			else if (props.thumb) return `${props.src}@!thumb`;
+			else return `${props.src}@!thumb`;
+		}) });
+		const elAvatarProps = useProps(props, avatarProps, ["src"]);
+		const elAvatarEmits = useEmits(avatarEmits, emit);
+		useRender(() => createVNode(ElAvatar, mergeProps(elAvatarProps.value, elAvatarEmits.value, {
+			"class": "fa-avatar",
+			"src": state.src
+		}), { default: () => [slots.default?.({ src: state.src })] }));
+		return useExpose(expose, { 
+		/** @description 图片路径 */
+src: state.src });
+	}
+});
+//#endregion
+export { avatar_default as default, faAvatarEmits, faAvatarProps };
+
+//# sourceMappingURL=avatar.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.mjs","names":[],"sources":["../../../../src/components/avatar/src/avatar.tsx"],"sourcesContent":["import { computed, defineComponent, reactive } from \"vue\";\nimport { Picture } from \"@element-plus/icons-vue\";\nimport { ElAvatar, avatarEmits, avatarProps } from \"element-plus\";\nimport { definePropType, makeSlots, useEmits, useExpose, useProps, useRender } from \"../../../utils\";\nimport type { Component } from \"vue\";\n\n/** FaAvatar 的运行时 Props 定义。 */\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/** @description Base64图片 */\n\tbase64: Boolean,\n\t/** @description 原图 */\n\toriginal: Boolean,\n\t/** @description 标准 */\n\tnormal: Boolean,\n\t/** @description 小图 */\n\tsmall: Boolean,\n\t/** @description 缩略图 */\n\tthumb: Boolean,\n};\n\n/** FaAvatar 的运行时 Emits 定义。 */\nexport const faAvatarEmits = {\n\t...avatarEmits,\n};\n\n/** FaAvatar 的插槽参数。 */\nexport interface FaAvatarSlots extends Record<string, unknown> {\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, { slots, emit, expose }) {\n\t\tconst state = reactive({\n\t\t\tsrc: computed(() => {\n\t\t\t\tif (!props.src) return undefined;\n\t\t\t\tif (props.base64) {\n\t\t\t\t\treturn `data:image/png;base64,${props.src}`;\n\t\t\t\t} else if (props.original) {\n\t\t\t\t\treturn props.src;\n\t\t\t\t} else if (props.normal) {\n\t\t\t\t\treturn `${props.src}@!normal`;\n\t\t\t\t} else if (props.small) {\n\t\t\t\t\treturn `${props.src}@!small`;\n\t\t\t\t} else if (props.thumb) {\n\t\t\t\t\treturn `${props.src}@!thumb`;\n\t\t\t\t} else {\n\t\t\t\t\t// 默认使用缩略图\n\t\t\t\t\treturn `${props.src}@!thumb`;\n\t\t\t\t}\n\t\t\t}),\n\t\t});\n\n\t\tconst elAvatarProps = useProps(props, avatarProps, [\"src\"]);\n\t\tconst elAvatarEmits = useEmits(avatarEmits, emit);\n\n\t\tuseRender(() => (\n\t\t\t<ElAvatar {...elAvatarProps.value} {...elAvatarEmits.value} class=\"fa-avatar\" src={state.src}>\n\t\t\t\t{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"],"mappings":";;;;;;;;;;AAOA,MAAa,gBAAgB;CAC5B,GAAG;;CAEH,MAAM;EACL,MAAM,eAAmC;GAAC;GAAQ;GAAQ;EAAQ,CAAC;EACnE,eAAmC;CACpC;;CAEA,QAAQ;;CAER,UAAU;;CAEV,QAAQ;;CAER,OAAO;;CAEP,OAAO;AACR;;AAGA,MAAa,gBAAgB,EAC5B,GAAG,YACJ;AAQA,IAAA,iBAAe,gBAAgB;CAC9B,MAAM;CACN,OAAO;CACP,OAAO;CACP,OAAO,UAAyB;CAChC,MAAM,OAAO,EAAE,OAAO,MAAM,UAAU;EACrC,MAAM,QAAQ,SAAS,EACtB,KAAK,eAAe;GACnB,IAAI,CAAC,MAAM,KAAK,OAAO,KAAA;GACvB,IAAI,MAAM,QACT,OAAO,yBAAyB,MAAM;QAChC,IAAI,MAAM,UAChB,OAAO,MAAM;QACP,IAAI,MAAM,QAChB,OAAO,GAAG,MAAM,IAAG;QACb,IAAI,MAAM,OAChB,OAAO,GAAG,MAAM,IAAG;QACb,IAAI,MAAM,OAChB,OAAO,GAAG,MAAM,IAAG;QAGnB,OAAO,GAAG,MAAM,IAAG;EAErB,CAAC,EACF,CAAC;EAED,MAAM,gBAAgB,SAAS,OAAO,aAAa,CAAC,KAAK,CAAC;EAC1D,MAAM,gBAAgB,SAAS,aAAa,IAAI;EAEhD,gBAAU,YAAA,UAAA,WACK,cAAc,OAAW,cAAc,OAAK;GAAA,SAAA;GAAA,OAAyB,MAAM;EAAG,CAAA,GAAA,EAAA,eAAA,CAC1F,MAAM,UAAU,EAAE,KAAK,MAAM,IAAI,CAAC,CAAC,EAAA,CAAA,CAErC;EAED,OAAO,UAAU,QAAQ;;AAExB,KAAK,MAAM,IACZ,CAAC;CACF;AACD,CAAC"}

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

@@ -0,0 +1,14 @@
+import Button, { faButtonEmits, faButtonProps } from "./src/button";
+import type { TSXWithInstall } from "../../utils";
+import type { ExtractPropTypes } from "vue";
+/** 支持异步加载状态和全局遮罩联动的按钮组件。 */
+export declare const FaButton: TSXWithInstall<typeof Button>;
+export default FaButton;
+export { faButtonProps, faButtonEmits };
+export type { FaButtonSlots } from "./src/button";
+/** FaButton 暴露的组件实例类型。 */
+export type FaButtonInstance = InstanceType<typeof Button>;
+/** FaButton 的完整 Props 类型。 */
+export type FaButtonProps = ExtractPropTypes<typeof faButtonProps>;
+/** FaButton 的 Emits 类型。 */
+export type FaButtonEmits = typeof faButtonEmits;

package/dist/components/button/index.mjs

@@ -0,0 +1,9 @@
+import { withInstall } from "../../utils/vue/install.mjs";
+import button_default, { faButtonEmits, faButtonProps } from "./src/button.mjs";
+//#region src/components/button/index.ts
+/** 支持异步加载状态和全局遮罩联动的按钮组件。 */
+const FaButton = withInstall(button_default);
+//#endregion
+export { FaButton, FaButton as default, faButtonEmits, faButtonProps };
+
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["Button"],"sources":["../../../src/components/button/index.ts"],"sourcesContent":["import { withInstall } from \"../../utils\";\nimport Button, { faButtonEmits, faButtonProps } from \"./src/button\";\nimport type { TSXWithInstall } from \"../../utils\";\nimport type { ExtractPropTypes } from \"vue\";\n\n/** 支持异步加载状态和全局遮罩联动的按钮组件。 */\nexport const FaButton: TSXWithInstall<typeof Button> = withInstall(Button);\nexport default FaButton;\n\nexport { faButtonProps, faButtonEmits };\nexport type { FaButtonSlots } from \"./src/button\";\n\n/** FaButton 暴露的组件实例类型。 */\nexport type FaButtonInstance = InstanceType<typeof Button>;\n\n/** FaButton 的完整 Props 类型。 */\nexport type FaButtonProps = ExtractPropTypes<typeof faButtonProps>;\n\n/** FaButton 的 Emits 类型。 */\nexport type FaButtonEmits = typeof faButtonEmits;\n"],"mappings":";;;;AAMA,MAAa,WAA0C,YAAYA,cAAM"}

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

@@ -0,0 +1,180 @@
+import type { Component } from "vue";
+/** FaButton 的运行时 Props 定义。 */
+export declare const faButtonProps: {
+    /**
+     * @description customize loading icon component
+     * @default Eleme
+     */
+    loadingIcon: {
+        type: import("vue").PropType<string | Component>;
+        default: () => string | Component;
+    };
+    /** @description 禁用加载 */
+    disabledLoading: BooleanConstructor;
+    size: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils/vue/props/types.mjs").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    disabled: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    type: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<StringConstructor, "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger", unknown, "", boolean>;
+    icon: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils/vue/props/types.mjs").EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    nativeType: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<StringConstructor, "button" | "reset" | "submit", unknown, "button", boolean>;
+    loading: BooleanConstructor;
+    plain: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    text: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    link: BooleanConstructor;
+    bg: BooleanConstructor;
+    autofocus: BooleanConstructor;
+    round: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    circle: BooleanConstructor;
+    dashed: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    color: StringConstructor;
+    dark: BooleanConstructor;
+    autoInsertSpace: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    tag: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown, "button", boolean>;
+};
+/** FaButton 的运行时 Emits 定义。 */
+export declare const faButtonEmits: {
+    /**
+     * @description 点击事件
+     * @param done 需要手动隐藏Loading
+     */
+    click: (event: MouseEvent, done?: () => void) => boolean;
+};
+/** FaButton 的插槽参数。 */
+export interface FaButtonSlots extends Record<string, unknown> {
+    /** @description 默认内容插槽 */
+    default: never;
+    /** @description 自定义加载中组件 */
+    loading: never;
+    /** @description 自定义图标组件 */
+    icon: never;
+}
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /**
+     * @description customize loading icon component
+     * @default Eleme
+     */
+    loadingIcon: {
+        type: import("vue").PropType<string | Component>;
+        default: () => string | Component;
+    };
+    /** @description 禁用加载 */
+    disabledLoading: BooleanConstructor;
+    size: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils/vue/props/types.mjs").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    disabled: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    type: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<StringConstructor, "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger", unknown, "", boolean>;
+    icon: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils/vue/props/types.mjs").EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    nativeType: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<StringConstructor, "button" | "reset" | "submit", unknown, "button", boolean>;
+    loading: BooleanConstructor;
+    plain: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    text: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    link: BooleanConstructor;
+    bg: BooleanConstructor;
+    autofocus: BooleanConstructor;
+    round: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    circle: BooleanConstructor;
+    dashed: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    color: StringConstructor;
+    dark: BooleanConstructor;
+    autoInsertSpace: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    tag: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown, "button", boolean>;
+}>, {
+    /** @description 按钮 html 元素 */
+    ref: import("vue").ComputedRef<HTMLButtonElement | undefined>;
+    /** @description 按钮尺寸 */
+    size: import("vue").ComputedRef<"" | "small" | "default" | "large" | undefined>;
+    /** @description 按钮类型 */
+    type: import("vue").ComputedRef<"" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger" | undefined>;
+    /** @description 按钮已禁用 */
+    disabled: import("vue").ComputedRef<boolean | undefined>;
+    /** @description 是否在两个字符之间插入空格 */
+    shouldAddSpace: import("vue").ComputedRef<boolean | undefined>;
+    /** @description 加载状态 */
+    loading: import("vue").ComputedRef<boolean>;
+    /** @description 按钮加载 */
+    doLoading: (loadingFunction: () => void | Promise<void>) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    /**
+     * @description 点击事件
+     * @param done 需要手动隐藏Loading
+     */
+    click: (event: MouseEvent, done?: () => void) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * @description customize loading icon component
+     * @default Eleme
+     */
+    loadingIcon: {
+        type: import("vue").PropType<string | Component>;
+        default: () => string | Component;
+    };
+    /** @description 禁用加载 */
+    disabledLoading: BooleanConstructor;
+    size: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils/vue/props/types.mjs").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    disabled: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    type: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<StringConstructor, "" | "default" | "info" | "primary" | "success" | "warning" | "text" | "danger", unknown, "", boolean>;
+    icon: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils/vue/props/types.mjs").EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    nativeType: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<StringConstructor, "button" | "reset" | "submit", unknown, "button", boolean>;
+    loading: BooleanConstructor;
+    plain: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    text: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    link: BooleanConstructor;
+    bg: BooleanConstructor;
+    autofocus: BooleanConstructor;
+    round: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    circle: BooleanConstructor;
+    dashed: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    color: StringConstructor;
+    dark: BooleanConstructor;
+    autoInsertSpace: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    tag: import("element-plus/es/utils/vue/props/types.mjs").EpPropFinalized<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | (((new (...args: any[]) => (string | Component) & {}) | (() => string | Component)) | null)[], unknown, unknown, "button", boolean>;
+}>> & Readonly<{
+    onClick?: ((event: MouseEvent, done?: (() => void) | undefined) => any) | undefined;
+}>, {
+    link: boolean;
+    type: import("element-plus/es/utils/vue/props/types.mjs").EpPropMergeType<StringConstructor, "" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger", unknown>;
+    circle: boolean;
+    text: import("element-plus/es/utils/vue/props/types.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    plain: import("element-plus/es/utils/vue/props/types.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    loading: boolean;
+    loadingIcon: string | Component;
+    disabledLoading: boolean;
+    disabled: import("element-plus/es/utils/vue/props/types.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    nativeType: import("element-plus/es/utils/vue/props/types.mjs").EpPropMergeType<StringConstructor, "button" | "reset" | "submit", unknown>;
+    bg: boolean;
+    autofocus: boolean;
+    round: import("element-plus/es/utils/vue/props/types.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    dashed: import("element-plus/es/utils/vue/props/types.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    dark: boolean;
+    autoInsertSpace: import("element-plus/es/utils/vue/props/types.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    tag: import("element-plus/es/utils/vue/props/types.mjs").EpPropMergeType<(new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | ((new (...args: any[]) => (string | Component) & {}) | (() => string | Component) | null)[], unknown, unknown>;
+}, import("../../../utils").TypedSlotsDeclaration<FaButtonSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/button/src/button.mjs

@@ -0,0 +1,108 @@
+import { useExpose } from "../../../utils/vue/expose.mjs";
+import { callOptionalFunction } from "../../../utils/vue/func.mjs";
+import { definePropType, useProps } from "../../../utils/vue/props.mjs";
+import { useRender } from "../../../utils/vue/render.mjs";
+import { makeSlots } from "../../../utils/vue/slots.mjs";
+import isFunction from "../../../node_modules/.pnpm/lodash-es@4.18.1/node_modules/lodash-es/isFunction.mjs";
+import { useOverlay } from "../../../hooks/use-overlay/index.mjs";
+import { computed, createVNode, defineComponent, mergeProps, reactive, ref, watch, withModifiers } from "vue";
+import { Eleme } from "@element-plus/icons-vue";
+import { ElButton, buttonEmits, buttonProps } from "element-plus";
+//#region src/components/button/src/button.tsx
+/** FaButton 的运行时 Props 定义。 */
+const faButtonProps = {
+	...buttonProps,
+	/**
+	* @description customize loading icon component
+	* @default Eleme
+	*/
+	loadingIcon: {
+		type: definePropType([
+			String,
+			Object,
+			Function
+		]),
+		default: () => Eleme
+	},
+	/** @description 禁用加载 */
+	disabledLoading: Boolean
+};
+/** FaButton 的运行时 Emits 定义。 */
+const faButtonEmits = {
+	...buttonEmits,
+	/**
+	* @description 点击事件
+	* @param done 需要手动隐藏Loading
+	*/
+	click: (event, done = () => {}) => event instanceof MouseEvent && isFunction(done)
+};
+var button_default = defineComponent({
+	name: "FaButton",
+	props: faButtonProps,
+	emits: faButtonEmits,
+	slots: makeSlots(),
+	setup(props, { slots, emit, expose }) {
+		const state = reactive({ loading: false });
+		const buttonRef = ref();
+		const showLoading = () => {
+			state.loading = true;
+			useOverlay.show(0);
+		};
+		const hideLoading = () => {
+			state.loading = false;
+			useOverlay.hide();
+		};
+		const handleLoading = (loadingFunction) => {
+			state.loading = true;
+			callOptionalFunction(loadingFunction).finally(() => {
+				state.loading = false;
+			});
+		};
+		const handleClick = (event) => {
+			if (props.disabledLoading) emit("click", event);
+			else {
+				showLoading();
+				emit("click", event, hideLoading);
+			}
+		};
+		/**
+		* 监听外部 loading 的值
+		*/
+		watch(() => props.loading, (newValue) => {
+			if (props.disabledLoading) return;
+			if (newValue) showLoading();
+			else hideLoading();
+		}, { immediate: true });
+		const elButtonProps = useProps(props, buttonProps, ["loading"]);
+		useRender(() => createVNode(ElButton, mergeProps(elButtonProps.value, {
+			"ref": buttonRef,
+			"class": "fa-button",
+			"loading": state.loading,
+			"onClick": withModifiers((event) => handleClick(event), ["prevent"])
+		}), {
+			default: () => slots.default?.(),
+			...slots.loading && { loading: () => slots.loading?.() ?? [] },
+			...slots.icon && { icon: () => slots.icon?.() ?? [] }
+		}));
+		return useExpose(expose, {
+			/** @description 按钮 html 元素 */
+			ref: computed(() => buttonRef.value?.ref),
+			/** @description 按钮尺寸 */
+			size: computed(() => buttonRef.value?.size),
+			/** @description 按钮类型 */
+			type: computed(() => buttonRef.value?.type),
+			/** @description 按钮已禁用 */
+			disabled: computed(() => buttonRef.value?.disabled),
+			/** @description 是否在两个字符之间插入空格 */
+			shouldAddSpace: computed(() => buttonRef.value?.shouldAddSpace),
+			/** @description 加载状态 */
+			loading: computed(() => state.loading),
+			/** @description 按钮加载 */
+			doLoading: handleLoading
+		});
+	}
+});
+//#endregion
+export { button_default as default, faButtonEmits, faButtonProps };
+
+//# sourceMappingURL=button.mjs.map