fast-element-plus 1.0.0 → 1.0.1

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

@@ -0,0 +1,173 @@
+import { Component } from 'vue';
+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/index.mjs').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    disabled: BooleanConstructor;
+    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<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: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "button" | "reset" | "submit", unknown, "button", boolean>;
+    loading: BooleanConstructor;
+    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: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    circle: BooleanConstructor;
+    color: StringConstructor;
+    dark: BooleanConstructor;
+    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: {
+    /**
+     * @description 点击事件
+     * @param done 需要手动隐藏Loading
+     */
+    click: (event: MouseEvent, done?: () => void) => boolean;
+};
+type FaButtonSlots = {
+    /** @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/index.mjs').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    disabled: BooleanConstructor;
+    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<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: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "button" | "reset" | "submit", unknown, "button", boolean>;
+    loading: BooleanConstructor;
+    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: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    circle: BooleanConstructor;
+    color: StringConstructor;
+    dark: BooleanConstructor;
+    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>;
+    /** @description 按钮尺寸 */
+    size: import('vue').ComputedRef<"" | "small" | "default" | "large">;
+    /** @description 按钮类型 */
+    type: import('vue').ComputedRef<"" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger">;
+    /** @description 按钮已禁用 */
+    disabled: import('vue').ComputedRef<boolean>;
+    /** @description 是否在两个字符之间插入空格 */
+    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 点击事件
+     * @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/index.mjs').EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    disabled: BooleanConstructor;
+    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<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: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "button" | "reset" | "submit", unknown, "button", boolean>;
+    loading: BooleanConstructor;
+    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: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    circle: BooleanConstructor;
+    color: StringConstructor;
+    dark: BooleanConstructor;
+    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: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "" | "default" | "text" | "primary" | "success" | "warning" | "info" | "danger", unknown>;
+    circle: boolean;
+    link: 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: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "button" | "reset" | "submit", unknown>;
+    bg: boolean;
+    autofocus: boolean;
+    round: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    dark: 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/lib/components/button/src/button.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("element-plus"),t=require("@element-plus/icons-vue");require("../../../hooks/index.js");const i=require("@fast-china/utils"),n=require("lodash-unified"),a=require("../../../hooks/use-overlay/index.js"),s={...o.buttonProps,loadingIcon:{type:i.definePropType([String,Object,Function]),default:()=>t.Eleme},disabledLoading:Boolean},d={...o.buttonEmits,click:(e,o=()=>{})=>e instanceof MouseEvent&&n.isFunction(o)},l=e.defineComponent({name:"FaButton",props:s,emits:d,slots:i.makeSlots(),setup(t,{attrs:n,slots:s,emit:d,expose:l}){const u=e.reactive({loading:!1}),r=e.ref(),c=()=>{u.loading=!0,a.useOverlay.show(0)},p=()=>{u.loading=!1,a.useOverlay.hide()};e.watch(()=>t.loading,e=>{t.disabledLoading||(e?c():p())},{immediate:!0});const g=i.useProps(t,o.buttonProps,["loading"]);return i.useRender(()=>e.createVNode(o.ElButton,e.mergeProps(g.value,{ref:r,class:"fa-button",loading:u.loading,onClick:e.withModifiers(e=>(e=>{t.disabledLoading?d("click",e):(c(),d("click",e,p))})(e),["prevent"])}),{default:()=>s.default&&s.default(),...s.loading&&{loading:()=>s.loading()},...s.icon&&{icon:()=>s.icon()}})),i.useExpose(l,{ref:e.computed(()=>r.value?.ref),size:e.computed(()=>r.value?.size),type:e.computed(()=>r.value?.type),disabled:e.computed(()=>r.value?.disabled),shouldAddSpace:e.computed(()=>r.value?.shouldAddSpace),loading:e.computed(()=>u.loading),doLoading:e=>{u.loading=!0,i.execFunction(e).then().catch(e=>{i.consoleError("FaButton",e)}).finally(()=>{u.loading=!1})}})}});exports.default=l,exports.faButtonEmits=d,exports.faButtonProps=s;
+//# sourceMappingURL=button.js.map

package/lib/components/button/src/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sources":["../../../../../packages/components/button/src/button.tsx"],"sourcesContent":["import { computed, defineComponent, reactive, ref, watch, withModifiers } from \"vue\";\nimport { ElButton, buttonEmits, buttonProps } from \"element-plus\";\nimport { Eleme } from \"@element-plus/icons-vue\";\nimport { useOverlay } from \"@fast-element-plus/hooks\";\nimport { consoleError, definePropType, execFunction, makeSlots, useExpose, useProps, useRender } from \"@fast-china/utils\";\nimport { isFunction } from \"lodash-unified\";\nimport type { ButtonInstance } from \"element-plus\";\nimport type { Component, VNode } from \"vue\";\n\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\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\ntype FaButtonSlots = {\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, { attrs, 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\texecFunction(loadingFunction)\n\t\t\t\t.then()\n\t\t\t\t.catch((error) => {\n\t\t\t\t\tconsoleError(\"FaButton\", error);\n\t\t\t\t})\n\t\t\t\t.finally(() => {\n\t\t\t\t\tstate.loading = false;\n\t\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 && 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"],"names":["faButtonProps","buttonProps","loadingIcon","type","definePropType","String","Object","Function","default","Eleme","disabledLoading","Boolean","faButtonEmits","buttonEmits","click","event","done","MouseEvent","isFunction","Button","name","props","emits","slots","makeSlots","setup","attrs","emit","expose","state","reactive","loading","buttonRef","ref","showLoading","useOverlay","show","hideLoading","hide","watch","newValue","immediate","elButtonProps","useProps","useRender","_createVNode","ElButton","_mergeProps","value","class","onClick","withModifiers","handleClick","icon","useExpose","computed","size","disabled","shouldAddSpace","doLoading","loadingFunction","execFunction","then","catch","error","consoleError","finally"],"mappings":"uVASaA,EAAgB,IACzBC,EAAAA,YAKHC,YAAa,CACZC,KAAMC,EAAAA,eAAmC,CAACC,OAAQC,OAAQC,WAC1DC,QAASA,IAA0BC,EAAAA,OAGpCC,gBAAiBC,SAGLC,EAAgB,IACzBC,EAAAA,YAMHC,MAAOA,CAACC,EAAmBC,EAAmBA,SAAsBD,aAAiBE,YAAcC,EAAAA,WAAWF,IAY/GG,oBAA+B,CAC9BC,KAAM,WACNC,MAAOrB,EACPsB,MAAOV,EACPW,MAAOC,EAAAA,YACPC,KAAAA,CAAMJ,GAAOK,MAAEA,EAAAA,MAAOH,EAAAA,KAAOI,EAAAA,OAAMC,IAClC,MAAMC,EAAQC,EAAAA,SAAS,CACtBC,SAAS,IAGJC,EAAYC,EAAAA,MAEZC,EAAcA,KACnBL,EAAME,SAAU,EAEhBI,EAAAA,WAAWC,KAAK,IAGXC,EAAcA,KACnBR,EAAME,SAAU,EAChBI,EAAAA,WAAWG,QA6BZC,EAAAA,MACC,IAAMlB,EAAMU,QACXS,IACInB,EAAMX,kBACN8B,EACHN,IAEAG,MAGF,CACCI,WAAW,IAIb,MAAMC,EAAgBC,EAAAA,SAAStB,EAAOpB,EAAAA,YAAa,CAAC,YAkBpD,OAhBA2C,EAAAA,UAAU,IAAAC,EAAAA,YAAAC,EAAAA,SAAAC,EAAAA,WAEJL,EAAcM,MAAK,CAAAf,IAClBD,EAASiB,MAAA,YAAAlB,QAELF,EAAME,QAAOmB,QACbC,EAAAA,cAAepC,GArCLA,CAAAA,IAChBM,EAAMX,gBAETiB,EAAK,QAASZ,IAEdmB,IAEAP,EAAK,QAASZ,EAAOsB,KA8BoBe,CAAYrC,GAAsB,CAAC,cAAW,CAGtFP,QAASA,IAAMe,EAAMf,SAAWe,EAAMf,aAClCe,EAAMQ,SAAW,CAAEA,QAASA,IAAeR,EAAMQ,cACjDR,EAAM8B,MAAQ,CAAEA,KAAMA,IAAe9B,EAAM8B,WAK3CC,EAAAA,UAAU1B,EAAQ,CAExBK,IAAKsB,EAAAA,SAAS,IAAMvB,EAAUgB,OAAOf,KAErCuB,KAAMD,EAAAA,SAAS,IAAMvB,EAAUgB,OAAOQ,MAEtCrD,KAAMoD,EAAAA,SAAS,IAAMvB,EAAUgB,OAAO7C,MAEtCsD,SAAUF,EAAAA,SAAS,IAAMvB,EAAUgB,OAAOS,UAE1CC,eAAgBH,EAAAA,SAAS,IAAMvB,EAAUgB,OAAOU,gBAEhD3B,QAASwB,EAAAA,SAAS,IAAM1B,EAAME,SAE9B4B,UAzEsBC,IACtB/B,EAAME,SAAU,EAChB8B,EAAAA,aAAaD,GACXE,OACAC,MAAOC,IACPC,EAAAA,aAAa,WAAYD,KAEzBE,QAAQ,KACRrC,EAAME,SAAU,MAmEpB"}

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

@@ -0,0 +1,9 @@
+import { TSXWithInstall } from "@fast-china/utils";
+import { default as CarNumber } from "./src/carNumber";
+
+export declare const FaCarNumber: TSXWithInstall<typeof CarNumber>;
+export default CarNumber;
+
+export * from "./src/common";
+
+export declare type FaCarNumberInstance = InstanceType<typeof CarNumber>;

package/lib/components/carNumber/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@fast-china/utils"),r=require("./src/carNumber.js"),t=require("./src/common.js"),a=e.withInstall(r.default);exports.default=r.default,exports.CarNumberArea=t.CarNumberArea,exports.CarNumberDigit=t.CarNumberDigit,exports.CarNumberLetter=t.CarNumberLetter,exports.FaCarNumber=a;
+//# sourceMappingURL=index.js.map

package/lib/components/carNumber/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../packages/components/carNumber/index.ts"],"sourcesContent":["import { withInstall } from \"@fast-china/utils\";\nimport CarNumber from \"./src/carNumber\";\n\nexport const FaCarNumber = withInstall(CarNumber);\nexport default CarNumber;\n\nexport * from \"./src/common\";\n\nexport type FaCarNumberInstance = InstanceType<typeof CarNumber>;\n"],"names":["FaCarNumber","withInstall","CarNumber"],"mappings":"8MAGaA,EAAcC,EAAAA,YAAYC,EAAAA"}