fantasia-ui 0.2.49 → 0.2.50

package/dist/fantasia-ui.css

@@ -7552,7 +7552,7 @@ to {
   margin-top: 4px;
   font-size: 12px;
   color: #64748b;
-}.f-dialog-overlay[data-v-b88b4e96] {
+}.f-dialog-overlay {
   position: fixed;
   top: 0;
   left: 0;
@@ -7567,11 +7567,13 @@ to {
   backdrop-filter: blur(2px);
   transition: background-color 0.25s ease;
 }
-.f-dialog[data-v-b88b4e96] {
+
+.f-dialog {
   position: relative;
   background: #fff;
   border-radius: 8px;
   box-shadow: 0 18px 42px rgba(15, 23, 42, 0.18);
+  width: 500px;
   max-width: 90vw;
   max-height: 90vh;
   display: flex;
@@ -7580,62 +7582,27 @@ to {
   will-change: transform, opacity;
   transform-origin: center;
 }
-.f-dialog.is-fullscreen[data-v-b88b4e96] {
-  width: 100% !important;
-  height: 100%;
-  max-width: 100%;
-  max-height: 100%;
-  border-radius: 0;
-}
-.f-dialog__close[data-v-b88b4e96] {
-  position: absolute;
-  top: 16px;
-  right: 16px;
-  width: 32px;
-  height: 32px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border: none;
-  background: transparent;
-  color: #909399;
-  cursor: pointer;
-  border-radius: 4px;
-  transition: all 0.2s;
-  z-index: 1;
-}
-.f-dialog__close[data-v-b88b4e96] svg {
-  width: 18px;
-  height: 18px;
-}
-.f-dialog__close[data-v-b88b4e96]:hover {
-  background: #f5f7fa;
-  color: #606266;
-}
-.f-dialog__header[data-v-b88b4e96] {
-  padding: 20px 20px 16px;
+.f-dialog__header {
+  padding: 24px 20px 16px;
   display: flex;
   align-items: center;
   gap: 12px;
   border-bottom: 1px solid #e4e7ed;
 }
-.f-dialog__header.has-icon[data-v-b88b4e96] {
-  padding-top: 24px;
-}
-.f-dialog__icon[data-v-b88b4e96] {
+.f-dialog__icon {
   flex-shrink: 0;
-  width: 32px;
-  height: 32px;
+  width: 28px;
+  height: 28px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
 }
-.f-dialog__icon[data-v-b88b4e96] svg {
-  width: 24px;
-  height: 24px;
+.f-dialog__icon :deep(svg) {
+  width: 20px;
+  height: 20px;
 }
-.f-dialog__title[data-v-b88b4e96] {
+.f-dialog__title {
   flex: 1;
   margin: 0;
   font-size: 18px;
@@ -7643,7 +7610,7 @@ to {
   color: #303133;
   line-height: 1.4;
 }
-.f-dialog__body[data-v-b88b4e96] {
+.f-dialog__body {
   flex: 1;
   padding: 20px;
   color: #606266;
@@ -7651,10 +7618,10 @@ to {
   line-height: 1.6;
   overflow-y: auto;
 }
-.f-dialog__body p[data-v-b88b4e96] {
+.f-dialog__body p {
   margin: 0;
 }
-.f-dialog__footer[data-v-b88b4e96] {
+.f-dialog__footer {
   padding: 16px 20px;
   display: flex;
   align-items: center;
@@ -7662,55 +7629,50 @@ to {
   gap: 12px;
   border-top: 1px solid #e4e7ed;
 }
-.f-dialog.is-center .f-dialog__header[data-v-b88b4e96] {
-  flex-direction: column;
-  text-align: center;
-}
-.f-dialog.is-center .f-dialog__body[data-v-b88b4e96] {
-  text-align: center;
-}
-.f-dialog.is-center .f-dialog__footer[data-v-b88b4e96] {
-  justify-content: center;
-}
-.f-dialog--info .f-dialog__icon[data-v-b88b4e96] {
+.f-dialog--info .f-dialog__icon {
   background: #ecf5ff;
   color: #409eff;
 }
-.f-dialog--success .f-dialog__icon[data-v-b88b4e96] {
+.f-dialog--success .f-dialog__icon {
   background: #f0f9ff;
   color: #67c23a;
 }
-.f-dialog--warning .f-dialog__icon[data-v-b88b4e96] {
+.f-dialog--warning .f-dialog__icon {
   background: #fef0e6;
   color: #e6a23c;
 }
-.f-dialog--failed .f-dialog__icon[data-v-b88b4e96] {
+.f-dialog--error .f-dialog__icon {
   background: #fef0f0;
   color: #f56c6c;
 }
-.f-dialog--primary .f-dialog__icon[data-v-b88b4e96] {
-  background: #ecf5ff;
-  color: #409eff;
+.f-dialog--confirm .f-dialog__icon {
+  background: #fef0e6;
+  color: #e6a23c;
 }
-.f-dialog-fade-enter-active[data-v-b88b4e96],
-.f-dialog-fade-leave-active[data-v-b88b4e96] {
+
+.dialog-fade-enter-active,
+.dialog-fade-leave-active {
   transition: opacity 0.25s ease;
 }
-.f-dialog-fade-enter-from[data-v-b88b4e96],
-.f-dialog-fade-leave-to[data-v-b88b4e96] {
+
+.dialog-fade-enter-from,
+.dialog-fade-leave-to {
   opacity: 0;
 }
-.f-dialog-zoom-enter-active[data-v-b88b4e96],
-.f-dialog-zoom-leave-active[data-v-b88b4e96] {
+
+.dialog-enter-active,
+.dialog-leave-active {
   transition: opacity 0.25s ease, transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
 }
-.f-dialog-zoom-enter-from[data-v-b88b4e96],
-.f-dialog-zoom-leave-to[data-v-b88b4e96] {
+
+.dialog-enter-from,
+.dialog-leave-to {
   opacity: 0;
   transform: scale(0.88) translateY(6px);
 }
-.f-dialog-zoom-enter-to[data-v-b88b4e96],
-.f-dialog-zoom-leave-from[data-v-b88b4e96] {
+
+.dialog-enter-to,
+.dialog-leave-from {
   opacity: 1;
   transform: scale(1) translateY(0);
 }.f-message[data-v-97556afa] {

package/dist/fantasia-ui.es.js

@@ -38,7 +38,7 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, unref, renderSlot, normalizeClass, createCommentVNode, Fragment, renderList, createElementVNode, toDisplayString, ref, watch, createVNode, withDirectives, Transition, withCtx, vShow, mergeModels, useModel, inject, createBlock, resolveDynamicComponent, nextTick, onUnmounted, Teleport, withModifiers, withKeys, isRef, vModelText, createTextVNode, TransitionGroup, useSlots, provide, onMounted, readonly, onBeforeUnmount, reactive, toRefs, createStaticVNode, render, h } from "vue";
-import { CloseCircleOutline, EyeOutline, EyeOffOutline, StarOutline, StarHalf, Star, ChevronDownOutline, ChevronBackOutline, EllipsisHorizontal, ChevronForwardOutline, CloseCircle, Close, Person, InformationCircleOutline, WarningOutline, AlertCircleOutline, CheckmarkCircleOutline, CloudUpload, DocumentOutline, RemoveOutline, AddOutline, ChevronUpOutline, InformationCircle, AlertCircle, CheckmarkCircle, CloseOutline, Warning } from "@vicons/ionicons5";
+import { CloseCircleOutline, EyeOutline, EyeOffOutline, StarOutline, StarHalf, Star, ChevronDownOutline, ChevronBackOutline, EllipsisHorizontal, ChevronForwardOutline, CloseCircle, Close, Person, InformationCircleOutline, WarningOutline, AlertCircleOutline, CheckmarkCircleOutline, CloudUpload, DocumentOutline, RemoveOutline, AddOutline, ChevronUpOutline, InformationCircle, AlertCircle, CheckmarkCircle, Warning } from "@vicons/ionicons5";
 import { useEventListener } from "@vueuse/core";
 const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   __name: "FIcon",
@@ -689,7 +689,7 @@ const _hoisted_3$n = {
 };
 const _hoisted_4$e = ["value"];
 const _hoisted_5$b = ["value"];
-const _hoisted_6$8 = {
+const _hoisted_6$9 = {
   key: 3,
   class: "f-pagination__list"
 };
@@ -779,7 +779,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               })
-            ], 2)) : item === "pager" ? (openBlock(), createElementBlock("ul", _hoisted_6$8, [
+            ], 2)) : item === "pager" ? (openBlock(), createElementBlock("ul", _hoisted_6$9, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(unref(pages), (page, index) => {
                 return openBlock(), createElementBlock(Fragment, { key: index }, [
                   page === "..." ? (openBlock(), createElementBlock("li", _hoisted_7$5, [
@@ -849,7 +849,7 @@ const _hoisted_5$a = {
   key: 3,
   class: "f-card__footer"
 };
-const _hoisted_6$7 = {
+const _hoisted_6$8 = {
   key: 0,
   class: "f-card__header"
 };
@@ -898,7 +898,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
             renderSlot(_ctx.$slots, "footer", {}, void 0, true)
           ])) : createCommentVNode("", true)
         ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-          _ctx.$slots.header || _ctx.$slots["header-extra"] ? (openBlock(), createElementBlock("div", _hoisted_6$7, [
+          _ctx.$slots.header || _ctx.$slots["header-extra"] ? (openBlock(), createElementBlock("div", _hoisted_6$8, [
             renderSlot(_ctx.$slots, "header", {}, void 0, true),
             _ctx.$slots["header-extra"] ? (openBlock(), createElementBlock("div", _hoisted_7$4, [
               renderSlot(_ctx.$slots, "header-extra", {}, void 0, true)
@@ -2322,7 +2322,7 @@ const _hoisted_2$d = { class: "f-transfer__header" };
 const _hoisted_3$d = { class: "f-transfer__list" };
 const _hoisted_4$9 = ["onClick"];
 const _hoisted_5$8 = { class: "f-transfer__actions" };
-const _hoisted_6$6 = ["disabled"];
+const _hoisted_6$7 = ["disabled"];
 const _hoisted_7$3 = ["disabled"];
 const _hoisted_8$2 = { class: "f-transfer__panel" };
 const _hoisted_9$2 = { class: "f-transfer__header" };
@@ -2402,7 +2402,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
             class: "f-transfer__btn",
             disabled: _ctx.disabled || unref(leftList).length === 0,
             onClick: _cache[0] || (_cache[0] = ($event) => moveSelected("right"))
-          }, " → ", 8, _hoisted_6$6),
+          }, " → ", 8, _hoisted_6$7),
           createElementVNode("button", {
             type: "button",
             class: "f-transfer__btn",
@@ -2474,7 +2474,7 @@ const _hoisted_2$b = { class: "f-editor__status" };
 const _hoisted_3$b = { class: "f-editor__lines" };
 const _hoisted_4$8 = { class: "f-editor__code-wrapper" };
 const _hoisted_5$7 = ["innerHTML"];
-const _hoisted_6$5 = ["rows", "readonly", "placeholder"];
+const _hoisted_6$6 = ["rows", "readonly", "placeholder"];
 const LINE_HEIGHT_PX = 17.6;
 const PADDING_TOP_PX = 12;
 const MIN_BODY_HEIGHT = 180;
@@ -2721,7 +2721,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
               onClick: updateCursorInfo,
               onKeyup: updateCursorInfo,
               onBlur: _cache[1] || (_cache[1] = ($event) => emit("blur"))
-            }, null, 40, _hoisted_6$5), [
+            }, null, 40, _hoisted_6$6), [
               [vModelText, model.value]
             ])
           ])
@@ -2742,7 +2742,7 @@ const _hoisted_4$7 = {
   class: "f-table__col--index"
 };
 const _hoisted_5$6 = { class: "f-table__head" };
-const _hoisted_6$4 = {
+const _hoisted_6$5 = {
   key: 0,
   class: "f-table__th f-table__th--index"
 };
@@ -2855,7 +2855,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
             ]),
             createElementVNode("thead", _hoisted_5$6, [
               createElementVNode("tr", null, [
-                _ctx.showIndex ? (openBlock(), createElementBlock("th", _hoisted_6$4, "#")) : createCommentVNode("", true),
+                _ctx.showIndex ? (openBlock(), createElementBlock("th", _hoisted_6$5, "#")) : createCommentVNode("", true),
                 (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, (col) => {
                   return openBlock(), createElementBlock("th", {
                     key: col.key,
@@ -2944,7 +2944,7 @@ const _hoisted_5$5 = {
   key: 1,
   class: "f-upload__button"
 };
-const _hoisted_6$3 = ["accept"];
+const _hoisted_6$4 = ["accept"];
 const _hoisted_7$1 = {
   key: 2,
   class: "f-upload__file-item"
@@ -3037,7 +3037,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
             accept: _ctx.accept,
             class: "f-upload__input",
             onChange: onFileChange
-          }, null, 40, _hoisted_6$3),
+          }, null, 40, _hoisted_6$4),
           renderSlot(_ctx.$slots, "default", {}, () => [
             createElementVNode("span", null, toDisplayString(_ctx.buttonText), 1)
           ], true)
@@ -3236,7 +3236,7 @@ const _hoisted_2$7 = {
 const _hoisted_3$7 = { class: "f-color-picker__sliders" };
 const _hoisted_4$5 = { class: "f-color-picker__slider-group" };
 const _hoisted_5$4 = ["value"];
-const _hoisted_6$2 = {
+const _hoisted_6$3 = {
   key: 0,
   class: "f-color-picker__predefine"
 };
@@ -3533,7 +3533,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                 onChange: handleInputChange,
                 onKeydown: _cache[0] || (_cache[0] = withKeys(($event) => $event.target.blur(), ["enter"]))
               }, null, 40, _hoisted_5$4),
-              _ctx.predefine.length ? (openBlock(), createElementBlock("div", _hoisted_6$2, [
+              _ctx.predefine.length ? (openBlock(), createElementBlock("div", _hoisted_6$3, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.predefine, (color) => {
                   return openBlock(), createElementBlock("span", {
                     key: color,
@@ -4007,7 +4007,7 @@ const _hoisted_4$3 = {
   class: "f-input-number__stack"
 };
 const _hoisted_5$2 = ["disabled"];
-const _hoisted_6$1 = ["disabled"];
+const _hoisted_6$2 = ["disabled"];
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "FInputNumber",
   props: /* @__PURE__ */ mergeModels({
@@ -4218,7 +4218,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             })
-          ], 40, _hoisted_6$1)
+          ], 40, _hoisted_6$2)
         ])) : createCommentVNode("", true)
       ], 2);
     };
@@ -4242,7 +4242,7 @@ const _hoisted_5$1 = {
   key: 2,
   class: "f-result__extra"
 };
-const _hoisted_6 = {
+const _hoisted_6$1 = {
   key: 3,
   class: "f-result__content"
 };
@@ -4298,7 +4298,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         _ctx.$slots.extra ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
           renderSlot(_ctx.$slots, "extra", {}, void 0, true)
         ])) : createCommentVNode("", true),
-        _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_6, [
+        _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_6$1, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ])) : createCommentVNode("", true)
       ], 2);
@@ -4437,61 +4437,46 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
 const FSteps = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-a97e1683"]]);
 const _hoisted_1$2 = {
   key: 0,
-  class: "f-dialog__icon"
-};
-const _hoisted_2$1 = { class: "f-dialog__title" };
-const _hoisted_3$1 = { class: "f-dialog__body" };
-const _hoisted_4 = { key: 0 };
-const _hoisted_5 = {
-  key: 2,
-  class: "f-dialog__footer"
+  class: "f-dialog__header"
 };
+const _hoisted_2$1 = { class: "f-dialog__icon" };
+const _hoisted_3$1 = { class: "f-dialog__title" };
+const _hoisted_4 = { class: "f-dialog__body" };
+const _hoisted_5 = { key: 0 };
+const _hoisted_6 = { class: "f-dialog__footer" };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "FDialog",
   props: /* @__PURE__ */ mergeModels({
     title: { default: "提示" },
-    content: {},
-    width: { default: "500px" },
-    type: { default: "default" },
+    content: { default: "" },
+    type: { default: "info" },
     confirmText: { default: "确定" },
     cancelText: { default: "取消" },
     showCancel: { type: Boolean, default: true },
-    showClose: { type: Boolean, default: true },
-    closeOnClickModal: { type: Boolean, default: true },
-    closeOnEsc: { type: Boolean, default: true },
-    center: { type: Boolean, default: false },
-    fullscreen: { type: Boolean, default: false },
-    destroyOnClose: { type: Boolean, default: false },
-    beforeClose: {}
+    closeOnClickOutside: { type: Boolean, default: true },
+    closeOnEsc: { type: Boolean, default: true }
   }, {
     "modelValue": __spreadValues({ type: Boolean }, { required: true }),
     "modelModifiers": {}
   }),
-  emits: /* @__PURE__ */ mergeModels(["open", "close", "confirm", "cancel"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ mergeModels(["confirm", "cancel"], ["update:modelValue"]),
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
     const visible = useModel(__props, "modelValue");
     const handleClose = () => {
       visible.value = false;
-      emit("close");
+      emit("cancel");
     };
     const handleConfirm = () => {
       emit("confirm");
-      if (props.beforeClose) {
-        props.beforeClose(() => {
-          visible.value = false;
-        });
-      } else {
-        visible.value = false;
-      }
+      visible.value = false;
     };
     const handleCancel = () => {
-      emit("cancel");
       handleClose();
     };
     const handleOverlayClick = (e) => {
-      if (props.closeOnClickModal && e.target === e.currentTarget) {
+      if (props.closeOnClickOutside && e.target === e.currentTarget) {
         handleClose();
       }
     };
@@ -4504,7 +4489,6 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       if (props.closeOnEsc) {
         window.addEventListener("keydown", handleKeydown);
       }
-      emit("open");
     });
     onBeforeUnmount(() => {
       if (props.closeOnEsc) {
@@ -4515,68 +4499,43 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       info: InformationCircleOutline,
       success: CheckmarkCircleOutline,
       warning: WarningOutline,
-      failed: AlertCircleOutline,
-      primary: InformationCircleOutline,
-      default: InformationCircleOutline
+      error: AlertCircleOutline,
+      confirm: WarningOutline
     };
-    const hasIcon = computed(() => props.type && props.type !== "default");
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Teleport, { to: "body" }, [
-        createVNode(Transition, { name: "f-dialog-fade" }, {
+        createVNode(Transition, { name: "dialog-fade" }, {
           default: withCtx(() => [
             visible.value ? (openBlock(), createElementBlock("div", {
               key: 0,
               class: "f-dialog-overlay",
               onClick: handleOverlayClick
             }, [
-              createVNode(Transition, { name: "f-dialog-zoom" }, {
+              createVNode(Transition, { name: "dialog" }, {
                 default: withCtx(() => [
                   visible.value ? (openBlock(), createElementBlock("div", {
                     key: 0,
-                    class: normalizeClass(["f-dialog", [
-                      `f-dialog--${_ctx.type}`,
-                      {
-                        "is-center": _ctx.center,
-                        "is-fullscreen": _ctx.fullscreen
-                      }
-                    ]]),
-                    style: normalizeStyle({ width: _ctx.fullscreen ? "100%" : _ctx.width })
+                    class: normalizeClass(["f-dialog", `f-dialog--${_ctx.type}`])
                   }, [
-                    _ctx.showClose ? (openBlock(), createElementBlock("button", {
-                      key: 0,
-                      type: "button",
-                      class: "f-dialog__close",
-                      onClick: handleClose
-                    }, [
-                      createVNode(FIcon, null, {
-                        default: withCtx(() => [
-                          createVNode(unref(CloseOutline))
-                        ]),
-                        _: 1
-                      })
-                    ])) : createCommentVNode("", true),
-                    _ctx.$slots.header || _ctx.title ? (openBlock(), createElementBlock("div", {
-                      key: 1,
-                      class: normalizeClass(["f-dialog__header", { "has-icon": unref(hasIcon) }])
-                    }, [
+                    _ctx.$slots.header || _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
                       renderSlot(_ctx.$slots, "header", {}, () => [
-                        unref(hasIcon) ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
+                        createElementVNode("div", _hoisted_2$1, [
                           createVNode(FIcon, null, {
                             default: withCtx(() => [
                               (openBlock(), createBlock(resolveDynamicComponent(iconMap[_ctx.type])))
                             ]),
                             _: 1
                           })
-                        ])) : createCommentVNode("", true),
-                        createElementVNode("h3", _hoisted_2$1, toDisplayString(_ctx.title), 1)
-                      ], true)
-                    ], 2)) : createCommentVNode("", true),
-                    createElementVNode("div", _hoisted_3$1, [
+                        ]),
+                        createElementVNode("h3", _hoisted_3$1, toDisplayString(_ctx.title), 1)
+                      ])
+                    ])) : createCommentVNode("", true),
+                    createElementVNode("div", _hoisted_4, [
                       renderSlot(_ctx.$slots, "default", {}, () => [
-                        _ctx.content ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(_ctx.content), 1)) : createCommentVNode("", true)
-                      ], true)
+                        _ctx.content ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(_ctx.content), 1)) : createCommentVNode("", true)
+                      ])
                     ]),
-                    _ctx.$slots.footer || _ctx.showCancel ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                    createElementVNode("div", _hoisted_6, [
                       renderSlot(_ctx.$slots, "footer", {}, () => [
                         _ctx.showCancel ? (openBlock(), createBlock(FButton, {
                           key: 0,
@@ -4596,9 +4555,9 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                           ]),
                           _: 1
                         })
-                      ], true)
-                    ])) : createCommentVNode("", true)
-                  ], 6)) : createCommentVNode("", true)
+                      ])
+                    ])
+                  ], 2)) : createCommentVNode("", true)
                 ]),
                 _: 3
               })
@@ -4610,7 +4569,6 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FDialogComp = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-b88b4e96"]]);
 const _hoisted_1$1 = { class: "f-message__content" };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "FMessage",
@@ -5005,18 +4963,12 @@ const showDialog = (options) => {
       cleanup();
       resolve(false);
     };
-    const handleClose = () => {
-      cleanup();
-      resolve(false);
-    };
     const cleanup = () => {
       visible.value = false;
-      setTimeout(() => {
-        render(null, container);
-        document.body.removeChild(container);
-      }, 300);
+      render(null, container);
+      document.body.removeChild(container);
     };
-    const vnode = h(FDialogComp, __spreadValues({
+    const vnode = h(_sfc_main$2, __spreadValues({
       modelValue: visible.value,
       "onUpdate:modelValue": (val) => {
         visible.value = val;
@@ -5025,8 +4977,7 @@ const showDialog = (options) => {
         }
       },
       onConfirm: handleConfirm,
-      onCancel: handleCancel,
-      onClose: handleClose
+      onCancel: handleCancel
     }, options));
     render(vnode, container);
   });
@@ -5035,9 +4986,8 @@ const confirm = (content, title = "确认") => {
   return showDialog({
     title,
     content,
-    type: "warning",
-    showCancel: true,
-    center: true
+    type: "confirm",
+    showCancel: true
   });
 };
 const alert = (content, title = "提示", type = "info") => {
@@ -5046,8 +4996,7 @@ const alert = (content, title = "提示", type = "info") => {
     content,
     type,
     showCancel: false,
-    confirmText: "知道了",
-    center: true
+    confirmText: "知道了"
   });
 };
 const success = (content, title = "成功") => {
@@ -5056,8 +5005,8 @@ const success = (content, title = "成功") => {
 const warning = (content, title = "警告") => {
   return alert(content, title, "warning");
 };
-const failed = (content, title = "错误") => {
-  return alert(content, title, "failed");
+const error = (content, title = "错误") => {
+  return alert(content, title, "error");
 };
 const info = (content, title = "提示") => {
   return alert(content, title, "info");
@@ -5070,7 +5019,7 @@ FDialog.confirm = confirm;
 FDialog.alert = alert;
 FDialog.success = success;
 FDialog.warning = warning;
-FDialog.failed = failed;
+FDialog.error = error;
 FDialog.info = info;
 const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -5089,7 +5038,7 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   FColorPicker: _sfc_main$b,
   FContainer,
   FDialog,
-  FDialogComponent: FDialogComp,
+  FDialogComponent: _sfc_main$2,
   FDivider,
   FDropdown,
   FEditor,
@@ -5152,7 +5101,7 @@ export {
   _sfc_main$b as FColorPicker,
   FContainer,
   FDialog,
-  FDialogComp as FDialogComponent,
+  _sfc_main$2 as FDialogComponent,
   FDivider,
   FDropdown,
   FEditor,

package/dist/fantasia-ui.umd.js

@@ -690,7 +690,7 @@ var __async = (__this, __arguments, generator) => {
   };
   const _hoisted_4$e = ["value"];
   const _hoisted_5$b = ["value"];
-  const _hoisted_6$8 = {
+  const _hoisted_6$9 = {
     key: 3,
     class: "f-pagination__list"
   };
@@ -780,7 +780,7 @@ var __async = (__this, __arguments, generator) => {
                   ]),
                   _: 1
                 })
-              ], 2)) : item === "pager" ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_6$8, [
+              ], 2)) : item === "pager" ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_6$9, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(pages), (page, index) => {
                   return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index }, [
                     page === "..." ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_7$5, [
@@ -850,7 +850,7 @@ var __async = (__this, __arguments, generator) => {
     key: 3,
     class: "f-card__footer"
   };
-  const _hoisted_6$7 = {
+  const _hoisted_6$8 = {
     key: 0,
     class: "f-card__header"
   };
@@ -899,7 +899,7 @@ var __async = (__this, __arguments, generator) => {
               vue.renderSlot(_ctx.$slots, "footer", {}, void 0, true)
             ])) : vue.createCommentVNode("", true)
           ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-            _ctx.$slots.header || _ctx.$slots["header-extra"] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$7, [
+            _ctx.$slots.header || _ctx.$slots["header-extra"] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$8, [
               vue.renderSlot(_ctx.$slots, "header", {}, void 0, true),
               _ctx.$slots["header-extra"] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$4, [
                 vue.renderSlot(_ctx.$slots, "header-extra", {}, void 0, true)
@@ -2323,7 +2323,7 @@ var __async = (__this, __arguments, generator) => {
   const _hoisted_3$d = { class: "f-transfer__list" };
   const _hoisted_4$9 = ["onClick"];
   const _hoisted_5$8 = { class: "f-transfer__actions" };
-  const _hoisted_6$6 = ["disabled"];
+  const _hoisted_6$7 = ["disabled"];
   const _hoisted_7$3 = ["disabled"];
   const _hoisted_8$2 = { class: "f-transfer__panel" };
   const _hoisted_9$2 = { class: "f-transfer__header" };
@@ -2403,7 +2403,7 @@ var __async = (__this, __arguments, generator) => {
               class: "f-transfer__btn",
               disabled: _ctx.disabled || vue.unref(leftList).length === 0,
               onClick: _cache[0] || (_cache[0] = ($event) => moveSelected("right"))
-            }, " → ", 8, _hoisted_6$6),
+            }, " → ", 8, _hoisted_6$7),
             vue.createElementVNode("button", {
               type: "button",
               class: "f-transfer__btn",
@@ -2475,7 +2475,7 @@ var __async = (__this, __arguments, generator) => {
   const _hoisted_3$b = { class: "f-editor__lines" };
   const _hoisted_4$8 = { class: "f-editor__code-wrapper" };
   const _hoisted_5$7 = ["innerHTML"];
-  const _hoisted_6$5 = ["rows", "readonly", "placeholder"];
+  const _hoisted_6$6 = ["rows", "readonly", "placeholder"];
   const LINE_HEIGHT_PX = 17.6;
   const PADDING_TOP_PX = 12;
   const MIN_BODY_HEIGHT = 180;
@@ -2722,7 +2722,7 @@ var __async = (__this, __arguments, generator) => {
                 onClick: updateCursorInfo,
                 onKeyup: updateCursorInfo,
                 onBlur: _cache[1] || (_cache[1] = ($event) => emit("blur"))
-              }, null, 40, _hoisted_6$5), [
+              }, null, 40, _hoisted_6$6), [
                 [vue.vModelText, model.value]
               ])
             ])
@@ -2743,7 +2743,7 @@ var __async = (__this, __arguments, generator) => {
     class: "f-table__col--index"
   };
   const _hoisted_5$6 = { class: "f-table__head" };
-  const _hoisted_6$4 = {
+  const _hoisted_6$5 = {
     key: 0,
     class: "f-table__th f-table__th--index"
   };
@@ -2856,7 +2856,7 @@ var __async = (__this, __arguments, generator) => {
               ]),
               vue.createElementVNode("thead", _hoisted_5$6, [
                 vue.createElementVNode("tr", null, [
-                  _ctx.showIndex ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_6$4, "#")) : vue.createCommentVNode("", true),
+                  _ctx.showIndex ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_6$5, "#")) : vue.createCommentVNode("", true),
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.columns, (col) => {
                     return vue.openBlock(), vue.createElementBlock("th", {
                       key: col.key,
@@ -2945,7 +2945,7 @@ var __async = (__this, __arguments, generator) => {
     key: 1,
     class: "f-upload__button"
   };
-  const _hoisted_6$3 = ["accept"];
+  const _hoisted_6$4 = ["accept"];
   const _hoisted_7$1 = {
     key: 2,
     class: "f-upload__file-item"
@@ -3038,7 +3038,7 @@ var __async = (__this, __arguments, generator) => {
               accept: _ctx.accept,
               class: "f-upload__input",
               onChange: onFileChange
-            }, null, 40, _hoisted_6$3),
+            }, null, 40, _hoisted_6$4),
             vue.renderSlot(_ctx.$slots, "default", {}, () => [
               vue.createElementVNode("span", null, vue.toDisplayString(_ctx.buttonText), 1)
             ], true)
@@ -3237,7 +3237,7 @@ var __async = (__this, __arguments, generator) => {
   const _hoisted_3$7 = { class: "f-color-picker__sliders" };
   const _hoisted_4$5 = { class: "f-color-picker__slider-group" };
   const _hoisted_5$4 = ["value"];
-  const _hoisted_6$2 = {
+  const _hoisted_6$3 = {
     key: 0,
     class: "f-color-picker__predefine"
   };
@@ -3534,7 +3534,7 @@ var __async = (__this, __arguments, generator) => {
                   onChange: handleInputChange,
                   onKeydown: _cache[0] || (_cache[0] = vue.withKeys(($event) => $event.target.blur(), ["enter"]))
                 }, null, 40, _hoisted_5$4),
-                _ctx.predefine.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$2, [
+                _ctx.predefine.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$3, [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.predefine, (color) => {
                     return vue.openBlock(), vue.createElementBlock("span", {
                       key: color,
@@ -4008,7 +4008,7 @@ var __async = (__this, __arguments, generator) => {
     class: "f-input-number__stack"
   };
   const _hoisted_5$2 = ["disabled"];
-  const _hoisted_6$1 = ["disabled"];
+  const _hoisted_6$2 = ["disabled"];
   const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     __name: "FInputNumber",
     props: /* @__PURE__ */ vue.mergeModels({
@@ -4219,7 +4219,7 @@ var __async = (__this, __arguments, generator) => {
                 ]),
                 _: 1
               })
-            ], 40, _hoisted_6$1)
+            ], 40, _hoisted_6$2)
           ])) : vue.createCommentVNode("", true)
         ], 2);
       };
@@ -4243,7 +4243,7 @@ var __async = (__this, __arguments, generator) => {
     key: 2,
     class: "f-result__extra"
   };
-  const _hoisted_6 = {
+  const _hoisted_6$1 = {
     key: 3,
     class: "f-result__content"
   };
@@ -4299,7 +4299,7 @@ var __async = (__this, __arguments, generator) => {
           _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$1, [
             vue.renderSlot(_ctx.$slots, "extra", {}, void 0, true)
           ])) : vue.createCommentVNode("", true),
-          _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
+          _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$1, [
             vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ])) : vue.createCommentVNode("", true)
         ], 2);
@@ -4438,61 +4438,46 @@ var __async = (__this, __arguments, generator) => {
   const FSteps = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-a97e1683"]]);
   const _hoisted_1$2 = {
     key: 0,
-    class: "f-dialog__icon"
-  };
-  const _hoisted_2$1 = { class: "f-dialog__title" };
-  const _hoisted_3$1 = { class: "f-dialog__body" };
-  const _hoisted_4 = { key: 0 };
-  const _hoisted_5 = {
-    key: 2,
-    class: "f-dialog__footer"
+    class: "f-dialog__header"
   };
+  const _hoisted_2$1 = { class: "f-dialog__icon" };
+  const _hoisted_3$1 = { class: "f-dialog__title" };
+  const _hoisted_4 = { class: "f-dialog__body" };
+  const _hoisted_5 = { key: 0 };
+  const _hoisted_6 = { class: "f-dialog__footer" };
   const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     __name: "FDialog",
     props: /* @__PURE__ */ vue.mergeModels({
       title: { default: "提示" },
-      content: {},
-      width: { default: "500px" },
-      type: { default: "default" },
+      content: { default: "" },
+      type: { default: "info" },
       confirmText: { default: "确定" },
       cancelText: { default: "取消" },
       showCancel: { type: Boolean, default: true },
-      showClose: { type: Boolean, default: true },
-      closeOnClickModal: { type: Boolean, default: true },
-      closeOnEsc: { type: Boolean, default: true },
-      center: { type: Boolean, default: false },
-      fullscreen: { type: Boolean, default: false },
-      destroyOnClose: { type: Boolean, default: false },
-      beforeClose: {}
+      closeOnClickOutside: { type: Boolean, default: true },
+      closeOnEsc: { type: Boolean, default: true }
     }, {
       "modelValue": __spreadValues({ type: Boolean }, { required: true }),
       "modelModifiers": {}
     }),
-    emits: /* @__PURE__ */ vue.mergeModels(["open", "close", "confirm", "cancel"], ["update:modelValue"]),
+    emits: /* @__PURE__ */ vue.mergeModels(["confirm", "cancel"], ["update:modelValue"]),
     setup(__props, { emit: __emit }) {
       const props = __props;
       const emit = __emit;
       const visible = vue.useModel(__props, "modelValue");
       const handleClose = () => {
         visible.value = false;
-        emit("close");
+        emit("cancel");
       };
       const handleConfirm = () => {
         emit("confirm");
-        if (props.beforeClose) {
-          props.beforeClose(() => {
-            visible.value = false;
-          });
-        } else {
-          visible.value = false;
-        }
+        visible.value = false;
       };
       const handleCancel = () => {
-        emit("cancel");
         handleClose();
       };
       const handleOverlayClick = (e) => {
-        if (props.closeOnClickModal && e.target === e.currentTarget) {
+        if (props.closeOnClickOutside && e.target === e.currentTarget) {
           handleClose();
         }
       };
@@ -4505,7 +4490,6 @@ var __async = (__this, __arguments, generator) => {
         if (props.closeOnEsc) {
           window.addEventListener("keydown", handleKeydown);
         }
-        emit("open");
       });
       vue.onBeforeUnmount(() => {
         if (props.closeOnEsc) {
@@ -4516,68 +4500,43 @@ var __async = (__this, __arguments, generator) => {
         info: ionicons5.InformationCircleOutline,
         success: ionicons5.CheckmarkCircleOutline,
         warning: ionicons5.WarningOutline,
-        failed: ionicons5.AlertCircleOutline,
-        primary: ionicons5.InformationCircleOutline,
-        default: ionicons5.InformationCircleOutline
+        error: ionicons5.AlertCircleOutline,
+        confirm: ionicons5.WarningOutline
       };
-      const hasIcon = vue.computed(() => props.type && props.type !== "default");
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
-          vue.createVNode(vue.Transition, { name: "f-dialog-fade" }, {
+          vue.createVNode(vue.Transition, { name: "dialog-fade" }, {
             default: vue.withCtx(() => [
               visible.value ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 0,
                 class: "f-dialog-overlay",
                 onClick: handleOverlayClick
               }, [
-                vue.createVNode(vue.Transition, { name: "f-dialog-zoom" }, {
+                vue.createVNode(vue.Transition, { name: "dialog" }, {
                   default: vue.withCtx(() => [
                     visible.value ? (vue.openBlock(), vue.createElementBlock("div", {
                       key: 0,
-                      class: vue.normalizeClass(["f-dialog", [
-                        `f-dialog--${_ctx.type}`,
-                        {
-                          "is-center": _ctx.center,
-                          "is-fullscreen": _ctx.fullscreen
-                        }
-                      ]]),
-                      style: vue.normalizeStyle({ width: _ctx.fullscreen ? "100%" : _ctx.width })
+                      class: vue.normalizeClass(["f-dialog", `f-dialog--${_ctx.type}`])
                     }, [
-                      _ctx.showClose ? (vue.openBlock(), vue.createElementBlock("button", {
-                        key: 0,
-                        type: "button",
-                        class: "f-dialog__close",
-                        onClick: handleClose
-                      }, [
-                        vue.createVNode(FIcon, null, {
-                          default: vue.withCtx(() => [
-                            vue.createVNode(vue.unref(ionicons5.CloseOutline))
-                          ]),
-                          _: 1
-                        })
-                      ])) : vue.createCommentVNode("", true),
-                      _ctx.$slots.header || _ctx.title ? (vue.openBlock(), vue.createElementBlock("div", {
-                        key: 1,
-                        class: vue.normalizeClass(["f-dialog__header", { "has-icon": vue.unref(hasIcon) }])
-                      }, [
+                      _ctx.$slots.header || _ctx.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
                         vue.renderSlot(_ctx.$slots, "header", {}, () => [
-                          vue.unref(hasIcon) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
+                          vue.createElementVNode("div", _hoisted_2$1, [
                             vue.createVNode(FIcon, null, {
                               default: vue.withCtx(() => [
                                 (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(iconMap[_ctx.type])))
                               ]),
                               _: 1
                             })
-                          ])) : vue.createCommentVNode("", true),
-                          vue.createElementVNode("h3", _hoisted_2$1, vue.toDisplayString(_ctx.title), 1)
-                        ], true)
-                      ], 2)) : vue.createCommentVNode("", true),
-                      vue.createElementVNode("div", _hoisted_3$1, [
+                          ]),
+                          vue.createElementVNode("h3", _hoisted_3$1, vue.toDisplayString(_ctx.title), 1)
+                        ])
+                      ])) : vue.createCommentVNode("", true),
+                      vue.createElementVNode("div", _hoisted_4, [
                         vue.renderSlot(_ctx.$slots, "default", {}, () => [
-                          _ctx.content ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_4, vue.toDisplayString(_ctx.content), 1)) : vue.createCommentVNode("", true)
-                        ], true)
+                          _ctx.content ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_5, vue.toDisplayString(_ctx.content), 1)) : vue.createCommentVNode("", true)
+                        ])
                       ]),
-                      _ctx.$slots.footer || _ctx.showCancel ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+                      vue.createElementVNode("div", _hoisted_6, [
                         vue.renderSlot(_ctx.$slots, "footer", {}, () => [
                           _ctx.showCancel ? (vue.openBlock(), vue.createBlock(FButton, {
                             key: 0,
@@ -4597,9 +4556,9 @@ var __async = (__this, __arguments, generator) => {
                             ]),
                             _: 1
                           })
-                        ], true)
-                      ])) : vue.createCommentVNode("", true)
-                    ], 6)) : vue.createCommentVNode("", true)
+                        ])
+                      ])
+                    ], 2)) : vue.createCommentVNode("", true)
                   ]),
                   _: 3
                 })
@@ -4611,7 +4570,6 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  const FDialogComp = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-b88b4e96"]]);
   const _hoisted_1$1 = { class: "f-message__content" };
   const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     __name: "FMessage",
@@ -5006,18 +4964,12 @@ var __async = (__this, __arguments, generator) => {
         cleanup();
         resolve(false);
       };
-      const handleClose = () => {
-        cleanup();
-        resolve(false);
-      };
       const cleanup = () => {
         visible.value = false;
-        setTimeout(() => {
-          vue.render(null, container);
-          document.body.removeChild(container);
-        }, 300);
+        vue.render(null, container);
+        document.body.removeChild(container);
       };
-      const vnode = vue.h(FDialogComp, __spreadValues({
+      const vnode = vue.h(_sfc_main$2, __spreadValues({
         modelValue: visible.value,
         "onUpdate:modelValue": (val) => {
           visible.value = val;
@@ -5026,8 +4978,7 @@ var __async = (__this, __arguments, generator) => {
           }
         },
         onConfirm: handleConfirm,
-        onCancel: handleCancel,
-        onClose: handleClose
+        onCancel: handleCancel
       }, options));
       vue.render(vnode, container);
     });
@@ -5036,9 +4987,8 @@ var __async = (__this, __arguments, generator) => {
     return showDialog({
       title,
       content,
-      type: "warning",
-      showCancel: true,
-      center: true
+      type: "confirm",
+      showCancel: true
     });
   };
   const alert = (content, title = "提示", type = "info") => {
@@ -5047,8 +4997,7 @@ var __async = (__this, __arguments, generator) => {
       content,
       type,
       showCancel: false,
-      confirmText: "知道了",
-      center: true
+      confirmText: "知道了"
     });
   };
   const success = (content, title = "成功") => {
@@ -5057,8 +5006,8 @@ var __async = (__this, __arguments, generator) => {
   const warning = (content, title = "警告") => {
     return alert(content, title, "warning");
   };
-  const failed = (content, title = "错误") => {
-    return alert(content, title, "failed");
+  const error = (content, title = "错误") => {
+    return alert(content, title, "error");
   };
   const info = (content, title = "提示") => {
     return alert(content, title, "info");
@@ -5071,7 +5020,7 @@ var __async = (__this, __arguments, generator) => {
   FDialog.alert = alert;
   FDialog.success = success;
   FDialog.warning = warning;
-  FDialog.failed = failed;
+  FDialog.error = error;
   FDialog.info = info;
   const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     __proto__: null,
@@ -5090,7 +5039,7 @@ var __async = (__this, __arguments, generator) => {
     FColorPicker: _sfc_main$b,
     FContainer,
     FDialog,
-    FDialogComponent: FDialogComp,
+    FDialogComponent: _sfc_main$2,
     FDivider,
     FDropdown,
     FEditor,
@@ -5152,7 +5101,7 @@ var __async = (__this, __arguments, generator) => {
   exports2.FColorPicker = _sfc_main$b;
   exports2.FContainer = FContainer;
   exports2.FDialog = FDialog;
-  exports2.FDialogComponent = FDialogComp;
+  exports2.FDialogComponent = _sfc_main$2;
   exports2.FDivider = FDivider;
   exports2.FDropdown = FDropdown;
   exports2.FEditor = FEditor;

package/dist/types/packages/components/modules/FDialog.vue.d.ts

@@ -1,41 +1,34 @@
 import type { FDialogProps } from '@/types/components';
+import '@/styles/components/f-dialog.scss';
 type __VLS_Props = FDialogProps;
 type __VLS_PublicProps = __VLS_Props & {
     modelValue: boolean;
 };
-declare var __VLS_20: {}, __VLS_29: {}, __VLS_31: {};
+declare var __VLS_13: {}, __VLS_22: {}, __VLS_24: {};
 type __VLS_Slots = {} & {
-    header?: (props: typeof __VLS_20) => any;
+    header?: (props: typeof __VLS_13) => any;
 } & {
-    default?: (props: typeof __VLS_29) => any;
+    default?: (props: typeof __VLS_22) => any;
 } & {
-    footer?: (props: typeof __VLS_31) => any;
+    footer?: (props: typeof __VLS_24) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    confirm: () => any;
     "update:modelValue": (value: boolean) => any;
     cancel: () => any;
-    close: () => any;
-    confirm: () => any;
-    open: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onConfirm?: () => any;
     "onUpdate:modelValue"?: (value: boolean) => any;
     onCancel?: () => any;
-    onClose?: () => any;
-    onConfirm?: () => any;
-    onOpen?: () => any;
 }>, {
-    center: boolean;
-    width: string;
-    type: import("@/types/components").Type;
+    type: import("@/types/components").FDialogType;
     title: string;
+    content: string;
     confirmText: string;
     cancelText: string;
     showCancel: boolean;
-    showClose: boolean;
-    closeOnClickModal: boolean;
+    closeOnClickOutside: boolean;
     closeOnEsc: boolean;
-    fullscreen: boolean;
-    destroyOnClose: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/types/packages/types/components/modules/f-dialog.d.ts

@@ -1,4 +1,7 @@
-import type { Type } from "./base";
+/**
+ * FDialog 对话框类型
+ */
+type FDialogType = 'info' | 'success' | 'warning' | 'error' | 'confirm';
 /**
  * FDialog 组件属性
  */
@@ -7,39 +10,23 @@ interface FDialogProps {
     title?: string;
     /** 内容文本 */
     content?: string;
-    /** 对话框宽度 */
-    width?: string;
     /** 对话框类型 */
-    type?: Type;
+    type?: FDialogType;
     /** 确认按钮文本 */
     confirmText?: string;
     /** 取消按钮文本 */
     cancelText?: string;
     /** 是否显示取消按钮 */
     showCancel?: boolean;
-    /** 是否显示关闭按钮 */
-    showClose?: boolean;
     /** 点击遮罩是否关闭 */
-    closeOnClickModal?: boolean;
+    closeOnClickOutside?: boolean;
     /** 按 ESC 是否关闭 */
     closeOnEsc?: boolean;
-    /** 是否居中布局 */
-    center?: boolean;
-    /** 是否全屏显示 */
-    fullscreen?: boolean;
-    /** 关闭时销毁内容 */
-    destroyOnClose?: boolean;
-    /** 关闭前的回调 */
-    beforeClose?: (done: () => void) => void;
 }
 /**
  * FDialog 组件事件
  */
 interface FDialogEmits {
-    /** 打开事件 */
-    open: [];
-    /** 关闭事件 */
-    close: [];
     /** 确认事件 */
     confirm: [];
     /** 取消事件 */
@@ -48,22 +35,18 @@ interface FDialogEmits {
 interface FDialogOptions {
     title?: string;
     content?: string;
-    width?: string;
-    type?: Type;
+    type?: FDialogType;
     confirmText?: string;
     cancelText?: string;
     showCancel?: boolean;
-    showClose?: boolean;
-    center?: boolean;
-    beforeClose?: (done: () => void) => void;
 }
 type FDialogFn = ((options: FDialogOptions) => Promise<boolean>) & {
     showDialog: (options: FDialogOptions) => Promise<boolean>;
     confirm: (content: string, title?: string) => Promise<boolean>;
-    alert: (content: string, title?: string, type?: Type) => Promise<boolean>;
+    alert: (content: string, title?: string, type?: FDialogType) => Promise<boolean>;
     success: (content: string, title?: string) => Promise<boolean>;
     warning: (content: string, title?: string) => Promise<boolean>;
-    failed: (content: string, title?: string) => Promise<boolean>;
+    error: (content: string, title?: string) => Promise<boolean>;
     info: (content: string, title?: string) => Promise<boolean>;
 };
-export type { FDialogProps, FDialogEmits, FDialogOptions, FDialogFn };
+export type { FDialogProps, FDialogEmits, FDialogOptions, FDialogFn, FDialogType };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "fantasia-ui",
   "private": false,
-  "version": "0.2.49",
+  "version": "0.2.50",
   "type": "module",
   "main": "dist/fantasia-ui.umd.js",
   "module": "dist/fantasia-ui.es.js",