fantasia-ui 0.2.49 → 0.2.51

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",
@@ -4833,6 +4791,77 @@ var __async = (__this, __arguments, generator) => {
     }
   });
   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 = vue.ref(true);
+      const handleConfirm = () => {
+        cleanup();
+        resolve(true);
+      };
+      const handleCancel = () => {
+        cleanup();
+        resolve(false);
+      };
+      const cleanup = () => {
+        visible.value = false;
+        vue.render(null, container);
+        document.body.removeChild(container);
+      };
+      const vnode = vue.h(_sfc_main$2, __spreadValues({
+        modelValue: visible.value,
+        "onUpdate:modelValue": (val) => {
+          visible.value = val;
+          if (!val) {
+            cleanup();
+          }
+        },
+        onConfirm: handleConfirm,
+        onCancel: handleCancel
+      }, options));
+      vue.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;
@@ -4993,86 +5022,6 @@ var __async = (__this, __arguments, generator) => {
       });
     });
   };
-  const showDialog = (options) => {
-    return new Promise((resolve) => {
-      const container = document.createElement("div");
-      document.body.appendChild(container);
-      const visible = vue.ref(true);
-      const handleConfirm = () => {
-        cleanup();
-        resolve(true);
-      };
-      const handleCancel = () => {
-        cleanup();
-        resolve(false);
-      };
-      const handleClose = () => {
-        cleanup();
-        resolve(false);
-      };
-      const cleanup = () => {
-        visible.value = false;
-        setTimeout(() => {
-          vue.render(null, container);
-          document.body.removeChild(container);
-        }, 300);
-      };
-      const vnode = vue.h(FDialogComp, __spreadValues({
-        modelValue: visible.value,
-        "onUpdate:modelValue": (val) => {
-          visible.value = val;
-          if (!val) {
-            cleanup();
-          }
-        },
-        onConfirm: handleConfirm,
-        onCancel: handleCancel,
-        onClose: handleClose
-      }, options));
-      vue.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,
@@ -5089,8 +5038,8 @@ var __async = (__this, __arguments, generator) => {
     FCollapseItem: _sfc_main$c,
     FColorPicker: _sfc_main$b,
     FContainer,
-    FDialog,
-    FDialogComponent: FDialogComp,
+    FDialog: _sfc_main$2,
+    FDialogAPI: FDialog,
     FDivider,
     FDropdown,
     FEditor,
@@ -5105,10 +5054,10 @@ var __async = (__this, __arguments, generator) => {
     FLoading,
     FMarquee,
     FMask,
-    FMessage,
-    FMessageComponent: FMessageComp,
-    FNotification,
-    FNotificationComponent: FNotificationComp,
+    FMessage: FMessageComp,
+    FMessageAPI: FMessage,
+    FNotification: FNotificationComp,
+    FNotificationAPI: FNotification,
     FPagination,
     FProgress,
     FRadio,
@@ -5130,11 +5079,16 @@ var __async = (__this, __arguments, generator) => {
     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);
+      }
     });
   };
   exports2.FAffix = FAffix;
@@ -5151,8 +5105,8 @@ var __async = (__this, __arguments, generator) => {
   exports2.FCollapseItem = _sfc_main$c;
   exports2.FColorPicker = _sfc_main$b;
   exports2.FContainer = FContainer;
-  exports2.FDialog = FDialog;
-  exports2.FDialogComponent = FDialogComp;
+  exports2.FDialog = _sfc_main$2;
+  exports2.FDialogAPI = FDialog;
   exports2.FDivider = FDivider;
   exports2.FDropdown = FDropdown;
   exports2.FEditor = FEditor;
@@ -5167,10 +5121,10 @@ var __async = (__this, __arguments, generator) => {
   exports2.FLoading = FLoading;
   exports2.FMarquee = FMarquee;
   exports2.FMask = FMask;
-  exports2.FMessage = FMessage;
-  exports2.FMessageComponent = FMessageComp;
-  exports2.FNotification = FNotification;
-  exports2.FNotificationComponent = FNotificationComp;
+  exports2.FMessage = FMessageComp;
+  exports2.FMessageAPI = FMessage;
+  exports2.FNotification = FNotificationComp;
+  exports2.FNotificationAPI = FNotification;
   exports2.FPagination = FPagination;
   exports2.FProgress = FProgress;
   exports2.FRadio = FRadio;
@@ -5194,5 +5148,8 @@ var __async = (__this, __arguments, generator) => {
   exports2.FTypography = FTypography;
   exports2.FUpload = FUpload;
   exports2.default = install;
+  exports2.dialog = FDialog;
+  exports2.message = FMessage;
+  exports2.notification = FNotification;
   Object.defineProperties(exports2, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 });

package/dist/types/global.d.ts

@@ -20,7 +20,7 @@ declare module '@vue/runtime-core' {
     FTransfer: typeof components.FTransfer
     FCol: typeof components.FCol
     FContainer: typeof components.FContainer
-    FDialog: typeof components.FDialogComponent
+    FDialog: typeof components.FDialog
     FDivider: typeof components.FDivider
     FDropdown: typeof components.FDropdown
     FEditor: typeof components.FEditor
@@ -55,8 +55,8 @@ declare module '@vue/runtime-core' {
     FMask: typeof components.FMask
     FMarquee: typeof components.FMarquee
     FSteps: typeof components.FSteps
-    FMessage: typeof components.FMessageComponent
-    FNotification: typeof components.FNotificationComponent
+    FMessage: typeof components.FMessage
+    FNotification: typeof components.FNotification
     FResult: typeof components.FResult
   }
 }

package/dist/types/packages/components/index.d.ts

@@ -48,15 +48,18 @@ export { default as FResult } from './modules/FResult.vue';
 export { default as FMask } from './modules/FMask.vue';
 export { default as FMarquee } from './modules/FMarquee.vue';
 export { default as FSteps } from './modules/FSteps.vue';
-export { default as FDialogComponent } from './modules/FDialog.vue';
-export { default as FMessageComponent } from './modules/FMessage.vue';
-export { default as FNotificationComponent } from './modules/FNotification.vue';
-import FMessageDefault from '../composables/FMessage.js';
-import FNotificationDefault from '../composables/FNotification.js';
-import FDialogDefault from '../composables/FDialog.js';
-export { FMessageDefault as FMessage };
-export { FNotificationDefault as FNotification };
-export { FDialogDefault as FDialog };
+export { default as FDialog } from './modules/FDialog.vue';
+export { default as FMessage } from './modules/FMessage.vue';
+export { default as FNotification } from './modules/FNotification.vue';
+import FDialogAPI from '../composables/FDialog.js';
+import FMessageAPI from '../composables/FMessage.js';
+import FNotificationAPI from '../composables/FNotification.js';
+export { FDialogAPI as dialog };
+export { FMessageAPI as message };
+export { FNotificationAPI as notification };
+export { FDialogAPI };
+export { FMessageAPI };
+export { FNotificationAPI };
 export type { FMessageFn, FMessageOptions, FMessageInstance } from '@/types';
 export type { FNotificationFn, FNotificationOptions, FNotificationInstance } from '@/types';
 export type { FDialogFn, FDialogOptions } from '@/types';