fantasia-ui 0.2.49 → 0.2.51

package/dist/fantasia-ui.es.js

@@ -37,8 +37,8 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-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 { 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, h, render } 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, 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",
@@ -4832,6 +4790,77 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 const FNotificationComp = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0a7315d6"]]);
+const showDialog = (options) => {
+  return new Promise((resolve) => {
+    const container = document.createElement("div");
+    document.body.appendChild(container);
+    const visible = ref(true);
+    const handleConfirm = () => {
+      cleanup();
+      resolve(true);
+    };
+    const handleCancel = () => {
+      cleanup();
+      resolve(false);
+    };
+    const cleanup = () => {
+      visible.value = false;
+      render(null, container);
+      document.body.removeChild(container);
+    };
+    const vnode = h(_sfc_main$2, __spreadValues({
+      modelValue: visible.value,
+      "onUpdate:modelValue": (val) => {
+        visible.value = val;
+        if (!val) {
+          cleanup();
+        }
+      },
+      onConfirm: handleConfirm,
+      onCancel: handleCancel
+    }, options));
+    render(vnode, container);
+  });
+};
+const confirm = (content, title = "确认") => {
+  return showDialog({
+    title,
+    content,
+    type: "confirm",
+    showCancel: true
+  });
+};
+const alert = (content, title = "提示", type = "info") => {
+  return showDialog({
+    title,
+    content,
+    type,
+    showCancel: false,
+    confirmText: "知道了"
+  });
+};
+const success = (content, title = "成功") => {
+  return alert(content, title, "success");
+};
+const warning = (content, title = "警告") => {
+  return alert(content, title, "warning");
+};
+const error = (content, title = "错误") => {
+  return alert(content, title, "error");
+};
+const info = (content, title = "提示") => {
+  return alert(content, title, "info");
+};
+const FDialog = (options) => {
+  return showDialog(options);
+};
+FDialog.showDialog = showDialog;
+FDialog.confirm = confirm;
+FDialog.alert = alert;
+FDialog.success = success;
+FDialog.warning = warning;
+FDialog.error = error;
+FDialog.info = info;
 const GAP$1 = 16;
 const BASE_OFFSET$1 = 20;
 let seed$1 = 0;
@@ -4992,86 +5021,6 @@ FNotification.closeAll = (position) => {
     });
   });
 };
-const showDialog = (options) => {
-  return new Promise((resolve) => {
-    const container = document.createElement("div");
-    document.body.appendChild(container);
-    const visible = ref(true);
-    const handleConfirm = () => {
-      cleanup();
-      resolve(true);
-    };
-    const handleCancel = () => {
-      cleanup();
-      resolve(false);
-    };
-    const handleClose = () => {
-      cleanup();
-      resolve(false);
-    };
-    const cleanup = () => {
-      visible.value = false;
-      setTimeout(() => {
-        render(null, container);
-        document.body.removeChild(container);
-      }, 300);
-    };
-    const vnode = h(FDialogComp, __spreadValues({
-      modelValue: visible.value,
-      "onUpdate:modelValue": (val) => {
-        visible.value = val;
-        if (!val) {
-          cleanup();
-        }
-      },
-      onConfirm: handleConfirm,
-      onCancel: handleCancel,
-      onClose: handleClose
-    }, options));
-    render(vnode, container);
-  });
-};
-const confirm = (content, title = "确认") => {
-  return showDialog({
-    title,
-    content,
-    type: "warning",
-    showCancel: true,
-    center: true
-  });
-};
-const alert = (content, title = "提示", type = "info") => {
-  return showDialog({
-    title,
-    content,
-    type,
-    showCancel: false,
-    confirmText: "知道了",
-    center: true
-  });
-};
-const success = (content, title = "成功") => {
-  return alert(content, title, "success");
-};
-const warning = (content, title = "警告") => {
-  return alert(content, title, "warning");
-};
-const failed = (content, title = "错误") => {
-  return alert(content, title, "failed");
-};
-const info = (content, title = "提示") => {
-  return alert(content, title, "info");
-};
-const FDialog = (options) => {
-  return showDialog(options);
-};
-FDialog.showDialog = showDialog;
-FDialog.confirm = confirm;
-FDialog.alert = alert;
-FDialog.success = success;
-FDialog.warning = warning;
-FDialog.failed = failed;
-FDialog.info = info;
 const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   FAffix,
@@ -5088,8 +5037,8 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   FCollapseItem: _sfc_main$c,
   FColorPicker: _sfc_main$b,
   FContainer,
-  FDialog,
-  FDialogComponent: FDialogComp,
+  FDialog: _sfc_main$2,
+  FDialogAPI: FDialog,
   FDivider,
   FDropdown,
   FEditor,
@@ -5104,10 +5053,10 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   FLoading,
   FMarquee,
   FMask,
-  FMessage,
-  FMessageComponent: FMessageComp,
-  FNotification,
-  FNotificationComponent: FNotificationComp,
+  FMessage: FMessageComp,
+  FMessageAPI: FMessage,
+  FNotification: FNotificationComp,
+  FNotificationAPI: FNotification,
   FPagination,
   FProgress,
   FRadio,
@@ -5129,11 +5078,16 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   FTransfer,
   FTreeSelect,
   FTypography,
-  FUpload
+  FUpload,
+  dialog: FDialog,
+  message: FMessage,
+  notification: FNotification
 }, Symbol.toStringTag, { value: "Module" }));
 const install = (app) => {
   Object.entries(components).forEach(([name, component]) => {
-    app.component(name, component);
+    if (typeof component !== "function" && name.startsWith("F")) {
+      app.component(name, component);
+    }
   });
 };
 export {
@@ -5151,8 +5105,8 @@ export {
   _sfc_main$c as FCollapseItem,
   _sfc_main$b as FColorPicker,
   FContainer,
-  FDialog,
-  FDialogComp as FDialogComponent,
+  _sfc_main$2 as FDialog,
+  FDialog as FDialogAPI,
   FDivider,
   FDropdown,
   FEditor,
@@ -5167,10 +5121,10 @@ export {
   FLoading,
   FMarquee,
   FMask,
-  FMessage,
-  FMessageComp as FMessageComponent,
-  FNotification,
-  FNotificationComp as FNotificationComponent,
+  FMessageComp as FMessage,
+  FMessage as FMessageAPI,
+  FNotificationComp as FNotification,
+  FNotification as FNotificationAPI,
   FPagination,
   FProgress,
   FRadio,
@@ -5193,5 +5147,8 @@ export {
   FTreeSelect,
   FTypography,
   FUpload,
-  install as default
+  install as default,
+  FDialog as dialog,
+  FMessage as message,
+  FNotification as notification
 };