@transsionfe/semi-ui-vue 0.0.1

package/lib/es/components/toast/ToastList.vue.js

@@ -0,0 +1,122 @@
+import { defineComponent as w, ref as h, computed as g, createElementBlock as I, openBlock as p, normalizeClass as $, Fragment as F, renderList as j, createBlock as x, unref as m, withCtx as z, createCommentVNode as H, mergeProps as O, toHandlers as V } from "vue";
+import S from "classnames";
+import { cssClasses as X } from "@douyinfe/semi-foundation/toast/constants";
+import q from "@douyinfe/semi-foundation/toast/toastListFoundation";
+import D from "./Toast.vue.js";
+import G from "../_cssAnimation/index.vue.js";
+import { useFoundation as J } from "../../_utils/useFoundation.js";
+const E = /* @__PURE__ */ w({
+  name: "ToastList",
+  inheritAttrs: !1,
+  __name: "ToastList",
+  setup(y, { expose: _ }) {
+    const C = y, u = X.PREFIX, v = h(null), i = h(!1), s = h({
+      list: [],
+      removedItems: [],
+      updatedItems: [],
+      mouseInSide: !1
+    }), A = {
+      getProps: () => C,
+      getProp: (e) => C[e],
+      getState: (e) => s.value[e],
+      getStates: () => s.value,
+      setState: (e, o) => {
+        Object.assign(s.value, e), o == null || o();
+      },
+      getContext: () => {
+      },
+      getContexts: () => ({}),
+      getCache: () => {
+      },
+      getCaches: () => ({}),
+      setCache: () => {
+      },
+      stopPropagation: (e) => e == null ? void 0 : e.stopPropagation(),
+      persistEvent: () => {
+      },
+      updateToast: (e, o, t) => {
+        s.value.list = e, s.value.removedItems = o, s.value.updatedItems = t;
+      },
+      handleMouseInSideChange: (e) => {
+        s.value.mouseInSide = e;
+      },
+      getInputWrapperRect: () => {
+        var e;
+        return ((e = v.value) == null ? void 0 : e.getBoundingClientRect()) || null;
+      }
+    }, { foundation: n } = J(q, A), c = g(() => {
+      const { list: e, removedItems: o } = s.value;
+      return Array.from(/* @__PURE__ */ new Set([...e, ...o]));
+    }), M = g(() => S({
+      [`${u}-innerWrapper`]: !0,
+      [`${u}-innerWrapper-hover`]: s.value.mouseInSide
+    })), d = (e) => s.value.removedItems.find((o) => o.id === e.id) !== void 0, W = (e) => ({
+      index: c.value.findIndex((t) => t.id === e.id),
+      length: c.value.length
+    }), T = () => {
+      i.value && n.handleMouseInSideChange(!0);
+    }, L = () => {
+      var e;
+      i.value && ((e = n.getInputWrapperRect()) != null && e.height) && n.handleMouseInSideChange(!1);
+    }, k = (e) => {
+      n.removeToast(e);
+    };
+    return _({
+      has: (e) => n.hasToast(e),
+      add: (e) => n.addToast(e),
+      update: (e, o) => n.updateToast(e, o),
+      remove: (e) => n.removeToast(e),
+      destroyAll: () => n.destroyAll(),
+      stack: i
+    }), (e, o) => (p(), I("div", {
+      ref_key: "innerWrapperRef",
+      ref: v,
+      class: $(M.value),
+      onMouseenter: T,
+      onMouseleave: L
+    }, [
+      (p(!0), I(F, null, j(c.value, (t) => (p(), x(G, {
+        key: t.id,
+        motion: t.motion !== !1,
+        animationState: d(t) ? "leave" : "enter",
+        startClassName: d(t) ? `${m(u)}-animation-hide` : `${m(u)}-animation-show`,
+        endClassName: (d(t), "")
+      }, {
+        default: z(({ animationClassName: P, animationEventsNeedBind: a, isAnimating: R }) => [
+          d(t) && !R ? H("", !0) : (p(), x(D, O({
+            key: 0,
+            id: t.id,
+            content: t.content,
+            type: t.type,
+            duration: t.duration,
+            icon: t.icon,
+            showClose: t.showClose,
+            textMaxWidth: t.textMaxWidth,
+            onClose: typeof t.onClose == "function" ? t.onClose : void 0,
+            style: t.style,
+            className: m(S)(t.className, P),
+            theme: t.theme,
+            stack: i.value,
+            stackExpanded: s.value.mouseInSide,
+            positionInList: W(t),
+            motion: t.motion !== !1
+          }, { ref_for: !0 }, a, {
+            onAnimationstart: (f) => {
+              var r, l;
+              (r = a.onAnimationstart) == null || r.call(a), (l = t.onAnimationStart) == null || l.call(t, f);
+            },
+            onAnimationend: (f) => {
+              var r, l;
+              (r = a.onAnimationend) == null || r.call(a), (l = t.onAnimationEnd) == null || l.call(t, f);
+            }
+          }, V({ close: k })), null, 16, ["id", "content", "type", "duration", "icon", "showClose", "textMaxWidth", "onClose", "style", "className", "theme", "stack", "stackExpanded", "positionInList", "motion", "onAnimationstart", "onAnimationend"]))
+        ]),
+        _: 2
+      }, 1032, ["motion", "animationState", "startClassName", "endClassName"]))), 128))
+    ], 34));
+  }
+});
+export {
+  E as default
+};
+//# sourceMappingURL=ToastList.vue.js.map

package/lib/es/components/toast/ToastList.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastList.vue.js","sources":["../../../../src/components/toast/ToastList.vue"],"sourcesContent":["<template>\n    <div ref=\"innerWrapperRef\" :class=\"innerWrapperCls\" @mouseenter=\"handleMouseEnter\" @mouseleave=\"handleMouseLeave\">\n        <CSSAnimation\n            v-for=\"item in list\"\n            :key=\"item.id\"\n            :motion=\"item.motion !== false\"\n            :animationState=\"isRemoved(item) ? 'leave' : 'enter'\"\n            :startClassName=\"isRemoved(item) ? `${prefixCls}-animation-hide` : `${prefixCls}-animation-show`\"\n            :endClassName=\"isRemoved(item) ? '' : ''\"\n        >\n            <template #default=\"{ animationClassName, animationEventsNeedBind, isAnimating }\">\n                <Toast\n                    v-if=\"!(isRemoved(item) && !isAnimating)\"\n                    :id=\"item.id\"\n                    :content=\"item.content\"\n                    :type=\"item.type\"\n                    :duration=\"item.duration\"\n                    :icon=\"item.icon\"\n                    :showClose=\"item.showClose\"\n                    :textMaxWidth=\"item.textMaxWidth\"\n                    :onClose=\"typeof item.onClose === 'function' ? item.onClose : undefined\"\n                    :style=\"item.style\"\n                    :className=\"classNames(item.className, animationClassName)\"\n                    :theme=\"item.theme\"\n                    :stack=\"stack\"\n                    :stackExpanded=\"state.mouseInSide\"\n                    :positionInList=\"getPositionInList(item)\"\n                    :motion=\"item.motion !== false\"\n                    v-bind=\"animationEventsNeedBind\"\n                    @animationstart=\"\n                        (e: AnimationEvent) => {\n                            animationEventsNeedBind.onAnimationstart?.();\n                            item.onAnimationStart?.(e);\n                        }\n                    \"\n                    @animationend=\"\n                        (e: AnimationEvent) => {\n                            animationEventsNeedBind.onAnimationend?.();\n                            item.onAnimationEnd?.(e);\n                        }\n                    \"\n                    v-on=\"{ close: handleClose }\"\n                />\n            </template>\n        </CSSAnimation>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch } from 'vue';\nimport classNames from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/toast/constants';\nimport type { ToastListProps, ToastListState, ToastProps } from './interface';\nimport { useFoundation } from '../_utils';\nimport ToastListFoundation, { ToastListAdapter } from '@douyinfe/semi-foundation/toast/toastListFoundation';\nimport Toast from './Toast.vue';\nimport CSSAnimation from '../_cssAnimation/index.vue';\n\ndefineOptions({\n    name: 'ToastList',\n    inheritAttrs: false,\n});\n\nconst props = withDefaults(defineProps<ToastListProps>(), {});\n\nconst prefixCls = cssClasses.PREFIX;\nconst innerWrapperRef = ref<HTMLDivElement | null>(null);\nconst stack = ref(false);\n\n// State\nconst state = ref<ToastListState>({\n    list: [],\n    removedItems: [],\n    updatedItems: [],\n    mouseInSide: false,\n});\n\n// Adapter\nconst adapter: ToastListAdapter = {\n    getProps: () => props,\n    getProp: (key: keyof ToastListProps) => props[key as keyof ToastListProps],\n    getState: (key: keyof ToastListState) => state.value[key],\n    getStates: () => state.value,\n    setState: (newState: Partial<ToastListState>, callback?: () => void) => {\n        Object.assign(state.value, newState);\n        callback?.();\n    },\n    getContext: () => undefined,\n    getContexts: () => ({}),\n    getCache: () => undefined,\n    getCaches: () => ({}),\n    setCache: () => {},\n    stopPropagation: (e?: Event) => e?.stopPropagation(),\n    persistEvent: () => {},\n    updateToast: (list, removedItems, updatedItems) => {\n        state.value.list = list;\n        state.value.removedItems = removedItems;\n        state.value.updatedItems = updatedItems;\n    },\n    handleMouseInSideChange: (mouseInSide: boolean) => {\n        state.value.mouseInSide = mouseInSide;\n    },\n    getInputWrapperRect: () => {\n        return innerWrapperRef.value?.getBoundingClientRect() || null;\n    },\n};\n\nconst { foundation } = useFoundation(ToastListFoundation, adapter);\n\n// Computed\nconst list = computed(() => {\n    const { list, removedItems } = state.value;\n    return Array.from(new Set([...list, ...removedItems]));\n});\n\nconst innerWrapperCls = computed(() => {\n    return classNames({\n        [`${prefixCls}-innerWrapper`]: true,\n        [`${prefixCls}-innerWrapper-hover`]: state.value.mouseInSide,\n    });\n});\n\n// Methods\nconst isRemoved = (item: ToastProps) => {\n    return state.value.removedItems.find((removedItem) => removedItem.id === item.id) !== undefined;\n};\n\nconst getPositionInList = (item: ToastProps) => {\n    const index = list.value.findIndex((i) => i.id === item.id);\n    return {\n        index,\n        length: list.value.length,\n    };\n};\n\nconst handleMouseEnter = () => {\n    if (stack.value) {\n        foundation.handleMouseInSideChange(true);\n    }\n};\n\nconst handleMouseLeave = () => {\n    if (stack.value) {\n        const height = foundation.getInputWrapperRect()?.height;\n        if (height) {\n            foundation.handleMouseInSideChange(false);\n        }\n    }\n};\n\nconst handleClose = (id: string) => {\n    foundation.removeToast(id);\n};\n\n// Expose methods\ndefineExpose({\n    has: (id: string) => foundation.hasToast(id),\n    add: (opts: ToastProps) => foundation.addToast(opts),\n    update: (id: string, opts: ToastProps) => foundation.updateToast(id, opts),\n    remove: (id: string) => foundation.removeToast(id),\n    destroyAll: () => foundation.destroyAll(),\n    stack,\n});\n</script>\n"],"names":["props","__props","prefixCls","cssClasses","innerWrapperRef","ref","stack","state","adapter","key","newState","callback","list","removedItems","updatedItems","mouseInSide","_a","foundation","useFoundation","ToastListFoundation","computed","innerWrapperCls","classNames","isRemoved","item","removedItem","getPositionInList","i","handleMouseEnter","handleMouseLeave","handleClose","id","__expose","opts","_createElementBlock","_Fragment","_renderList","_createBlock","CSSAnimation","_unref","animationClassName","animationEventsNeedBind","isAnimating","_openBlock","Toast","_mergeProps","e","_b","_toHandlers"],"mappings":"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"}

package/lib/es/components/toast/index.js

@@ -0,0 +1,197 @@
+import { createApp as P, h as v, nextTick as I } from "vue";
+import L from "./ToastList.vue.js";
+import { cssClasses as w } from "@douyinfe/semi-foundation/toast/constants";
+import y from "@douyinfe/semi-foundation/utils/uuid";
+import m from "./useToast.js";
+/* empty css           */
+const f = {
+  motion: !0,
+  zIndex: 1010,
+  content: "",
+  top: void 0,
+  left: void 0,
+  bottom: void 0,
+  right: void 0
+}, u = /* @__PURE__ */ new Map();
+function R(t) {
+  const e = t.getPopupContainer || f.getPopupContainer;
+  if (e) {
+    const n = e.toString();
+    return `container-${n.length > 100 ? n.slice(0, 100) : n}`;
+  }
+  return null;
+}
+function x(t, e) {
+  const n = document.createElement("div");
+  n.className = w.WRAPPER, n.id = e, n.style.zIndex = String(typeof t.zIndex == "number" ? t.zIndex : f.zIndex);
+  const r = {};
+  ["top", "left", "bottom", "right"].forEach((o) => {
+    const s = t[o], l = f[o], i = s ?? l ?? void 0;
+    i != null && (r[o] = i);
+  }), "bottom" in r && "top" in r && (t.bottom !== void 0 && t.bottom !== null ? delete r.top : t.top !== void 0 && t.top !== null ? delete r.bottom : delete r.top), "right" in r && "left" in r && (t.right !== void 0 && t.right !== null ? delete r.left : t.left !== void 0 && t.left !== null ? delete r.right : delete r.left), "bottom" in r && n.style.setProperty("top", "unset", "important"), "top" in r && n.style.setProperty("bottom", "unset", "important"), "right" in r && n.style.setProperty("left", "unset", "important"), "left" in r && n.style.setProperty("right", "unset", "important"), Object.keys(r).forEach((o) => {
+    const s = r[o], l = typeof s == "number" ? `${s}px` : s;
+    n.style.setProperty(o, l, "important");
+  }), "right" in r ? n.style.setProperty("justify-content", "flex-end", "important") : "left" in r ? n.style.setProperty("justify-content", "flex-start", "important") : n.style.setProperty("justify-content", "center", "important"), "bottom" in r ? (n.setAttribute("data-toast-position", "bottom"), n.classList.add("semi-toast-wrapper-bottom")) : ("top" in r, n.setAttribute("data-toast-position", "top"), n.classList.remove("semi-toast-wrapper-bottom"));
+  const a = t.getPopupContainer || f.getPopupContainer;
+  if (a) {
+    const o = a();
+    o && o !== document.body ? (window.getComputedStyle(o).position === "static" && (o.style.position = "relative"), n.style.setProperty("position", "absolute", "important"), o.appendChild(n)) : document.body.appendChild(n);
+  } else
+    document.body.appendChild(n);
+  return n;
+}
+function z(t, e) {
+  let n = null;
+  const r = P({
+    render() {
+      return v(L, {
+        ref: (a) => {
+          if (a) {
+            n = a;
+            const o = u.get(e);
+            o && (o.toastListRef = a);
+          }
+        }
+      });
+    }
+  });
+  return r.mount(t), I(() => {
+    const a = u.get(e);
+    a && !a.toastListRef && n ? a.toastListRef = n : a && !a.toastListRef && setTimeout(() => {
+      const o = u.get(e);
+      o && !o.toastListRef && n && (o.toastListRef = n);
+    }, 10);
+  }), r;
+}
+function c(t) {
+  const e = t.id ?? y("toast"), n = R(t);
+  let r = u.get(n);
+  if (r) {
+    const a = document.querySelector(`#${r.wrapperId}`);
+    if (a) {
+      const o = {};
+      ["top", "left", "bottom", "right"].forEach((s) => {
+        s in t && t[s] !== void 0 && t[s] !== null && (o[s] = t[s]);
+      }), "bottom" in o && "top" in o && delete o.top, "right" in o && "left" in o && delete o.left, Object.keys(o).length > 0 && ("bottom" in o ? a.style.setProperty("top", "unset", "important") : ("top" in o || a.style.setProperty("top", "unset", "important"), a.style.setProperty("bottom", "unset", "important")), "right" in o ? a.style.setProperty("left", "unset", "important") : ("left" in o || a.style.setProperty("left", "unset", "important"), a.style.setProperty("right", "unset", "important")), Object.keys(o).forEach((s) => {
+        const l = o[s], i = typeof l == "number" ? `${l}px` : l;
+        a.style.setProperty(s, i, "important");
+      }), "right" in o ? a.style.setProperty("justify-content", "flex-end", "important") : "left" in o ? a.style.setProperty("justify-content", "flex-start", "important") : a.style.setProperty("justify-content", "center", "important"), "bottom" in o ? (a.setAttribute("data-toast-position", "bottom"), a.classList.add("semi-toast-wrapper-bottom")) : "top" in o && (a.setAttribute("data-toast-position", "top"), a.classList.remove("semi-toast-wrapper-bottom"))), r.toastListRef && !!t.stack !== r.toastListRef.stack && (r.toastListRef.stack = !!t.stack), r.toastListRef && (r.toastListRef.has(e) ? r.toastListRef.update(e, { ...t, id: e }) : r.toastListRef.add({ ...t, id: e }));
+    }
+  } else {
+    const a = y("toast-wrapper").slice(0, 26), o = x(t, a), s = z(o, n);
+    r = {
+      toastListRef: null,
+      // 会在 createToastList 的回调中设置
+      wrapperId: a,
+      app: s
+    }, u.set(n, r);
+    let l = 0;
+    const i = 100, p = () => {
+      const d = u.get(n);
+      d && d.toastListRef ? (d.toastListRef.add({ ...t, id: e }), d.toastListRef.stack = !!t.stack) : l < i ? (l++, setTimeout(p, 10)) : console.error("[Toast] Failed to initialize toastListRef after 1 second, containerKey:", n);
+    };
+    setTimeout(p, 0);
+  }
+  return e;
+}
+function g(t) {
+  for (const e of u.values())
+    if (e.toastListRef && e.toastListRef.has(t)) {
+      e.toastListRef.remove(t);
+      break;
+    }
+}
+function h() {
+  for (const [, t] of u.entries()) {
+    t.toastListRef && t.toastListRef.destroyAll();
+    const e = document.querySelector(`#${t.wrapperId}`);
+    e && e.parentNode && e.parentNode.removeChild(e), t.app && t.app.unmount();
+  }
+  u.clear();
+}
+function b() {
+  const t = u.get(null);
+  return t ? t.wrapperId : null;
+}
+function S(t) {
+  return typeof t == "string" && (t = { content: t }), c({ ...f, ...t, type: "info" });
+}
+function k(t) {
+  return typeof t == "string" && (t = { content: t }), c({ ...f, ...t, type: "warning" });
+}
+function C(t) {
+  return typeof t == "string" && (t = { content: t }), c({ ...f, ...t, type: "error" });
+}
+function T(t) {
+  return typeof t == "string" && (t = { content: t }), c({ ...f, ...t, type: "success" });
+}
+function A(t) {
+  return typeof t == "string" && (t = { content: t }), c({ ...f, ...t, type: "default" });
+}
+function E(t) {
+  if ("top" in t && (f.bottom = void 0), "bottom" in t && (f.top = void 0), "left" in t && (f.right = void 0), "right" in t && (f.left = void 0), ["top", "left", "bottom", "right"].forEach((e) => {
+    e in t && (f[e] = t[e]);
+  }), typeof t.theme == "string" && ["normal", "light"].includes(t.theme) && (f.theme = t.theme), typeof t.zIndex == "number") {
+    f.zIndex = t.zIndex;
+    for (const e of u.values()) {
+      const n = document.querySelector(`#${e.wrapperId}`);
+      n && (n.style.zIndex = String(t.zIndex));
+    }
+  }
+  if (t.top !== void 0 || t.bottom !== void 0 || t.left !== void 0 || t.right !== void 0)
+    for (const e of u.values()) {
+      const n = document.querySelector(`#${e.wrapperId}`);
+      n && (t.bottom === void 0 && t.top === void 0 && (n.style.setProperty("top", "unset", "important"), n.style.setProperty("bottom", "unset", "important")), t.right === void 0 && t.left === void 0 && (n.style.setProperty("left", "unset", "important"), n.style.setProperty("right", "unset", "important"), n.style.setProperty("justify-content", "center", "important")));
+    }
+  typeof t.duration == "number" && (f.duration = t.duration), typeof t.getPopupContainer == "function" && (f.getPopupContainer = t.getPopupContainer);
+}
+function j(t) {
+  const e = {
+    ...f
+  };
+  return t && (typeof t.theme == "string" && ["normal", "light"].includes(t.theme) && (e.theme = t.theme), typeof t.zIndex == "number" && (e.zIndex = t.zIndex), typeof t.duration == "number" && (e.duration = t.duration), typeof t.getPopupContainer == "function" && (e.getPopupContainer = t.getPopupContainer), ["top", "left", "bottom", "right"].forEach((i) => {
+    i in t && (e[i] = t[i]);
+  })), {
+    create: c,
+    close: g,
+    destroyAll: h,
+    getWrapperId: b,
+    info: (i) => (typeof i == "string" && (i = { content: i }), c({ ...e, ...i, type: "info" })),
+    warning: (i) => (typeof i == "string" && (i = { content: i }), c({ ...e, ...i, type: "warning" })),
+    error: (i) => (typeof i == "string" && (i = { content: i }), c({ ...e, ...i, type: "error" })),
+    success: (i) => (typeof i == "string" && (i = { content: i }), c({ ...e, ...i, type: "success" })),
+    open: (i) => (typeof i == "string" && (i = { content: i }), c({ ...e, ...i, type: "default" })),
+    config: (i) => {
+      typeof i.theme == "string" && ["normal", "light"].includes(i.theme) && (e.theme = i.theme), typeof i.zIndex == "number" && (e.zIndex = i.zIndex), typeof i.duration == "number" && (e.duration = i.duration), typeof i.getPopupContainer == "function" && (e.getPopupContainer = i.getPopupContainer), ["top", "left", "bottom", "right"].forEach((p) => {
+        p in i && (e[p] = i[p]);
+      });
+    },
+    useToast: m
+  };
+}
+class N {
+  static create(e) {
+    return j(e);
+  }
+}
+const F = {
+  create: c,
+  close: g,
+  destroyAll: h,
+  getWrapperId: b,
+  info: S,
+  warning: k,
+  error: C,
+  success: T,
+  open: A,
+  config: E,
+  useToast: m
+};
+export {
+  F as Toast,
+  N as ToastFactory,
+  F as default,
+  f as defaultOpts,
+  m as useToast
+};
+//# sourceMappingURL=index.js.map

package/lib/es/components/toast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/toast/index.ts"],"sourcesContent":["import { h, createApp, nextTick, type Component } from 'vue';\nimport ToastList from './ToastList.vue';\nimport type { ToastProps, ConfigProps, ToastListProps, ToastListState } from './interface';\nimport { cssClasses } from '@douyinfe/semi-foundation/toast/constants';\nimport getUuid from '@douyinfe/semi-foundation/utils/uuid';\nimport useToast from './useToast';\n\n// 导入样式（自动引入）\nimport './toast.scss';\n\n// Default options\nexport const defaultOpts: ToastProps & { motion: boolean } = {\n    motion: true,\n    zIndex: 1010,\n    content: '',\n    top: undefined,\n    left: undefined,\n    bottom: undefined,\n    right: undefined,\n};\n\n// Static reference to ToastList instance\n// 使用 Map 来管理不同 container 的 wrapper 和 toastListRef\nconst wrapperMap = new Map<string | null, { toastListRef: any; wrapperId: string; app: any }>();\n\n// Get container key for Map\n// 使用 getPopupContainer 函数本身作为 key，因为同一个函数应该返回同一个容器\nfunction getContainerKey(opts: ToastProps): string | null {\n    const getContainer = opts.getPopupContainer || defaultOpts.getPopupContainer;\n    if (getContainer) {\n        // 使用函数本身作为 key（转换为字符串）\n        // 这样同一个 getPopupContainer 函数会使用同一个 wrapper\n        const funcStr = getContainer.toString();\n        // 使用更短的 key，避免过长\n        const key = funcStr.length > 100 ? funcStr.slice(0, 100) : funcStr;\n        return `container-${key}`;\n    }\n    return null; // null 表示使用 document.body\n}\n\n// Create wrapper div\nfunction createWrapper(opts: ToastProps, wrapperId: string) {\n    const div = document.createElement('div');\n    div.className = cssClasses.WRAPPER;\n    div.id = wrapperId;\n    div.style.zIndex = String(typeof opts.zIndex === 'number' ? opts.zIndex : defaultOpts.zIndex);\n\n    // Determine which positions will be set\n    // Priority: opts > defaultOpts\n    const positionsToSet: { [key: string]: string | number } = {};\n    ['top', 'left', 'bottom', 'right'].forEach((pos) => {\n        const optsVal = opts[pos as keyof ToastProps] as any;\n        const defaultVal = defaultOpts[pos as keyof typeof defaultOpts] as any;\n        const val =\n            optsVal !== undefined && optsVal !== null\n                ? optsVal\n                : defaultVal !== undefined && defaultVal !== null\n                    ? defaultVal\n                    : undefined;\n        if (val !== undefined && val !== null) {\n            positionsToSet[pos] = val;\n        }\n    });\n\n    // Remove conflicting positions from positionsToSet\n    if ('bottom' in positionsToSet && 'top' in positionsToSet) {\n        if (opts.bottom !== undefined && opts.bottom !== null) {\n            delete positionsToSet.top;\n        } else if (opts.top !== undefined && opts.top !== null) {\n            delete positionsToSet.bottom;\n        } else {\n            delete positionsToSet.top;\n        }\n    }\n    if ('right' in positionsToSet && 'left' in positionsToSet) {\n        if (opts.right !== undefined && opts.right !== null) {\n            delete positionsToSet.left;\n        } else if (opts.left !== undefined && opts.left !== null) {\n            delete positionsToSet.right;\n        } else {\n            delete positionsToSet.left;\n        }\n    }\n\n    // Clear conflicting position properties first to remove SCSS defaults\n    if ('bottom' in positionsToSet) {\n        div.style.setProperty('top', 'unset', 'important');\n    }\n    if ('top' in positionsToSet) {\n        div.style.setProperty('bottom', 'unset', 'important');\n    }\n    if ('right' in positionsToSet) {\n        div.style.setProperty('left', 'unset', 'important');\n    }\n    if ('left' in positionsToSet) {\n        div.style.setProperty('right', 'unset', 'important');\n    }\n\n    // Set the positions with !important to override SCSS\n    Object.keys(positionsToSet).forEach((pos) => {\n        const val = positionsToSet[pos];\n        const styleValue = typeof val === 'number' ? `${val}px` : val;\n        div.style.setProperty(pos, styleValue, 'important');\n    });\n\n    // Handle justify-content - override SCSS default\n    if ('right' in positionsToSet) {\n        div.style.setProperty('justify-content', 'flex-end', 'important');\n    } else if ('left' in positionsToSet) {\n        div.style.setProperty('justify-content', 'flex-start', 'important');\n    } else {\n        div.style.setProperty('justify-content', 'center', 'important');\n    }\n\n    // Add data attribute and class for bottom position to adjust animation direction\n    if ('bottom' in positionsToSet) {\n        div.setAttribute('data-toast-position', 'bottom');\n        div.classList.add('semi-toast-wrapper-bottom');\n    } else if ('top' in positionsToSet) {\n        div.setAttribute('data-toast-position', 'top');\n        div.classList.remove('semi-toast-wrapper-bottom');\n    } else {\n        div.setAttribute('data-toast-position', 'top');\n        div.classList.remove('semi-toast-wrapper-bottom');\n    }\n\n    // Append to container\n    // 优先使用 opts.getPopupContainer，然后是 defaultOpts.getPopupContainer\n    const getContainer = opts.getPopupContainer || defaultOpts.getPopupContainer;\n    if (getContainer) {\n        const container = getContainer();\n        if (container && container !== document.body) {\n            // 如果容器不是 document.body，使用 absolute 定位相对于容器\n            // 确保容器有相对定位，以便 Toast 正确定位\n            const containerStyle = window.getComputedStyle(container);\n            if (containerStyle.position === 'static') {\n                container.style.position = 'relative';\n            }\n            // 对于自定义容器，使用 absolute 而不是 fixed\n            div.style.setProperty('position', 'absolute', 'important');\n            container.appendChild(div);\n        } else {\n            // 使用 document.body 时，保持 fixed 定位\n            document.body.appendChild(div);\n        }\n    } else {\n        // 使用 document.body 时，保持 fixed 定位\n        document.body.appendChild(div);\n    }\n\n    return div;\n}\n\n// Create ToastList instance\nfunction createToastList(div: HTMLElement, containerKey: string | null) {\n    let toastListInstance: any = null;\n    const app = createApp({\n        render() {\n            return h(ToastList as Component, {\n                ref: (instance: any) => {\n                    if (instance) {\n                        toastListInstance = instance;\n                        const wrapperInfo = wrapperMap.get(containerKey);\n                        if (wrapperInfo) {\n                            wrapperInfo.toastListRef = instance;\n                        }\n                    }\n                },\n            });\n        },\n    });\n\n    app.mount(div);\n\n    // Vue 3 的 ref 回调通常在 mount 后同步执行\n    // 但为了确保，我们也在下一个 tick 检查一次\n    // 使用 nextTick 确保在 Vue 的更新周期之后执行\n    nextTick(() => {\n        const wrapperInfo = wrapperMap.get(containerKey);\n        if (wrapperInfo && !wrapperInfo.toastListRef && toastListInstance) {\n            wrapperInfo.toastListRef = toastListInstance;\n        } else if (wrapperInfo && !wrapperInfo.toastListRef) {\n            // 如果 toastListInstance 还是 null，再等一个 tick\n            setTimeout(() => {\n                const wrapperInfo2 = wrapperMap.get(containerKey);\n                if (wrapperInfo2 && !wrapperInfo2.toastListRef && toastListInstance) {\n                    wrapperInfo2.toastListRef = toastListInstance;\n                }\n            }, 10);\n        }\n    });\n\n    return app;\n}\n\n// Create toast\nfunction create(opts: ToastProps): string {\n    const id = opts.id ?? getUuid('toast');\n    const containerKey = getContainerKey(opts);\n    let wrapperInfo = wrapperMap.get(containerKey);\n\n    if (!wrapperInfo) {\n        // 创建新的 wrapper\n        const wrapperId = getUuid('toast-wrapper').slice(0, 26);\n        const div = createWrapper(opts, wrapperId);\n        const app = createToastList(div, containerKey);\n\n        wrapperInfo = {\n            toastListRef: null, // 会在 createToastList 的回调中设置\n            wrapperId,\n            app,\n        };\n        wrapperMap.set(containerKey, wrapperInfo);\n\n        // 等待 toastListRef 被设置后再添加 toast\n        // 使用轮询方式检查 toastListRef 是否已设置，最多等待 1 秒\n        let retryCount = 0;\n        const maxRetries = 100; // 最多重试 100 次，每次 10ms，总共 1 秒\n        const checkAndAdd = () => {\n            const currentWrapperInfo = wrapperMap.get(containerKey);\n            if (currentWrapperInfo && currentWrapperInfo.toastListRef) {\n                currentWrapperInfo.toastListRef.add({ ...opts, id });\n                currentWrapperInfo.toastListRef.stack = Boolean(opts.stack);\n            } else if (retryCount < maxRetries) {\n                // 如果还没设置，继续等待\n                retryCount++;\n                setTimeout(checkAndAdd, 10);\n            } else {\n                console.error('[Toast] Failed to initialize toastListRef after 1 second, containerKey:', containerKey);\n            }\n        };\n        setTimeout(checkAndAdd, 0);\n    } else {\n        const node = document.querySelector(`#${wrapperInfo.wrapperId}`) as HTMLElement;\n        if (node) {\n            const positionsToSet: { [key: string]: string | number } = {};\n            ['top', 'left', 'bottom', 'right'].forEach((pos) => {\n                if (\n                    pos in opts &&\n                    opts[pos as keyof ToastProps] !== undefined &&\n                    opts[pos as keyof ToastProps] !== null\n                ) {\n                    positionsToSet[pos] = opts[pos as keyof ToastProps] as any;\n                }\n            });\n\n            if ('bottom' in positionsToSet && 'top' in positionsToSet) {\n                delete positionsToSet.top;\n            }\n            if ('right' in positionsToSet && 'left' in positionsToSet) {\n                delete positionsToSet.left;\n            }\n\n            if (Object.keys(positionsToSet).length > 0) {\n                if ('bottom' in positionsToSet) {\n                    node.style.setProperty('top', 'unset', 'important');\n                } else if ('top' in positionsToSet) {\n                    node.style.setProperty('bottom', 'unset', 'important');\n                } else {\n                    node.style.setProperty('top', 'unset', 'important');\n                    node.style.setProperty('bottom', 'unset', 'important');\n                }\n                if ('right' in positionsToSet) {\n                    node.style.setProperty('left', 'unset', 'important');\n                } else if ('left' in positionsToSet) {\n                    node.style.setProperty('right', 'unset', 'important');\n                } else {\n                    node.style.setProperty('left', 'unset', 'important');\n                    node.style.setProperty('right', 'unset', 'important');\n                }\n\n                Object.keys(positionsToSet).forEach((pos) => {\n                    const val = positionsToSet[pos];\n                    const styleValue = typeof val === 'number' ? `${val}px` : val;\n                    node.style.setProperty(pos, styleValue, 'important');\n                });\n\n                if ('right' in positionsToSet) {\n                    node.style.setProperty('justify-content', 'flex-end', 'important');\n                } else if ('left' in positionsToSet) {\n                    node.style.setProperty('justify-content', 'flex-start', 'important');\n                } else {\n                    node.style.setProperty('justify-content', 'center', 'important');\n                }\n\n                if ('bottom' in positionsToSet) {\n                    node.setAttribute('data-toast-position', 'bottom');\n                    node.classList.add('semi-toast-wrapper-bottom');\n                } else if ('top' in positionsToSet) {\n                    node.setAttribute('data-toast-position', 'top');\n                    node.classList.remove('semi-toast-wrapper-bottom');\n                }\n            }\n\n            // Update stack mode\n            if (wrapperInfo.toastListRef && Boolean(opts.stack) !== wrapperInfo.toastListRef.stack) {\n                wrapperInfo.toastListRef.stack = Boolean(opts.stack);\n            }\n\n            // Update or add toast\n            if (wrapperInfo.toastListRef) {\n                if (wrapperInfo.toastListRef.has(id)) {\n                    wrapperInfo.toastListRef.update(id, { ...opts, id });\n                } else {\n                    wrapperInfo.toastListRef.add({ ...opts, id });\n                }\n            }\n        }\n    }\n\n    return id;\n}\n\n// Close toast\nfunction close(id: string) {\n    // 遍历所有 wrapper 查找并关闭对应的 toast\n    for (const wrapperInfo of wrapperMap.values()) {\n        if (wrapperInfo.toastListRef && wrapperInfo.toastListRef.has(id)) {\n            wrapperInfo.toastListRef.remove(id);\n            break;\n        }\n    }\n}\n\n// Destroy all toasts\nfunction destroyAll() {\n    // 销毁所有 wrapper\n    for (const [, wrapperInfo] of wrapperMap.entries()) {\n        if (wrapperInfo.toastListRef) {\n            wrapperInfo.toastListRef.destroyAll();\n        }\n        const wrapper = document.querySelector(`#${wrapperInfo.wrapperId}`);\n        if (wrapper && wrapper.parentNode) {\n            wrapper.parentNode.removeChild(wrapper);\n        }\n        if (wrapperInfo.app) {\n            wrapperInfo.app.unmount();\n        }\n    }\n    wrapperMap.clear();\n}\n\n// Get wrapper ID\nfunction getWrapperId() {\n    // 返回默认 wrapper 的 ID（使用 document.body 的）\n    const defaultWrapperInfo = wrapperMap.get(null);\n    return defaultWrapperInfo ? defaultWrapperInfo.wrapperId : null;\n}\n\n// Static methods\nfunction info(opts: Omit<ToastProps, 'type'> | string): string {\n    if (typeof opts === 'string') {\n        opts = { content: opts };\n    }\n    return create({ ...defaultOpts, ...opts, type: 'info' });\n}\n\nfunction warning(opts: Omit<ToastProps, 'type'> | string): string {\n    if (typeof opts === 'string') {\n        opts = { content: opts };\n    }\n    return create({ ...defaultOpts, ...opts, type: 'warning' });\n}\n\nfunction error(opts: Omit<ToastProps, 'type'> | string): string {\n    if (typeof opts === 'string') {\n        opts = { content: opts };\n    }\n    return create({ ...defaultOpts, ...opts, type: 'error' });\n}\n\nfunction success(opts: Omit<ToastProps, 'type'> | string): string {\n    if (typeof opts === 'string') {\n        opts = { content: opts };\n    }\n    return create({ ...defaultOpts, ...opts, type: 'success' });\n}\n\nfunction open(opts: Omit<ToastProps, 'type'> | string): string {\n    if (typeof opts === 'string') {\n        opts = { content: opts };\n    }\n    return create({ ...defaultOpts, ...opts, type: 'default' });\n}\n\n// Config\nfunction config(opts: ConfigProps) {\n    // Clear conflicting positions first\n    if ('top' in opts) {\n        (defaultOpts as any).bottom = undefined;\n    }\n    if ('bottom' in opts) {\n        (defaultOpts as any).top = undefined;\n    }\n    if ('left' in opts) {\n        (defaultOpts as any).right = undefined;\n    }\n    if ('right' in opts) {\n        (defaultOpts as any).left = undefined;\n    }\n\n    // Then set the new positions\n    ['top', 'left', 'bottom', 'right'].forEach((pos) => {\n        if (pos in opts) {\n            (defaultOpts as any)[pos] = opts[pos as keyof ConfigProps];\n        }\n    });\n\n    if (typeof opts.theme === 'string' && ['normal', 'light'].includes(opts.theme)) {\n        defaultOpts.theme = opts.theme;\n    }\n    if (typeof opts.zIndex === 'number') {\n        defaultOpts.zIndex = opts.zIndex;\n        // 更新所有 wrapper 的 zIndex\n        for (const wrapperInfo of wrapperMap.values()) {\n            const node = document.querySelector(`#${wrapperInfo.wrapperId}`) as HTMLElement;\n            if (node) {\n                node.style.zIndex = String(opts.zIndex);\n            }\n        }\n    }\n\n    // 更新所有 wrapper 的位置\n    if (opts.top !== undefined || opts.bottom !== undefined || opts.left !== undefined || opts.right !== undefined) {\n        for (const wrapperInfo of wrapperMap.values()) {\n            const node = document.querySelector(`#${wrapperInfo.wrapperId}`) as HTMLElement;\n            if (node) {\n                if (opts.bottom === undefined && opts.top === undefined) {\n                    node.style.setProperty('top', 'unset', 'important');\n                    node.style.setProperty('bottom', 'unset', 'important');\n                }\n                if (opts.right === undefined && opts.left === undefined) {\n                    node.style.setProperty('left', 'unset', 'important');\n                    node.style.setProperty('right', 'unset', 'important');\n                    node.style.setProperty('justify-content', 'center', 'important');\n                }\n            }\n        }\n    }\n    if (typeof opts.duration === 'number') {\n        defaultOpts.duration = opts.duration;\n    }\n    if (typeof opts.getPopupContainer === 'function') {\n        defaultOpts.getPopupContainer = opts.getPopupContainer;\n    }\n}\n\n// Create a new Toast instance with custom config\nfunction createToastInstance(customConfig?: ConfigProps) {\n    // Create a new defaultOpts for this instance\n    const instanceDefaultOpts: ToastProps & { motion: boolean } = {\n        ...defaultOpts,\n    };\n\n    // Apply custom config if provided\n    if (customConfig) {\n        if (typeof customConfig.theme === 'string' && ['normal', 'light'].includes(customConfig.theme)) {\n            instanceDefaultOpts.theme = customConfig.theme;\n        }\n        if (typeof customConfig.zIndex === 'number') {\n            instanceDefaultOpts.zIndex = customConfig.zIndex;\n        }\n        if (typeof customConfig.duration === 'number') {\n            instanceDefaultOpts.duration = customConfig.duration;\n        }\n        if (typeof customConfig.getPopupContainer === 'function') {\n            instanceDefaultOpts.getPopupContainer = customConfig.getPopupContainer;\n        }\n        ['top', 'left', 'bottom', 'right'].forEach((pos) => {\n            if (pos in customConfig) {\n                (instanceDefaultOpts as any)[pos] = (customConfig as any)[pos];\n            }\n        });\n    }\n\n    // Create instance-specific methods\n    const instanceInfo = (opts: Omit<ToastProps, 'type'> | string): string => {\n        if (typeof opts === 'string') {\n            opts = { content: opts };\n        }\n        return create({ ...instanceDefaultOpts, ...opts, type: 'info' });\n    };\n\n    const instanceWarning = (opts: Omit<ToastProps, 'type'> | string): string => {\n        if (typeof opts === 'string') {\n            opts = { content: opts };\n        }\n        return create({ ...instanceDefaultOpts, ...opts, type: 'warning' });\n    };\n\n    const instanceError = (opts: Omit<ToastProps, 'type'> | string): string => {\n        if (typeof opts === 'string') {\n            opts = { content: opts };\n        }\n        return create({ ...instanceDefaultOpts, ...opts, type: 'error' });\n    };\n\n    const instanceSuccess = (opts: Omit<ToastProps, 'type'> | string): string => {\n        if (typeof opts === 'string') {\n            opts = { content: opts };\n        }\n        return create({ ...instanceDefaultOpts, ...opts, type: 'success' });\n    };\n\n    const instanceOpen = (opts: Omit<ToastProps, 'type'> | string): string => {\n        if (typeof opts === 'string') {\n            opts = { content: opts };\n        }\n        return create({ ...instanceDefaultOpts, ...opts, type: 'default' });\n    };\n\n    const instanceConfig = (opts: ConfigProps) => {\n        // Update instance defaultOpts\n        if (typeof opts.theme === 'string' && ['normal', 'light'].includes(opts.theme)) {\n            instanceDefaultOpts.theme = opts.theme;\n        }\n        if (typeof opts.zIndex === 'number') {\n            instanceDefaultOpts.zIndex = opts.zIndex;\n        }\n        if (typeof opts.duration === 'number') {\n            instanceDefaultOpts.duration = opts.duration;\n        }\n        if (typeof opts.getPopupContainer === 'function') {\n            instanceDefaultOpts.getPopupContainer = opts.getPopupContainer;\n        }\n        ['top', 'left', 'bottom', 'right'].forEach((pos) => {\n            if (pos in opts) {\n                (instanceDefaultOpts as any)[pos] = (opts as any)[pos];\n            }\n        });\n    };\n\n    return {\n        create,\n        close,\n        destroyAll,\n        getWrapperId,\n        info: instanceInfo,\n        warning: instanceWarning,\n        error: instanceError,\n        success: instanceSuccess,\n        open: instanceOpen,\n        config: instanceConfig,\n        useToast,\n    };\n}\n\n// ToastFactory class\nexport class ToastFactory {\n    static create(config?: ConfigProps) {\n        return createToastInstance(config);\n    }\n}\n\n// Export Toast component with static methods\nconst Toast = {\n    create,\n    close,\n    destroyAll,\n    getWrapperId,\n    info,\n    warning,\n    error,\n    success,\n    open,\n    config,\n    useToast,\n};\n\nexport type { ToastProps, ConfigProps, ToastListProps, ToastListState };\nexport { default as useToast } from './useToast';\nexport default Toast;\nexport { Toast };\n"],"names":["defaultOpts","wrapperMap","getContainerKey","opts","getContainer","funcStr","createWrapper","wrapperId","div","cssClasses","positionsToSet","pos","optsVal","defaultVal","val","styleValue","container","createToastList","containerKey","toastListInstance","app","createApp","h","ToastList","instance","wrapperInfo","nextTick","wrapperInfo2","create","id","getUuid","node","retryCount","maxRetries","checkAndAdd","currentWrapperInfo","close","destroyAll","wrapper","getWrapperId","defaultWrapperInfo","info","warning","error","success","open","config","createToastInstance","customConfig","instanceDefaultOpts","useToast","ToastFactory","Toast"],"mappings":"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"}

package/lib/es/components/toast/useToast.js

@@ -0,0 +1,91 @@
+import { ref as p, defineComponent as m, h as c } from "vue";
+import y from "@douyinfe/semi-foundation/utils/uuid";
+import v from "./HookToast.vue.js";
+import { noop as O } from "lodash-es";
+import { defaultOpts as s } from "./index.js";
+const r = () => ({
+  motion: !0,
+  zIndex: s.zIndex ?? 1010,
+  duration: s.duration ?? 3,
+  showClose: !0,
+  // 默认显示关闭按钮
+  top: s.top,
+  bottom: s.bottom,
+  left: s.left,
+  right: s.right
+});
+function z() {
+  const n = p([]), a = p(/* @__PURE__ */ new Map()), l = (t) => {
+    n.value = n.value.filter((e) => e.id !== t);
+  }, u = (t) => {
+    const e = typeof t == "string" ? { content: t } : t, o = y("semi_toast_"), i = {
+      ...r(),
+      ...e,
+      id: o
+    };
+    return n.value = [i, ...n.value], o;
+  }, d = {
+    success: (t) => {
+      const e = r();
+      return u({
+        ...e,
+        ...typeof t == "string" ? { content: t } : t,
+        type: "success"
+      });
+    },
+    info: (t) => {
+      const e = r();
+      return u({
+        ...e,
+        ...typeof t == "string" ? { content: t } : t,
+        type: "info"
+      });
+    },
+    error: (t) => {
+      const e = r();
+      return u({
+        ...e,
+        ...typeof t == "string" ? { content: t } : t,
+        type: "error"
+      });
+    },
+    warning: (t) => {
+      const e = r();
+      return u({
+        ...e,
+        ...typeof t == "string" ? { content: t } : t,
+        type: "warning"
+      });
+    },
+    open: (t) => {
+      const e = r();
+      return u({
+        ...e,
+        ...typeof t == "string" ? { content: t } : t,
+        type: "default"
+      });
+    },
+    close: (t) => {
+      const { close: e } = a.value.get(t) ?? {};
+      e == null || e();
+    }
+  }, f = m({
+    setup() {
+      return () => n.value.length === 0 ? null : n.value.map((e) => c(v, {
+        ...e,
+        key: e.id,
+        afterClose: (o) => {
+          l(o);
+        },
+        ref: (o) => {
+          o && typeof o == "object" && "close" in o && a.value.set(e.id, { close: o.close ?? O });
+        }
+      }));
+    }
+  });
+  return [d, f];
+}
+export {
+  z as default
+};
+//# sourceMappingURL=useToast.js.map

package/lib/es/components/toast/useToast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToast.js","sources":["../../../../src/components/toast/useToast.ts"],"sourcesContent":["import { ref, h, defineComponent } from 'vue';\nimport getUuid from '@douyinfe/semi-foundation/utils/uuid';\nimport HookToast from './HookToast.vue';\nimport type { ToastProps } from './interface';\nimport { noop } from 'lodash-es';\nimport { defaultOpts as globalDefaultOpts } from './index';\n\n// 使用全局的 defaultOpts，确保位置配置一致\nconst getDefaultOpts = () => {\n    return {\n        motion: true,\n        zIndex: globalDefaultOpts.zIndex ?? 1010,\n        duration: globalDefaultOpts.duration ?? 3,\n        showClose: true, // 默认显示关闭按钮\n        top: globalDefaultOpts.top,\n        bottom: globalDefaultOpts.bottom,\n        left: globalDefaultOpts.left,\n        right: globalDefaultOpts.right,\n    };\n};\n\ninterface ToastConfig extends ToastProps {\n    id: string;\n}\n\ninterface UseToastReturn {\n    success: (config: ToastProps | string) => string;\n    info: (config: ToastProps | string) => string;\n    error: (config: ToastProps | string) => string;\n    warning: (config: ToastProps | string) => string;\n    open: (config: ToastProps | string) => string;\n    close: (id: string) => void;\n}\n\nexport default function useToast(): [UseToastReturn, ReturnType<typeof defineComponent>] {\n    const configs = ref<ToastConfig[]>([]);\n    const toastRef = ref(new Map<string, { close: () => void }>());\n\n    const removeConfig = (id: string) => {\n        configs.value = configs.value.filter((config) => config.id !== id);\n    };\n\n    const addToast = (config: ToastProps | string): string => {\n        const toastConfig: ToastProps = typeof config === 'string' ? { content: config } : config;\n        const id = getUuid('semi_toast_');\n        const defaultOpts = getDefaultOpts();\n        const mergeConfig: ToastConfig = {\n            ...defaultOpts,\n            ...toastConfig,\n            id,\n        };\n\n        configs.value = [mergeConfig, ...configs.value];\n        return id;\n    };\n\n    const removeElement = (id: string) => {\n        const { close } = toastRef.value.get(id) ?? {};\n        close?.();\n    };\n\n    const toast = {\n        success: (config: ToastProps | string) => {\n            const defaultOpts = getDefaultOpts();\n            return addToast({\n                ...defaultOpts,\n                ...(typeof config === 'string' ? { content: config } : config),\n                type: 'success',\n            });\n        },\n        info: (config: ToastProps | string) => {\n            const defaultOpts = getDefaultOpts();\n            return addToast({\n                ...defaultOpts,\n                ...(typeof config === 'string' ? { content: config } : config),\n                type: 'info',\n            });\n        },\n        error: (config: ToastProps | string) => {\n            const defaultOpts = getDefaultOpts();\n            return addToast({\n                ...defaultOpts,\n                ...(typeof config === 'string' ? { content: config } : config),\n                type: 'error',\n            });\n        },\n        warning: (config: ToastProps | string) => {\n            const defaultOpts = getDefaultOpts();\n            return addToast({\n                ...defaultOpts,\n                ...(typeof config === 'string' ? { content: config } : config),\n                type: 'warning',\n            });\n        },\n        open: (config: ToastProps | string) => {\n            const defaultOpts = getDefaultOpts();\n            return addToast({\n                ...defaultOpts,\n                ...(typeof config === 'string' ? { content: config } : config),\n                type: 'default',\n            });\n        },\n        close: removeElement,\n    };\n\n    // 创建响应式的 ContextHolder 组件\n    // 与 React 版本保持一致，直接渲染 HookToast 元素，不创建 fixed 定位的 wrapper\n    // Toast 会渲染在 contextHolder 所在的节点处，可以访问 Context\n    const ContextHolder = defineComponent({\n        setup() {\n            return () => {\n                // 访问 configs 建立响应式依赖\n                if (configs.value.length === 0) {\n                    return null;\n                }\n\n                // 直接渲染 HookToast 元素数组，与 React 版本保持一致\n                // HookToast 会渲染 Toast 组件，Toast 组件会自然地显示在 contextHolder 所在的位置\n                const toastNodes = configs.value.map((config) => {\n                    return h(HookToast, {\n                        ...config,\n                        key: config.id,\n                        afterClose: (instanceId: string) => {\n                            removeConfig(instanceId);\n                        },\n                        ref: (ref: any) => {\n                            if (ref && typeof ref === 'object' && 'close' in ref) {\n                                toastRef.value.set(config.id, { close: (ref as any).close ?? noop });\n                            }\n                        },\n                    });\n                });\n\n                // 直接返回 HookToast 元素数组，不创建 wrapper\n                // 这样 Toast 会渲染在 contextHolder 所在的位置\n                return toastNodes;\n            };\n        },\n    });\n\n    return [toast, ContextHolder];\n}\n"],"names":["getDefaultOpts","globalDefaultOpts","useToast","configs","ref","toastRef","removeConfig","id","config","addToast","toastConfig","getUuid","mergeConfig","toast","defaultOpts","close","ContextHolder","defineComponent","h","HookToast","instanceId","noop"],"mappings":"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"}

package/lib/es/components/tooltip/ContentRenderer.js

@@ -0,0 +1,21 @@
+import { defineComponent as e } from "vue";
+const i = e({
+  name: "ContentRenderer",
+  props: {
+    content: {
+      type: [Function, Object, String],
+      required: !0
+    },
+    initialFocusRef: {
+      type: [Object, Function],
+      default: null
+    }
+  },
+  setup(t) {
+    return () => typeof t.content == "function" ? t.content({ initialFocusRef: t.initialFocusRef }) : t.content;
+  }
+});
+export {
+  i as default
+};
+//# sourceMappingURL=ContentRenderer.js.map

package/lib/es/components/tooltip/ContentRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentRenderer.js","sources":["../../../../src/components/tooltip/ContentRenderer.ts"],"sourcesContent":["import { defineComponent } from 'vue';\n\nexport default defineComponent({\n    name: 'ContentRenderer',\n    props: {\n        content: {\n            type: [Function, Object, String],\n            required: true,\n        },\n        initialFocusRef: {\n            type: [Object, Function],\n            default: null,\n        },\n    },\n    setup(props) {\n        return () => {\n            if (typeof props.content === 'function') {\n                return (props.content as any)({ initialFocusRef: props.initialFocusRef });\n            }\n            return props.content;\n        };\n    },\n});\n"],"names":["ContentRenderer","defineComponent","props"],"mappings":";AAEA,MAAAA,IAAeC,EAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,OAAO;AAAA,IACH,SAAS;AAAA,MACL,MAAM,CAAC,UAAU,QAAQ,MAAM;AAAA,MAC/B,UAAU;AAAA,IAAA;AAAA,IAEd,iBAAiB;AAAA,MACb,MAAM,CAAC,QAAQ,QAAQ;AAAA,MACvB,SAAS;AAAA,IAAA;AAAA,EACb;AAAA,EAEJ,MAAMC,GAAO;AACT,WAAO,MACC,OAAOA,EAAM,WAAY,aACjBA,EAAM,QAAgB,EAAE,iBAAiBA,EAAM,iBAAiB,IAErEA,EAAM;AAAA,EAErB;AACJ,CAAC;"}

package/lib/es/components/tooltip/Tooltip.vue.js

@@ -0,0 +1,8 @@
+import o from "./Tooltip.vue2.js";
+/* empty css             */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a86ae159"]]);
+export {
+  m as default
+};
+//# sourceMappingURL=Tooltip.vue.js.map

package/lib/es/components/tooltip/Tooltip.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/lib/es/components/tooltip/TriangleArrow.vue.js

@@ -0,0 +1,31 @@
+import { defineComponent as n, useAttrs as a, computed as c, createElementBlock as m, openBlock as i, mergeProps as p, createElementVNode as u } from "vue";
+const w = /* @__PURE__ */ n({
+  __name: "TriangleArrow",
+  props: {
+    className: {},
+    style: {}
+  },
+  setup(t) {
+    const s = a(), r = c(() => {
+      const { className: l, style: e, ...o } = s;
+      return o;
+    });
+    return (l, e) => (i(), m("svg", p({
+      "aria-hidden": "",
+      class: t.className,
+      style: t.style
+    }, r.value, {
+      width: "24",
+      height: "7",
+      viewBox: "0 0 24 7",
+      fill: "currentColor",
+      xmlns: "http://www.w3.org/2000/svg"
+    }), [...e[0] || (e[0] = [
+      u("path", { d: "M24 0V1C20 1 18.5 2 16.5 4C14.5 6 14 7 12 7C10 7 9.5 6 7.5 4C5.5 2 4 1 0 1V0H24Z" }, null, -1)
+    ])], 16));
+  }
+});
+export {
+  w as default
+};
+//# sourceMappingURL=TriangleArrow.vue.js.map

package/lib/es/components/tooltip/TriangleArrow.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TriangleArrow.vue.js","sources":["../../../../src/components/tooltip/TriangleArrow.vue"],"sourcesContent":["<template>\n    <svg\n        aria-hidden\n        :class=\"className\"\n        :style=\"style\"\n        v-bind=\"restProps\"\n        width=\"24\"\n        height=\"7\"\n        viewBox=\"0 0 24 7\"\n        fill=\"currentColor\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n    >\n        <path d=\"M24 0V1C20 1 18.5 2 16.5 4C14.5 6 14 7 12 7C10 7 9.5 6 7.5 4C5.5 2 4 1 0 1V0H24Z\" />\n    </svg>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\n\ndefineProps<{\n    className?: string;\n    style?: Record<string, any>;\n}>();\n\nconst attrs = useAttrs();\n\nconst restProps = computed(() => {\n    const { className, style, ...rest } = attrs;\n    return rest;\n});\n</script>\n"],"names":["attrs","useAttrs","restProps","computed","className","style","rest","_openBlock","_createElementBlock","_mergeProps","__props","_createElementVNode"],"mappings":";;;;;;;;AAwBA,UAAMA,IAAQC,EAAA,GAERC,IAAYC,EAAS,MAAM;AAC7B,YAAM,EAAE,WAAAC,GAAW,OAAAC,GAAO,GAAGC,MAASN;AACtC,aAAOM;AAAA,IACX,CAAC;sBA5BGC,EAAA,GAAAC,EAYM,OAZNC,EAYM;AAAA,MAXF,eAAA;AAAA,MACC,OAAOC,EAAA;AAAA,MACP,OAAOA,EAAA;AAAA,IAAA,GACAR,EAAA,OAAS;AAAA,MACjB,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,IAAA;MAENS,EAA6F,QAAA,EAAvF,GAAE,mFAAA,GAAkF,MAAA,EAAA;AAAA,IAAA;;;"}

package/lib/es/components/tooltip/TriangleArrowVertical.vue.js

@@ -0,0 +1,30 @@
+import { defineComponent as o, useAttrs as a, computed as c, createElementBlock as m, openBlock as i, mergeProps as p, createElementVNode as u } from "vue";
+const g = /* @__PURE__ */ o({
+  __name: "TriangleArrowVertical",
+  props: {
+    className: {},
+    style: {}
+  },
+  setup(t) {
+    const s = a(), r = c(() => {
+      const { className: l, style: e, ...n } = s;
+      return n;
+    });
+    return (l, e) => (i(), m("svg", p({
+      "aria-hidden": "",
+      class: t.className,
+      style: t.style
+    }, r.value, {
+      width: "7",
+      height: "24",
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "currentColor"
+    }), [...e[0] || (e[0] = [
+      u("path", { d: "M0 0L1 0C1 4, 2 5.5, 4 7.5S7,10 7,12S6 14.5, 4 16.5S1,20 1,24L0 24L0 0z" }, null, -1)
+    ])], 16));
+  }
+});
+export {
+  g as default
+};
+//# sourceMappingURL=TriangleArrowVertical.vue.js.map