fantasia-ui 0.2.50 → 0.2.52

package/dist/fantasia-ui.es.js

@@ -37,7 +37,7 @@ 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 { 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({
@@ -4569,6 +4569,131 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  FAffix,
+  FAlert,
+  FAvatar,
+  FBadge,
+  FBreadcrumb,
+  FButton,
+  FButtonGroup,
+  FCard,
+  FCheckbox,
+  FCol,
+  FCollapse: _sfc_main$d,
+  FCollapseItem: _sfc_main$c,
+  FColorPicker: _sfc_main$b,
+  FContainer,
+  FDialog: _sfc_main$2,
+  FDivider,
+  FDropdown,
+  FEditor,
+  FEmpty: _sfc_main$a,
+  FForm,
+  FFormItem,
+  FIcon,
+  FImage,
+  FInput,
+  FInputNumber,
+  FLink,
+  FLoading,
+  FMarquee,
+  FMask,
+  FPagination,
+  FProgress,
+  FRadio,
+  FRadioGroup,
+  FRate,
+  FResult,
+  FRow,
+  FScrollbar: _sfc_main$8,
+  FSelect,
+  FSlider: _sfc_main$9,
+  FSpace,
+  FSteps,
+  FSwitch,
+  FTable,
+  FTabs,
+  FTag,
+  FText,
+  FTooltip,
+  FTransfer,
+  FTreeSelect,
+  FTypography,
+  FUpload
+}, Symbol.toStringTag, { value: "Module" }));
+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 _hoisted_1$1 = { class: "f-message__content" };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "FMessage",
@@ -4672,6 +4797,78 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   }
 });
 const FMessageComp = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__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];
+  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 = createVNode(FMessageComp, __spreadProps(__spreadValues({}, options), {
+    offset,
+    onClose: () => {
+      var _a2;
+      (_a2 = options.onClose) == null ? void 0 : _a2.call(options);
+    },
+    onDestroy: () => {
+      removeInstance$1(id);
+    }
+  }));
+  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 = { class: "f-notification__body" };
 const _hoisted_2 = {
   key: 0,
@@ -4790,78 +4987,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 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];
-  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 = createVNode(FMessageComp, __spreadProps(__spreadValues({}, options), {
-    offset,
-    onClose: () => {
-      var _a2;
-      (_a2 = options.onClose) == null ? void 0 : _a2.call(options);
-    },
-    onDestroy: () => {
-      removeInstance$1(id);
-    }
-  }));
-  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;
@@ -4950,139 +5075,11 @@ 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 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 components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  FAffix,
-  FAlert,
-  FAvatar,
-  FBadge,
-  FBreadcrumb,
-  FButton,
-  FButtonGroup,
-  FCard,
-  FCheckbox,
-  FCol,
-  FCollapse: _sfc_main$d,
-  FCollapseItem: _sfc_main$c,
-  FColorPicker: _sfc_main$b,
-  FContainer,
-  FDialog,
-  FDialogComponent: _sfc_main$2,
-  FDivider,
-  FDropdown,
-  FEditor,
-  FEmpty: _sfc_main$a,
-  FForm,
-  FFormItem,
-  FIcon,
-  FImage,
-  FInput,
-  FInputNumber,
-  FLink,
-  FLoading,
-  FMarquee,
-  FMask,
-  FMessage,
-  FMessageComponent: FMessageComp,
-  FNotification,
-  FNotificationComponent: FNotificationComp,
-  FPagination,
-  FProgress,
-  FRadio,
-  FRadioGroup,
-  FRate,
-  FResult,
-  FRow,
-  FScrollbar: _sfc_main$8,
-  FSelect,
-  FSlider: _sfc_main$9,
-  FSpace,
-  FSteps,
-  FSwitch,
-  FTable,
-  FTabs,
-  FTag,
-  FText,
-  FTooltip,
-  FTransfer,
-  FTreeSelect,
-  FTypography,
-  FUpload
-}, Symbol.toStringTag, { value: "Module" }));
 const install = (app) => {
   Object.entries(components).forEach(([name, component]) => {
-    app.component(name, component);
+    if (name.startsWith("F")) {
+      app.component(name, component);
+    }
   });
 };
 export {
@@ -5100,8 +5097,8 @@ export {
   _sfc_main$c as FCollapseItem,
   _sfc_main$b as FColorPicker,
   FContainer,
-  FDialog,
-  _sfc_main$2 as FDialogComponent,
+  _sfc_main$2 as FDialog,
+  FDialog as FDialogBox,
   FDivider,
   FDropdown,
   FEditor,
@@ -5117,9 +5114,7 @@ export {
   FMarquee,
   FMask,
   FMessage,
-  FMessageComp as FMessageComponent,
   FNotification,
-  FNotificationComp as FNotificationComponent,
   FPagination,
   FProgress,
   FRadio,

package/dist/fantasia-ui.umd.js

@@ -4570,6 +4570,131 @@ var __async = (__this, __arguments, generator) => {
       };
     }
   });
+  const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+    __proto__: null,
+    FAffix,
+    FAlert,
+    FAvatar,
+    FBadge,
+    FBreadcrumb,
+    FButton,
+    FButtonGroup,
+    FCard,
+    FCheckbox,
+    FCol,
+    FCollapse: _sfc_main$d,
+    FCollapseItem: _sfc_main$c,
+    FColorPicker: _sfc_main$b,
+    FContainer,
+    FDialog: _sfc_main$2,
+    FDivider,
+    FDropdown,
+    FEditor,
+    FEmpty: _sfc_main$a,
+    FForm,
+    FFormItem,
+    FIcon,
+    FImage,
+    FInput,
+    FInputNumber,
+    FLink,
+    FLoading,
+    FMarquee,
+    FMask,
+    FPagination,
+    FProgress,
+    FRadio,
+    FRadioGroup,
+    FRate,
+    FResult,
+    FRow,
+    FScrollbar: _sfc_main$8,
+    FSelect,
+    FSlider: _sfc_main$9,
+    FSpace,
+    FSteps,
+    FSwitch,
+    FTable,
+    FTabs,
+    FTag,
+    FText,
+    FTooltip,
+    FTransfer,
+    FTreeSelect,
+    FTypography,
+    FUpload
+  }, Symbol.toStringTag, { value: "Module" }));
+  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 _hoisted_1$1 = { class: "f-message__content" };
   const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     __name: "FMessage",
@@ -4673,6 +4798,78 @@ var __async = (__this, __arguments, generator) => {
     }
   });
   const FMessageComp = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__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 = { class: "f-notification__body" };
   const _hoisted_2 = {
     key: 0,
@@ -4791,78 +4988,6 @@ var __async = (__this, __arguments, generator) => {
     }
   });
   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;
@@ -4951,139 +5076,11 @@ 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 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 components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-    __proto__: null,
-    FAffix,
-    FAlert,
-    FAvatar,
-    FBadge,
-    FBreadcrumb,
-    FButton,
-    FButtonGroup,
-    FCard,
-    FCheckbox,
-    FCol,
-    FCollapse: _sfc_main$d,
-    FCollapseItem: _sfc_main$c,
-    FColorPicker: _sfc_main$b,
-    FContainer,
-    FDialog,
-    FDialogComponent: _sfc_main$2,
-    FDivider,
-    FDropdown,
-    FEditor,
-    FEmpty: _sfc_main$a,
-    FForm,
-    FFormItem,
-    FIcon,
-    FImage,
-    FInput,
-    FInputNumber,
-    FLink,
-    FLoading,
-    FMarquee,
-    FMask,
-    FMessage,
-    FMessageComponent: FMessageComp,
-    FNotification,
-    FNotificationComponent: FNotificationComp,
-    FPagination,
-    FProgress,
-    FRadio,
-    FRadioGroup,
-    FRate,
-    FResult,
-    FRow,
-    FScrollbar: _sfc_main$8,
-    FSelect,
-    FSlider: _sfc_main$9,
-    FSpace,
-    FSteps,
-    FSwitch,
-    FTable,
-    FTabs,
-    FTag,
-    FText,
-    FTooltip,
-    FTransfer,
-    FTreeSelect,
-    FTypography,
-    FUpload
-  }, Symbol.toStringTag, { value: "Module" }));
   const install = (app) => {
     Object.entries(components).forEach(([name, component]) => {
-      app.component(name, component);
+      if (name.startsWith("F")) {
+        app.component(name, component);
+      }
     });
   };
   exports2.FAffix = FAffix;
@@ -5100,8 +5097,8 @@ var __async = (__this, __arguments, generator) => {
   exports2.FCollapseItem = _sfc_main$c;
   exports2.FColorPicker = _sfc_main$b;
   exports2.FContainer = FContainer;
-  exports2.FDialog = FDialog;
-  exports2.FDialogComponent = _sfc_main$2;
+  exports2.FDialog = _sfc_main$2;
+  exports2.FDialogBox = FDialog;
   exports2.FDivider = FDivider;
   exports2.FDropdown = FDropdown;
   exports2.FEditor = FEditor;
@@ -5117,9 +5114,7 @@ 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/index.d.ts

@@ -5,9 +5,12 @@ declare const install: Plugin
 export default install
 
 // 导出所有组件
-export * from './types/components'
+export * from './types/packages/components'
 
-// 显式导出 FMessage 和 FNotification
-export { FMessage, FNotification } from './types/components'
-export type { FMessageFn, FMessageOptions, FMessageInstance } from './types/components'
-export type { FNotificationFn, FNotificationOptions, FNotificationInstance } from './types/components'
+// 导出所有 composables
+export * from './types/packages/composables'
+
+// 导出类型
+export type { FDialogFn, FDialogOptions } from './types/packages/types/components'
+export type { FMessageFn, FMessageOptions, FMessageInstance } from './types/packages/types/components'
+export type { FNotificationFn, FNotificationOptions, FNotificationInstance } from './types/packages/types/components'

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,9 +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
     FResult: typeof components.FResult
+    // FMessage 和 FNotification 只作为函数式 API 使用，从 composables 导出
   }
 }
 

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

@@ -48,15 +48,4 @@ 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 type { FMessageFn, FMessageOptions, FMessageInstance } from '@/types';
-export type { FNotificationFn, FNotificationOptions, FNotificationInstance } from '@/types';
-export type { FDialogFn, FDialogOptions } from '@/types';
+export { default as FDialog } from './modules/FDialog.vue';

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

@@ -0,0 +1,3 @@
+export { default as FDialogBox } from './modules/FDialog';
+export { default as FMessage } from './modules/FMessage';
+export { default as FNotification } from './modules/FNotification';

package/dist/types/packages/composables/modules/FDialog.d.ts

@@ -0,0 +1,21 @@
+import type { FDialogFn } from '@/types';
+/**
+ * FDialog 函数式 API
+ *
+ * @example
+ * // 基础用法
+ * import { dialog } from 'fantasia-ui'
+ * dialog.confirm('确认删除吗?')
+ *
+ * @example
+ * // 或使用 FDialogAPI
+ * import { FDialogAPI } from 'fantasia-ui'
+ * FDialogAPI.alert('操作成功', '提示')
+ *
+ * @example
+ * // 组件用法
+ * import { FDialog } from 'fantasia-ui'
+ * // 在模板中使用 <FDialog />
+ */
+declare const FDialog: FDialogFn;
+export default FDialog;

package/dist/types/packages/composables/modules/FMessage.d.ts

@@ -0,0 +1,22 @@
+import type { FMessageFn } from '@/types';
+/**
+ * FMessage 函数式 API
+ *
+ * @example
+ * // 推荐用法 - 使用小写名称
+ * import { message } from 'fantasia-ui'
+ * message.success('操作成功')
+ * message.error('操作失败')
+ *
+ * @example
+ * // 或使用 FMessageAPI (向后兼容)
+ * import { FMessageAPI } from 'fantasia-ui'
+ * FMessageAPI.info('这是一条消息')
+ *
+ * @example
+ * // 组件用法
+ * import { FMessage } from 'fantasia-ui'
+ * // 在模板中使用 <FMessage />
+ */
+declare const FMessage: FMessageFn;
+export default FMessage;

package/dist/types/packages/composables/modules/FNotification.d.ts

@@ -0,0 +1,22 @@
+import type { FNotificationFn } from '@/types';
+/**
+ * FNotification 函数式 API
+ *
+ * @example
+ * // 推荐用法 - 使用小写名称
+ * import { notification } from 'fantasia-ui'
+ * notification.success('操作成功')
+ * notification.error('操作失败')
+ *
+ * @example
+ * // 或使用 FNotificationAPI (向后兼容)
+ * import { FNotificationAPI } from 'fantasia-ui'
+ * FNotificationAPI.info('这是一条通知')
+ *
+ * @example
+ * // 组件用法
+ * import { FNotification } from 'fantasia-ui'
+ * // 在模板中使用 <FNotification />
+ */
+declare const FNotification: FNotificationFn;
+export default FNotification;

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

@@ -3,4 +3,7 @@ import './styles/base.scss';
 declare const install: Plugin;
 export default install;
 export * from './components';
-export { FMessage, FNotification } from './components';
+export * from './composables';
+export type { FDialogFn, FDialogOptions } from './types/components';
+export type { FMessageFn, FMessageOptions, FMessageInstance } from './types/components';
+export type { FNotificationFn, FNotificationOptions, FNotificationInstance } from './types/components';

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.FDialogComponent
+    FDialog: typeof components.FDialog
     FDivider: typeof components.FDivider
     FDropdown: typeof components.FDropdown
     FEditor: typeof components.FEditor
@@ -55,9 +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
     FResult: typeof components.FResult
+    // FMessage 和 FNotification 只作为函数式 API 使用，从 composables 导出
   }
 }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "fantasia-ui",
   "private": false,
-  "version": "0.2.50",
+  "version": "0.2.52",
   "type": "module",
   "main": "dist/fantasia-ui.umd.js",
   "module": "dist/fantasia-ui.es.js",
@@ -69,13 +69,11 @@
     "@vitejs/plugin-vue": "^5.2.3",
     "@vue/tsconfig": "^0.7.0",
     "@vueuse/core": "^14.3.0",
-    "jsdom": "^30.0.1",
     "sass": "^1.89.0",
     "typescript": "~5.8.3",
     "unplugin-auto-import": "^19.3.0",
     "vite": "^6.3.5",
     "vite-plugin-dts": "^4.5.4",
-    "vitest": "^4.1.8",
     "vue": "^3.5.13",
     "vue-tsc": "^2.2.8",
     "vue-docgen-api": "^4.79.2",

package/dist/types/packages/composables/FDialog.d.ts

@@ -1,3 +0,0 @@
-import type { FDialogFn } from '@/types';
-declare const FDialog: FDialogFn;
-export default FDialog;

package/dist/types/packages/composables/FMessage.d.ts

@@ -1,3 +0,0 @@
-import type { FMessageFn } from '@/types';
-declare const FMessage: FMessageFn;
-export default FMessage;

package/dist/types/packages/composables/FNotification.d.ts

@@ -1,3 +0,0 @@
-import type { FNotificationFn } from '@/types';
-declare const FNotification: FNotificationFn;
-export default FNotification;