fast-element-plus 1.0.0 → 1.0.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","sources":["../../../../../packages/components/dialog/src/dialog.tsx"],"sourcesContent":["import { Fragment, computed, defineComponent, nextTick, reactive, ref, watch } from \"vue\";\nimport { ElButton, ElDialog, ElIcon, ElMessage, ElMessageBox, ElScrollbar, dialogEmits, dialogProps, useGlobalSize } from \"element-plus\";\nimport { Close, Eleme, FullScreen, Refresh } from \"@element-plus/icons-vue\";\nimport { FullScreenExit } from \"@fast-element-plus/icons-vue\";\nimport { consoleError, definePropType, execFunction, makeSlots, useExpose, useProps, useRender } from \"@fast-china/utils\";\nimport { isBoolean } from \"lodash-unified\";\nimport type { DialogInstance } from \"element-plus\";\nimport type { VNode } from \"vue\";\n\nexport const faDialogProps = {\n\t...dialogProps,\n\t/** @description whether to align the dialog both horizontally and vertically*/\n\talignCenter: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description whether to append Dialog itself to body. A nested Dialog should have this attribute set to `true` */\n\tappendToBody: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description enable dragging feature for Dialog */\n\tdraggable: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description destroy elements in Dialog when closed */\n\tdestroyOnClose: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description draggable Dialog can overflow the viewport */\n\toverflow: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description value for `margin-top` of Dialog CSS, default is 15vh */\n\ttop: {\n\t\ttype: String,\n\t\tdefault: \"5vh\",\n\t},\n\t/** @description width of Dialog, default is 50% */\n\twidth: {\n\t\ttype: [String, Number],\n\t\tdefault: \"90%\",\n\t},\n\t/** @description 显示刷新按钮 */\n\tshowRefresh: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description 显示全屏图标 */\n\tshowFullscreen: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description 显示关闭按钮 */\n\tshowCloseButton: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description 显示确认按钮 */\n\tshowConfirmButton: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description 禁用确认按钮 */\n\tdisabledConfirmButton: Boolean,\n\t/** @description 关闭按钮文字，默认取消 */\n\tcloseButtonText: {\n\t\ttype: String,\n\t\tdefault: \"取消\",\n\t},\n\t/** @description 确认按钮文字，默认确认 */\n\tconfirmButtonText: {\n\t\ttype: String,\n\t\tdefault: \"确认\",\n\t},\n\t/** @description 隐藏底部操作 */\n\thideFooter: Boolean,\n\t/** @description 撑满高度 */\n\tfillHeight: Boolean,\n\t/** @description 显示关闭回调 */\n\tshowBeforeClose: Boolean,\n\t/** @description 打开之后 */\n\tafterOpen: {\n\t\ttype: definePropType<() => void>(Function),\n\t},\n};\n\nexport const faDialogEmits = {\n\t...dialogEmits,\n\t/** @description v-model 回调 */\n\t\"update:modelValue\": (value: boolean): boolean => isBoolean(value),\n\t/** @description 确认按钮点击事件 */\n\tconfirmClick: (): boolean => true,\n};\n\ntype FaDialogSlots = {\n\t/** @description 默认内容插槽 */\n\tdefault: { loading: boolean };\n\t/** @description 头部插槽 */\n\theader: { loading: boolean; close: () => void };\n\t/** @description 底部插槽 */\n\tfooter: { loading: boolean; close: () => void };\n};\n\nexport default defineComponent({\n\tname: \"FaDialog\",\n\tprops: faDialogProps,\n\temits: faDialogEmits,\n\tslots: makeSlots<FaDialogSlots>(),\n\tsetup(props, { attrs, slots, emit, expose }) {\n\t\tconst _globalSize = useGlobalSize();\n\n\t\tconst state = reactive({\n\t\t\tloading: false,\n\t\t\tvisible: false,\n\t\t\tfullscreen: false,\n\t\t\trefreshing: false,\n\t\t});\n\n\t\tconst dialogRef = ref<DialogInstance>();\n\n\t\tlet cacheOpenFunction = undefined;\n\n\t\tconst handleOpen = (openFunction?: () => void | Promise<void>): void => {\n\t\t\tstate.visible = true;\n\t\t\tcacheOpenFunction = openFunction;\n\t\t\tnextTick(() => {\n\t\t\t\tstate.loading = true;\n\t\t\t\texecFunction(props.afterOpen ?? openFunction)\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\temit(\"open\");\n\t\t\t\t\t})\n\t\t\t\t\t.catch((error) => {\n\t\t\t\t\t\tconsoleError(\"FaDialog\", error);\n\t\t\t\t\t\t// 自动关闭\n\t\t\t\t\t\tstate.visible = false;\n\t\t\t\t\t})\n\t\t\t\t\t.finally(() => {\n\t\t\t\t\t\tstate.loading = false;\n\t\t\t\t\t});\n\t\t\t});\n\t\t};\n\n\t\tconst handleClose = (closeFunction?: () => void | Promise<void>): void => {\n\t\t\tstate.loading = true;\n\t\t\texecFunction(closeFunction)\n\t\t\t\t.then(() => {\n\t\t\t\t\temit(\"close\");\n\t\t\t\t\tstate.visible = false;\n\t\t\t\t})\n\t\t\t\t.catch((error) => {\n\t\t\t\t\tconsoleError(\"FaDialog\", 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 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(\"FaDialog\", 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 handleRefresh = (): void => {\n\t\t\tif (state.loading) return;\n\t\t\tstate.refreshing = true;\n\t\t\tstate.loading = true;\n\t\t\tsetTimeout(() => {\n\t\t\t\tstate.refreshing = false;\n\t\t\t\thandleOpen(cacheOpenFunction);\n\t\t\t\tElMessage.success(\"刷新成功\");\n\t\t\t}, 500);\n\t\t};\n\n\t\tconst handleBeforeClose = (done: () => void): void => {\n\t\t\tif (state.loading) return;\n\t\t\t// 解决 image 预览摁下 ese 会关闭弹窗的问题\n\t\t\tif (document.querySelector(\".el-image-viewer__wrapper\")) return;\n\n\t\t\tconst newDone = (): void => {\n\t\t\t\texecFunction(props.beforeClose)\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\temit(\"close\");\n\t\t\t\t\t\tdone();\n\t\t\t\t\t})\n\t\t\t\t\t.catch((error) => {\n\t\t\t\t\t\tconsoleError(\"FaDialog\", error);\n\t\t\t\t\t});\n\t\t\t};\n\n\t\t\tif (props.showBeforeClose) {\n\t\t\t\tElMessageBox.confirm(\"确定关闭？\", { type: \"warning\" }).then(() => {\n\t\t\t\t\tnewDone();\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tnewDone();\n\t\t\t}\n\t\t};\n\n\t\tconst handleFullscreen = (): void => {\n\t\t\tif (state.loading) return;\n\t\t\tstate.fullscreen = !state.fullscreen;\n\t\t};\n\n\t\tconst handleConfirmClick = (): void => {\n\t\t\tif (state.loading) return;\n\t\t\temit(\"confirmClick\");\n\t\t};\n\n\t\tconst handleCloseClick = (): void => {\n\t\t\tif (state.loading) return;\n\t\t\thandleClose();\n\t\t};\n\n\t\twatch(\n\t\t\t() => state.visible,\n\t\t\t(newValue) => {\n\t\t\t\temit(\"update:modelValue\", newValue);\n\t\t\t}\n\t\t);\n\n\t\tconst elDialogProps = useProps(props, dialogProps, [\"modelValue\", \"fullscreen\", \"showClose\", \"beforeClose\"]);\n\n\t\tuseRender(() => (\n\t\t\t<ElDialog\n\t\t\t\t{...elDialogProps.value}\n\t\t\t\tref={dialogRef}\n\t\t\t\tclass={[\n\t\t\t\t\t\"fa-dialog\",\n\t\t\t\t\t`fa-dialog-${_globalSize.value}`,\n\t\t\t\t\t{ \"fa-dialog__fill-height\": props.fillHeight, \"fa-dialog__fullscreen\": state.fullscreen },\n\t\t\t\t]}\n\t\t\t\tvModel={state.visible}\n\t\t\t\tfullscreen={state.fullscreen}\n\t\t\t\tshowClose={false}\n\t\t\t\tbeforeClose={handleBeforeClose}\n\t\t\t\tonOpened={() => emit(\"opened\")}\n\t\t\t\tonClosed={() => emit(\"closed\")}\n\t\t\t\tonOpenAutoFocus={() => emit(\"openAutoFocus\")}\n\t\t\t\tonCloseAutoFocus={() => emit(\"closeAutoFocus\")}\n\t\t\t>\n\t\t\t\t{{\n\t\t\t\t\theader: () => (\n\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t<div class=\"fa-dialog__header-title\">\n\t\t\t\t\t\t\t\t{props.title}\n\t\t\t\t\t\t\t\t{slots.header && slots.header({ loading: state.loading, close: handleCloseClick })}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t{props.showRefresh && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\ttitle=\"刷新\"\n\t\t\t\t\t\t\t\t\tclass={[\n\t\t\t\t\t\t\t\t\t\t\"fa-dialog__header-icon\",\n\t\t\t\t\t\t\t\t\t\tstate.loading ? \"fa__click__disabled fa__click__disabled__cursor \" : \"fa__hover__twinkle\",\n\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\tonClick={handleRefresh}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ElIcon>\n\t\t\t\t\t\t\t\t\t\t<Refresh />\n\t\t\t\t\t\t\t\t\t</ElIcon>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{props.showFullscreen && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\ttitle={state.fullscreen ? \"关闭全屏显示\" : \"全屏显示\"}\n\t\t\t\t\t\t\t\t\tclass={[\n\t\t\t\t\t\t\t\t\t\t\"fa-dialog__header-icon\",\n\t\t\t\t\t\t\t\t\t\tstate.loading ? \"fa__click__disabled fa__click__disabled__cursor \" : \"fa__hover__twinkle\",\n\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\tonClick={handleFullscreen}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ElIcon>{state.fullscreen ? <FullScreenExit /> : <FullScreen />}</ElIcon>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{props.showClose && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\ttitle=\"关闭\"\n\t\t\t\t\t\t\t\t\tclass={[\n\t\t\t\t\t\t\t\t\t\t\"fa-dialog__header-icon\",\n\t\t\t\t\t\t\t\t\t\tstate.loading ? \"fa__click__disabled fa__click__disabled__cursor \" : \"fa__hover__twinkle\",\n\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\tonClick={handleCloseClick}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ElIcon>\n\t\t\t\t\t\t\t\t\t\t<Close />\n\t\t\t\t\t\t\t\t\t</ElIcon>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t),\n\t\t\t\t\tdefault: () => (\n\t\t\t\t\t\t<ElScrollbar vLoading={state.loading} element-loading-text=\"加载中...\">\n\t\t\t\t\t\t\t{!state.refreshing && slots.default && slots.default(state)}\n\t\t\t\t\t\t</ElScrollbar>\n\t\t\t\t\t),\n\t\t\t\t\t...(!props.hideFooter && {\n\t\t\t\t\t\tfooter: (): VNode[] => (\n\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t{slots.footer && slots.footer({ loading: state.loading, close: handleCloseClick })}\n\t\t\t\t\t\t\t\t{props.showCloseButton && (\n\t\t\t\t\t\t\t\t\t<ElButton disabled={state.loading} onClick={handleCloseClick}>\n\t\t\t\t\t\t\t\t\t\t{props.closeButtonText}\n\t\t\t\t\t\t\t\t\t</ElButton>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{props.showConfirmButton && (\n\t\t\t\t\t\t\t\t\t<ElButton\n\t\t\t\t\t\t\t\t\t\tloading={state.loading}\n\t\t\t\t\t\t\t\t\t\tloadingIcon={Eleme}\n\t\t\t\t\t\t\t\t\t\tdisabled={props.disabledConfirmButton}\n\t\t\t\t\t\t\t\t\t\ttype=\"primary\"\n\t\t\t\t\t\t\t\t\t\tonClick={handleConfirmClick}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{state.loading ? \"加载中...\" : props.confirmButtonText}\n\t\t\t\t\t\t\t\t\t</ElButton>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t),\n\t\t\t\t\t}),\n\t\t\t\t}}\n\t\t\t</ElDialog>\n\t\t));\n\n\t\treturn useExpose(expose, {\n\t\t\t/** @description 弹窗内容引用 */\n\t\t\tdialogContentRef: computed(() => dialogRef.value?.dialogContentRef),\n\t\t\t/** @description 重置位置 */\n\t\t\tresetPosition: computed(() => dialogRef.value?.resetPosition),\n\t\t\t/** @description 加载状态 */\n\t\t\tloading: computed(() => state.loading),\n\t\t\t/** @description 是否显示 */\n\t\t\tvisible: computed(() => state.visible),\n\t\t\t/** @description 打开弹窗 */\n\t\t\topen: handleOpen,\n\t\t\t/** @description 关闭弹窗 */\n\t\t\tclose: handleClose,\n\t\t\t/** @description 刷新弹窗 */\n\t\t\trefresh: handleRefresh,\n\t\t\t/** @description 弹窗加载 */\n\t\t\tdoLoading: handleLoading,\n\t\t});\n\t},\n});\n"],"names":["faDialogProps","dialogProps","alignCenter","type","Boolean","default","appendToBody","draggable","destroyOnClose","overflow","top","String","width","Number","showRefresh","showFullscreen","showCloseButton","showConfirmButton","disabledConfirmButton","closeButtonText","confirmButtonText","hideFooter","fillHeight","showBeforeClose","afterOpen","definePropType","Function","faDialogEmits","dialogEmits","value","isBoolean","confirmClick","Dialog","name","props","emits","slots","makeSlots","setup","attrs","emit","expose","_globalSize","useGlobalSize","state","reactive","loading","visible","fullscreen","refreshing","dialogRef","ref","cacheOpenFunction","handleOpen","openFunction","nextTick","execFunction","then","catch","error","consoleError","finally","handleClose","closeFunction","handleRefresh","setTimeout","ElMessage","success","handleBeforeClose","done","document","querySelector","newDone","beforeClose","ElMessageBox","confirm","handleFullscreen","handleConfirmClick","handleCloseClick","watch","newValue","elDialogProps","useProps","useRender","_createVNode","ElDialog","_mergeProps","class","modelValue","$event","showClose","onOpened","onClosed","onOpenAutoFocus","onCloseAutoFocus","header","_Fragment","title","close","onClick","ElIcon","Refresh","FullScreenExit","FullScreen","Close","_withDirectives","ElScrollbar","_resolveDirective","footer","ElButton","disabled","loadingIcon","Eleme","useExpose","dialogContentRef","computed","resetPosition","open","refresh","doLoading","loadingFunction"],"mappings":"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"}

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

@@ -0,0 +1,14 @@
+import { TSXWithInstall } from "@fast-china/utils";
+import type { default as Drawer, faDrawerEmits, faDrawerProps } from "./src/drawer";
+import type { ExtractPropTypes } from "vue";
+
+export declare const FaDrawer: TSXWithInstall<typeof Drawer>;
+export default FaDrawer;
+
+export { faDrawerProps, faDrawerEmits };
+
+export type FaDrawerInstance = InstanceType<typeof Drawer>;
+
+export type FaDrawerProps = ExtractPropTypes<typeof faDrawerProps>;
+
+export type FaDrawerEmits = typeof faDrawerEmits;

package/lib/components/drawer/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/drawer.js"),t=e.withInstall(r.default);exports.FaDrawer=t,exports.default=t;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../packages/components/drawer/index.ts"],"sourcesContent":["import { withInstall } from \"@fast-china/utils\";\nimport Drawer from \"./src/drawer\";\nimport type { faDrawerEmits, faDrawerProps } from \"./src/drawer\";\nimport type { ExtractPropTypes } from \"vue\";\n\nexport const FaDrawer = withInstall(Drawer);\nexport default FaDrawer;\n\nexport { faDrawerProps, faDrawerEmits };\n\nexport type FaDrawerInstance = InstanceType<typeof Drawer>;\n\nexport type FaDrawerProps = ExtractPropTypes<typeof faDrawerProps>;\n\nexport type FaDrawerEmits = typeof faDrawerEmits;\n"],"names":["FaDrawer","withInstall","Drawer"],"mappings":"8KAKaA,EAAWC,EAAAA,YAAYC,EAAAA"}

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

@@ -0,0 +1,449 @@
+export declare const faDrawerProps: {
+    /** @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 显示刷新按钮 */
+    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 显示关闭回调 */
+    showBeforeClose: BooleanConstructor;
+    /** @description 打开之后 */
+    afterOpen: {
+        type: import('vue').PropType<() => void>;
+    };
+    direction: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown, "rtl", boolean>;
+    resizable: BooleanConstructor;
+    size: import('element-plus/es/utils/index.mjs').EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "30%", boolean>;
+    withHeader: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    modalFade: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    headerAriaLevel: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
+    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>;
+    top: {
+        readonly type: import('vue').PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    modelValue: BooleanConstructor;
+    modalClass: StringConstructor;
+    headerClass: StringConstructor;
+    bodyClass: StringConstructor;
+    footerClass: StringConstructor;
+    width: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    zIndex: {
+        readonly type: import('vue').PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    trapFocus: BooleanConstructor;
+    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;
+    alignCenter: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    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;
+    };
+    overflow: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    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 faDrawerEmits: {
+    /** @description v-model 回调 */
+    "update:modelValue": (value: boolean) => boolean;
+    /** @description 确认按钮点击事件 */
+    confirmClick: () => boolean;
+    open: () => boolean;
+    opened: () => boolean;
+    close: () => boolean;
+    closed: () => boolean;
+    openAutoFocus: () => boolean;
+    closeAutoFocus: () => boolean;
+};
+type FaDrawerSlots = {
+    /** @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 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 显示刷新按钮 */
+    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 显示关闭回调 */
+    showBeforeClose: BooleanConstructor;
+    /** @description 打开之后 */
+    afterOpen: {
+        type: import('vue').PropType<() => void>;
+    };
+    direction: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown, "rtl", boolean>;
+    resizable: BooleanConstructor;
+    size: import('element-plus/es/utils/index.mjs').EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "30%", boolean>;
+    withHeader: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    modalFade: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    headerAriaLevel: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
+    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>;
+    top: {
+        readonly type: import('vue').PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    modelValue: BooleanConstructor;
+    modalClass: StringConstructor;
+    headerClass: StringConstructor;
+    bodyClass: StringConstructor;
+    footerClass: StringConstructor;
+    width: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    zIndex: {
+        readonly type: import('vue').PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    trapFocus: BooleanConstructor;
+    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;
+    alignCenter: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    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;
+    };
+    overflow: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    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 用于关闭 Drawer, 该方法会调用传入的 before-close 方法 */
+    handleClose: import('vue').ComputedRef<() => void>;
+    /** @description 进入动画后的回调 */
+    afterEnter: import('vue').ComputedRef<() => void>;
+    /** @description 离开动画后的回调 */
+    afterLeave: 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 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 显示刷新按钮 */
+    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 显示关闭回调 */
+    showBeforeClose: BooleanConstructor;
+    /** @description 打开之后 */
+    afterOpen: {
+        type: import('vue').PropType<() => void>;
+    };
+    direction: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown, "rtl", boolean>;
+    resizable: BooleanConstructor;
+    size: import('element-plus/es/utils/index.mjs').EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "30%", boolean>;
+    withHeader: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    modalFade: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    headerAriaLevel: import('element-plus/es/utils/index.mjs').EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
+    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>;
+    top: {
+        readonly type: import('vue').PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    modelValue: BooleanConstructor;
+    modalClass: StringConstructor;
+    headerClass: StringConstructor;
+    bodyClass: StringConstructor;
+    footerClass: StringConstructor;
+    width: {
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    zIndex: {
+        readonly type: import('vue').PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    trapFocus: BooleanConstructor;
+    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;
+    alignCenter: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    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;
+    };
+    overflow: import('element-plus/es/utils/index.mjs').EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    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;
+}>, {
+    size: import('element-plus/es/utils/index.mjs').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    title: string;
+    center: boolean;
+    showClose: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    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;
+    fullscreen: boolean;
+    alignCenter: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    appendToBody: boolean;
+    draggable: boolean;
+    destroyOnClose: boolean;
+    overflow: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    showRefresh: boolean;
+    showFullscreen: boolean;
+    showCloseButton: boolean;
+    showConfirmButton: boolean;
+    disabledConfirmButton: boolean;
+    closeButtonText: string;
+    confirmButtonText: string;
+    hideFooter: 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;
+    direction: import('element-plus/es/utils/index.mjs').EpPropMergeType<StringConstructor, "ltr" | "rtl" | "ttb" | "btt", unknown>;
+    resizable: boolean;
+    withHeader: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    modalFade: import('element-plus/es/utils/index.mjs').EpPropMergeType<BooleanConstructor, unknown, unknown>;
+}, import('vue').SlotsType<Partial<import('@fast-china/utils').MakeSlots<FaDrawerSlots>>>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/components/drawer/src/drawer.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"),l=require("@element-plus/icons-vue"),a=require("@fast-element-plus/icons-vue"),t=require("@fast-china/utils"),n=require("lodash-unified"),r={...o.drawerProps,appendToBody:{type:Boolean,default:!0},draggable:{type:Boolean,default:!0},destroyOnClose:{type:Boolean,default:!0},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,showBeforeClose:Boolean,afterOpen:{type:t.definePropType(Function)}},s={...o.drawerEmits,"update:modelValue":e=>n.isBoolean(e),confirmClick:()=>!0},i=e.defineComponent({name:"FaDrawer",props:r,emits:s,slots:t.makeSlots(),setup(n,{attrs:r,slots:s,emit:i,expose:d}){const c=o.useGlobalSize(),u=e.reactive({loading:!1,visible:!1,fullscreen:!1,size:n.size??"30%",dragging:!1,refreshing:!1}),f=e.ref();let p;const _=o=>{u.visible=!0,p=o,e.nextTick(()=>{u.loading=!0,t.execFunction(n.afterOpen??o).then(()=>{i("open")}).catch(e=>{t.consoleError("FaDrawer",e),u.visible=!1}).finally(()=>{u.loading=!1})})},g=e=>{u.loading=!0,t.execFunction(e).then(()=>{i("close"),u.visible=!1}).catch(e=>{t.consoleError("FaDrawer",e)}).finally(()=>{u.loading=!1})},m=()=>{u.refreshing=!0,u.loading=!0,setTimeout(()=>{u.refreshing=!1,_(p),o.ElMessage.success("刷新成功")},500)},h=e=>{if(u.loading)return;if(document.querySelector(".el-image-viewer__wrapper"))return;const l=()=>{t.execFunction(n.beforeClose).then(()=>{i("close"),e()}).catch(e=>{t.consoleError("FaDialog",e)})};n.showBeforeClose?o.ElMessageBox.confirm("确定关闭？",{type:"warning"}).then(()=>{l()}):l()},w=()=>{u.loading||(u.fullscreen=!u.fullscreen)},v=()=>{u.loading||i("confirmClick")},b=()=>{u.loading||g()};e.watch(()=>u.visible,e=>{i("update:modelValue",e)});const C=()=>{document.onmousemove=e=>{let o=document.body.clientWidth-e.pageX;const l=.2*document.body.clientWidth,a=.95*document.body.clientWidth;o=o>a?a:o<l?l:o,u.size=`${o}px`},document.onmouseup=()=>{document.onmousemove=document.onmouseup=null}},B=t.useProps(n,o.drawerProps,["modelValue","size","showClose","beforeClose"]);return t.useRender(()=>e.createVNode(o.ElDrawer,e.mergeProps(B.value,{ref:f,class:["fa-drawer",`fa-drawer-${c.value}`,{"fa-drawer__fullscreen":u.fullscreen}],modelValue:u.visible,"onUpdate:modelValue":e=>u.visible=e,size:u.size,showClose:!1,beforeClose:h,onOpened:()=>i("opened"),onClosed:()=>i("closed"),onOpenAutoFocus:()=>i("openAutoFocus"),onCloseAutoFocus:()=>i("closeAutoFocus")}),{header:()=>e.createVNode(e.Fragment,null,[e.createVNode("div",{class:"fa-drawer__header-title"},[n.title,s.header&&s.header({loading:u.loading,close:b})]),n.showRefresh&&e.createVNode("div",{title:"刷新",class:["fa-drawer__header-icon",u.loading?"fa__click__disabled fa__click__disabled__cursor ":"fa__hover__twinkle"],onClick:m},[e.createVNode(o.ElIcon,{class:"icon"},{default:()=>[e.createVNode(l.Refresh,null,null)]})]),n.showFullscreen&&e.createVNode("div",{title:u.fullscreen?"关闭全屏显示":"全屏显示",class:["fa-drawer__header-icon",u.loading?"fa__click__disabled fa__click__disabled__cursor ":"fa__hover__twinkle"],onClick:w},[e.createVNode(o.ElIcon,null,{default:()=>[u.fullscreen?e.createVNode(a.FullScreenExit,null,null):e.createVNode(l.FullScreen,null,null)]})]),n.showClose&&e.createVNode("div",{title:"关闭",class:["fa-drawer__header-icon",u.loading?"fa__click__disabled fa__click__disabled__cursor ":"fa__hover__twinkle"],onClick:b},[e.createVNode(o.ElIcon,{class:"icon"},{default:()=>[e.createVNode(l.Close,null,null)]})])]),default:()=>e.createVNode(e.Fragment,null,[n.draggable&&e.createVNode("div",{class:"fa-drawer__draggable",onmousedown:C},null),e.withDirectives(e.createVNode(o.ElScrollbar,{"element-loading-text":"加载中..."},{default:()=>[!u.refreshing&&s.default&&s.default(u)]}),[[e.resolveDirective("loading"),u.loading]])]),...!n.hideFooter&&{footer:()=>e.createVNode(e.Fragment,null,[s.footer&&s.footer({loading:u.loading,close:b}),n.showCloseButton&&e.createVNode(o.ElButton,{disabled:u.loading,onClick:b},{default:()=>[n.closeButtonText]}),n.showConfirmButton&&e.createVNode(o.ElButton,{loading:u.loading,loadingIcon:l.Eleme,disabled:n.disabledConfirmButton,type:"primary",onClick:v},{default:()=>[u.loading?"加载中...":n.confirmButtonText]})])}})),t.useExpose(d,{handleClose:e.computed(()=>f.value?.handleClose),afterEnter:e.computed(()=>f.value?.afterEnter),afterLeave:e.computed(()=>f.value?.afterLeave),loading:e.computed(()=>u.loading),visible:e.computed(()=>u.visible),open:_,close:g,refresh:m,doLoading:e=>{u.loading=!0,t.execFunction(e).then().catch(e=>{t.consoleError("FaDrawer",e)}).finally(()=>{u.loading=!1})}})}});exports.default=i,exports.faDrawerEmits=s,exports.faDrawerProps=r;
+//# sourceMappingURL=drawer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.js","sources":["../../../../../packages/components/drawer/src/drawer.tsx"],"sourcesContent":["import { Fragment, computed, defineComponent, nextTick, reactive, ref, watch } from \"vue\";\nimport { ElButton, ElDrawer, ElIcon, ElMessage, ElMessageBox, ElScrollbar, drawerEmits, drawerProps, useGlobalSize } from \"element-plus\";\nimport { Close, Eleme, FullScreen, Refresh } from \"@element-plus/icons-vue\";\nimport { FullScreenExit } from \"@fast-element-plus/icons-vue\";\nimport { consoleError, definePropType, execFunction, makeSlots, useExpose, useProps, useRender } from \"@fast-china/utils\";\nimport { isBoolean } from \"lodash-unified\";\nimport type { VNode } from \"vue\";\n\nexport const faDrawerProps = {\n\t...drawerProps,\n\t/** @description whether to append Dialog itself to body. A nested Dialog should have this attribute set to `true` */\n\tappendToBody: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description enable dragging feature for Dialog */\n\tdraggable: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description destroy elements in Dialog when closed */\n\tdestroyOnClose: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description 显示刷新按钮 */\n\tshowRefresh: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description 显示全屏图标 */\n\tshowFullscreen: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description 显示关闭按钮 */\n\tshowCloseButton: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description 显示确认按钮 */\n\tshowConfirmButton: {\n\t\ttype: Boolean,\n\t\tdefault: true,\n\t},\n\t/** @description 禁用确认按钮 */\n\tdisabledConfirmButton: Boolean,\n\t/** @description 关闭按钮文字，默认取消 */\n\tcloseButtonText: {\n\t\ttype: String,\n\t\tdefault: \"取消\",\n\t},\n\t/** @description 确认按钮文字，默认确认 */\n\tconfirmButtonText: {\n\t\ttype: String,\n\t\tdefault: \"确认\",\n\t},\n\t/** @description 隐藏底部操作 */\n\thideFooter: Boolean,\n\t/** @description 显示关闭回调 */\n\tshowBeforeClose: Boolean,\n\t/** @description 打开之后 */\n\tafterOpen: {\n\t\ttype: definePropType<() => void>(Function),\n\t},\n};\n\nexport const faDrawerEmits = {\n\t...drawerEmits,\n\t/** @description v-model 回调 */\n\t\"update:modelValue\": (value: boolean): boolean => isBoolean(value),\n\t/** @description 确认按钮点击事件 */\n\tconfirmClick: (): boolean => true,\n};\n\ntype FaDrawerSlots = {\n\t/** @description 默认内容插槽 */\n\tdefault: { loading: boolean };\n\t/** @description 头部插槽 */\n\theader: { loading: boolean; close: () => void };\n\t/** @description 底部插槽 */\n\tfooter: { loading: boolean; close: () => void };\n};\n\nexport default defineComponent({\n\tname: \"FaDrawer\",\n\tprops: faDrawerProps,\n\temits: faDrawerEmits,\n\tslots: makeSlots<FaDrawerSlots>(),\n\tsetup(props, { attrs, slots, emit, expose }) {\n\t\tconst _globalSize = useGlobalSize();\n\n\t\tconst state = reactive({\n\t\t\tloading: false,\n\t\t\tvisible: false,\n\t\t\tfullscreen: false,\n\t\t\tsize: props.size ?? \"30%\",\n\t\t\tdragging: false,\n\t\t\trefreshing: false,\n\t\t});\n\n\t\tconst drawerRef = ref<InstanceType<typeof ElDrawer>>();\n\n\t\tlet cacheOpenFunction = undefined;\n\n\t\tconst handleOpen = (openFunction?: () => void | Promise<void>): void => {\n\t\t\tstate.visible = true;\n\t\t\tcacheOpenFunction = openFunction;\n\t\t\tnextTick(() => {\n\t\t\t\tstate.loading = true;\n\t\t\t\texecFunction(props.afterOpen ?? openFunction)\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\temit(\"open\");\n\t\t\t\t\t})\n\t\t\t\t\t.catch((error) => {\n\t\t\t\t\t\tconsoleError(\"FaDrawer\", error);\n\t\t\t\t\t\t// 自动关闭\n\t\t\t\t\t\tstate.visible = false;\n\t\t\t\t\t})\n\t\t\t\t\t.finally(() => {\n\t\t\t\t\t\tstate.loading = false;\n\t\t\t\t\t});\n\t\t\t});\n\t\t};\n\n\t\tconst handleClose = (closeFunction?: () => void | Promise<void>): void => {\n\t\t\tstate.loading = true;\n\t\t\texecFunction(closeFunction)\n\t\t\t\t.then(() => {\n\t\t\t\t\temit(\"close\");\n\t\t\t\t\tstate.visible = false;\n\t\t\t\t})\n\t\t\t\t.catch((error) => {\n\t\t\t\t\tconsoleError(\"FaDrawer\", 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 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(\"FaDrawer\", 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 handleRefresh = (): void => {\n\t\t\tstate.refreshing = true;\n\t\t\tstate.loading = true;\n\t\t\tsetTimeout(() => {\n\t\t\t\tstate.refreshing = false;\n\t\t\t\thandleOpen(cacheOpenFunction);\n\t\t\t\tElMessage.success(\"刷新成功\");\n\t\t\t}, 500);\n\t\t};\n\n\t\tconst handleBeforeClose = (done: () => void): void => {\n\t\t\tif (state.loading) return;\n\t\t\t// 解决 image 预览摁下 ese 会关闭弹窗的问题\n\t\t\tif (document.querySelector(\".el-image-viewer__wrapper\")) return;\n\n\t\t\tconst newDone = (): void => {\n\t\t\t\texecFunction(props.beforeClose)\n\t\t\t\t\t.then(() => {\n\t\t\t\t\t\temit(\"close\");\n\t\t\t\t\t\tdone();\n\t\t\t\t\t})\n\t\t\t\t\t.catch((error) => {\n\t\t\t\t\t\tconsoleError(\"FaDialog\", error);\n\t\t\t\t\t});\n\t\t\t};\n\n\t\t\tif (props.showBeforeClose) {\n\t\t\t\tElMessageBox.confirm(\"确定关闭？\", { type: \"warning\" }).then(() => {\n\t\t\t\t\tnewDone();\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tnewDone();\n\t\t\t}\n\t\t};\n\n\t\tconst handleFullscreen = (): void => {\n\t\t\tif (state.loading) return;\n\t\t\tstate.fullscreen = !state.fullscreen;\n\t\t};\n\n\t\tconst handleConfirmClick = (): void => {\n\t\t\tif (state.loading) return;\n\t\t\temit(\"confirmClick\");\n\t\t};\n\n\t\tconst handleCloseClick = (): void => {\n\t\t\tif (state.loading) return;\n\t\t\thandleClose();\n\t\t};\n\n\t\twatch(\n\t\t\t() => state.visible,\n\t\t\t(newValue) => {\n\t\t\t\temit(\"update:modelValue\", newValue);\n\t\t\t}\n\t\t);\n\n\t\t/**\n\t\t * 处理拖拽\n\t\t */\n\t\tconst handleDraggableMousedown = (): void => {\n\t\t\tdocument.onmousemove = (moveEvent: MouseEvent): void => {\n\t\t\t\t// 获取鼠标距离浏览器右边缘的距离\n\t\t\t\tlet realWidth = document.body.clientWidth - moveEvent.pageX;\n\t\t\t\tconst width20 = document.body.clientWidth * 0.2;\n\t\t\t\tconst width95 = document.body.clientWidth * 0.95;\n\t\t\t\t// 宽度不能大于浏览器宽度 95%，不能小于宽度的 20%\n\t\t\t\trealWidth = realWidth > width95 ? width95 : realWidth < width20 ? width20 : realWidth;\n\t\t\t\tstate.size = `${realWidth}px`;\n\t\t\t};\n\t\t\tdocument.onmouseup = (): void => {\n\t\t\t\tdocument.onmousemove = document.onmouseup = null;\n\t\t\t};\n\t\t};\n\n\t\tconst elDrawerProps = useProps(props, drawerProps, [\"modelValue\", \"size\", \"showClose\", \"beforeClose\"]);\n\n\t\tuseRender(() => (\n\t\t\t<ElDrawer\n\t\t\t\t{...elDrawerProps.value}\n\t\t\t\tref={drawerRef}\n\t\t\t\tclass={[\"fa-drawer\", `fa-drawer-${_globalSize.value}`, { \"fa-drawer__fullscreen\": state.fullscreen }]}\n\t\t\t\tvModel={state.visible}\n\t\t\t\tsize={state.size}\n\t\t\t\tshowClose={false}\n\t\t\t\tbeforeClose={handleBeforeClose}\n\t\t\t\tonOpened={() => emit(\"opened\")}\n\t\t\t\tonClosed={() => emit(\"closed\")}\n\t\t\t\tonOpenAutoFocus={() => emit(\"openAutoFocus\")}\n\t\t\t\tonCloseAutoFocus={() => emit(\"closeAutoFocus\")}\n\t\t\t>\n\t\t\t\t{{\n\t\t\t\t\theader: () => (\n\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t<div class=\"fa-drawer__header-title\">\n\t\t\t\t\t\t\t\t{props.title}\n\t\t\t\t\t\t\t\t{slots.header && slots.header({ loading: state.loading, close: handleCloseClick })}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t{props.showRefresh && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\ttitle=\"刷新\"\n\t\t\t\t\t\t\t\t\tclass={[\n\t\t\t\t\t\t\t\t\t\t\"fa-drawer__header-icon\",\n\t\t\t\t\t\t\t\t\t\tstate.loading ? \"fa__click__disabled fa__click__disabled__cursor \" : \"fa__hover__twinkle\",\n\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\tonClick={handleRefresh}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ElIcon class=\"icon\">\n\t\t\t\t\t\t\t\t\t\t<Refresh />\n\t\t\t\t\t\t\t\t\t</ElIcon>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{props.showFullscreen && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\ttitle={state.fullscreen ? \"关闭全屏显示\" : \"全屏显示\"}\n\t\t\t\t\t\t\t\t\tclass={[\n\t\t\t\t\t\t\t\t\t\t\"fa-drawer__header-icon\",\n\t\t\t\t\t\t\t\t\t\tstate.loading ? \"fa__click__disabled fa__click__disabled__cursor \" : \"fa__hover__twinkle\",\n\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\tonClick={handleFullscreen}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ElIcon>{state.fullscreen ? <FullScreenExit /> : <FullScreen />}</ElIcon>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{props.showClose && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\ttitle=\"关闭\"\n\t\t\t\t\t\t\t\t\tclass={[\n\t\t\t\t\t\t\t\t\t\t\"fa-drawer__header-icon\",\n\t\t\t\t\t\t\t\t\t\tstate.loading ? \"fa__click__disabled fa__click__disabled__cursor \" : \"fa__hover__twinkle\",\n\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\tonClick={handleCloseClick}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ElIcon class=\"icon\">\n\t\t\t\t\t\t\t\t\t\t<Close />\n\t\t\t\t\t\t\t\t\t</ElIcon>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t),\n\t\t\t\t\tdefault: () => (\n\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t{props.draggable && <div class=\"fa-drawer__draggable\" onmousedown={handleDraggableMousedown} />}\n\t\t\t\t\t\t\t<ElScrollbar vLoading={state.loading} element-loading-text=\"加载中...\">\n\t\t\t\t\t\t\t\t{!state.refreshing && slots.default && slots.default(state)}\n\t\t\t\t\t\t\t</ElScrollbar>\n\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t),\n\t\t\t\t\t...(!props.hideFooter && {\n\t\t\t\t\t\tfooter: (): VNode[] => (\n\t\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t\t{slots.footer && slots.footer({ loading: state.loading, close: handleCloseClick })}\n\t\t\t\t\t\t\t\t{props.showCloseButton && (\n\t\t\t\t\t\t\t\t\t<ElButton disabled={state.loading} onClick={handleCloseClick}>\n\t\t\t\t\t\t\t\t\t\t{props.closeButtonText}\n\t\t\t\t\t\t\t\t\t</ElButton>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{props.showConfirmButton && (\n\t\t\t\t\t\t\t\t\t<ElButton\n\t\t\t\t\t\t\t\t\t\tloading={state.loading}\n\t\t\t\t\t\t\t\t\t\tloadingIcon={Eleme}\n\t\t\t\t\t\t\t\t\t\tdisabled={props.disabledConfirmButton}\n\t\t\t\t\t\t\t\t\t\ttype=\"primary\"\n\t\t\t\t\t\t\t\t\t\tonClick={handleConfirmClick}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{state.loading ? \"加载中...\" : props.confirmButtonText}\n\t\t\t\t\t\t\t\t\t</ElButton>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t\t),\n\t\t\t\t\t}),\n\t\t\t\t}}\n\t\t\t</ElDrawer>\n\t\t));\n\n\t\treturn useExpose(expose, {\n\t\t\t/** @description 用于关闭 Drawer, 该方法会调用传入的 before-close 方法 */\n\t\t\thandleClose: computed(() => drawerRef.value?.handleClose),\n\t\t\t/** @description 进入动画后的回调 */\n\t\t\tafterEnter: computed(() => drawerRef.value?.afterEnter),\n\t\t\t/** @description 离开动画后的回调 */\n\t\t\tafterLeave: computed(() => drawerRef.value?.afterLeave),\n\t\t\t/** @description 加载状态 */\n\t\t\tloading: computed(() => state.loading),\n\t\t\t/** @description 是否显示 */\n\t\t\tvisible: computed(() => state.visible),\n\t\t\t/** @description 打开弹窗 */\n\t\t\topen: handleOpen,\n\t\t\t/** @description 关闭弹窗 */\n\t\t\tclose: handleClose,\n\t\t\t/** @description 刷新弹窗 */\n\t\t\trefresh: handleRefresh,\n\t\t\t/** @description 弹窗加载 */\n\t\t\tdoLoading: handleLoading,\n\t\t});\n\t},\n});\n"],"names":["faDrawerProps","drawerProps","appendToBody","type","Boolean","default","draggable","destroyOnClose","showRefresh","showFullscreen","showCloseButton","showConfirmButton","disabledConfirmButton","closeButtonText","String","confirmButtonText","hideFooter","showBeforeClose","afterOpen","definePropType","Function","faDrawerEmits","drawerEmits","value","isBoolean","confirmClick","Drawer","name","props","emits","slots","makeSlots","setup","attrs","emit","expose","_globalSize","useGlobalSize","state","reactive","loading","visible","fullscreen","size","dragging","refreshing","drawerRef","ref","cacheOpenFunction","handleOpen","openFunction","nextTick","execFunction","then","catch","error","consoleError","finally","handleClose","closeFunction","handleRefresh","setTimeout","ElMessage","success","handleBeforeClose","done","document","querySelector","newDone","beforeClose","ElMessageBox","confirm","handleFullscreen","handleConfirmClick","handleCloseClick","watch","newValue","handleDraggableMousedown","onmousemove","moveEvent","realWidth","body","clientWidth","pageX","width20","width95","onmouseup","elDrawerProps","useProps","useRender","_createVNode","ElDrawer","_mergeProps","class","modelValue","$event","showClose","onOpened","onClosed","onOpenAutoFocus","onCloseAutoFocus","header","_Fragment","title","close","onClick","ElIcon","Refresh","FullScreenExit","FullScreen","Close","onmousedown","_withDirectives","ElScrollbar","_resolveDirective","footer","ElButton","disabled","loadingIcon","Eleme","useExpose","computed","afterEnter","afterLeave","open","refresh","doLoading","loadingFunction"],"mappings":"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"}

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

@@ -0,0 +1,23 @@
+import { TSXWithInstall } from "@fast-china/utils";
+import type { default as Form, faFormProps } from "./src/form";
+import type { default as FormItem, faFormItemProps } from "./src/formItem";
+import type { ExtractPropTypes } from "vue";
+
+export declare const FaForm: TSXWithInstall<typeof Form> & {
+	FormItem: typeof FormItem;
+};
+export default FaForm;
+
+export declare const FaFormItem: TSXWithInstall<typeof FormItem>;
+
+export { faFormProps, faFormItemProps };
+
+export type FaFormInstance = InstanceType<typeof Form>;
+
+export type FaFormProps = ExtractPropTypes<typeof faFormProps>;
+
+export type FaFormItemInstance = InstanceType<typeof FormItem>;
+
+export type FaFormItemProps = ExtractPropTypes<typeof faFormItemProps>;
+
+export * from "./utils/form";

package/lib/components/form/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("@fast-china/utils"),e=require("./src/form.js"),t=require("./src/formItem.js"),o=require("./utils/form.js"),s=r.withInstall(e.default,{FormItem:t.default}),m=r.withNoopInstall(t.default);exports.faFormProps=e.faFormProps,exports.faFormItemProps=t.faFormItemProps,exports.formUtil=o.formUtil,exports.FaForm=s,exports.FaFormItem=m,exports.default=s;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../packages/components/form/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from \"@fast-china/utils\";\nimport Form, { faFormProps } from \"./src/form\";\nimport FormItem, { faFormItemProps } from \"./src/formItem\";\nimport type { ExtractPropTypes } from \"vue\";\n\nexport const FaForm = withInstall(Form, {\n\tFormItem,\n});\nexport default FaForm;\n\nexport const FaFormItem = withNoopInstall(FormItem);\n\nexport { faFormProps, faFormItemProps };\n\nexport type FaFormInstance = InstanceType<typeof Form>;\n\nexport type FaFormProps = ExtractPropTypes<typeof faFormProps>;\n\nexport type FaFormItemInstance = InstanceType<typeof FormItem>;\n\nexport type FaFormItemProps = ExtractPropTypes<typeof faFormItemProps>;\n\nexport * from \"./utils/form\";\n"],"names":["FaForm","withInstall","Form","FormItem","FaFormItem","withNoopInstall"],"mappings":"wOAKaA,EAASC,EAAAA,YAAYC,UAAM,CAAAC,SACvCA,EAAAA,UAIYC,EAAaC,EAAAA,gBAAgBF,EAAAA"}