fast-element-plus 1.0.0 → 1.0.2

package/es/components/carNumber/src/common.d.ts

@@ -0,0 +1,15 @@
+/**
+ * 车牌号地区
+ */
+export declare const CarNumberArea: Readonly<string[]>;
+/**
+ * 车牌号字母
+ */
+export declare const CarNumberLetter: Readonly<string[]>;
+/**
+ * 车牌号数字
+ */
+export declare const CarNumberDigit: Readonly<string[]>;
+/**
+ * 特殊车牌号
+ */

package/es/components/carNumber/src/common.mjs

@@ -0,0 +1,2 @@
+const o=["京","津","冀","晋","蒙","辽","吉","黑","沪","苏","浙","皖","闽","赣","鲁","豫","鄂","湘","粤","桂","琼","渝","川","贵","云","藏","陕","甘","青","宁","新","军","使","领"],t=["Q","W","E","R","T","Y","U","O","P","挂","A","S","D","F","G","H","J","K","L","学","Z","X","C","V","B","N","M","警","港","澳"],c=["1","2","3","4","5","6","7","8","9","0"];export{o as CarNumberArea,c as CarNumberDigit,t as CarNumberLetter};
+//# sourceMappingURL=common.mjs.map

package/es/components/carNumber/src/common.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.mjs","sources":["../../../../../packages/components/carNumber/src/common.ts"],"sourcesContent":["/**\n * 车牌号地区\n */\nexport const CarNumberArea: Readonly<string[]> = [\n\t\"京\",\n\t\"津\",\n\t\"冀\",\n\t\"晋\",\n\t\"蒙\",\n\t\"辽\",\n\t\"吉\",\n\t\"黑\",\n\t\"沪\",\n\t\"苏\",\n\t\"浙\",\n\t\"皖\",\n\t\"闽\",\n\t\"赣\",\n\t\"鲁\",\n\t\"豫\",\n\t\"鄂\",\n\t\"湘\",\n\t\"粤\",\n\t\"桂\",\n\t\"琼\",\n\t\"渝\",\n\t\"川\",\n\t\"贵\",\n\t\"云\",\n\t\"藏\",\n\t\"陕\",\n\t\"甘\",\n\t\"青\",\n\t\"宁\",\n\t\"新\",\n\t\"军\",\n\t\"使\",\n\t\"领\",\n];\n\n/**\n * 车牌号字母\n */\nexport const CarNumberLetter: Readonly<string[]> = [\n\t\"Q\",\n\t\"W\",\n\t\"E\",\n\t\"R\",\n\t\"T\",\n\t\"Y\",\n\t\"U\",\n\t\"O\",\n\t\"P\",\n\t\"挂\",\n\t\"A\",\n\t\"S\",\n\t\"D\",\n\t\"F\",\n\t\"G\",\n\t\"H\",\n\t\"J\",\n\t\"K\",\n\t\"L\",\n\t\"学\",\n\t\"Z\",\n\t\"X\",\n\t\"C\",\n\t\"V\",\n\t\"B\",\n\t\"N\",\n\t\"M\",\n\t\"警\",\n\t\"港\",\n\t\"澳\",\n];\n\n/**\n * 车牌号数字\n */\nexport const CarNumberDigit: Readonly<string[]> = [\"1\", \"2\", \"3\", \"4\", \"5\", \"6\", \"7\", \"8\", \"9\", \"0\"];\n\n/**\n * 特殊车牌号\n */\n// export const CarNumberSpecial: Readonly<string[]> = [\"挂\", \"学\", \"警\", \"港\", \"澳\"];\n"],"names":["CarNumberArea","CarNumberLetter","CarNumberDigit"],"mappings":"AAGO,MAAMA,EAAoC,CAChD,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,KAMYC,EAAsC,CAClD,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,KAMYC,EAAqC,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK"}

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

@@ -0,0 +1,9 @@
+import { TSXWithInstall } from "@fast-china/utils";
+import type { default as ContextMenu } from "./src/contextMenu";
+
+export declare const FaContextMenu: TSXWithInstall<typeof ContextMenu>;
+export default FaContextMenu;
+
+export * from "./src/contextMenu.type";
+
+export type FaContextMenuInstance = InstanceType<typeof ContextMenu>;

package/es/components/contextMenu/index.mjs

@@ -0,0 +1,2 @@
+import{withInstall as t}from"@fast-china/utils";import o from"./src/contextMenu.mjs";import"./src/contextMenu.type.mjs";const r=t(o);export{r as FaContextMenu,r as default};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../packages/components/contextMenu/index.ts"],"sourcesContent":["import { withInstall } from \"@fast-china/utils\";\nimport ContextMenu from \"./src/contextMenu\";\n\nexport const FaContextMenu = withInstall(ContextMenu);\nexport default FaContextMenu;\n\nexport * from \"./src/contextMenu.type\";\n\nexport type FaContextMenuInstance = InstanceType<typeof ContextMenu>;\n"],"names":["FaContextMenu","withInstall","ContextMenu"],"mappings":"wHAGO,MAAMA,EAAgBC,EAAYC"}

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

@@ -0,0 +1,32 @@
+import { FaContextMenuData } from './contextMenu.type';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** @description 数据 */
+    data: {
+        type: import('vue').PropType<FaContextMenuData[]>;
+        default: () => any[];
+    };
+}>, {
+    /** @description 是否显示 */
+    visible: import('vue').ComputedRef<boolean>;
+    /** @description 打开菜单 */
+    open: (axis?: {
+        x: number;
+        y: number;
+    }) => void;
+    /** @description 关闭菜单 */
+    close: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    /** @description 点击事件 */
+    click: (event: MouseEvent, data: FaContextMenuData) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** @description 数据 */
+    data: {
+        type: import('vue').PropType<FaContextMenuData[]>;
+        default: () => any[];
+    };
+}>> & Readonly<{
+    onClick?: (event: MouseEvent, data: FaContextMenuData) => any;
+}>, {
+    data: FaContextMenuData[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/contextMenu/src/contextMenu.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as e,reactive as i,onMounted as l,createVNode as o,Transition as t,withDirectives as s,vShow as n,computed as a}from"vue";import{useGlobalSize as p}from"element-plus";import{FaIcon as m}from"../../icon/index.mjs";import{useRender as c,useExpose as r,definePropType as d}from"@fast-china/utils";import{useEventListener as u}from"@vueuse/core";import{isObject as f}from"lodash-unified";const x=/* @__PURE__ */e({name:"FaContextMenu",props:{data:{type:d(Array),default:()=>[]}},emits:{click:(e,i)=>e instanceof MouseEvent&&f(i)},setup(e,{emit:d,expose:f}){const x=p(),b=i({visible:!1,axis:{x:0,y:0}}),v=()=>{b.visible=!1};return l(()=>{u(document,"click",v)}),c(()=>o(t,{name:"el-zoom-in-top"},{default:()=>[s(o("div",{class:["fa-context-menu",`fa-context-menu-${x.value}`,"el-popper el-dropdown__popper"],style:{top:`${b.axis.y+5}px`,left:`${b.axis.x+14}px`},key:Math.random()},[o("ul",{class:"el-dropdown-menu"},[e.data.filter(e=>!e.hide).map(e=>o("li",{class:["el-dropdown-menu__item",!0===e?.disabled?"is-disabled":""],tabIndex:"-1",onClick:i=>{((e,i)=>{i?.disabled||(i?.click&&i.click(e,i),d("click",e,i))})(i,e)}},[e?.icon?o(m,{name:e?.icon},null):null,o("span",null,[e.label])]))])]),[[n,b.visible]])]})),r(f,{visible:a(()=>b.visible),open:(e={x:0,y:0})=>{b.axis=e,b.visible=!0},close:v})}});export{x as default};
+//# sourceMappingURL=contextMenu.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"contextMenu.mjs","sources":["../../../../../packages/components/contextMenu/src/contextMenu.tsx"],"sourcesContent":["import { Transition, computed, defineComponent, onMounted, reactive } from \"vue\";\nimport { useGlobalSize } from \"element-plus\";\nimport { FaIcon } from \"@fast-element-plus/components/icon\";\nimport { definePropType, useExpose, useRender } from \"@fast-china/utils\";\nimport { useEventListener } from \"@vueuse/core\";\nimport { isObject } from \"lodash-unified\";\nimport type { FaContextMenuData } from \"./contextMenu.type\";\n\nexport default defineComponent({\n\tname: \"FaContextMenu\",\n\tprops: {\n\t\t/** @description 数据 */\n\t\tdata: {\n\t\t\ttype: definePropType<FaContextMenuData[]>(Array),\n\t\t\tdefault: () => [],\n\t\t},\n\t},\n\temits: {\n\t\t/** @description 点击事件 */\n\t\tclick: (event: MouseEvent, data: FaContextMenuData) => event instanceof MouseEvent && isObject(data),\n\t},\n\tsetup(props, { emit, expose }) {\n\t\tconst _globalSize = useGlobalSize();\n\n\t\tconst state = reactive({\n\t\t\tvisible: false,\n\t\t\taxis: {\n\t\t\t\tx: 0,\n\t\t\t\ty: 0,\n\t\t\t},\n\t\t});\n\n\t\tconst handleClick = (event: MouseEvent, data: FaContextMenuData): void => {\n\t\t\tif (data?.disabled) return;\n\t\t\tdata?.click && data.click(event, data);\n\t\t\temit(\"click\", event, data);\n\t\t};\n\n\t\tconst open = (axis: { x: number; y: number } = { x: 0, y: 0 }): void => {\n\t\t\tstate.axis = axis;\n\t\t\tstate.visible = true;\n\t\t};\n\n\t\tconst close = (): void => {\n\t\t\tstate.visible = false;\n\t\t};\n\n\t\tonMounted(() => {\n\t\t\tuseEventListener(document, \"click\", close);\n\t\t});\n\n\t\tuseRender(() => (\n\t\t\t<Transition name=\"el-zoom-in-top\">\n\t\t\t\t<div\n\t\t\t\t\tclass={[\"fa-context-menu\", `fa-context-menu-${_globalSize.value}`, \"el-popper el-dropdown__popper\"]}\n\t\t\t\t\tstyle={{ top: `${state.axis.y + 5}px`, left: `${state.axis.x + 14}px` }}\n\t\t\t\t\tvShow={state.visible}\n\t\t\t\t\tkey={Math.random()}\n\t\t\t\t>\n\t\t\t\t\t<ul class=\"el-dropdown-menu\">\n\t\t\t\t\t\t{props.data\n\t\t\t\t\t\t\t.filter((f) => !f.hide)\n\t\t\t\t\t\t\t.map((item) => (\n\t\t\t\t\t\t\t\t<li\n\t\t\t\t\t\t\t\t\tclass={[\"el-dropdown-menu__item\", item?.disabled === true ? \"is-disabled\" : \"\"]}\n\t\t\t\t\t\t\t\t\ttabIndex=\"-1\"\n\t\t\t\t\t\t\t\t\tonClick={(event: MouseEvent) => {\n\t\t\t\t\t\t\t\t\t\thandleClick(event, item);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{item?.icon ? <FaIcon name={item?.icon} /> : null}\n\t\t\t\t\t\t\t\t\t<span>{item.label}</span>\n\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\t\t\t</Transition>\n\t\t));\n\n\t\treturn useExpose(expose, {\n\t\t\t/** @description 是否显示 */\n\t\t\tvisible: computed(() => state.visible),\n\t\t\t/** @description 打开菜单 */\n\t\t\topen,\n\t\t\t/** @description 关闭菜单 */\n\t\t\tclose,\n\t\t});\n\t},\n});\n"],"names":["ContextMenu","name","props","data","type","definePropType","Array","default","emits","click","event","MouseEvent","isObject","setup","emit","expose","_globalSize","useGlobalSize","state","reactive","visible","axis","x","y","close","onMounted","useEventListener","document","useRender","_createVNode","Transition","_withDirectives","class","value","style","top","left","key","Math","random","filter","f","hide","map","item","disabled","tabIndex","onClick","handleClick","icon","FaIcon","label","_vShow","useExpose","computed","open"],"mappings":"uZAQA,MAAAA,mBAA+B,CAC9BC,KAAM,gBACNC,MAAO,CAENC,KAAM,CACLC,KAAMC,EAAoCC,OAC1CC,QAASA,IAAM,KAGjBC,MAAO,CAENC,MAAOA,CAACC,EAAmBP,IAA4BO,aAAiBC,YAAcC,EAAST,IAEhGU,KAAAA,CAAMX,GAAOY,KAAEA,EAAAA,OAAMC,IACpB,MAAMC,EAAcC,IAEdC,EAAQC,EAAS,CACtBC,SAAS,EACTC,KAAM,CACLC,EAAG,EACHC,EAAG,KAeCC,EAAQA,KACbN,EAAME,SAAU,GAmCjB,OAhCAK,EAAU,KACTC,EAAiBC,SAAU,QAASH,KAGrCI,EAAU,IAAAC,EAAAC,EAAA,CAAA7B,KAAA,kBAAA,CAAAM,QAAAA,IAAA,CAAAwB,EAAAF,EAAA,MAAA,CAAAG,MAGA,CAAC,kBAAmB,mBAAmBhB,EAAYiB,QAAS,iCAAgCC,MAC5F,CAAEC,IAAK,GAAGjB,EAAMG,KAAKE,EAAI,MAAOa,KAAM,GAAGlB,EAAMG,KAAKC,EAAI,QAAQe,IAElEC,KAAKC,UAAQ,CAAAV,EAAA,KAAA,CAAAG,MAAA,oBAAA,CAGhB9B,EAAMC,KACLqC,OAAQC,IAAOA,EAAEC,MACjBC,IAAKC,GAAIf,EAAA,KAAA,CAAAG,MAED,CAAC,0BAA6C,IAAnBY,GAAMC,SAAoB,cAAgB,IAAGC,SAAA,KAAAC,QAErErC,IAlCGsC,EAACtC,EAAmBP,KACnCA,GAAM0C,WACV1C,GAAMM,OAASN,EAAKM,MAAMC,EAAOP,GACjCW,EAAK,QAASJ,EAAOP,KAgCd6C,CAAYtC,EAAOkC,KACnB,CAEAA,GAAMK,KAAIpB,EAAAqB,EAAA,CAAAjD,KAAiB2C,GAAMK,MAAI,MAAO,KAAIpB,EAAA,OAAA,KAAA,CAC1Ce,EAAKO,eAEZ,CAAA,CAAAC,EAjBGlC,EAAME,eAuBTiC,EAAUtC,EAAQ,CAExBK,QAASkC,EAAS,IAAMpC,EAAME,SAE9BmC,KA7CYA,CAAClC,EAAiC,CAAEC,EAAG,EAAGC,EAAG,MACzDL,EAAMG,KAAOA,EACbH,EAAME,SAAU,GA6ChBI,SAEF"}

package/es/components/contextMenu/src/contextMenu.type.d.ts

@@ -0,0 +1,33 @@
+/**
+ * @description FaContextMenu 组件数据
+ */
+export type FaContextMenuData = {
+    /**
+     * @description 名称
+     */
+    name: string;
+    /**
+     * @description 标签
+     */
+    label: string;
+    /**
+     * @description 图标
+     */
+    icon?: string;
+    /**
+     * @description 隐藏
+     */
+    hide?: boolean;
+    /**
+     * @description 禁用
+     */
+    disabled?: boolean;
+    /**
+     * @description 点击事件
+     */
+    click?: (event: MouseEvent, data: FaContextMenuData) => Promise<void> | void;
+    /**
+     * @description 携带数据
+     */
+    data?: any;
+};

package/es/components/contextMenu/src/contextMenu.type.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=contextMenu.type.mjs.map

package/es/components/contextMenu/src/contextMenu.type.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"contextMenu.type.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,14 @@
+import { TSXWithInstall } from "@fast-china/utils";
+import type { default as Dialog, faDialogEmits, faDialogProps } from "./src/dialog";
+import type { ExtractPropTypes } from "vue";
+
+export declare const FaDialog: TSXWithInstall<typeof Dialog>;
+export default FaDialog;
+
+export { faDialogProps, faDialogEmits };
+
+export type FaDialogInstance = InstanceType<typeof Dialog>;
+
+export type FaDialogProps = ExtractPropTypes<typeof faDialogProps>;
+
+export type FaDialogEmits = typeof faDialogEmits;

package/es/components/dialog/index.mjs

@@ -0,0 +1,2 @@
+import{withInstall as o}from"@fast-china/utils";import r from"./src/dialog.mjs";import{faDialogEmits as m,faDialogProps as s}from"./src/dialog.mjs";const t=o(r);export{t as FaDialog,t as default,m as faDialogEmits,s as faDialogProps};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../packages/components/dialog/index.ts"],"sourcesContent":["import { withInstall } from \"@fast-china/utils\";\nimport Dialog, { faDialogEmits, faDialogProps } from \"./src/dialog\";\nimport type { ExtractPropTypes } from \"vue\";\n\nexport const FaDialog = withInstall(Dialog);\nexport default FaDialog;\n\nexport { faDialogProps, faDialogEmits };\n\nexport type FaDialogInstance = InstanceType<typeof Dialog>;\n\nexport type FaDialogProps = ExtractPropTypes<typeof faDialogProps>;\n\nexport type FaDialogEmits = typeof faDialogEmits;\n"],"names":["FaDialog","withInstall","Dialog"],"mappings":"oJAIO,MAAMA,EAAWC,EAAYC"}

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

@@ -0,0 +1,454 @@
+export declare const faDialogProps: {
+    /** @description whether to align the dialog both horizontally and vertically*/
+    alignCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description whether to append Dialog itself to body. A nested Dialog should have this attribute set to `true` */
+    appendToBody: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description enable dragging feature for Dialog */
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description destroy elements in Dialog when closed */
+    destroyOnClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description draggable Dialog can overflow the viewport */
+    overflow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description value for `margin-top` of Dialog CSS, default is 15vh */
+    top: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** @description width of Dialog, default is 50% */
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    /** @description 显示刷新按钮 */
+    showRefresh: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description 显示全屏图标 */
+    showFullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description 显示关闭按钮 */
+    showCloseButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description 显示确认按钮 */
+    showConfirmButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description 禁用确认按钮 */
+    disabledConfirmButton: BooleanConstructor;
+    /** @description 关闭按钮文字，默认取消 */
+    closeButtonText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** @description 确认按钮文字，默认确认 */
+    confirmButtonText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** @description 隐藏底部操作 */
+    hideFooter: BooleanConstructor;
+    /** @description 撑满高度 */
+    fillHeight: BooleanConstructor;
+    /** @description 显示关闭回调 */
+    showBeforeClose: BooleanConstructor;
+    /** @description 打开之后 */
+    afterOpen: {
+        type: import('vue').PropType<() => void>;
+    };
+    appendTo: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => string | HTMLElement) | (() => import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>) | ((new (...args: any[]) => string | HTMLElement) | (() => import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>))[], unknown, unknown, "body", boolean>;
+    beforeClose: {
+        readonly type: import('vue').PropType<import('element-plus').DialogBeforeCloseFn>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    closeOnClickModal: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    closeOnPressEscape: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    lockScroll: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    modal: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    modalPenetrable: BooleanConstructor;
+    openDelay: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    closeDelay: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    modelValue: BooleanConstructor;
+    modalClass: StringConstructor;
+    headerClass: StringConstructor;
+    bodyClass: StringConstructor;
+    footerClass: StringConstructor;
+    zIndex: {
+        readonly type: import('vue').PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    trapFocus: BooleanConstructor;
+    headerAriaLevel: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
+    transition: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => string | import('vue').TransitionProps) | (() => import('element-plus').DialogTransition) | ((new (...args: any[]) => string | import('vue').TransitionProps) | (() => import('element-plus').DialogTransition))[], unknown, unknown, undefined, boolean>;
+    center: BooleanConstructor;
+    closeIcon: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component) | ((new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    fullscreen: BooleanConstructor;
+    showClose: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    title: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    ariaLevel: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
+};
+export declare const faDialogEmits: {
+    /** @description v-model 回调 */
+    "update:modelValue": (value: boolean) => boolean;
+    /** @description 确认按钮点击事件 */
+    confirmClick: () => boolean;
+    open: () => boolean;
+    opened: () => boolean;
+    close: () => boolean;
+    closed: () => boolean;
+    openAutoFocus: () => boolean;
+    closeAutoFocus: () => boolean;
+};
+type FaDialogSlots = {
+    /** @description 默认内容插槽 */
+    default: {
+        loading: boolean;
+    };
+    /** @description 头部插槽 */
+    header: {
+        loading: boolean;
+        close: () => void;
+    };
+    /** @description 底部插槽 */
+    footer: {
+        loading: boolean;
+        close: () => void;
+    };
+};
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** @description whether to align the dialog both horizontally and vertically*/
+    alignCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description whether to append Dialog itself to body. A nested Dialog should have this attribute set to `true` */
+    appendToBody: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description enable dragging feature for Dialog */
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description destroy elements in Dialog when closed */
+    destroyOnClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description draggable Dialog can overflow the viewport */
+    overflow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description value for `margin-top` of Dialog CSS, default is 15vh */
+    top: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** @description width of Dialog, default is 50% */
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    /** @description 显示刷新按钮 */
+    showRefresh: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description 显示全屏图标 */
+    showFullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description 显示关闭按钮 */
+    showCloseButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description 显示确认按钮 */
+    showConfirmButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description 禁用确认按钮 */
+    disabledConfirmButton: BooleanConstructor;
+    /** @description 关闭按钮文字，默认取消 */
+    closeButtonText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** @description 确认按钮文字，默认确认 */
+    confirmButtonText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** @description 隐藏底部操作 */
+    hideFooter: BooleanConstructor;
+    /** @description 撑满高度 */
+    fillHeight: BooleanConstructor;
+    /** @description 显示关闭回调 */
+    showBeforeClose: BooleanConstructor;
+    /** @description 打开之后 */
+    afterOpen: {
+        type: import('vue').PropType<() => void>;
+    };
+    appendTo: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => string | HTMLElement) | (() => import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>) | ((new (...args: any[]) => string | HTMLElement) | (() => import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>))[], unknown, unknown, "body", boolean>;
+    beforeClose: {
+        readonly type: import('vue').PropType<import('element-plus').DialogBeforeCloseFn>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    closeOnClickModal: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    closeOnPressEscape: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    lockScroll: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    modal: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    modalPenetrable: BooleanConstructor;
+    openDelay: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    closeDelay: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    modelValue: BooleanConstructor;
+    modalClass: StringConstructor;
+    headerClass: StringConstructor;
+    bodyClass: StringConstructor;
+    footerClass: StringConstructor;
+    zIndex: {
+        readonly type: import('vue').PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    trapFocus: BooleanConstructor;
+    headerAriaLevel: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
+    transition: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => string | import('vue').TransitionProps) | (() => import('element-plus').DialogTransition) | ((new (...args: any[]) => string | import('vue').TransitionProps) | (() => import('element-plus').DialogTransition))[], unknown, unknown, undefined, boolean>;
+    center: BooleanConstructor;
+    closeIcon: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component) | ((new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    fullscreen: BooleanConstructor;
+    showClose: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    title: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    ariaLevel: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
+}>, {
+    /** @description 弹窗内容引用 */
+    dialogContentRef: import('vue').ComputedRef<any>;
+    /** @description 重置位置 */
+    resetPosition: import('vue').ComputedRef<() => void>;
+    /** @description 加载状态 */
+    loading: import('vue').ComputedRef<boolean>;
+    /** @description 是否显示 */
+    visible: import('vue').ComputedRef<boolean>;
+    /** @description 打开弹窗 */
+    open: (openFunction?: () => void | Promise<void>) => void;
+    /** @description 关闭弹窗 */
+    close: (closeFunction?: () => void | Promise<void>) => void;
+    /** @description 刷新弹窗 */
+    refresh: () => void;
+    /** @description 弹窗加载 */
+    doLoading: (loadingFunction: () => void | Promise<void>) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    /** @description v-model 回调 */
+    "update:modelValue": (value: boolean) => boolean;
+    /** @description 确认按钮点击事件 */
+    confirmClick: () => boolean;
+    open: () => boolean;
+    opened: () => boolean;
+    close: () => boolean;
+    closed: () => boolean;
+    openAutoFocus: () => boolean;
+    closeAutoFocus: () => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** @description whether to align the dialog both horizontally and vertically*/
+    alignCenter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description whether to append Dialog itself to body. A nested Dialog should have this attribute set to `true` */
+    appendToBody: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description enable dragging feature for Dialog */
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description destroy elements in Dialog when closed */
+    destroyOnClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description draggable Dialog can overflow the viewport */
+    overflow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description value for `margin-top` of Dialog CSS, default is 15vh */
+    top: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** @description width of Dialog, default is 50% */
+    width: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: string;
+    };
+    /** @description 显示刷新按钮 */
+    showRefresh: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description 显示全屏图标 */
+    showFullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description 显示关闭按钮 */
+    showCloseButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description 显示确认按钮 */
+    showConfirmButton: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** @description 禁用确认按钮 */
+    disabledConfirmButton: BooleanConstructor;
+    /** @description 关闭按钮文字，默认取消 */
+    closeButtonText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** @description 确认按钮文字，默认确认 */
+    confirmButtonText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** @description 隐藏底部操作 */
+    hideFooter: BooleanConstructor;
+    /** @description 撑满高度 */
+    fillHeight: BooleanConstructor;
+    /** @description 显示关闭回调 */
+    showBeforeClose: BooleanConstructor;
+    /** @description 打开之后 */
+    afterOpen: {
+        type: import('vue').PropType<() => void>;
+    };
+    appendTo: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => string | HTMLElement) | (() => import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>) | ((new (...args: any[]) => string | HTMLElement) | (() => import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>))[], unknown, unknown, "body", boolean>;
+    beforeClose: {
+        readonly type: import('vue').PropType<import('element-plus').DialogBeforeCloseFn>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    closeOnClickModal: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    closeOnPressEscape: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    lockScroll: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    modal: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    modalPenetrable: BooleanConstructor;
+    openDelay: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    closeDelay: import('element-plus/es/utils/index.mjs').EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    modelValue: BooleanConstructor;
+    modalClass: StringConstructor;
+    headerClass: StringConstructor;
+    bodyClass: StringConstructor;
+    footerClass: StringConstructor;
+    zIndex: {
+        readonly type: import('vue').PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    trapFocus: BooleanConstructor;
+    headerAriaLevel: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
+    transition: import('element-plus/es/utils/index.mjs').EpPropFinalized<(new (...args: any[]) => string | import('vue').TransitionProps) | (() => import('element-plus').DialogTransition) | ((new (...args: any[]) => string | import('vue').TransitionProps) | (() => import('element-plus').DialogTransition))[], unknown, unknown, undefined, boolean>;
+    center: BooleanConstructor;
+    closeIcon: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component) | ((new (...args: any[]) => (string | import('vue').Component) & {}) | (() => string | import('vue').Component))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    fullscreen: BooleanConstructor;
+    showClose: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    title: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    ariaLevel: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
+}>> & Readonly<{
+    "onUpdate:modelValue"?: (value: boolean) => any;
+    onOpen?: () => any;
+    onClose?: () => any;
+    onConfirmClick?: () => any;
+    onOpened?: () => any;
+    onClosed?: () => any;
+    onOpenAutoFocus?: () => any;
+    onCloseAutoFocus?: () => any;
+}>, {
+    title: string;
+    center: boolean;
+    showClose: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    top: string;
+    appendTo: import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>) | ((new (...args: any[]) => string | HTMLElement) | (() => import('element-plus/es/utils/index.mjs').EpPropMergeType<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | ((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement))[], unknown, unknown>))[], unknown, unknown>;
+    modelValue: boolean;
+    transition: undefined;
+    width: string | number;
+    fullscreen: boolean;
+    alignCenter: boolean;
+    appendToBody: boolean;
+    draggable: boolean;
+    destroyOnClose: boolean;
+    overflow: boolean;
+    showRefresh: boolean;
+    showFullscreen: boolean;
+    showCloseButton: boolean;
+    showConfirmButton: boolean;
+    disabledConfirmButton: boolean;
+    closeButtonText: string;
+    confirmButtonText: string;
+    hideFooter: boolean;
+    fillHeight: boolean;
+    showBeforeClose: boolean;
+    closeOnClickModal: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    closeOnPressEscape: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    lockScroll: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    modal: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    modalPenetrable: boolean;
+    openDelay: number;
+    closeDelay: number;
+    trapFocus: boolean;
+    headerAriaLevel: string;
+    ariaLevel: string;
+}, import('vue').SlotsType<Partial<import('@fast-china/utils').MakeSlots<FaDialogSlots>>>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/dialog/src/dialog.mjs

@@ -0,0 +1,2 @@
+import{defineComponent as e,reactive as l,ref as o,nextTick as a,watch as n,createVNode as i,mergeProps as t,Fragment as s,withDirectives as d,resolveDirective as r,computed as u}from"vue";import{dialogProps as f,dialogEmits as c,useGlobalSize as g,ElMessage as _,ElMessageBox as h,ElDialog as p,ElButton as m,ElScrollbar as C,ElIcon as v}from"element-plus";import{Eleme as B,Refresh as b,FullScreen as y,Close as w}from"@element-plus/icons-vue";import{FullScreenExit as k}from"@fast-element-plus/icons-vue";import{definePropType as F,execFunction as x,consoleError as T,useProps as D,useRender as O,useExpose as S,makeSlots as V}from"@fast-china/utils";import{isBoolean as A}from"lodash-unified";const R={...f,alignCenter:{type:Boolean,default:!0},appendToBody:{type:Boolean,default:!0},draggable:{type:Boolean,default:!0},destroyOnClose:{type:Boolean,default:!0},overflow:{type:Boolean,default:!0},top:{type:String,default:"5vh"},width:{type:[String,Number],default:"90%"},showRefresh:{type:Boolean,default:!0},showFullscreen:{type:Boolean,default:!0},showCloseButton:{type:Boolean,default:!0},showConfirmButton:{type:Boolean,default:!0},disabledConfirmButton:Boolean,closeButtonText:{type:String,default:"取消"},confirmButtonText:{type:String,default:"确认"},hideFooter:Boolean,fillHeight:Boolean,showBeforeClose:Boolean,afterOpen:{type:F(Function)}},H={...c,"update:modelValue":e=>A(e),confirmClick:()=>!0},P=/* @__PURE__ */e({name:"FaDialog",props:R,emits:H,slots:V(),setup(e,{attrs:c,slots:F,emit:V,expose:A}){const R=g(),H=l({loading:!1,visible:!1,fullscreen:!1,refreshing:!1}),P=o();let q;const I=l=>{H.visible=!0,q=l,a(()=>{H.loading=!0,x(e.afterOpen??l).then(()=>{V("open")}).catch(e=>{T("FaDialog",e),H.visible=!1}).finally(()=>{H.loading=!1})})},L=e=>{H.loading=!0,x(e).then(()=>{V("close"),H.visible=!1}).catch(e=>{T("FaDialog",e)}).finally(()=>{H.loading=!1})},N=()=>{H.loading||(H.refreshing=!0,H.loading=!0,setTimeout(()=>{H.refreshing=!1,I(q),_.success("刷新成功")},500))},U=l=>{if(H.loading)return;if(document.querySelector(".el-image-viewer__wrapper"))return;const o=()=>{x(e.beforeClose).then(()=>{V("close"),l()}).catch(e=>{T("FaDialog",e)})};e.showBeforeClose?h.confirm("确定关闭？",{type:"warning"}).then(()=>{o()}):o()},$=()=>{H.loading||(H.fullscreen=!H.fullscreen)},j=()=>{H.loading||V("confirmClick")},z=()=>{H.loading||L()};n(()=>H.visible,e=>{V("update:modelValue",e)});const E=D(e,f,["modelValue","fullscreen","showClose","beforeClose"]);return O(()=>i(p,t(E.value,{ref:P,class:["fa-dialog",`fa-dialog-${R.value}`,{"fa-dialog__fill-height":e.fillHeight,"fa-dialog__fullscreen":H.fullscreen}],modelValue:H.visible,"onUpdate:modelValue":e=>H.visible=e,fullscreen:H.fullscreen,showClose:!1,beforeClose:U,onOpened:()=>V("opened"),onClosed:()=>V("closed"),onOpenAutoFocus:()=>V("openAutoFocus"),onCloseAutoFocus:()=>V("closeAutoFocus")}),{header:()=>i(s,null,[i("div",{class:"fa-dialog__header-title"},[e.title,F.header&&F.header({loading:H.loading,close:z})]),e.showRefresh&&i("div",{title:"刷新",class:["fa-dialog__header-icon",H.loading?"fa__click__disabled fa__click__disabled__cursor ":"fa__hover__twinkle"],onClick:N},[i(v,null,{default:()=>[i(b,null,null)]})]),e.showFullscreen&&i("div",{title:H.fullscreen?"关闭全屏显示":"全屏显示",class:["fa-dialog__header-icon",H.loading?"fa__click__disabled fa__click__disabled__cursor ":"fa__hover__twinkle"],onClick:$},[i(v,null,{default:()=>[H.fullscreen?i(k,null,null):i(y,null,null)]})]),e.showClose&&i("div",{title:"关闭",class:["fa-dialog__header-icon",H.loading?"fa__click__disabled fa__click__disabled__cursor ":"fa__hover__twinkle"],onClick:z},[i(v,null,{default:()=>[i(w,null,null)]})])]),default:()=>d(i(C,{"element-loading-text":"加载中..."},{default:()=>[!H.refreshing&&F.default&&F.default(H)]}),[[r("loading"),H.loading]]),...!e.hideFooter&&{footer:()=>i(s,null,[F.footer&&F.footer({loading:H.loading,close:z}),e.showCloseButton&&i(m,{disabled:H.loading,onClick:z},{default:()=>[e.closeButtonText]}),e.showConfirmButton&&i(m,{loading:H.loading,loadingIcon:B,disabled:e.disabledConfirmButton,type:"primary",onClick:j},{default:()=>[H.loading?"加载中...":e.confirmButtonText]})])}})),S(A,{dialogContentRef:u(()=>P.value?.dialogContentRef),resetPosition:u(()=>P.value?.resetPosition),loading:u(()=>H.loading),visible:u(()=>H.visible),open:I,close:L,refresh:N,doLoading:e=>{H.loading=!0,x(e).then().catch(e=>{T("FaDialog",e)}).finally(()=>{H.loading=!1})}})}});export{P as default,H as faDialogEmits,R as faDialogProps};
+//# sourceMappingURL=dialog.mjs.map