fantasia-ui 0.2.50 → 0.2.51

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({
@@ -4790,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;
@@ -4950,77 +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 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,
@@ -5037,8 +5037,8 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   FCollapseItem: _sfc_main$c,
   FColorPicker: _sfc_main$b,
   FContainer,
-  FDialog,
-  FDialogComponent: _sfc_main$2,
+  FDialog: _sfc_main$2,
+  FDialogAPI: FDialog,
   FDivider,
   FDropdown,
   FEditor,
@@ -5053,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,
@@ -5078,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 {
@@ -5100,8 +5105,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 FDialogAPI,
   FDivider,
   FDropdown,
   FEditor,
@@ -5116,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,
@@ -5142,5 +5147,8 @@ export {
   FTreeSelect,
   FTypography,
   FUpload,
-  install as default
+  install as default,
+  FDialog as dialog,
+  FMessage as message,
+  FNotification as notification
 };

package/dist/fantasia-ui.umd.js

@@ -4791,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;
@@ -4951,77 +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 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,
@@ -5038,8 +5038,8 @@ var __async = (__this, __arguments, generator) => {
     FCollapseItem: _sfc_main$c,
     FColorPicker: _sfc_main$b,
     FContainer,
-    FDialog,
-    FDialogComponent: _sfc_main$2,
+    FDialog: _sfc_main$2,
+    FDialogAPI: FDialog,
     FDivider,
     FDropdown,
     FEditor,
@@ -5054,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,
@@ -5079,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;
@@ -5100,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 = _sfc_main$2;
+  exports2.FDialog = _sfc_main$2;
+  exports2.FDialogAPI = FDialog;
   exports2.FDivider = FDivider;
   exports2.FDropdown = FDropdown;
   exports2.FEditor = FEditor;
@@ -5116,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;
@@ -5143,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';

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

@@ -1,3 +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/FMessage.d.ts

@@ -1,3 +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/FNotification.d.ts

@@ -1,3 +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,5 @@ import './styles/base.scss';
 declare const install: Plugin;
 export default install;
 export * from './components';
-export { FMessage, FNotification } from './components';
+export { FDialog, FMessage, FNotification } from './components';
+export { dialog, message, notification, FDialogAPI, FMessageAPI, FNotificationAPI } from './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,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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "fantasia-ui",
   "private": false,
-  "version": "0.2.50",
+  "version": "0.2.51",
   "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",