@koi-design/uxd-ui 13.2.8 → 14.0.1

package/es/components/Modal/ConfirmDialog.mjs

@@ -1,6 +1,6 @@
-import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, createVNode, resolveDynamicComponent, createElementBlock, toDisplayString, createCommentVNode, Fragment, createTextVNode } from 'vue';
+import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode, createVNode, createElementVNode, normalizeClass, resolveDynamicComponent, createElementBlock, Fragment } from 'vue';
 import { UIcon } from '../Icon/index.mjs';
-import { USolidInfoCircle, USolidCheckmarkCircle, USolidCloseCircle, USolidAlertCircle, USolidHelpCircle, URoundHelpCircle } from '@koi-design/uxd-icon';
+import { Info, CheckCircle, CircleX, CircleAlert, HelpCircle, CircleHelp } from 'lucide-vue-next';
 import { UButton } from '../Button/index.mjs';
 import Render from '../base/Render.mjs';
 import Modal from './Modal.mjs';
@@ -14,12 +14,12 @@ const _sfc_main = defineComponent({
     Modal,
     UIcon,
     UButton,
-    USolidInfoCircle,
-    USolidCheckmarkCircle,
-    USolidCloseCircle,
-    USolidAlertCircle,
-    USolidHelpCircle,
-    URoundHelpCircle,
+    Info,
+    CheckCircle,
+    CircleX,
+    CircleAlert,
+    HelpCircle,
+    CircleHelp,
     Render
   },
   props: confirmDialogProps,
@@ -91,11 +91,33 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     "mask-closable": false,
     width: _ctx.computedWidth,
     size: _ctx.size,
-    "footer-hide": "",
     "after-close": _ctx.afterClose,
     closable: _ctx.closable,
     onClose: _ctx.closableClose
   }, {
+    footer: withCtx(() => [
+      _ctx.okCancel ? (openBlock(), createBlock(_component_UButton, {
+        key: 0,
+        size: _ctx.size,
+        onClick: _ctx.handleCancel
+      }, {
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(_ctx.cancelText || _ctx.computedLocale.cancelText), 1)
+        ]),
+        _: 1
+      }, 8, ["size", "onClick"])) : createCommentVNode("v-if", true),
+      createVNode(_component_UButton, {
+        type: "primary",
+        size: _ctx.size,
+        loading: _ctx.stateLoading,
+        onClick: _ctx.handleOk
+      }, {
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(_ctx.okText || _ctx.computedLocale.okText), 1)
+        ]),
+        _: 1
+      }, 8, ["size", "loading", "onClick"])
+    ]),
     default: withCtx(() => [
       createElementVNode("div", {
         class: normalizeClass(`${_ctx.prefixCls}-confirm-body-wrapper`)
@@ -129,38 +151,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               ], 64))
             ], 2)
           ], 2)
-        ], 2),
-        createElementVNode("div", {
-          class: normalizeClass(`${_ctx.prefixCls}-confirm-button-wrap`)
-        }, [
-          _ctx.okCancel ? (openBlock(), createBlock(_component_UButton, {
-            key: 0,
-            size: _ctx.size,
-            onClick: _ctx.handleCancel
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.cancelText || _ctx.computedLocale.cancelText), 1)
-            ]),
-            _: 1
-          }, 8, ["size", "onClick"])) : createCommentVNode("v-if", true),
-          createVNode(_component_UButton, {
-            type: "primary",
-            size: _ctx.size,
-            loading: _ctx.stateLoading,
-            onClick: _ctx.handleOk
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.okText || _ctx.computedLocale.okText), 1)
-            ]),
-            _: 1
-          }, 8, ["size", "loading", "onClick"])
         ], 2)
       ], 2)
     ]),
     _: 1
   }, 8, ["id", "visible", "custom-class", "width", "size", "after-close", "closable", "onClose"]);
 }
-var ConfirmDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Modal\\ConfirmDialog.vue"]]);
+var ConfirmDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Modal/ConfirmDialog.vue"]]);
 
 export { ConfirmDialog as default };
 //# sourceMappingURL=ConfirmDialog.mjs.map

package/es/components/Modal/ConfirmDialog.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmDialog.mjs","sources":["../../../../src/components/Modal/ConfirmDialog.vue"],"sourcesContent":["<template>\n  <Modal\n    :id=\"id\"\n    :visible=\"visible\"\n    :custom-class=\"confirmClass\"\n    :mask-closable=\"false\"\n    :width=\"computedWidth\"\n    :size=\"size\"\n    footer-hide\n    :after-close=\"afterClose\"\n    :closable=\"closable\"\n    @close=\"closableClose\"\n  >\n    <div :class=\"`${prefixCls}-confirm-body-wrapper`\">\n      <div :class=\"`${prefixCls}-confirm-body`\">\n        <UIcon :class=\"`${prefixCls}-confirm-icon`\">\n          <component :is=\"iconName\" />\n        </UIcon>\n        <div :class=\"`${prefixCls}-confirm-content-wrap`\">\n          <span v-if=\"title !== undefined\" :class=\"`${prefixCls}-confirm-title`\">\n            {{ title }}\n          </span>\n          <div :class=\"`${prefixCls}-confirm-content`\">\n            <template v-if=\"typeof content === 'function'\">\n              <Render :render=\"content\" />\n            </template>\n            <template v-else> {{ content }} </template>\n          </div>\n        </div>\n      </div>\n      <div :class=\"`${prefixCls}-confirm-button-wrap`\">\n        <UButton v-if=\"okCancel\" :size=\"size\" @click=\"handleCancel\">\n          {{ cancelText || computedLocale.cancelText }}\n        </UButton>\n        <UButton type=\"primary\" :size=\"size\" :loading=\"stateLoading\" @click=\"handleOk\">\n          {{ okText || computedLocale.okText }}\n        </UButton>\n      </div>\n    </div>\n  </Modal>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue';\n\nimport UIcon from '@uxd-ui/components/Icon';\nimport {\n  USolidInfoCircle,\n  USolidCheckmarkCircle,\n  USolidCloseCircle,\n  USolidAlertCircle,\n  USolidHelpCircle,\n  URoundHelpCircle\n} from '@koi-design/uxd-icon';\nimport UButton from '@uxd-ui/components/Button';\nimport Render from '../base/Render';\nimport Modal from './Modal.vue';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport { confirmDialogProps, type ModalCloseType } from './Modal.type';\n\nexport default defineComponent({\n  name: 'ConfirmDialog',\n  components: {\n    Modal,\n    UIcon,\n    UButton,\n    USolidInfoCircle,\n    USolidCheckmarkCircle,\n    USolidCloseCircle,\n    USolidAlertCircle,\n    USolidHelpCircle,\n    URoundHelpCircle,\n    Render\n  },\n  props: confirmDialogProps,\n  setup(props) {\n    const { prefixCls, config: globalConfig } = useGlobalConfig('modal');\n    const stateLoading = ref(false);\n    // ===================== computed ============================\n    const confirmClass = computed(() => {\n      return [`${prefixCls.value}-confirm`, `${prefixCls.value}-confirm-${props.type}`, `${prefixCls.value}-${props.type}`];\n    });\n    const computedLocale = computed(() => {\n      return props.locale || globalConfig.locale.modal;\n    });\n    // ===================== computed ============================\n    const closeConfirm = () => {\n      if (props.close) {\n        props.close();\n      }\n    };\n    const handleCancel = () => {\n      if (props.onCancel) {\n        props.onCancel();\n      }\n      closeConfirm();\n    };\n    const handleOk = () => {\n      if (props.onOk) {\n        props.onOk();\n      }\n      if (props.loading) {\n        stateLoading.value = true;\n      } else {\n        closeConfirm();\n      }\n    };\n\n    const closableClose = (type: ModalCloseType) => {\n      if (props.closable && type === 'close') {\n        closeConfirm();\n      }\n    };\n\n    const computedWidth = computed(() => {\n      if (props.width) {\n        return props.width;\n      }\n      if (props.size === 'small') {\n        return 384;\n      }\n      return 416;\n    });\n\n    return {\n      prefixCls,\n      confirmClass,\n      stateLoading,\n      computedLocale,\n      computedWidth,\n      handleOk,\n      handleCancel,\n      closableClose\n    };\n  }\n});\n</script>\n"],"names":["_createBlock","_createElementVNode","_normalizeClass","_createVNode","_resolveDynamicComponent","_createElementBlock","_Fragment"],"mappings":";;;;;;;;;;AA4DA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AACF,EACA,OAAO;AAAA,EACP,MAAM,OAAO;UACL,EAAE,WAAW,QAAQ,iBAAiB,gBAAgB,OAAO;UAC7D,eAAe,IAAI,KAAK;UAExB,eAAe,SAAS,MAAM;aAC3B,CAAC,GAAG,UAAU,iBAAiB,GAAG,UAAU,iBAAiB,MAAM,QAAQ,GAAG,UAAU,SAAS,MAAM,MAAM;AAAA,KACrH;UACK,iBAAiB,SAAS,MAAM;aAC7B,MAAM,UAAU,aAAa,OAAO;AAAA,KAC5C;UAEK,eAAe,MAAM;UACrB,MAAM,OAAO;cACT;AAAM;AACd;UAEI,eAAe,MAAM;UACrB,MAAM,UAAU;cACZ;AAAS;;AAEJ;UAET,WAAW,MAAM;UACjB,MAAM,MAAM;cACR;AAAK;UAET,MAAM,SAAS;qBACJ,QAAQ;AAAA,aAChB;;AACQ;AACf;UAGI,gBAAgB,CAAC,SAAyB;UAC1C,MAAM,YAAY,SAAS,SAAS;;AACzB;AACf;UAGI,gBAAgB,SAAS,MAAM;UAC/B,MAAM,OAAO;eACR,MAAM;AAAA;UAEX,MAAM,SAAS,SAAS;eACnB;AAAA;aAEF;AAAA,KACR;WAEM;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;;;;;sBAtICA,YAsCQ;IArCL,IAAI;IACJ,SAAS;IACT,gBAAc;IACd,iBAAe;AAAA,IACf,OAAO;IACP,MAAM;IACP;IACC,eAAa;IACb,UAAU;IACV,SAAO;;qBAER,MAyBM;AAAA,MAzBNC,mBAyBM;QAzBA,OAAKC,kBAAK,qCAAS;AAAA;QACvBD,mBAeM;UAfA,OAAKC,kBAAK,6BAAS;AAAA;UACvBC,YAEQ;YAFA,OAAKD,kBAAK,6BAAS;AAAA;6BACzB,MAA4B;AAAA,4BAA5BF,YAA4BI,wBAAZ,aAAQ;;;;UAE1BH,mBAUM;YAVA,OAAKC,kBAAK,qCAAS;AAAA;YACX,eAAU,uBAAtBG,mBAEO;;cAF2B,OAAKH,kBAAK,8BAAS;AAAA,+BAChD,UAAK;YAEVD,mBAKM;cALA,OAAKC,kBAAK,gCAAS;AAAA;qBACA,iBAAO,2BAC5BF,YAA4B;;gBAAnB,QAAQ;uDAEnBK,mBAA2CC;gDAAtB,YAAO;;;;;QAIlCL,mBAOM;UAPA,OAAKC,kBAAK,oCAAS;AAAA;UACR,8BAAfF,YAEU;;YAFgB,MAAM;YAAO,SAAO;;6BAC5C,MAA6C;AAAA,8CAA1C,mBAAc,oBAAe,UAAU;;;;UAE5CG,YAEU;YAFD,MAAK;AAAA,YAAW,MAAM;YAAO,SAAS;YAAe,SAAO;;6BACnE,MAAqC;AAAA,8CAAlC,eAAU,oBAAe,MAAM;;;;;;;;;;;;;;"}
+{"version":3,"file":"ConfirmDialog.mjs","sources":["../../../../src/components/Modal/ConfirmDialog.vue"],"sourcesContent":["<template>\n  <Modal\n    :id=\"id\"\n    :visible=\"visible\"\n    :custom-class=\"confirmClass\"\n    :mask-closable=\"false\"\n    :width=\"computedWidth\"\n    :size=\"size\"\n    :after-close=\"afterClose\"\n    :closable=\"closable\"\n    @close=\"closableClose\"\n  >\n    <div :class=\"`${prefixCls}-confirm-body-wrapper`\">\n      <div :class=\"`${prefixCls}-confirm-body`\">\n        <UIcon :class=\"`${prefixCls}-confirm-icon`\">\n          <component :is=\"iconName\" />\n        </UIcon>\n        <div :class=\"`${prefixCls}-confirm-content-wrap`\">\n          <span v-if=\"title !== undefined\" :class=\"`${prefixCls}-confirm-title`\">\n            {{ title }}\n          </span>\n          <div :class=\"`${prefixCls}-confirm-content`\">\n            <template v-if=\"typeof content === 'function'\">\n              <Render :render=\"content\" />\n            </template>\n            <template v-else> {{ content }} </template>\n          </div>\n        </div>\n      </div>\n    </div>\n    <template #footer>\n      <UButton v-if=\"okCancel\" :size=\"size\" @click=\"handleCancel\">\n        {{ cancelText || computedLocale.cancelText }}\n      </UButton>\n      <UButton type=\"primary\" :size=\"size\" :loading=\"stateLoading\" @click=\"handleOk\">\n        {{ okText || computedLocale.okText }}\n      </UButton>\n    </template>\n  </Modal>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue';\n\nimport UIcon from '@uxd-ui/components/Icon';\nimport { Info, CheckCircle, CircleX, CircleAlert, HelpCircle, CircleHelp } from 'lucide-vue-next';\nimport UButton from '@uxd-ui/components/Button';\nimport Render from '../base/Render';\nimport Modal from './Modal.vue';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport { confirmDialogProps, type ModalCloseType } from './Modal.type';\n\nexport default defineComponent({\n  name: 'ConfirmDialog',\n  components: {\n    Modal,\n    UIcon,\n    UButton,\n    Info,\n    CheckCircle,\n    CircleX,\n    CircleAlert,\n    HelpCircle,\n    CircleHelp,\n    Render\n  },\n  props: confirmDialogProps,\n  setup(props) {\n    const { prefixCls, config: globalConfig } = useGlobalConfig('modal');\n    const stateLoading = ref(false);\n    // ===================== computed ============================\n    const confirmClass = computed(() => {\n      return [`${prefixCls.value}-confirm`, `${prefixCls.value}-confirm-${props.type}`, `${prefixCls.value}-${props.type}`];\n    });\n    const computedLocale = computed(() => {\n      return props.locale || globalConfig.locale.modal;\n    });\n    // ===================== computed ============================\n    const closeConfirm = () => {\n      if (props.close) {\n        props.close();\n      }\n    };\n    const handleCancel = () => {\n      if (props.onCancel) {\n        props.onCancel();\n      }\n      closeConfirm();\n    };\n    const handleOk = () => {\n      if (props.onOk) {\n        props.onOk();\n      }\n      if (props.loading) {\n        stateLoading.value = true;\n      } else {\n        closeConfirm();\n      }\n    };\n\n    const closableClose = (type: ModalCloseType) => {\n      if (props.closable && type === 'close') {\n        closeConfirm();\n      }\n    };\n\n    const computedWidth = computed(() => {\n      if (props.width) {\n        return props.width;\n      }\n      if (props.size === 'small') {\n        return 384;\n      }\n      return 416;\n    });\n\n    return {\n      prefixCls,\n      confirmClass,\n      stateLoading,\n      computedLocale,\n      computedWidth,\n      handleOk,\n      handleCancel,\n      closableClose\n    };\n  }\n});\n</script>\n"],"names":["_createBlock","_withCtx","_createVNode","_createElementVNode","_normalizeClass","_resolveDynamicComponent","_createElementBlock","_Fragment"],"mappings":";;;;;;;;;;AAoDA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AACF,EACA,OAAO;AAAA,EACP,MAAM,OAAO;UACL,EAAE,WAAW,QAAQ,iBAAiB,gBAAgB,OAAO;UAC7D,eAAe,IAAI,KAAK;UAExB,eAAe,SAAS,MAAM;aAC3B,CAAC,GAAG,UAAU,iBAAiB,GAAG,UAAU,iBAAiB,MAAM,QAAQ,GAAG,UAAU,SAAS,MAAM,MAAM;AAAA,KACrH;UACK,iBAAiB,SAAS,MAAM;aAC7B,MAAM,UAAU,aAAa,OAAO;AAAA,KAC5C;UAEK,eAAe,MAAM;UACrB,MAAM,OAAO;cACT;AAAM;AACd;UAEI,eAAe,MAAM;UACrB,MAAM,UAAU;cACZ;AAAS;;AAEJ;UAET,WAAW,MAAM;UACjB,MAAM,MAAM;cACR;AAAK;UAET,MAAM,SAAS;qBACJ,QAAQ;AAAA,aAChB;;AACQ;AACf;UAGI,gBAAgB,CAAC,SAAyB;UAC1C,MAAM,YAAY,SAAS,SAAS;;AACzB;AACf;UAGI,gBAAgB,SAAS,MAAM;UAC/B,MAAM,OAAO;eACR,MAAM;AAAA;UAEX,MAAM,SAAS,SAAS;eACnB;AAAA;aAEF;AAAA,KACR;WAEM;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AACF;AAEJ,CAAC;;;;;;sBA9HCA,YAqCQ;IApCL,IAAI;IACJ,SAAS;IACT,gBAAc;IACd,iBAAe;AAAA,IACf,OAAO;IACP,MAAM;IACN,eAAa;IACb,UAAU;IACV,SAAO;;IAoBG,QAAMC,QACf,MAEU;AAAA,MAFK,8BAAfD,YAEU;;QAFgB,MAAM;QAAO,SAAO;;yBAC5C,MAA6C;AAAA,0CAA1C,mBAAc,oBAAe,UAAU;;;;MAE5CE,YAEU;QAFD,MAAK;AAAA,QAAW,MAAM;QAAO,SAAS;QAAe,SAAO;;yBACnE,MAAqC;AAAA,0CAAlC,eAAU,oBAAe,MAAM;;;;;qBAvBtC,MAiBM;AAAA,MAjBNC,mBAiBM;QAjBA,OAAKC,kBAAK,qCAAS;AAAA;QACvBD,mBAeM;UAfA,OAAKC,kBAAK,6BAAS;AAAA;UACvBF,YAEQ;YAFA,OAAKE,kBAAK,6BAAS;AAAA;6BACzB,MAA4B;AAAA,4BAA5BJ,YAA4BK,wBAAZ,aAAQ;;;;UAE1BF,mBAUM;YAVA,OAAKC,kBAAK,qCAAS;AAAA;YACX,eAAU,uBAAtBE,mBAEO;;cAF2B,OAAKF,kBAAK,8BAAS;AAAA,+BAChD,UAAK;YAEVD,mBAKM;cALA,OAAKC,kBAAK,gCAAS;AAAA;qBACA,iBAAO,2BAC5BJ,YAA4B;;gBAAnB,QAAQ;uDAEnBM,mBAA2CC;gDAAtB,YAAO;;;;;;;;;;;;;;"}

package/es/components/Modal/ConfirmDialog.vue.d.ts

@@ -92,7 +92,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-        title: StringConstructor;
+        title: {
+            type: StringConstructor;
+            default: string;
+        };
+        description: {
+            type: StringConstructor;
+            default: string;
+        };
         closable: {
             type: BooleanConstructor;
             default: boolean;
@@ -130,13 +137,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         zIndex: NumberConstructor;
         closeIcon: {
             type: import("vue").PropType<import("../..").IconPropType>;
-            default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+            default: () => import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
         };
         afterClose: import("vue").PropType<() => void>;
-        vertical: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
         locale: import("vue").PropType<import("../locale/default").ModalLocal>;
         top: {
             type: NumberConstructor;
@@ -188,7 +191,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             eventY: number;
             dragging: boolean;
         };
-        handleClose: (type: "close" | "cancel" | "esc" | "mask") => void;
+        handleClose: (type: "mask" | "close" | "cancel" | "esc") => void;
         handleOk: (e: Event) => void;
         onMaskClick: (e: Event) => void;
         onMaskMouseDown: () => void;
@@ -198,7 +201,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         handleAnimationEnd: () => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'update:visible': (v: boolean) => boolean;
-        close: (type: "close" | "cancel" | "esc" | "mask") => boolean;
+        close: (type: "mask" | "close" | "cancel" | "esc") => boolean;
         ok: (e: Event) => boolean;
         'after-visible-change': (v: boolean) => boolean;
     }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -210,7 +213,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: BooleanConstructor;
             default: boolean;
         };
-        title: StringConstructor;
+        title: {
+            type: StringConstructor;
+            default: string;
+        };
+        description: {
+            type: StringConstructor;
+            default: string;
+        };
         closable: {
             type: BooleanConstructor;
             default: boolean;
@@ -248,13 +258,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         zIndex: NumberConstructor;
         closeIcon: {
             type: import("vue").PropType<import("../..").IconPropType>;
-            default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+            default: () => import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
         };
         afterClose: import("vue").PropType<() => void>;
-        vertical: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
         locale: import("vue").PropType<import("../locale/default").ModalLocal>;
         top: {
             type: NumberConstructor;
@@ -281,7 +287,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             validator: (val: string) => boolean;
         };
     }>> & Readonly<{
-        onClose?: (type: "close" | "cancel" | "esc" | "mask") => any;
+        onClose?: (type: "mask" | "close" | "cancel" | "esc") => any;
         "onUpdate:visible"?: (v: boolean) => any;
         onOk?: (e: Event) => any;
         "onAfter-visible-change"?: (v: boolean) => any;
@@ -290,16 +296,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         top: number;
         closable: boolean;
         size: "small" | "default";
-        visible: boolean;
         width: string | number;
-        vertical: boolean;
         mask: boolean;
+        description: string;
+        visible: boolean;
+        title: string;
         parentDom: import("..").ParentDom;
         maskClosable: boolean;
         fullScreen: boolean;
         draggable: boolean;
         footerHide: boolean;
-        closeIcon: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        closeIcon: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
         customClass: string[];
         dialogStyle: import("vue").CSSProperties;
     }, {}, {
@@ -433,7 +440,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }, string, {
             color: string;
             spin: boolean;
-        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
         UButton: {
             new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
                 type: {
@@ -648,7 +655,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 }, string, {
                     color: string;
                     spin: boolean;
-                }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
+                }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
             } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                 P: {};
                 B: {};
@@ -953,8 +960,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, string, {
                 color: string;
                 spin: boolean;
-            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
-        } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & {
+            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+        } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & {
             Group: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                 size: {
                     type: import("vue").PropType<"small" | "default" | "large">;
@@ -1124,7 +1131,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, string, {
         color: string;
         spin: boolean;
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
     UButton: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
             type: {
@@ -1339,7 +1346,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, string, {
                 color: string;
                 spin: boolean;
-            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
+            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
         } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
@@ -1644,8 +1651,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }, string, {
             color: string;
             spin: boolean;
-        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
-    } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & {
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+    } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & {
         Group: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             size: {
                 type: import("vue").PropType<"small" | "default" | "large">;
@@ -1684,12 +1691,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             vertical: boolean;
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     };
-    USolidInfoCircle: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    USolidCheckmarkCircle: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    USolidCloseCircle: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    USolidAlertCircle: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    USolidHelpCircle: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    URoundHelpCircle: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    Info: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+    CheckCircle: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+    CircleX: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+    CircleAlert: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+    HelpCircle: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
+    CircleHelp: import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
     Render: {
         (props: import("../base/Render").RenderProps): import("vue").VNodeChild | import("vue/jsx-runtime").JSX.Element;
         props: {

package/es/components/Modal/Modal.mjs

@@ -46,9 +46,6 @@ const _sfc_main = defineComponent({
       } else {
         const width = typeof props.width === "number" ? `${props.width}px` : props.width;
         style.width = width;
-        if (!props.vertical) {
-          style.marginTop = `${props.top}px`;
-        }
       }
       if (props.draggable) {
         style.transform = `translate(${dragData.x}px, ${dragData.y}px)`;
@@ -232,10 +229,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       createElementVNode("div", {
         class: normalizeClass([
           `${_ctx.prefixCls}-wrap`,
-          `${_ctx.prefixCls}-size-${_ctx.size}`,
           ..._ctx.customClass,
           {
-            [`${_ctx.prefixCls}-vertical`]: _ctx.vertical,
             [`${_ctx.prefixCls}-no-mask`]: _ctx.draggable,
             [`${_ctx.prefixCls}-visible`]: _ctx.wrapVisible,
             [`${_ctx.prefixCls}-full-screen`]: _ctx.fullScreen
@@ -261,6 +256,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 ref: "contentRef",
                 class: normalizeClass([
                   `${_ctx.prefixCls}`,
+                  `${_ctx.prefixCls}-size-${_ctx.size}`,
                   {
                     [`${_ctx.prefixCls}-drag`]: _ctx.draggable,
                     [`${_ctx.prefixCls}-dragging`]: _ctx.draggable && _ctx.dragData.dragging,
@@ -296,7 +292,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   renderSlot(_ctx.$slots, "header", {}, () => [
                     createElementVNode("div", {
                       class: normalizeClass(`${_ctx.prefixCls}-title`)
-                    }, toDisplayString(_ctx.title), 3)
+                    }, toDisplayString(_ctx.title), 3),
+                    _ctx.description ? (openBlock(), createElementBlock("div", {
+                      key: 0,
+                      class: normalizeClass(`${_ctx.prefixCls}-description`)
+                    }, toDisplayString(_ctx.description), 3)) : createCommentVNode("v-if", true)
                   ])
                 ], 2)) : createCommentVNode("v-if", true),
                 createElementVNode("div", {
@@ -348,7 +348,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 16, _hoisted_1)
   ], 8, ["to"]);
 }
-var Modal = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Modal\\Modal.vue"]]);
+var Modal = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Modal/Modal.vue"]]);
 
 export { Modal as default };
 //# sourceMappingURL=Modal.mjs.map

package/es/components/Modal/Modal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.mjs","sources":["../../../../src/components/Modal/Modal.vue"],"sourcesContent":["<template>\n  <teleport :to=\"toDom\">\n    <div :id=\"id\" v-bind=\"$attrs\" :class=\"`${prefixCls}-root`\">\n      <transition name=\"fade\" appear>\n        <div v-show=\"visible\" v-if=\"mask && !draggable && !fullScreen\" :class=\"`${prefixCls}-mask`\" :style=\"{ ...zIndexStyle, ...positionStyle }\" />\n      </transition>\n      <div\n        :class=\"[\n          `${prefixCls}-wrap`,\n          `${prefixCls}-size-${size}`,\n          ...customClass,\n          {\n            [`${prefixCls}-vertical`]: vertical,\n            [`${prefixCls}-no-mask`]: draggable,\n            [`${prefixCls}-visible`]: wrapVisible,\n            [`${prefixCls}-full-screen`]: fullScreen\n          }\n        ]\"\n        :style=\"{ ...zIndexStyle, ...positionStyle }\"\n        @click=\"onMaskClick\"\n        @mousedown=\"onMaskMouseDown\"\n      >\n        <transition :name=\"fullScreen ? 'zoom-big-fast' : 'zoom-big'\" appear @after-leave=\"afterLeave\" @after-enter=\"handleAnimationEnd\">\n          <div v-show=\"visible\" :class=\"`${prefixCls}-container`\" :style=\"transitionDivStyle\">\n            <div\n              ref=\"contentRef\"\n              :class=\"[\n                `${prefixCls}`,\n                {\n                  [`${prefixCls}-drag`]: draggable,\n                  [`${prefixCls}-dragging`]: draggable && dragData.dragging,\n                  [`${prefixCls}-no-title`]: !showHead\n                }\n              ]\"\n              :style=\"modalStyles\"\n              @mousedown=\"onmMouseStart\"\n            >\n              <button v-if=\"closable\" data-not-drag-target :class=\"`${prefixCls}-close`\" @click=\"handleClose('close')\">\n                <slot name=\"close\">\n                  <UIcon :class=\"`${prefixCls}-close-x`\" flex>\n                    <component :is=\"closeIcon\" />\n                  </UIcon>\n                </slot>\n              </button>\n              <div v-if=\"showHead\" key=\"header\" ref=\"header\" :class=\"`${prefixCls}-header`\">\n                <slot name=\"header\">\n                  <div :class=\"`${prefixCls}-title`\">{{ title }}</div>\n                </slot>\n              </div>\n              <div\n                :class=\"[\n                  `${prefixCls}-body ${$attrs.class || ''}`,\n                  { [`${prefixCls}-body-footer-hide`]: footerHide, [`${prefixCls}-body-head-hide`]: !showHead }\n                ]\"\n              >\n                <slot />\n              </div>\n              <div v-if=\"!footerHide\" :class=\"`${prefixCls}-footer`\">\n                <slot name=\"footer\">\n                  <UButton data-not-drag-target type=\"default\" :size=\"size\" @click=\"handleClose('cancel')\">\n                    {{ cancelText || computedLocale.cancelText }}\n                  </UButton>\n                  <UButton data-not-drag-target type=\"primary\" :size=\"size\" :loading=\"loading\" @click=\"handleOk\">\n                    {{ okText || computedLocale.okText }}\n                  </UButton>\n                </slot>\n              </div>\n            </div>\n          </div>\n        </transition>\n      </div>\n    </div>\n  </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, ref, onMounted, onBeforeUnmount, watch, reactive, shallowRef } from 'vue';\nimport type { CSSProperties } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport UButton from '@uxd-ui/components/Button';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport { setBodyStyle } from '../../utils/tools';\nimport { type DragData, modalProps, modalEmits, type ModalCloseType } from './Modal.type';\n\nlet openModalCount = 0;\nlet modalsList: ((e?: any) => void)[] = [];\n\nexport default defineComponent({\n  name: 'UModal',\n  components: {\n    UIcon,\n    UButton\n  },\n  inheritAttrs: false,\n  props: modalProps,\n  emits: modalEmits,\n  setup(props, { emit, slots }) {\n    const { prefixCls, config: globalConfig } = useGlobalConfig('modal');\n    const contentRef = shallowRef<HTMLElement | null>(null);\n    const dragData = reactive({\n      x: 0,\n      y: 0,\n      eventX: null,\n      eventY: null,\n      dragging: false\n    } as DragData);\n    const isMouseIn = ref(false);\n    const wrapVisible = ref(false);\n    // ===================== computed ============================\n\n    const computedLocale = computed(() => {\n      return props.locale || globalConfig.locale.modal;\n    });\n\n    const zIndexStyle = computed(() => {\n      return props.zIndex !== undefined ? { zIndex: props.zIndex } : {};\n    });\n    const showHead = computed(() => {\n      return slots.header || props.title;\n    });\n    const modalStyles = computed(() => {\n      const style = {} as CSSProperties;\n      if (props.fullScreen) {\n        style.width = '100%';\n        style.height = '100%';\n      } else {\n        const width = typeof props.width === 'number' ? `${props.width}px` : props.width;\n        style.width = width;\n        if (!props.vertical) {\n          style.marginTop = `${props.top}px`;\n        }\n      }\n      if (props.draggable) {\n        style.transform = `translate(${dragData.x}px, ${dragData.y}px)`;\n      }\n      return {\n        ...style,\n        ...props.dialogStyle\n      } as CSSProperties;\n    });\n    const toDom = computed(() => {\n      if (!props.parentDom) {\n        return 'body';\n      }\n      if (typeof props.parentDom === 'function') {\n        return props.parentDom() || 'body';\n      }\n      return props.parentDom;\n    });\n    const positionStyle = computed(() => {\n      const style: CSSProperties = {};\n      if (toDom.value !== 'body') {\n        style.position = 'absolute';\n      }\n      return style;\n    });\n\n    // ===================== methods ============================\n\n    const handleClose = (type: ModalCloseType) => {\n      emit('update:visible', false);\n      emit('close', type);\n    };\n    const handleOk = (e: Event) => {\n      emit('ok', e);\n    };\n\n    const handleVisible = () => {\n      if (props.visible) {\n        openModalCount += 1;\n        wrapVisible.value = true;\n      } else {\n        openModalCount = openModalCount > 0 ? openModalCount - 1 : openModalCount;\n      }\n      if (openModalCount) {\n        modalsList.push(() => handleClose('esc'));\n        if (toDom.value === 'body') setBodyStyle(true);\n      } else if (toDom.value === 'body') setBodyStyle(false);\n    };\n\n    const onMaskClick = (e: Event) => {\n      if (!props.maskClosable) return;\n      if (isMouseIn.value && props.draggable) {\n        isMouseIn.value = false;\n        return;\n      }\n      if (e.target === e.currentTarget) {\n        handleClose('mask');\n      }\n    };\n\n    const onMaskMouseDown = () => {\n      isMouseIn.value = true;\n    };\n\n    const onKeyDown = (e: any) => {\n      if (props.visible && e.keyCode === 27 && openModalCount) {\n        e.stopPropagation();\n        modalsList[openModalCount - 1]();\n      }\n    };\n    // ===================== drag ============================\n    const onMoveing = (event: any) => {\n      const distanceX = event.clientX - dragData.eventX;\n      const distanceY = event.clientY - dragData.eventY;\n      dragData.eventX = event.clientX;\n      dragData.eventY = event.clientY;\n\n      dragData.x += distanceX;\n      dragData.y += distanceY;\n    };\n    const onMoveEnd = () => {\n      dragData.eventX = null;\n      dragData.eventY = null;\n      dragData.dragging = false;\n      window.removeEventListener('mousemove', onMoveing);\n      window.removeEventListener('mouseup', onMoveEnd);\n    };\n\n    const onmMouseStart = (event: any) => {\n      if (!props.draggable || !contentRef.value) return;\n      if (event.target.closest('[data-not-drag-target]')) return;\n      // if (event.target === contentRef.value) return;\n\n      dragData.eventX = event.clientX;\n      dragData.eventY = event.clientY;\n      dragData.dragging = true;\n\n      window.addEventListener('mousemove', onMoveing);\n      window.addEventListener('mouseup', onMoveEnd);\n    };\n\n    const handleAnimationEnd = () => {\n      emit('after-visible-change', wrapVisible.value);\n    };\n\n    const afterLeave = () => {\n      wrapVisible.value = false;\n      if (props.afterClose) {\n        props.afterClose();\n      }\n      if (!openModalCount) {\n        if (toDom.value === 'body') setBodyStyle(false);\n        modalsList = [];\n      }\n      handleAnimationEnd();\n    };\n\n    // ===================== watch ==============================\n    watch(\n      () => props.visible,\n      () => {\n        handleVisible();\n      }\n    );\n\n    const transitionDivStyle = computed(() => {\n      if (contentRef.value && props.mousePosition) {\n        const rect = contentRef.value.getBoundingClientRect();\n        const transformOrigin = `${props.mousePosition.x - rect.left}px ${props.mousePosition.y - rect.top}px`;\n        return {\n          transformOrigin\n        };\n      }\n      return {};\n    });\n\n    onMounted(() => {\n      document.addEventListener('keydown', onKeyDown);\n\n      handleVisible();\n    });\n\n    onBeforeUnmount(() => {\n      document.removeEventListener('keydown', onKeyDown);\n      if (props.visible) {\n        openModalCount = openModalCount > 0 ? openModalCount - 1 : openModalCount;\n        afterLeave();\n      }\n    });\n\n    return {\n      prefixCls,\n      wrapVisible,\n      contentRef,\n      toDom,\n      positionStyle,\n      showHead,\n      zIndexStyle,\n      modalStyles,\n      transitionDivStyle,\n      computedLocale,\n      dragData,\n      handleClose,\n      handleOk,\n      onMaskClick,\n      onMaskMouseDown,\n      afterLeave,\n      onmMouseStart,\n      onKeyDown,\n      handleAnimationEnd\n    };\n  }\n});\n</script>\n\n<style></style>\n"],"names":["_createBlock","_Teleport","_createElementVNode","_mergeProps","_createVNode","_Transition","_createElementBlock","_normalizeClass","_normalizeStyle","_renderSlot","_resolveDynamicComponent"],"mappings":"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"}
+{"version":3,"file":"Modal.mjs","sources":["../../../../src/components/Modal/Modal.vue"],"sourcesContent":["<template>\n  <teleport :to=\"toDom\">\n    <div :id=\"id\" v-bind=\"$attrs\" :class=\"`${prefixCls}-root`\">\n      <transition name=\"fade\" appear>\n        <div v-show=\"visible\" v-if=\"mask && !draggable && !fullScreen\" :class=\"`${prefixCls}-mask`\" :style=\"{ ...zIndexStyle, ...positionStyle }\" />\n      </transition>\n      <div\n        :class=\"[\n          `${prefixCls}-wrap`,\n\n          ...customClass,\n          {\n            [`${prefixCls}-no-mask`]: draggable,\n            [`${prefixCls}-visible`]: wrapVisible,\n            [`${prefixCls}-full-screen`]: fullScreen\n          }\n        ]\"\n        :style=\"{ ...zIndexStyle, ...positionStyle }\"\n        @click=\"onMaskClick\"\n        @mousedown=\"onMaskMouseDown\"\n      >\n        <transition :name=\"fullScreen ? 'zoom-big-fast' : 'zoom-big'\" appear @after-leave=\"afterLeave\" @after-enter=\"handleAnimationEnd\">\n          <div v-show=\"visible\" :class=\"`${prefixCls}-container`\" :style=\"transitionDivStyle\">\n            <div\n              ref=\"contentRef\"\n              :class=\"[\n                `${prefixCls}`,\n                `${prefixCls}-size-${size}`,\n                {\n                  [`${prefixCls}-drag`]: draggable,\n                  [`${prefixCls}-dragging`]: draggable && dragData.dragging,\n                  [`${prefixCls}-no-title`]: !showHead\n                }\n              ]\"\n              :style=\"modalStyles\"\n              @mousedown=\"onmMouseStart\"\n            >\n              <button v-if=\"closable\" data-not-drag-target :class=\"`${prefixCls}-close`\" @click=\"handleClose('close')\">\n                <slot name=\"close\">\n                  <UIcon :class=\"`${prefixCls}-close-x`\" flex>\n                    <component :is=\"closeIcon\" />\n                  </UIcon>\n                </slot>\n              </button>\n              <div v-if=\"showHead\" key=\"header\" ref=\"header\" :class=\"`${prefixCls}-header`\">\n                <slot name=\"header\">\n                  <div :class=\"`${prefixCls}-title`\">{{ title }}</div>\n                  <div v-if=\"description\" :class=\"`${prefixCls}-description`\">{{ description }}</div>\n                </slot>\n              </div>\n              <div\n                :class=\"[\n                  `${prefixCls}-body ${$attrs.class || ''}`,\n                  { [`${prefixCls}-body-footer-hide`]: footerHide, [`${prefixCls}-body-head-hide`]: !showHead }\n                ]\"\n              >\n                <slot />\n              </div>\n              <div v-if=\"!footerHide\" :class=\"`${prefixCls}-footer`\">\n                <slot name=\"footer\">\n                  <UButton data-not-drag-target type=\"default\" :size=\"size\" @click=\"handleClose('cancel')\">\n                    {{ cancelText || computedLocale.cancelText }}\n                  </UButton>\n                  <UButton data-not-drag-target type=\"primary\" :size=\"size\" :loading=\"loading\" @click=\"handleOk\">\n                    {{ okText || computedLocale.okText }}\n                  </UButton>\n                </slot>\n              </div>\n            </div>\n          </div>\n        </transition>\n      </div>\n    </div>\n  </teleport>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed, ref, onMounted, onBeforeUnmount, watch, reactive, shallowRef } from 'vue';\nimport type { CSSProperties } from 'vue';\nimport UIcon from '@uxd-ui/components/Icon';\nimport UButton from '@uxd-ui/components/Button';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport { setBodyStyle } from '../../utils/tools';\nimport { type DragData, modalProps, modalEmits, type ModalCloseType } from './Modal.type';\n\nlet openModalCount = 0;\nlet modalsList: ((e?: any) => void)[] = [];\n\nexport default defineComponent({\n  name: 'UModal',\n  components: {\n    UIcon,\n    UButton\n  },\n  inheritAttrs: false,\n  props: modalProps,\n  emits: modalEmits,\n  setup(props, { emit, slots }) {\n    const { prefixCls, config: globalConfig } = useGlobalConfig('modal');\n    const contentRef = shallowRef<HTMLElement | null>(null);\n    const dragData = reactive({\n      x: 0,\n      y: 0,\n      eventX: null,\n      eventY: null,\n      dragging: false\n    } as DragData);\n    const isMouseIn = ref(false);\n    const wrapVisible = ref(false);\n    // ===================== computed ============================\n\n    const computedLocale = computed(() => {\n      return props.locale || globalConfig.locale.modal;\n    });\n\n    const zIndexStyle = computed(() => {\n      return props.zIndex !== undefined ? { zIndex: props.zIndex } : {};\n    });\n    const showHead = computed(() => {\n      return slots.header || props.title;\n    });\n    const modalStyles = computed(() => {\n      const style = {} as CSSProperties;\n      if (props.fullScreen) {\n        style.width = '100%';\n        style.height = '100%';\n      } else {\n        const width = typeof props.width === 'number' ? `${props.width}px` : props.width;\n        style.width = width;\n        // if (!props.vertical) {\n        //   style.marginTop = `${props.top}px`;\n        // }\n      }\n      if (props.draggable) {\n        style.transform = `translate(${dragData.x}px, ${dragData.y}px)`;\n      }\n      return {\n        ...style,\n        ...props.dialogStyle\n      } as CSSProperties;\n    });\n    const toDom = computed(() => {\n      if (!props.parentDom) {\n        return 'body';\n      }\n      if (typeof props.parentDom === 'function') {\n        return props.parentDom() || 'body';\n      }\n      return props.parentDom;\n    });\n    const positionStyle = computed(() => {\n      const style: CSSProperties = {};\n      if (toDom.value !== 'body') {\n        style.position = 'absolute';\n      }\n      return style;\n    });\n\n    // ===================== methods ============================\n\n    const handleClose = (type: ModalCloseType) => {\n      emit('update:visible', false);\n      emit('close', type);\n    };\n    const handleOk = (e: Event) => {\n      emit('ok', e);\n    };\n\n    const handleVisible = () => {\n      if (props.visible) {\n        openModalCount += 1;\n        wrapVisible.value = true;\n      } else {\n        openModalCount = openModalCount > 0 ? openModalCount - 1 : openModalCount;\n      }\n      if (openModalCount) {\n        modalsList.push(() => handleClose('esc'));\n        if (toDom.value === 'body') setBodyStyle(true);\n      } else if (toDom.value === 'body') setBodyStyle(false);\n    };\n\n    const onMaskClick = (e: Event) => {\n      if (!props.maskClosable) return;\n      if (isMouseIn.value && props.draggable) {\n        isMouseIn.value = false;\n        return;\n      }\n      if (e.target === e.currentTarget) {\n        handleClose('mask');\n      }\n    };\n\n    const onMaskMouseDown = () => {\n      isMouseIn.value = true;\n    };\n\n    const onKeyDown = (e: any) => {\n      if (props.visible && e.keyCode === 27 && openModalCount) {\n        e.stopPropagation();\n        modalsList[openModalCount - 1]();\n      }\n    };\n    // ===================== drag ============================\n    const onMoveing = (event: any) => {\n      const distanceX = event.clientX - dragData.eventX;\n      const distanceY = event.clientY - dragData.eventY;\n      dragData.eventX = event.clientX;\n      dragData.eventY = event.clientY;\n\n      dragData.x += distanceX;\n      dragData.y += distanceY;\n    };\n    const onMoveEnd = () => {\n      dragData.eventX = null;\n      dragData.eventY = null;\n      dragData.dragging = false;\n      window.removeEventListener('mousemove', onMoveing);\n      window.removeEventListener('mouseup', onMoveEnd);\n    };\n\n    const onmMouseStart = (event: any) => {\n      if (!props.draggable || !contentRef.value) return;\n      if (event.target.closest('[data-not-drag-target]')) return;\n      // if (event.target === contentRef.value) return;\n\n      dragData.eventX = event.clientX;\n      dragData.eventY = event.clientY;\n      dragData.dragging = true;\n\n      window.addEventListener('mousemove', onMoveing);\n      window.addEventListener('mouseup', onMoveEnd);\n    };\n\n    const handleAnimationEnd = () => {\n      emit('after-visible-change', wrapVisible.value);\n    };\n\n    const afterLeave = () => {\n      wrapVisible.value = false;\n      if (props.afterClose) {\n        props.afterClose();\n      }\n      if (!openModalCount) {\n        if (toDom.value === 'body') setBodyStyle(false);\n        modalsList = [];\n      }\n      handleAnimationEnd();\n    };\n\n    // ===================== watch ==============================\n    watch(\n      () => props.visible,\n      () => {\n        handleVisible();\n      }\n    );\n\n    const transitionDivStyle = computed(() => {\n      if (contentRef.value && props.mousePosition) {\n        const rect = contentRef.value.getBoundingClientRect();\n        const transformOrigin = `${props.mousePosition.x - rect.left}px ${props.mousePosition.y - rect.top}px`;\n        return {\n          transformOrigin\n        };\n      }\n      return {};\n    });\n\n    onMounted(() => {\n      document.addEventListener('keydown', onKeyDown);\n\n      handleVisible();\n    });\n\n    onBeforeUnmount(() => {\n      document.removeEventListener('keydown', onKeyDown);\n      if (props.visible) {\n        openModalCount = openModalCount > 0 ? openModalCount - 1 : openModalCount;\n        afterLeave();\n      }\n    });\n\n    return {\n      prefixCls,\n      wrapVisible,\n      contentRef,\n      toDom,\n      positionStyle,\n      showHead,\n      zIndexStyle,\n      modalStyles,\n      transitionDivStyle,\n      computedLocale,\n      dragData,\n      handleClose,\n      handleOk,\n      onMaskClick,\n      onMaskMouseDown,\n      afterLeave,\n      onmMouseStart,\n      onKeyDown,\n      handleAnimationEnd\n    };\n  }\n});\n</script>\n\n<style></style>\n"],"names":["_createBlock","_Teleport","_createElementVNode","_mergeProps","_createVNode","_Transition","_createElementBlock","_normalizeClass","_normalizeStyle","_renderSlot","_resolveDynamicComponent"],"mappings":"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"}

package/es/components/Modal/Modal.type.d.ts

@@ -12,7 +12,14 @@ export declare const modalProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    title: StringConstructor;
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
     closable: {
         type: BooleanConstructor;
         default: boolean;
@@ -50,13 +57,9 @@ export declare const modalProps: {
     zIndex: NumberConstructor;
     closeIcon: {
         type: PropType<IconPropType>;
-        default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        default: () => import("vue").FunctionalComponent<import("lucide-vue-next").LucideProps, {}, any, {}>;
     };
     afterClose: PropType<() => void>;
-    vertical: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     locale: PropType<ModalLocal>;
     top: {
         type: NumberConstructor;

package/es/components/Modal/Modal.type.mjs

@@ -1,4 +1,4 @@
-import { URoundClose } from '@koi-design/uxd-icon';
+import { X } from 'lucide-vue-next';
 
 const modalProps = {
   parentDom: {
@@ -9,7 +9,14 @@ const modalProps = {
     type: Boolean,
     default: false
   },
-  title: String,
+  title: {
+    type: String,
+    default: ""
+  },
+  description: {
+    type: String,
+    default: ""
+  },
   closable: {
     type: Boolean,
     default: false
@@ -46,14 +53,10 @@ const modalProps = {
   },
   zIndex: Number,
   closeIcon: {
-    type: [String, Object],
-    default: URoundClose
+    type: [String, Object, Function],
+    default: () => X
   },
   afterClose: Function,
-  vertical: {
-    type: Boolean,
-    default: false
-  },
   locale: Object,
   top: {
     type: Number,

package/es/components/Modal/Modal.type.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.type.mjs","sources":["../../../../src/components/Modal/Modal.type.ts"],"sourcesContent":["import type { CSSProperties, ExtractPropTypes, PropType, VNodeChild } from 'vue';\nimport { URoundClose } from '@koi-design/uxd-icon';\nimport type { IconPropType } from '../../utils/globalType';\nimport type { ModalLocal } from '../locale/default';\nimport type { ParentDom } from '../Drawer/Drawer.type';\n\nimport type Modal from './Modal.vue';\n\nexport const modalProps = {\n  parentDom: {\n    type: [String, Function] as PropType<ParentDom>,\n    default: 'body'\n  },\n  visible: {\n    type: Boolean,\n    default: false\n  },\n  title: String,\n  closable: {\n    type: Boolean,\n    default: false\n  },\n  maskClosable: {\n    type: Boolean,\n    default: true\n  },\n  loading: {\n    type: Boolean,\n    default: false\n  },\n  fullScreen: {\n    type: Boolean,\n    default: false\n  },\n  draggable: {\n    type: Boolean,\n    default: false\n  },\n  mask: {\n    type: Boolean,\n    default: true\n  },\n  okText: String,\n  cancelText: String,\n  width: {\n    type: [String, Number],\n    default: 520\n  },\n  footerHide: {\n    type: Boolean,\n    default: false\n  },\n  zIndex: Number,\n  closeIcon: {\n    type: [String, Object] as PropType<IconPropType>,\n    default: URoundClose\n  },\n  afterClose: Function as PropType<() => void>,\n  vertical: {\n    type: Boolean,\n    default: false\n  },\n  locale: Object as PropType<ModalLocal>,\n  top: {\n    type: Number,\n    default: 100\n  },\n  // confirm\n  customClass: {\n    type: Array as PropType<string[]>,\n    default: (): string[] => []\n  },\n  mousePosition: {\n    type: Object as PropType<{ x: number; y: number } | undefined>\n  },\n  dialogStyle: {\n    type: Object as PropType<CSSProperties>,\n    default: () => ({} as CSSProperties)\n  },\n  id: String,\n  size: {\n    type: String as PropType<'small' | 'default'>,\n    default: 'default',\n    validator: (val: string) => ['small', 'default'].includes(val)\n  }\n};\n\nexport type ModalProps = ExtractPropTypes<typeof modalProps>;\n\nexport interface DragData {\n  x: number | null;\n  y: number | null;\n  eventX: number | null;\n  eventY: number | null;\n  dragging: boolean;\n}\n\nexport const confirmDialogProps = {\n  visible: {\n    type: Boolean,\n    default: false\n  },\n  width: {\n    type: [String, Number]\n  },\n  type: String,\n  content: [String, Function] as PropType<string | (() => VNodeChild)>,\n  title: String,\n  loading: {\n    type: Boolean,\n    default: false\n  },\n  okCancel: Boolean,\n  iconName: [String, Object] as PropType<IconPropType>,\n  okText: String,\n  cancelText: String,\n  close: Function as PropType<() => void>,\n  afterClose: Function as PropType<() => void>,\n  onOk: Function as PropType<() => void>,\n  onCancel: Function as PropType<() => void>,\n  id: String,\n  locale: Object as PropType<ModalLocal>,\n\n  closable: {\n    type: Boolean,\n    default: false\n  },\n  size: {\n    type: String as PropType<'small' | 'default'>,\n    default: 'default',\n    validator: (val: string) => ['small', 'default'].includes(val)\n  }\n};\n\nexport type ConfirmDialogProps = ExtractPropTypes<typeof confirmDialogProps>;\n\nexport const modalCloseType = ['cancel', 'mask', 'close', 'esc'] as const;\nexport type ModalCloseType = (typeof modalCloseType)[number];\n\nexport const modalEmits = {\n  'update:visible': (v: boolean) => typeof v === 'boolean',\n  close: (type: ModalCloseType) => modalCloseType.includes(type),\n  ok: (e: Event) => e instanceof Event,\n  'after-visible-change': (v: boolean) => typeof v === 'boolean'\n};\n\nexport type ModalEmits = typeof modalEmits;\n\nexport type ModalInstanceType = InstanceType<typeof Modal>;\n"],"names":[],"mappings":";;MAQa,aAAa;AAAA,EACxB,WAAW;AAAA,IACT,MAAM,CAAC,QAAQ,QAAQ;AAAA,IACvB,SAAS;AAAA;AACX,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,OAAO;AAAA,EACP,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,MAAM,CAAC,QAAQ,MAAM;AAAA,IACrB,SAAS;AAAA;AACX,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,QAAQ;AAAA,EACR,WAAW;AAAA,IACT,MAAM,CAAC,QAAQ,MAAM;AAAA,IACrB,SAAS;AAAA;AACX,EACA,YAAY;AAAA,EACZ,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,QAAQ;AAAA,EACR,KAAK;AAAA,IACH,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EAEA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS,MAAgB;AAAC;AAC5B,EACA,eAAe;AAAA,IACb,MAAM;AAAA;AACR,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS,OAAO;AAAC;AACnB,EACA,IAAI;AAAA,EACJ,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW,CAAC,QAAgB,CAAC,SAAS,SAAS,EAAE,SAAS,GAAG;AAAA;AAEjE;MAYa,qBAAqB;AAAA,EAChC,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,OAAO;AAAA,IACL,MAAM,CAAC,QAAQ,MAAM;AAAA;AACvB,EACA,MAAM;AAAA,EACN,SAAS,CAAC,QAAQ,QAAQ;AAAA,EAC1B,OAAO;AAAA,EACP,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,UAAU;AAAA,EACV,UAAU,CAAC,QAAQ,MAAM;AAAA,EACzB,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,UAAU;AAAA,EACV,IAAI;AAAA,EACJ,QAAQ;AAAA,EAER,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW,CAAC,QAAgB,CAAC,SAAS,SAAS,EAAE,SAAS,GAAG;AAAA;AAEjE;MAIa,iBAAiB,CAAC,UAAU,QAAQ,SAAS,KAAK;MAGlD,aAAa;AAAA,EACxB,kBAAkB,CAAC,MAAe,OAAO,MAAM;AAAA,EAC/C,OAAO,CAAC,SAAyB,eAAe,SAAS,IAAI;AAAA,EAC7D,IAAI,CAAC,MAAa,aAAa;AAAA,EAC/B,wBAAwB,CAAC,MAAe,OAAO,MAAM;AACvD;;;;"}
+{"version":3,"file":"Modal.type.mjs","sources":["../../../../src/components/Modal/Modal.type.ts"],"sourcesContent":["import type { CSSProperties, ExtractPropTypes, PropType, VNodeChild } from 'vue';\nimport { X } from 'lucide-vue-next';\nimport type { IconPropType } from '../../utils/globalType';\nimport type { ModalLocal } from '../locale/default';\nimport type { ParentDom } from '../Drawer/Drawer.type';\n\nimport type Modal from './Modal.vue';\n\nexport const modalProps = {\n  parentDom: {\n    type: [String, Function] as PropType<ParentDom>,\n    default: 'body'\n  },\n  visible: {\n    type: Boolean,\n    default: false\n  },\n  title: {\n    type: String,\n    default: ''\n  },\n  description: {\n    type: String,\n    default: ''\n  },\n  closable: {\n    type: Boolean,\n    default: false\n  },\n  maskClosable: {\n    type: Boolean,\n    default: true\n  },\n  loading: {\n    type: Boolean,\n    default: false\n  },\n  fullScreen: {\n    type: Boolean,\n    default: false\n  },\n  draggable: {\n    type: Boolean,\n    default: false\n  },\n  mask: {\n    type: Boolean,\n    default: true\n  },\n  okText: String,\n  cancelText: String,\n  width: {\n    type: [String, Number],\n    default: 520\n  },\n  footerHide: {\n    type: Boolean,\n    default: false\n  },\n  zIndex: Number,\n  closeIcon: {\n    type: [String, Object, Function] as PropType<IconPropType>,\n    default: () => X\n  },\n  afterClose: Function as PropType<() => void>,\n  locale: Object as PropType<ModalLocal>,\n  top: {\n    type: Number,\n    default: 100\n  },\n  // confirm\n  customClass: {\n    type: Array as PropType<string[]>,\n    default: (): string[] => []\n  },\n  mousePosition: {\n    type: Object as PropType<{ x: number; y: number } | undefined>\n  },\n  dialogStyle: {\n    type: Object as PropType<CSSProperties>,\n    default: () => ({} as CSSProperties)\n  },\n  id: String,\n  size: {\n    type: String as PropType<'small' | 'default'>,\n    default: 'default',\n    validator: (val: string) => ['small', 'default'].includes(val)\n  }\n};\n\nexport type ModalProps = ExtractPropTypes<typeof modalProps>;\n\nexport interface DragData {\n  x: number | null;\n  y: number | null;\n  eventX: number | null;\n  eventY: number | null;\n  dragging: boolean;\n}\n\nexport const confirmDialogProps = {\n  visible: {\n    type: Boolean,\n    default: false\n  },\n  width: {\n    type: [String, Number]\n  },\n  type: String,\n  content: [String, Function] as PropType<string | (() => VNodeChild)>,\n  title: String,\n  loading: {\n    type: Boolean,\n    default: false\n  },\n  okCancel: Boolean,\n  iconName: [String, Object] as PropType<IconPropType>,\n  okText: String,\n  cancelText: String,\n  close: Function as PropType<() => void>,\n  afterClose: Function as PropType<() => void>,\n  onOk: Function as PropType<() => void>,\n  onCancel: Function as PropType<() => void>,\n  id: String,\n  locale: Object as PropType<ModalLocal>,\n\n  closable: {\n    type: Boolean,\n    default: false\n  },\n  size: {\n    type: String as PropType<'small' | 'default'>,\n    default: 'default',\n    validator: (val: string) => ['small', 'default'].includes(val)\n  }\n};\n\nexport type ConfirmDialogProps = ExtractPropTypes<typeof confirmDialogProps>;\n\nexport const modalCloseType = ['cancel', 'mask', 'close', 'esc'] as const;\nexport type ModalCloseType = (typeof modalCloseType)[number];\n\nexport const modalEmits = {\n  'update:visible': (v: boolean) => typeof v === 'boolean',\n  close: (type: ModalCloseType) => modalCloseType.includes(type),\n  ok: (e: Event) => e instanceof Event,\n  'after-visible-change': (v: boolean) => typeof v === 'boolean'\n};\n\nexport type ModalEmits = typeof modalEmits;\n\nexport type ModalInstanceType = InstanceType<typeof Modal>;\n"],"names":[],"mappings":";;MAQa,aAAa;AAAA,EACxB,WAAW;AAAA,IACT,MAAM,CAAC,QAAQ,QAAQ;AAAA,IACvB,SAAS;AAAA;AACX,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,MAAM,CAAC,QAAQ,MAAM;AAAA,IACrB,SAAS;AAAA;AACX,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,QAAQ;AAAA,EACR,WAAW;AAAA,IACT,MAAM,CAAC,QAAQ,QAAQ,QAAQ;AAAA,IAC/B,SAAS,MAAM;AAAA;AACjB,EACA,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,KAAK;AAAA,IACH,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EAEA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS,MAAgB;AAAC;AAC5B,EACA,eAAe;AAAA,IACb,MAAM;AAAA;AACR,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS,OAAO;AAAC;AACnB,EACA,IAAI;AAAA,EACJ,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW,CAAC,QAAgB,CAAC,SAAS,SAAS,EAAE,SAAS,GAAG;AAAA;AAEjE;MAYa,qBAAqB;AAAA,EAChC,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,OAAO;AAAA,IACL,MAAM,CAAC,QAAQ,MAAM;AAAA;AACvB,EACA,MAAM;AAAA,EACN,SAAS,CAAC,QAAQ,QAAQ;AAAA,EAC1B,OAAO;AAAA,EACP,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,UAAU;AAAA,EACV,UAAU,CAAC,QAAQ,MAAM;AAAA,EACzB,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,UAAU;AAAA,EACV,IAAI;AAAA,EACJ,QAAQ;AAAA,EAER,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW,CAAC,QAAgB,CAAC,SAAS,SAAS,EAAE,SAAS,GAAG;AAAA;AAEjE;MAIa,iBAAiB,CAAC,UAAU,QAAQ,SAAS,KAAK;MAGlD,aAAa;AAAA,EACxB,kBAAkB,CAAC,MAAe,OAAO,MAAM;AAAA,EAC/C,OAAO,CAAC,SAAyB,eAAe,SAAS,IAAI;AAAA,EAC7D,IAAI,CAAC,MAAa,aAAa;AAAA,EAC/B,wBAAwB,CAAC,MAAe,OAAO,MAAM;AACvD;;;;"}