fast-element-plus 1.0.21 → 2.0.1

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 { 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";
+import { isFunction } from "lodash-unified";
+//#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

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.mjs","names":[],"sources":["../../../../src/components/button/src/button.tsx"],"sourcesContent":["import { computed, defineComponent, reactive, ref, watch, withModifiers } from \"vue\";\nimport { Eleme } from \"@element-plus/icons-vue\";\nimport { ElButton, buttonEmits, buttonProps } from \"element-plus\";\nimport { isFunction } from \"lodash-unified\";\nimport { useOverlay } from \"../../../hooks\";\nimport { callOptionalFunction, definePropType, makeSlots, useExpose, useProps, useRender } from \"../../../utils\";\nimport type { ButtonInstance } from \"element-plus\";\nimport type { Component, VNode } from \"vue\";\n\n/** FaButton 的运行时 Props 定义。 */\nexport const faButtonProps = {\n\t...buttonProps,\n\t/**\n\t * @description customize loading icon component\n\t * @default Eleme\n\t */\n\tloadingIcon: {\n\t\ttype: definePropType<string | Component>([String, Object, Function]),\n\t\tdefault: (): string | Component => Eleme,\n\t},\n\t/** @description 禁用加载 */\n\tdisabledLoading: Boolean,\n};\n\n/** FaButton 的运行时 Emits 定义。 */\nexport const faButtonEmits = {\n\t...buttonEmits,\n\t/**\n\t * @description 点击事件\n\t * @param done 需要手动隐藏Loading\n\t */\n\t// eslint-disable-next-line @typescript-eslint/no-empty-function\n\tclick: (event: MouseEvent, done: () => void = () => {}): boolean => event instanceof MouseEvent && isFunction(done),\n};\n\n/** FaButton 的插槽参数。 */\nexport interface FaButtonSlots extends Record<string, unknown> {\n\t/** @description 默认内容插槽 */\n\tdefault: never;\n\t/** @description 自定义加载中组件 */\n\tloading: never;\n\t/** @description 自定义图标组件 */\n\ticon: never;\n}\n\nexport default defineComponent({\n\tname: \"FaButton\",\n\tprops: faButtonProps,\n\temits: faButtonEmits,\n\tslots: makeSlots<FaButtonSlots>(),\n\tsetup(props, { slots, emit, expose }) {\n\t\tconst state = reactive({\n\t\t\tloading: false,\n\t\t});\n\n\t\tconst buttonRef = ref<ButtonInstance>();\n\n\t\tconst showLoading = (): void => {\n\t\t\tstate.loading = true;\n\t\t\t// 这里默认透明\n\t\t\tuseOverlay.show(0);\n\t\t};\n\n\t\tconst hideLoading = (): void => {\n\t\t\tstate.loading = false;\n\t\t\tuseOverlay.hide();\n\t\t};\n\n\t\tconst handleLoading = (loadingFunction: () => void | Promise<void>): void => {\n\t\t\tstate.loading = true;\n\t\t\tvoid callOptionalFunction(loadingFunction).finally(() => {\n\t\t\t\tstate.loading = false;\n\t\t\t});\n\t\t};\n\n\t\tconst handleClick = (event: MouseEvent): void => {\n\t\t\tif (props.disabledLoading) {\n\t\t\t\t// 回调点击事件\n\t\t\t\temit(\"click\", event);\n\t\t\t} else {\n\t\t\t\tshowLoading();\n\t\t\t\t// 回调点击事件\n\t\t\t\temit(\"click\", event, hideLoading);\n\t\t\t}\n\t\t};\n\n\t\t/**\n\t\t * 监听外部 loading 的值\n\t\t */\n\t\twatch(\n\t\t\t() => props.loading,\n\t\t\t(newValue) => {\n\t\t\t\tif (props.disabledLoading) return;\n\t\t\t\tif (newValue) {\n\t\t\t\t\tshowLoading();\n\t\t\t\t} else {\n\t\t\t\t\thideLoading();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\timmediate: true,\n\t\t\t}\n\t\t);\n\n\t\tconst elButtonProps = useProps(props, buttonProps, [\"loading\"]);\n\n\t\tuseRender(() => (\n\t\t\t<ElButton\n\t\t\t\t{...elButtonProps.value}\n\t\t\t\tref={buttonRef}\n\t\t\t\tclass=\"fa-button\"\n\t\t\t\tloading={state.loading}\n\t\t\t\tonClick={withModifiers((event: Event) => handleClick(event as MouseEvent), [\"prevent\"])}\n\t\t\t>\n\t\t\t\t{{\n\t\t\t\t\tdefault: () => slots.default?.(),\n\t\t\t\t\t...(slots.loading && { loading: (): VNode[] => slots.loading?.() ?? [] }),\n\t\t\t\t\t...(slots.icon && { icon: (): VNode[] => slots.icon?.() ?? [] }),\n\t\t\t\t}}\n\t\t\t</ElButton>\n\t\t));\n\n\t\treturn useExpose(expose, {\n\t\t\t/** @description 按钮 html 元素 */\n\t\t\tref: computed(() => buttonRef.value?.ref),\n\t\t\t/** @description 按钮尺寸 */\n\t\t\tsize: computed(() => buttonRef.value?.size),\n\t\t\t/** @description 按钮类型 */\n\t\t\ttype: computed(() => buttonRef.value?.type),\n\t\t\t/** @description 按钮已禁用 */\n\t\t\tdisabled: computed(() => buttonRef.value?.disabled),\n\t\t\t/** @description 是否在两个字符之间插入空格 */\n\t\t\tshouldAddSpace: computed(() => buttonRef.value?.shouldAddSpace),\n\t\t\t/** @description 加载状态 */\n\t\t\tloading: computed(() => state.loading),\n\t\t\t/** @description 按钮加载 */\n\t\t\tdoLoading: handleLoading,\n\t\t});\n\t},\n});\n"],"mappings":";;;;;;;;;;;;AAUA,MAAa,gBAAgB;CAC5B,GAAG;;;;;CAKH,aAAa;EACZ,MAAM,eAAmC;GAAC;GAAQ;GAAQ;EAAQ,CAAC;EACnE,eAAmC;CACpC;;CAEA,iBAAiB;AAClB;;AAGA,MAAa,gBAAgB;CAC5B,GAAG;;;;;CAMH,QAAQ,OAAmB,aAAyB,CAAC,MAAe,iBAAiB,cAAc,WAAW,IAAI;AACnH;AAYA,IAAA,iBAAe,gBAAgB;CAC9B,MAAM;CACN,OAAO;CACP,OAAO;CACP,OAAO,UAAyB;CAChC,MAAM,OAAO,EAAE,OAAO,MAAM,UAAU;EACrC,MAAM,QAAQ,SAAS,EACtB,SAAS,MACV,CAAC;EAED,MAAM,YAAY,IAAoB;EAEtC,MAAM,oBAA0B;GAC/B,MAAM,UAAU;GAEhB,WAAW,KAAK,CAAC;EAClB;EAEA,MAAM,oBAA0B;GAC/B,MAAM,UAAU;GAChB,WAAW,KAAK;EACjB;EAEA,MAAM,iBAAiB,oBAAsD;GAC5E,MAAM,UAAU;GAChB,qBAA0B,eAAe,CAAC,CAAC,cAAc;IACxD,MAAM,UAAU;GACjB,CAAC;EACF;EAEA,MAAM,eAAe,UAA4B;GAChD,IAAI,MAAM,iBAET,KAAK,SAAS,KAAK;QACb;IACN,YAAY;IAEZ,KAAK,SAAS,OAAO,WAAW;GACjC;EACD;;;;EAKA,YACO,MAAM,UACX,aAAa;GACb,IAAI,MAAM,iBAAiB;GAC3B,IAAI,UACH,YAAY;QAEZ,YAAY;EAEd,GACA,EACC,WAAW,KACZ,CACD;EAEA,MAAM,gBAAgB,SAAS,OAAO,aAAa,CAAC,SAAS,CAAC;EAE9D,gBAAU,YAAA,UAAA,WAEJ,cAAc,OAAK;GAAA,OAClB;GAAS,SAAA;GAAA,WAEL,MAAM;GAAO,WACb,eAAe,UAAiB,YAAY,KAAmB,GAAG,CAAC,SAAS,CAAC;EAAC,CAAA,GAAA;GAGtF,eAAe,MAAM,UAAU;GAC/B,GAAI,MAAM,WAAW,EAAE,eAAwB,MAAM,UAAU,KAAK,CAAA,EAAG;GACvE,GAAI,MAAM,QAAQ,EAAE,YAAqB,MAAM,OAAO,KAAK,CAAA,EAAG;EAAE,CAAA,CAGlE;EAED,OAAO,UAAU,QAAQ;;GAExB,KAAK,eAAe,UAAU,OAAO,GAAG;;GAExC,MAAM,eAAe,UAAU,OAAO,IAAI;;GAE1C,MAAM,eAAe,UAAU,OAAO,IAAI;;GAE1C,UAAU,eAAe,UAAU,OAAO,QAAQ;;GAElD,gBAAgB,eAAe,UAAU,OAAO,cAAc;;GAE9D,SAAS,eAAe,MAAM,OAAO;;GAErC,WAAW;EACZ,CAAC;CACF;AACD,CAAC"}

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

@@ -0,0 +1,8 @@
+import CarNumber from "./src/carNumber";
+import type { TSXWithInstall } from "../../utils";
+/** 中国大陆机动车号牌输入组件。 */
+export declare const FaCarNumber: TSXWithInstall<typeof CarNumber>;
+export default FaCarNumber;
+export * from "./src/common";
+/** FaCarNumber 暴露的组件实例类型。 */
+export type FaCarNumberInstance = InstanceType<typeof CarNumber>;

package/dist/components/carNumber/index.mjs

@@ -0,0 +1,10 @@
+import { withInstall } from "../../utils/vue/install.mjs";
+import { CarNumberArea, CarNumberDigit, CarNumberLetter } from "./src/common.mjs";
+import carNumber_default from "./src/carNumber.mjs";
+//#region src/components/carNumber/index.ts
+/** 中国大陆机动车号牌输入组件。 */
+const FaCarNumber = withInstall(carNumber_default);
+//#endregion
+export { CarNumberArea, CarNumberDigit, CarNumberLetter, FaCarNumber, FaCarNumber as default };
+
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["CarNumber"],"sources":["../../../src/components/carNumber/index.ts"],"sourcesContent":["import { withInstall } from \"../../utils\";\nimport CarNumber from \"./src/carNumber\";\nimport type { TSXWithInstall } from \"../../utils\";\n\n/** 中国大陆机动车号牌输入组件。 */\nexport const FaCarNumber: TSXWithInstall<typeof CarNumber> = withInstall(CarNumber);\nexport default FaCarNumber;\n\nexport * from \"./src/common\";\n\n/** FaCarNumber 暴露的组件实例类型。 */\nexport type FaCarNumberInstance = InstanceType<typeof CarNumber>;\n"],"mappings":";;;;;AAKA,MAAa,cAAgD,YAAYA,iBAAS"}