fantasia-ui 0.2.48 → 0.2.49

package/dist/fantasia-ui.umd.js

@@ -4436,8 +4436,184 @@ var __async = (__this, __arguments, generator) => {
     }
   });
   const FSteps = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-a97e1683"]]);
-  const _hoisted_1$2 = { class: "f-message__content" };
+  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"
+  };
   const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+    __name: "FDialog",
+    props: /* @__PURE__ */ vue.mergeModels({
+      title: { default: "提示" },
+      content: {},
+      width: { default: "500px" },
+      type: { default: "default" },
+      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: {}
+    }, {
+      "modelValue": __spreadValues({ type: Boolean }, { required: true }),
+      "modelModifiers": {}
+    }),
+    emits: /* @__PURE__ */ vue.mergeModels(["open", "close", "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");
+      };
+      const handleConfirm = () => {
+        emit("confirm");
+        if (props.beforeClose) {
+          props.beforeClose(() => {
+            visible.value = false;
+          });
+        } else {
+          visible.value = false;
+        }
+      };
+      const handleCancel = () => {
+        emit("cancel");
+        handleClose();
+      };
+      const handleOverlayClick = (e) => {
+        if (props.closeOnClickModal && e.target === e.currentTarget) {
+          handleClose();
+        }
+      };
+      const handleKeydown = (e) => {
+        if (props.closeOnEsc && e.key === "Escape") {
+          handleClose();
+        }
+      };
+      vue.onMounted(() => {
+        if (props.closeOnEsc) {
+          window.addEventListener("keydown", handleKeydown);
+        }
+        emit("open");
+      });
+      vue.onBeforeUnmount(() => {
+        if (props.closeOnEsc) {
+          window.removeEventListener("keydown", handleKeydown);
+        }
+      });
+      const iconMap = {
+        info: ionicons5.InformationCircleOutline,
+        success: ionicons5.CheckmarkCircleOutline,
+        warning: ionicons5.WarningOutline,
+        failed: ionicons5.AlertCircleOutline,
+        primary: ionicons5.InformationCircleOutline,
+        default: ionicons5.InformationCircleOutline
+      };
+      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" }, {
+            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" }, {
+                  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 })
+                    }, [
+                      _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) }])
+                      }, [
+                        vue.renderSlot(_ctx.$slots, "header", {}, () => [
+                          vue.unref(hasIcon) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
+                            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.renderSlot(_ctx.$slots, "default", {}, () => [
+                          _ctx.content ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_4, vue.toDisplayString(_ctx.content), 1)) : vue.createCommentVNode("", true)
+                        ], true)
+                      ]),
+                      _ctx.$slots.footer || _ctx.showCancel ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+                        vue.renderSlot(_ctx.$slots, "footer", {}, () => [
+                          _ctx.showCancel ? (vue.openBlock(), vue.createBlock(FButton, {
+                            key: 0,
+                            onClick: handleCancel
+                          }, {
+                            default: vue.withCtx(() => [
+                              vue.createTextVNode(vue.toDisplayString(_ctx.cancelText), 1)
+                            ]),
+                            _: 1
+                          })) : vue.createCommentVNode("", true),
+                          vue.createVNode(FButton, {
+                            type: "primary",
+                            onClick: handleConfirm
+                          }, {
+                            default: vue.withCtx(() => [
+                              vue.createTextVNode(vue.toDisplayString(_ctx.confirmText), 1)
+                            ]),
+                            _: 1
+                          })
+                        ], true)
+                      ])) : vue.createCommentVNode("", true)
+                    ], 6)) : vue.createCommentVNode("", true)
+                  ]),
+                  _: 3
+                })
+              ])) : vue.createCommentVNode("", true)
+            ]),
+            _: 3
+          })
+        ]);
+      };
+    }
+  });
+  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",
     props: {
       type: { default: "info" },
@@ -4516,7 +4692,7 @@ var __async = (__this, __arguments, generator) => {
                 ]),
                 _: 1
               })) : vue.createCommentVNode("", true),
-              vue.createElementVNode("span", _hoisted_1$2, vue.toDisplayString(_ctx.message), 1),
+              vue.createElementVNode("span", _hoisted_1$1, vue.toDisplayString(_ctx.message), 1),
               _ctx.closable ? (vue.openBlock(), vue.createElementBlock("button", {
                 key: 1,
                 type: "button",
@@ -4538,86 +4714,14 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  const FMessageComp = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-97556afa"]]);
-  const GAP$1 = 16;
-  const BASE_OFFSET$1 = 20;
-  let seed$1 = 0;
-  const instances = [];
-  const normalizeOptions$1 = (options) => {
-    return typeof options === "string" ? { message: options } : options;
-  };
-  const repositionAll = () => {
-    let offset = BASE_OFFSET$1;
-    instances.forEach((item) => {
-      const vm = item.vnode.component;
-      if (vm) {
-        vm.props.offset = offset;
-      }
-      offset += item.height + GAP$1;
-    });
-  };
-  const removeInstance$1 = (id) => {
-    const index = instances.findIndex((item) => item.id === id);
-    if (index === -1) return;
-    const { container } = instances[index];
-    vue.render(null, container);
-    container.remove();
-    instances.splice(index, 1);
-    repositionAll();
-  };
-  const createInstance$1 = (options) => {
-    var _a;
-    const id = seed$1++;
-    const container = document.createElement("div");
-    const offset = instances.length === 0 ? BASE_OFFSET$1 : (() => {
-      var _a2;
-      const last = instances[instances.length - 1];
-      return ((_a2 = last.vnode.component) == null ? void 0 : _a2.props.offset) + last.height + GAP$1;
-    })();
-    const vnode = vue.createVNode(FMessageComp, __spreadProps(__spreadValues({}, options), {
-      offset,
-      onClose: () => {
-        var _a2;
-        (_a2 = options.onClose) == null ? void 0 : _a2.call(options);
-      },
-      onDestroy: () => {
-        removeInstance$1(id);
-      }
-    }));
-    vue.render(vnode, container);
-    document.body.appendChild(container);
-    const el = vnode.el;
-    const height = (_a = el == null ? void 0 : el.offsetHeight) != null ? _a : 44;
-    instances.push({ id, vnode, container, height });
-    return {
-      id,
-      close: () => {
-        var _a2, _b, _c;
-        (_c = (_b = (_a2 = vnode.component) == null ? void 0 : _a2.exposed) == null ? void 0 : _b.close) == null ? void 0 : _c.call(_b);
-      }
-    };
-  };
-  const FMessage = (options) => {
-    return createInstance$1(normalizeOptions$1(options));
-  };
-  const withType$1 = (type) => (options) => createInstance$1(__spreadProps(__spreadValues({}, normalizeOptions$1(options)), { type }));
-  FMessage.info = withType$1("info");
-  FMessage.success = withType$1("success");
-  FMessage.warning = withType$1("warning");
-  FMessage.failed = withType$1("failed");
-  FMessage.closeAll = () => {
-    [...instances].forEach((item) => {
-      var _a, _b, _c;
-      (_c = (_b = (_a = item.vnode.component) == null ? void 0 : _a.exposed) == null ? void 0 : _b.close) == null ? void 0 : _c.call(_b);
-    });
-  };
-  const _hoisted_1$1 = { class: "f-notification__body" };
-  const _hoisted_2$1 = {
+  const FMessageComp = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-97556afa"]]);
+  const _hoisted_1 = { class: "f-notification__body" };
+  const _hoisted_2 = {
     key: 0,
     class: "f-notification__title"
   };
-  const _hoisted_3$1 = { class: "f-notification__content" };
-  const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+  const _hoisted_3 = { class: "f-notification__content" };
+  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     __name: "FNotification",
     props: {
       type: { default: "info" },
@@ -4703,9 +4807,9 @@ var __async = (__this, __arguments, generator) => {
                 ]),
                 _: 1
               })) : vue.createCommentVNode("", true),
-              vue.createElementVNode("div", _hoisted_1$1, [
-                _ctx.title ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2$1, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
-                vue.createElementVNode("p", _hoisted_3$1, vue.toDisplayString(_ctx.message), 1)
+              vue.createElementVNode("div", _hoisted_1, [
+                _ctx.title ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
+                vue.createElementVNode("p", _hoisted_3, vue.toDisplayString(_ctx.message), 1)
               ]),
               _ctx.closable ? (vue.openBlock(), vue.createElementBlock("button", {
                 key: 1,
@@ -4728,7 +4832,79 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
-  const FNotificationComp = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-0a7315d6"]]);
+  const FNotificationComp = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0a7315d6"]]);
+  const GAP$1 = 16;
+  const BASE_OFFSET$1 = 20;
+  let seed$1 = 0;
+  const instances = [];
+  const normalizeOptions$1 = (options) => {
+    return typeof options === "string" ? { message: options } : options;
+  };
+  const repositionAll = () => {
+    let offset = BASE_OFFSET$1;
+    instances.forEach((item) => {
+      const vm = item.vnode.component;
+      if (vm) {
+        vm.props.offset = offset;
+      }
+      offset += item.height + GAP$1;
+    });
+  };
+  const removeInstance$1 = (id) => {
+    const index = instances.findIndex((item) => item.id === id);
+    if (index === -1) return;
+    const { container } = instances[index];
+    vue.render(null, container);
+    container.remove();
+    instances.splice(index, 1);
+    repositionAll();
+  };
+  const createInstance$1 = (options) => {
+    var _a;
+    const id = seed$1++;
+    const container = document.createElement("div");
+    const offset = instances.length === 0 ? BASE_OFFSET$1 : (() => {
+      var _a2;
+      const last = instances[instances.length - 1];
+      return ((_a2 = last.vnode.component) == null ? void 0 : _a2.props.offset) + last.height + GAP$1;
+    })();
+    const vnode = vue.createVNode(FMessageComp, __spreadProps(__spreadValues({}, options), {
+      offset,
+      onClose: () => {
+        var _a2;
+        (_a2 = options.onClose) == null ? void 0 : _a2.call(options);
+      },
+      onDestroy: () => {
+        removeInstance$1(id);
+      }
+    }));
+    vue.render(vnode, container);
+    document.body.appendChild(container);
+    const el = vnode.el;
+    const height = (_a = el == null ? void 0 : el.offsetHeight) != null ? _a : 44;
+    instances.push({ id, vnode, container, height });
+    return {
+      id,
+      close: () => {
+        var _a2, _b, _c;
+        (_c = (_b = (_a2 = vnode.component) == null ? void 0 : _a2.exposed) == null ? void 0 : _b.close) == null ? void 0 : _c.call(_b);
+      }
+    };
+  };
+  const FMessage = (options) => {
+    return createInstance$1(normalizeOptions$1(options));
+  };
+  const withType$1 = (type) => (options) => createInstance$1(__spreadProps(__spreadValues({}, normalizeOptions$1(options)), { type }));
+  FMessage.info = withType$1("info");
+  FMessage.success = withType$1("success");
+  FMessage.warning = withType$1("warning");
+  FMessage.failed = withType$1("failed");
+  FMessage.closeAll = () => {
+    [...instances].forEach((item) => {
+      var _a, _b, _c;
+      (_c = (_b = (_a = item.vnode.component) == null ? void 0 : _a.exposed) == null ? void 0 : _b.close) == null ? void 0 : _c.call(_b);
+    });
+  };
   const GAP = 16;
   const BASE_OFFSET = 20;
   let seed = 0;
@@ -4817,182 +4993,6 @@ var __async = (__this, __arguments, generator) => {
       });
     });
   };
-  const _hoisted_1 = {
-    key: 0,
-    class: "f-dialog__icon"
-  };
-  const _hoisted_2 = { class: "f-dialog__title" };
-  const _hoisted_3 = { class: "f-dialog__body" };
-  const _hoisted_4 = { key: 0 };
-  const _hoisted_5 = {
-    key: 2,
-    class: "f-dialog__footer"
-  };
-  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-    __name: "FDialog",
-    props: /* @__PURE__ */ vue.mergeModels({
-      title: { default: "提示" },
-      content: {},
-      width: { default: "500px" },
-      type: { default: "default" },
-      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: {}
-    }, {
-      "modelValue": __spreadValues({ type: Boolean }, { required: true }),
-      "modelModifiers": {}
-    }),
-    emits: /* @__PURE__ */ vue.mergeModels(["open", "close", "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");
-      };
-      const handleConfirm = () => {
-        emit("confirm");
-        if (props.beforeClose) {
-          props.beforeClose(() => {
-            visible.value = false;
-          });
-        } else {
-          visible.value = false;
-        }
-      };
-      const handleCancel = () => {
-        emit("cancel");
-        handleClose();
-      };
-      const handleOverlayClick = (e) => {
-        if (props.closeOnClickModal && e.target === e.currentTarget) {
-          handleClose();
-        }
-      };
-      const handleKeydown = (e) => {
-        if (props.closeOnEsc && e.key === "Escape") {
-          handleClose();
-        }
-      };
-      vue.onMounted(() => {
-        if (props.closeOnEsc) {
-          window.addEventListener("keydown", handleKeydown);
-        }
-        emit("open");
-      });
-      vue.onBeforeUnmount(() => {
-        if (props.closeOnEsc) {
-          window.removeEventListener("keydown", handleKeydown);
-        }
-      });
-      const iconMap = {
-        info: ionicons5.InformationCircleOutline,
-        success: ionicons5.CheckmarkCircleOutline,
-        warning: ionicons5.WarningOutline,
-        failed: ionicons5.AlertCircleOutline,
-        primary: ionicons5.InformationCircleOutline,
-        default: ionicons5.InformationCircleOutline
-      };
-      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" }, {
-            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" }, {
-                  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 })
-                    }, [
-                      _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) }])
-                      }, [
-                        vue.renderSlot(_ctx.$slots, "header", {}, () => [
-                          vue.unref(hasIcon) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_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, vue.toDisplayString(_ctx.title), 1)
-                        ], true)
-                      ], 2)) : vue.createCommentVNode("", true),
-                      vue.createElementVNode("div", _hoisted_3, [
-                        vue.renderSlot(_ctx.$slots, "default", {}, () => [
-                          _ctx.content ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_4, vue.toDisplayString(_ctx.content), 1)) : vue.createCommentVNode("", true)
-                        ], true)
-                      ]),
-                      _ctx.$slots.footer || _ctx.showCancel ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
-                        vue.renderSlot(_ctx.$slots, "footer", {}, () => [
-                          _ctx.showCancel ? (vue.openBlock(), vue.createBlock(FButton, {
-                            key: 0,
-                            onClick: handleCancel
-                          }, {
-                            default: vue.withCtx(() => [
-                              vue.createTextVNode(vue.toDisplayString(_ctx.cancelText), 1)
-                            ]),
-                            _: 1
-                          })) : vue.createCommentVNode("", true),
-                          vue.createVNode(FButton, {
-                            type: "primary",
-                            onClick: handleConfirm
-                          }, {
-                            default: vue.withCtx(() => [
-                              vue.createTextVNode(vue.toDisplayString(_ctx.confirmText), 1)
-                            ]),
-                            _: 1
-                          })
-                        ], true)
-                      ])) : vue.createCommentVNode("", true)
-                    ], 6)) : vue.createCommentVNode("", true)
-                  ]),
-                  _: 3
-                })
-              ])) : vue.createCommentVNode("", true)
-            ]),
-            _: 3
-          })
-        ]);
-      };
-    }
-  });
-  const FDialogComp = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b88b4e96"]]);
   const showDialog = (options) => {
     return new Promise((resolve) => {
       const container = document.createElement("div");
@@ -5090,6 +5090,7 @@ var __async = (__this, __arguments, generator) => {
     FColorPicker: _sfc_main$b,
     FContainer,
     FDialog,
+    FDialogComponent: FDialogComp,
     FDivider,
     FDropdown,
     FEditor,
@@ -5105,7 +5106,9 @@ var __async = (__this, __arguments, generator) => {
     FMarquee,
     FMask,
     FMessage,
+    FMessageComponent: FMessageComp,
     FNotification,
+    FNotificationComponent: FNotificationComp,
     FPagination,
     FProgress,
     FRadio,
@@ -5149,6 +5152,7 @@ var __async = (__this, __arguments, generator) => {
   exports2.FColorPicker = _sfc_main$b;
   exports2.FContainer = FContainer;
   exports2.FDialog = FDialog;
+  exports2.FDialogComponent = FDialogComp;
   exports2.FDivider = FDivider;
   exports2.FDropdown = FDropdown;
   exports2.FEditor = FEditor;
@@ -5164,7 +5168,9 @@ var __async = (__this, __arguments, generator) => {
   exports2.FMarquee = FMarquee;
   exports2.FMask = FMask;
   exports2.FMessage = FMessage;
+  exports2.FMessageComponent = FMessageComp;
   exports2.FNotification = FNotification;
+  exports2.FNotificationComponent = FNotificationComp;
   exports2.FPagination = FPagination;
   exports2.FProgress = FProgress;
   exports2.FRadio = FRadio;

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.FDialog
+    FDialog: typeof components.FDialogComponent
     FDivider: typeof components.FDivider
     FDropdown: typeof components.FDropdown
     FEditor: typeof components.FEditor
@@ -55,6 +55,9 @@ 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
+    FResult: typeof components.FResult
   }
 }
 

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

@@ -48,6 +48,9 @@ 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';
@@ -56,3 +59,4 @@ export { FNotificationDefault as FNotification };
 export { FDialogDefault as FDialog };
 export type { FMessageFn, FMessageOptions, FMessageInstance } from '@/types';
 export type { FNotificationFn, FNotificationOptions, FNotificationInstance } from '@/types';
+export type { FDialogFn, FDialogOptions } from '@/types';

package/dist/types/volar.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.FDialog
+    FDialog: typeof components.FDialogComponent
     FDivider: typeof components.FDivider
     FDropdown: typeof components.FDropdown
     FEditor: typeof components.FEditor
@@ -55,6 +55,9 @@ 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
+    FResult: typeof components.FResult
   }
 }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "fantasia-ui",
   "private": false,
-  "version": "0.2.48",
+  "version": "0.2.49",
   "type": "module",
   "main": "dist/fantasia-ui.umd.js",
   "module": "dist/fantasia-ui.es.js",
@@ -77,6 +77,9 @@
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^4.1.8",
     "vue": "^3.5.13",
-    "vue-tsc": "^2.2.8"
+    "vue-tsc": "^2.2.8",
+    "vue-docgen-api": "^4.79.2",
+    "@vue/compiler-sfc": "^3.5.42",
+    "glob": "^8.1.0"
   }
 }