@neut/ui 0.0.11 → 0.0.13

package/dist/components/toggle-group/ToggleGroup/ToggleGroup.js

@@ -0,0 +1,68 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { ToggleGroupContext as t } from "./ToggleGroup.context.js";
+import { createComponent as n, insert as r, mergeProps as i, spread as a, template as o } from "solid-js/web";
+import { createMemo as s, createSignal as c, splitProps as l } from "solid-js";
+//#region src/components/toggle-group/ToggleGroup/ToggleGroup.tsx
+var u = /*#__PURE__*/ o("<div role=group data-slot=toggle-group>");
+function d(o) {
+	let [d, f] = l(o, [
+		"value",
+		"defaultValue",
+		"onValueChange",
+		"multiple",
+		"disabled",
+		"orientation",
+		"spacing",
+		"variant",
+		"size",
+		"class",
+		"children",
+		"dir"
+	]), [p, m] = c(d.defaultValue ?? []), h = s(() => d.value === void 0 ? p() : d.value), g = s(() => !!d.multiple), _ = s(() => !!d.disabled), v = s(() => d.orientation ?? "horizontal"), y = s(() => d.spacing ?? 2), b = s(() => d.variant ?? "default"), x = s(() => d.size ?? "default"), S = {
+		value: h,
+		setValue: (e) => {
+			d.value === void 0 && m(e), d.onValueChange?.(e);
+		},
+		multiple: g,
+		disabled: _,
+		orientation: v,
+		spacing: y,
+		variant: b,
+		size: x
+	};
+	return (() => {
+		var o = u();
+		return a(o, i({
+			get "data-variant"() {
+				return b();
+			},
+			get "data-size"() {
+				return x();
+			},
+			get "data-spacing"() {
+				return y();
+			},
+			get "data-orientation"() {
+				return v();
+			},
+			get style() {
+				return { "--gap": y() };
+			},
+			get dir() {
+				return d.dir;
+			},
+			get class() {
+				return e("group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-lg data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch", d.class);
+			}
+		}, f), !1, !0), r(o, n(t.Provider, {
+			value: S,
+			get children() {
+				return d.children;
+			}
+		})), o;
+	})();
+}
+//#endregion
+export { d as ToggleGroup };
+
+//# sourceMappingURL=ToggleGroup.js.map

package/dist/components/toggle-group/ToggleGroup/ToggleGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroup.js","names":["createMemo","createSignal","splitProps","JSX","clsx","ToggleGroupContext","ToggleGroupContextValue","ToggleGroupProps","ToggleGroup","props","Element","local","rest","internalValue","setInternalValue","defaultValue","value","undefined","multiple","disabled","orientation","spacing","variant","size","setValue","next","onValueChange","ctx","_el$","_tmpl$","_$spread","_$mergeProps","data-variant","data-size","data-spacing","data-orientation","style","CSSProperties","dir","class","_$insert","_$createComponent","Provider","children"],"sources":["../../../../src/components/toggle-group/ToggleGroup/ToggleGroup.tsx"],"sourcesContent":["import { createMemo, createSignal, splitProps, type JSX } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { ToggleGroupContext } from \"./ToggleGroup.context\";\nimport type {\n  ToggleGroupContextValue,\n  ToggleGroupProps,\n} from \"./ToggleGroup.types\";\n\nexport function ToggleGroup(props: ToggleGroupProps): JSX.Element {\n  const [local, rest] = splitProps(props, [\n    \"value\",\n    \"defaultValue\",\n    \"onValueChange\",\n    \"multiple\",\n    \"disabled\",\n    \"orientation\",\n    \"spacing\",\n    \"variant\",\n    \"size\",\n    \"class\",\n    \"children\",\n    \"dir\",\n  ]);\n\n  const [internalValue, setInternalValue] = createSignal<string[]>(\n    local.defaultValue ?? [],\n  );\n  const value = createMemo(() =>\n    local.value !== undefined ? local.value : internalValue(),\n  );\n  const multiple = createMemo(() => !!local.multiple);\n  const disabled = createMemo(() => !!local.disabled);\n  const orientation = createMemo(() => local.orientation ?? \"horizontal\");\n  const spacing = createMemo(() => local.spacing ?? 2);\n  const variant = createMemo(() => local.variant ?? \"default\");\n  const size = createMemo(() => local.size ?? \"default\");\n\n  const setValue = (next: string[]) => {\n    if (local.value === undefined) setInternalValue(next);\n    local.onValueChange?.(next);\n  };\n\n  const ctx: ToggleGroupContextValue = {\n    value,\n    setValue,\n    multiple,\n    disabled,\n    orientation,\n    spacing,\n    variant,\n    size,\n  };\n\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"toggle-group\"\n      data-variant={variant()}\n      data-size={size()}\n      data-spacing={spacing()}\n      data-orientation={orientation()}\n      style={{ \"--gap\": spacing() } as JSX.CSSProperties}\n      dir={local.dir}\n      class={clsx(\n        \"group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-lg data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch\",\n        local.class,\n      )}\n      {...rest}\n    >\n      <ToggleGroupContext.Provider value={ctx}>\n        {local.children}\n      </ToggleGroupContext.Provider>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAQA,SAAgBQ,EAAYC,GAAsC;CAChE,IAAM,CAACE,GAAOC,KAAQV,EAAWO,GAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAK,CACN,GAEK,CAACI,GAAeC,KAAoBb,EACxCU,EAAMI,gBAAgB,CAAA,CACxB,GACMC,IAAQhB,QACZW,EAAMK,UAAUC,KAAAA,IAA0BJ,EAAc,IAA5BF,EAAMK,KACpC,GACME,IAAWlB,QAAiB,CAAC,CAACW,EAAMO,QAAQ,GAC5CC,IAAWnB,QAAiB,CAAC,CAACW,EAAMQ,QAAQ,GAC5CC,IAAcpB,QAAiBW,EAAMS,eAAe,YAAY,GAChEC,IAAUrB,QAAiBW,EAAMU,WAAW,CAAC,GAC7CC,IAAUtB,QAAiBW,EAAMW,WAAW,SAAS,GACrDC,IAAOvB,QAAiBW,EAAMY,QAAQ,SAAS,GAO/CI,IAA+B;EACnCX;EACAQ,WAPgBC,MAAmB;GAEnCd,AADIA,EAAMK,UAAUC,KAAAA,KAAWH,EAAiBW,CAAI,GACpDd,EAAMe,gBAAgBD,CAAI;EAC5B;EAKEP;EACAC;EACAC;EACAC;EACAC;EACAC;CACF;CAEA,cAAA;EAAA,IAAAK,IAAAC,EAAA;EAiBqB,OAjBrBC,EAAAF,GAAAG,EAAA;GAAA,IAAA,iBAAA;IAAA,OAIkBT,EAAQ;GAAC;GAAA,IAAA,cAAA;IAAA,OACZC,EAAK;GAAC;GAAA,IAAA,iBAAA;IAAA,OACHF,EAAQ;GAAC;GAAA,IAAA,qBAAA;IAAA,OACLD,EAAY;GAAC;GAAA,IAC/BgB,QAAK;IAAA,OAAE,EAAE,SAASf,EAAQ,EAAE;GAAsB;GAAA,IAClDiB,MAAG;IAAA,OAAE3B,EAAM2B;GAAG;GAAA,IAAA,QAAA;IAAA,OACPlC,EACL,iOACAO,EAAM4B,KACR;GAAC;EAAA,GACG3B,CAAI,GAAA,IAAA,EAAA,GAAA4B,EAAAZ,GAAAa,EAEPpC,EAAmBqC,UAAQ;GAAC1B,OAAOW;GAAG,IAAAgB,WAAA;IAAA,OACpChC,EAAMgC;GAAQ;EAAA,CAAA,CAAA,GAAAf;CAAA,EAAA,CAAA;AAIvB"}

package/dist/components/toggle-group/ToggleGroup/ToggleGroup.types.d.ts

@@ -0,0 +1,28 @@
+import { Accessor, ParentProps } from 'solid-js';
+import { VariantProps } from 'class-variance-authority';
+import { toggleVariants } from '../../toggle/Toggle/Toggle.styles';
+export interface ToggleGroupProps extends ParentProps, VariantProps<typeof toggleVariants> {
+    /** 受控选中值（数组）；不传则内部自管理 */
+    value?: string[];
+    /** 非受控模式下的初始选中值 */
+    defaultValue?: string[];
+    onValueChange?: (value: string[]) => void;
+    /** 是否允许同时选中多个，默认 false */
+    multiple?: boolean;
+    disabled?: boolean;
+    orientation?: "horizontal" | "vertical";
+    /** 项目之间的间距，通过 --gap 变量实现，默认 2 */
+    spacing?: number;
+    class?: string;
+    dir?: "ltr" | "rtl" | "auto";
+}
+export interface ToggleGroupContextValue {
+    value: Accessor<string[]>;
+    setValue: (value: string[]) => void;
+    multiple: Accessor<boolean>;
+    disabled: Accessor<boolean>;
+    orientation: Accessor<"horizontal" | "vertical">;
+    spacing: Accessor<number>;
+    variant: Accessor<"default" | "outline">;
+    size: Accessor<"default" | "sm" | "lg">;
+}

package/dist/components/toggle-group/ToggleGroup/index.d.ts

@@ -0,0 +1,3 @@
+export { ToggleGroup } from './ToggleGroup';
+export { ToggleGroupContext, useToggleGroupContext, } from './ToggleGroup.context';
+export type { ToggleGroupProps, ToggleGroupContextValue, } from './ToggleGroup.types';

package/dist/components/toggle-group/ToggleGroupItem/ToggleGroupItem.d.ts

@@ -0,0 +1,3 @@
+import { JSX } from 'solid-js';
+import { ToggleGroupItemProps } from './ToggleGroupItem.types';
+export declare function ToggleGroupItem(props: ToggleGroupItemProps): JSX.Element;

package/dist/components/toggle-group/ToggleGroupItem/ToggleGroupItem.js

@@ -0,0 +1,72 @@
+import { clsx as e } from "../../../utils/clsx.js";
+import { toggleVariants as t } from "../../toggle/Toggle/Toggle.styles.js";
+import { useToggleGroupContext as n } from "../ToggleGroup/ToggleGroup.context.js";
+import { delegateEvents as r, insert as i, mergeProps as a, spread as o, template as s } from "solid-js/web";
+import { createMemo as c, splitProps as l } from "solid-js";
+//#region src/components/toggle-group/ToggleGroupItem/ToggleGroupItem.tsx
+var u = /*#__PURE__*/ s("<button data-slot=toggle-group-item>");
+function d(r) {
+	let s = n("ToggleGroupItem"), [d, f] = l(r, [
+		"value",
+		"variant",
+		"size",
+		"class",
+		"disabled",
+		"onClick",
+		"onKeyDown",
+		"type"
+	]), p = c(() => s.variant() || d.variant || "default"), m = c(() => s.size() || d.size || "default"), h = c(() => s.value().includes(d.value)), g = () => s.disabled() || !!d.disabled, _ = () => {
+		if (g()) return;
+		let e = s.value();
+		s.multiple() ? s.setValue(h() ? e.filter((e) => e !== d.value) : [...e, d.value]) : s.setValue([d.value]);
+	}, v = (e) => {
+		if (d.onKeyDown?.(e), e.defaultPrevented || g() || ![
+			"ArrowDown",
+			"ArrowRight",
+			"ArrowUp",
+			"ArrowLeft"
+		].includes(e.key)) return;
+		e.preventDefault();
+		let t = e.currentTarget.closest("[data-slot=\"toggle-group\"]"), n = Array.from(t?.querySelectorAll("[data-slot=\"toggle-group-item\"]") ?? []);
+		n.length !== 0 && n[(n.indexOf(e.currentTarget) + (e.key === "ArrowDown" || e.key === "ArrowRight" ? 1 : -1) + n.length) % n.length].focus();
+	};
+	return (() => {
+		var n = u();
+		return n.$$keydown = v, n.$$click = (e) => {
+			d.onClick?.(e), e.defaultPrevented || _();
+		}, o(n, a({
+			get type() {
+				return d.type ?? "button";
+			},
+			get disabled() {
+				return g();
+			},
+			get "data-variant"() {
+				return p();
+			},
+			get "data-size"() {
+				return m();
+			},
+			get "data-spacing"() {
+				return s.spacing();
+			},
+			get "aria-pressed"() {
+				return h();
+			},
+			get "data-state"() {
+				return h() ? "on" : "off";
+			},
+			get class() {
+				return e("shrink-0 focus:z-10 focus-visible:z-10", t({
+					variant: p(),
+					size: m()
+				}), d.class);
+			}
+		}, f), !1, !0), i(n, () => r.children), n;
+	})();
+}
+r(["click", "keydown"]);
+//#endregion
+export { d as ToggleGroupItem };
+
+//# sourceMappingURL=ToggleGroupItem.js.map

package/dist/components/toggle-group/ToggleGroupItem/ToggleGroupItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroupItem.js","names":["createMemo","splitProps","JSX","clsx","toggleVariants","useToggleGroupContext","ToggleGroupItemProps","ToggleGroupItem","props","Element","ctx","local","rest","variant","size","pressed","value","includes","disabled","select","current","multiple","setValue","filter","onKeyDown","e","KeyboardEvent","defaultPrevented","directions","key","preventDefault","group","currentTarget","HTMLElement","closest","items","Array","from","querySelectorAll","length","currentIndex","indexOf","forward","delta","nextIndex","focus","_el$","_tmpl$","$$keydown","$$click","onClick","_$spread","_$mergeProps","type","data-variant","data-size","data-spacing","spacing","aria-pressed","data-state","class","_$insert","children","_$delegateEvents"],"sources":["../../../../src/components/toggle-group/ToggleGroupItem/ToggleGroupItem.tsx"],"sourcesContent":["import { createMemo, splitProps, type JSX } from \"solid-js\";\nimport { clsx } from \"~/utils\";\nimport { toggleVariants } from \"~/components/toggle/Toggle/Toggle.styles\";\nimport { useToggleGroupContext } from \"../ToggleGroup/ToggleGroup.context\";\nimport type { ToggleGroupItemProps } from \"./ToggleGroupItem.types\";\n\nexport function ToggleGroupItem(props: ToggleGroupItemProps): JSX.Element {\n  const ctx = useToggleGroupContext(\"ToggleGroupItem\");\n\n  const [local, rest] = splitProps(props, [\n    \"value\",\n    \"variant\",\n    \"size\",\n    \"class\",\n    \"disabled\",\n    \"onClick\",\n    \"onKeyDown\",\n    \"type\",\n  ]);\n\n  const variant = createMemo(() => ctx.variant() || local.variant || \"default\");\n  const size = createMemo(() => ctx.size() || local.size || \"default\");\n  const pressed = createMemo(() => ctx.value().includes(local.value));\n  const disabled = () => ctx.disabled() || !!local.disabled;\n\n  const select = () => {\n    if (disabled()) return;\n    const current = ctx.value();\n    if (ctx.multiple()) {\n      ctx.setValue(\n        pressed()\n          ? current.filter((value) => value !== local.value)\n          : [...current, local.value],\n      );\n    } else {\n      ctx.setValue([local.value]);\n    }\n  };\n\n  const onKeyDown = (e: KeyboardEvent) => {\n    (local.onKeyDown as any)?.(e);\n    if (e.defaultPrevented || disabled()) return;\n\n    const directions = [\"ArrowDown\", \"ArrowRight\", \"ArrowUp\", \"ArrowLeft\"];\n    if (!directions.includes(e.key)) return;\n    e.preventDefault();\n\n    const group = (e.currentTarget as HTMLElement).closest(\n      '[data-slot=\"toggle-group\"]',\n    );\n    const items = Array.from(\n      group?.querySelectorAll<HTMLElement>('[data-slot=\"toggle-group-item\"]') ??\n        [],\n    );\n    if (items.length === 0) return;\n\n    const currentIndex = items.indexOf(e.currentTarget as HTMLElement);\n    const forward = e.key === \"ArrowDown\" || e.key === \"ArrowRight\";\n    const delta = forward ? 1 : -1;\n    const nextIndex = (currentIndex + delta + items.length) % items.length;\n    items[nextIndex].focus();\n  };\n\n  return (\n    <button\n      type={(local.type as \"button\") ?? \"button\"}\n      disabled={disabled()}\n      data-slot=\"toggle-group-item\"\n      data-variant={variant()}\n      data-size={size()}\n      data-spacing={ctx.spacing()}\n      aria-pressed={pressed()}\n      data-state={pressed() ? \"on\" : \"off\"}\n      class={clsx(\n        \"shrink-0 focus:z-10 focus-visible:z-10\",\n        toggleVariants({ variant: variant(), size: size() }),\n        local.class,\n      )}\n      onClick={(e) => {\n        (local.onClick as any)?.(e);\n        if (!e.defaultPrevented) select();\n      }}\n      onKeyDown={onKeyDown}\n      {...rest}\n    >\n      {props.children}\n    </button>\n  );\n}\n"],"mappings":";;;;;;;AAMA,SAAgBO,EAAgBC,GAA0C;CACxE,IAAME,IAAML,EAAsB,iBAAiB,GAE7C,CAACM,GAAOC,KAAQX,EAAWO,GAAO;EACtC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAM,CACP,GAEKK,IAAUb,QAAiBU,EAAIG,QAAQ,KAAKF,EAAME,WAAW,SAAS,GACtEC,IAAOd,QAAiBU,EAAII,KAAK,KAAKH,EAAMG,QAAQ,SAAS,GAC7DC,IAAUf,QAAiBU,EAAIM,MAAM,CAAC,CAACC,SAASN,EAAMK,KAAK,CAAC,GAC5DE,UAAiBR,EAAIQ,SAAS,KAAK,CAAC,CAACP,EAAMO,UAE3CC,UAAe;EACnB,IAAID,EAAS,GAAG;EAChB,IAAME,IAAUV,EAAIM,MAAM;EAC1B,AAAIN,EAAIW,SAAS,IACfX,EAAIY,SACFP,EAAQ,IACJK,EAAQG,QAAQP,MAAUA,MAAUL,EAAMK,KAAK,IAC/C,CAAC,GAAGI,GAAST,EAAMK,KAAK,CAC9B,IAEAN,EAAIY,SAAS,CAACX,EAAMK,KAAK,CAAC;CAE9B,GAEMQ,KAAaC,MAAqB;EAKtC,IAJA,EAAOD,YAAoBC,CAAC,GACxBA,EAAEE,oBAAoBT,EAAS,KAG/B,CAACU;GADe;GAAa;GAAc;GAAW;EACrDA,CAAAA,CAAWX,SAASQ,EAAEI,GAAG,GAAG;EACjCJ,EAAEK,eAAe;EAEjB,IAAMC,IAASN,EAAEO,cAA8BE,QAC7C,8BACF,GACMC,IAAQC,MAAMC,KAClBN,GAAOO,iBAA8B,mCAAiC,KACpE,CAAA,CACJ;EACIH,EAAMI,WAAW,KAMrBJ,GAJqBA,EAAMM,QAAQhB,EAAEO,aAGlBQ,KAFHf,EAAEI,QAAQ,eAAeJ,EAAEI,QAAQ,eAC3B,IAAI,MACcM,EAAMI,UAAUJ,EAAMI,OAChD,CAACM,MAAM;CACzB;CAEA,cAAA;EAAA,IAAAC,IAAAC,EAAA;EAsBmB,OAtBnBD,EAAAE,YAmBexB,GAASsB,EAAAG,WAJVxB,MAAM;GAEd,AADA,EAAOyB,UAAkBzB,CAAC,GACrBA,EAAEE,oBAAkBR,EAAO;EAClC,GAACgC,EAAAL,GAAAM,EAAA;GAAA,IAhBDC,OAAI;IAAA,OAAG1C,EAAM0C,QAAqB;GAAQ;GAAA,IAC1CnC,WAAQ;IAAA,OAAEA,EAAS;GAAC;GAAA,IAAA,iBAAA;IAAA,OAENL,EAAQ;GAAC;GAAA,IAAA,cAAA;IAAA,OACZC,EAAK;GAAC;GAAA,IAAA,iBAAA;IAAA,OACHJ,EAAI+C,QAAQ;GAAC;GAAA,IAAA,iBAAA;IAAA,OACb1C,EAAQ;GAAC;GAAA,IAAA,eAAA;IAAA,OACXA,EAAQ,IAAI,OAAO;GAAK;GAAA,IAAA,QAAA;IAAA,OAC7BZ,EACL,0CACAC,EAAe;KAAES,SAASA,EAAQ;KAAGC,MAAMA,EAAK;IAAE,CAAC,GACnDH,EAAMiD,KACR;GAAC;EAAA,GAMGhD,CAAI,GAAA,IAAA,EAAA,GAAAiD,EAAAf,SAEPtC,EAAMsD,QAAQ,GAAAhB;CAAA,EAAA,CAAA;AAGrB;AAACiB,EAAA,CAAA,SAAA,SAAA,CAAA"}

package/dist/components/toggle-group/ToggleGroupItem/ToggleGroupItem.types.d.ts

@@ -0,0 +1,10 @@
+import { VariantProps } from 'class-variance-authority';
+import { ComponentProps } from 'solid-js';
+import { toggleVariants } from '../../toggle/Toggle/Toggle.styles';
+export interface ToggleGroupItemProps extends ComponentProps<"button">, VariantProps<typeof toggleVariants> {
+    /** 当前 item 的唯一值 */
+    value: string;
+    /** 默认从 ToggleGroup context 继承；可单独覆盖 */
+    variant?: "default" | "outline";
+    size?: "default" | "sm" | "lg";
+}

package/dist/components/toggle-group/ToggleGroupItem/index.d.ts

@@ -0,0 +1,2 @@
+export { ToggleGroupItem } from './ToggleGroupItem';
+export type { ToggleGroupItemProps } from './ToggleGroupItem.types';

package/dist/components/toggle-group/index.d.ts

@@ -0,0 +1,4 @@
+export { ToggleGroup } from './ToggleGroup';
+export type { ToggleGroupProps, ToggleGroupContextValue } from './ToggleGroup';
+export { ToggleGroupItem } from './ToggleGroupItem';
+export type { ToggleGroupItemProps } from './ToggleGroupItem';

package/dist/components/toggle-group/index.js

@@ -0,0 +1,3 @@
+import { ToggleGroup as e } from "./ToggleGroup/ToggleGroup.js";
+import { ToggleGroupItem as t } from "./ToggleGroupItem/ToggleGroupItem.js";
+export { e as ToggleGroup, t as ToggleGroupItem };

package/dist/components/tooltip/Tooltip/Tooltip.js

@@ -1,70 +1,71 @@
-import { TooltipContext as e } from "./Tooltip.context.js";
-import { useTooltipGroupContext as t } from "../TooltipGroup/TooltipGroup.context.js";
-import { createComponent as n } from "solid-js/web";
-import { createEffect as r, createMemo as i, createSignal as a, createUniqueId as o, onCleanup as s } from "solid-js";
+import { useTooltipProviderContext as e } from "../TooltipProvider/TooltipProvider.context.js";
+import { TooltipContext as t } from "./Tooltip.context.js";
+import { useTooltipGroupContext as n } from "../TooltipGroup/TooltipGroup.context.js";
+import { createComponent as r } from "solid-js/web";
+import { createEffect as i, createMemo as a, createSignal as o, createUniqueId as s, onCleanup as c } from "solid-js";
 //#region src/components/tooltip/Tooltip/Tooltip.tsx
-var c = 300, l = 150;
-function u(u) {
-	let d = t(), [f, p] = a(u.defaultOpen ?? !1), m = i(() => u.open === void 0 ? f() : u.open), h = i(() => !!u.disabled), [g, _] = a(), [v, y] = a(), [b, x] = a(), [S, C] = a(!1), w = (e) => {
-		u.open === void 0 && p(e), u.onOpenChange?.(e);
-	}, T, E, D = () => {
-		T !== void 0 && (window.clearTimeout(T), T = void 0), E !== void 0 && (window.clearTimeout(E), E = void 0);
-	}, O = () => {
-		if (D(), h() || m()) return;
-		let e = d?.claim();
+var l = 0, u = 150;
+function d(d) {
+	let f = n(), p = e(), [m, h] = o(d.defaultOpen ?? !1), g = a(() => d.open === void 0 ? m() : d.open), _ = a(() => !!d.disabled), [v, y] = o(), [b, x] = o(), [S, C] = o(), [w, T] = o(!1), E = (e) => {
+		d.open === void 0 && h(e), d.onOpenChange?.(e);
+	}, D, O, k = () => {
+		D !== void 0 && (window.clearTimeout(D), D = void 0), O !== void 0 && (window.clearTimeout(O), O = void 0);
+	}, A = () => {
+		if (k(), _() || g()) return;
+		let e = f?.claim();
 		if (e) {
-			x(e), w(!0);
+			C(e), E(!0);
 			return;
 		}
-		T = window.setTimeout(() => w(!0), u.openDelay ?? c);
-	}, k = () => {
-		D(), E = window.setTimeout(() => w(!1), u.closeDelay ?? l);
-	}, A = () => {
-		h() || (D(), w(!0));
+		D = window.setTimeout(() => E(!0), d.openDelay ?? p?.delay() ?? l);
 	}, j = () => {
-		D(), w(!1);
+		k(), O = window.setTimeout(() => E(!1), d.closeDelay ?? p?.closeDelay() ?? u);
 	}, M = () => {
-		C(!0), D(), w(!1);
+		_() || (k(), E(!0));
 	}, N = () => {
-		E !== void 0 && (window.clearTimeout(E), E = void 0);
+		k(), E(!1);
+	}, P = () => {
+		T(!0), k(), E(!1);
+	}, F = () => {
+		O !== void 0 && (window.clearTimeout(O), O = void 0);
 	};
-	s(D), r(() => {
-		if (!d || !m()) return;
-		let e = d.registerActive({
-			rect: () => v()?.getBoundingClientRect(),
-			forceClose: M
+	c(k), i(() => {
+		if (!f || !g()) return;
+		let e = f.registerActive({
+			rect: () => b()?.getBoundingClientRect(),
+			forceClose: P
 		});
-		s(e);
+		c(e);
 	});
-	let P = {
-		open: m,
-		disabled: h,
-		contentId: `tooltip-${o()}`,
-		reference: g,
-		setReference: _,
-		floating: v,
-		setFloating: y,
-		requestOpen: O,
-		requestClose: k,
-		openImmediate: A,
-		closeImmediate: j,
-		keepOpen: N,
-		pendingSlideFrom: b,
-		clearPendingSlideFrom: () => x(void 0),
-		suppressExitAnimation: S,
+	let I = {
+		open: g,
+		disabled: _,
+		contentId: `tooltip-${s()}`,
+		reference: v,
+		setReference: y,
+		floating: b,
+		setFloating: x,
+		requestOpen: A,
+		requestClose: j,
+		openImmediate: M,
+		closeImmediate: N,
+		keepOpen: F,
+		pendingSlideFrom: S,
+		clearPendingSlideFrom: () => C(void 0),
+		suppressExitAnimation: w,
 		consumeSuppressExitAnimation: () => {
-			let e = S();
-			return e && C(!1), e;
+			let e = w();
+			return e && T(!1), e;
 		}
 	};
-	return n(e.Provider, {
-		value: P,
+	return r(t.Provider, {
+		value: I,
 		get children() {
-			return u.children;
+			return d.children;
 		}
 	});
 }
 //#endregion
-export { u as Tooltip };
+export { d as Tooltip };
 
 //# sourceMappingURL=Tooltip.js.map

package/dist/components/tooltip/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":["createSignal","createMemo","createUniqueId","createEffect","onCleanup","JSX","TooltipContext","useTooltipGroupContext","TooltipContextValue","TooltipProps","Rect","DEFAULT_OPEN_DELAY","DEFAULT_CLOSE_DELAY","Tooltip","props","Element","group","internalOpen","setInternalOpen","defaultOpen","open","undefined","disabled","reference","setReference","floating","setFloating","HTMLElement","pendingSlideFrom","setPendingSlideFrom","suppressExitAnimation","setSuppressExitAnimation","commit","next","onOpenChange","openTimer","closeTimer","clearTimers","window","clearTimeout","requestOpen","claimedRect","claim","setTimeout","openDelay","requestClose","closeDelay","openImmediate","closeImmediate","forceCloseForGroup","keepOpen","unregister","registerActive","rect","getBoundingClientRect","forceClose","contentId","ctx","clearPendingSlideFrom","consumeSuppressExitAnimation","value","_$createComponent","Provider","children"],"sources":["../../../../src/components/tooltip/Tooltip/Tooltip.tsx"],"sourcesContent":["import {\n  createSignal,\n  createMemo,\n  createUniqueId,\n  createEffect,\n  onCleanup,\n  type JSX,\n} from \"solid-js\";\nimport { TooltipContext } from \"./Tooltip.context\";\nimport { useTooltipGroupContext } from \"../TooltipGroup/TooltipGroup.context\";\nimport type { TooltipContextValue, TooltipProps } from \"./Tooltip.types\";\nimport type { Rect } from \"~/lib\";\n\nconst DEFAULT_OPEN_DELAY = 300;\nconst DEFAULT_CLOSE_DELAY = 150;\n\n/**\n * Tooltip 根组件：不渲染任何 DOM，只负责状态管理 + 提供 context。\n * 真正的展示交给 <TooltipTrigger>/<TooltipContent>/<TooltipArrow>。\n *\n * 如果外面包了 <TooltipGroup>，组内相邻 trigger 之间切换 hover 会跳过\n * openDelay，并触发\"从旧位置滑到新位置\"的过渡（细节见 TooltipGroup.context.ts）。\n *\n * @example\n * ```tsx\n * <Tooltip openDelay={300}>\n *   <TooltipTrigger>悬停我</TooltipTrigger>\n *   <TooltipContent>\n *     提示内容\n *     <TooltipArrow />\n *   </TooltipContent>\n * </Tooltip>\n * ```\n */\nexport function Tooltip(props: TooltipProps): JSX.Element {\n  const group = useTooltipGroupContext(); // undefined 是正常情况，代表没用 TooltipGroup\n\n  const [internalOpen, setInternalOpen] = createSignal(\n    props.defaultOpen ?? false,\n  );\n  const open = createMemo(() =>\n    props.open !== undefined ? props.open : internalOpen(),\n  );\n  const disabled = createMemo(() => !!props.disabled);\n\n  const [reference, setReference] = createSignal<Element>();\n  const [floating, setFloating] = createSignal<HTMLElement>();\n  const [pendingSlideFrom, setPendingSlideFrom] = createSignal<Rect>();\n  const [suppressExitAnimation, setSuppressExitAnimation] = createSignal(false);\n\n  const commit = (next: boolean) => {\n    if (props.open === undefined) setInternalOpen(next);\n    props.onOpenChange?.(next);\n  };\n\n  // 用 window.setTimeout/clearTimeout（而不是裸的全局 setTimeout）显式拿到\n  // DOM lib 的重载（返回 number），避免和 @types/node 的 NodeJS.Timeout 重载冲突。\n  let openTimer: number | undefined;\n  let closeTimer: number | undefined;\n\n  const clearTimers = () => {\n    if (openTimer !== undefined) {\n      window.clearTimeout(openTimer);\n      openTimer = undefined;\n    }\n    if (closeTimer !== undefined) {\n      window.clearTimeout(closeTimer);\n      closeTimer = undefined;\n    }\n  };\n\n  const requestOpen = () => {\n    clearTimers();\n    if (disabled() || open()) return;\n\n    // 组内抢占：如果当前组里已经有一个活跃的 tooltip（哪怕它还在自己的\n    // closeDelay 倒计时里，还没真正关闭），claim() 会立即强制关闭它、\n    // 把它此刻的矩形要回来——这里直接跳过 openDelay，走\"滑入\"路径。\n    const claimedRect = group?.claim();\n    if (claimedRect) {\n      setPendingSlideFrom(claimedRect);\n      commit(true);\n      return;\n    }\n\n    openTimer = window.setTimeout(\n      () => commit(true),\n      props.openDelay ?? DEFAULT_OPEN_DELAY,\n    );\n  };\n\n  const requestClose = () => {\n    clearTimers();\n    closeTimer = window.setTimeout(\n      () => commit(false),\n      props.closeDelay ?? DEFAULT_CLOSE_DELAY,\n    );\n  };\n\n  const openImmediate = () => {\n    if (disabled()) return;\n    clearTimers();\n    commit(true);\n  };\n\n  const closeImmediate = () => {\n    clearTimers();\n    commit(false);\n  };\n\n  /**\n   * 专门给 <TooltipGroup> 抢占用的关闭方式：和 closeImmediate 的区别是，\n   * 这里会额外标记 suppressExitAnimation，告诉 TooltipContent 的 Presence\n   * 逻辑跳过退场动画、立即卸载——因为这次关闭是\"被新 tooltip 取代\"，而不是\n   * 用户主动关闭，旧的应该立刻让位，不该和正在滑入的新 tooltip 同时可见。\n   * Escape/blur 等正常关闭场景依然走 closeImmediate，退场动画不受影响。\n   */\n  const forceCloseForGroup = () => {\n    setSuppressExitAnimation(true);\n    clearTimers();\n    commit(false);\n  };\n\n  const keepOpen = () => {\n    if (closeTimer !== undefined) {\n      window.clearTimeout(closeTimer);\n      closeTimer = undefined;\n    }\n  };\n\n  onCleanup(clearTimers);\n\n  // 打开期间把自己登记成\"组内当前活跃的 tooltip\"，供其他 trigger 打开时\n  // claim 走（触发平移过渡）。关闭或卸载时自动取消登记。\n  createEffect(() => {\n    if (!group || !open()) return;\n    const unregister = group.registerActive({\n      rect: () => floating()?.getBoundingClientRect(),\n      forceClose: forceCloseForGroup,\n    });\n    onCleanup(unregister);\n  });\n\n  const contentId = `tooltip-${createUniqueId()}`;\n\n  const ctx: TooltipContextValue = {\n    open,\n    disabled,\n    contentId,\n    reference,\n    setReference,\n    floating,\n    setFloating,\n    requestOpen,\n    requestClose,\n    openImmediate,\n    closeImmediate,\n    keepOpen,\n    pendingSlideFrom,\n    clearPendingSlideFrom: () => setPendingSlideFrom(undefined),\n    suppressExitAnimation,\n    consumeSuppressExitAnimation: () => {\n      const value = suppressExitAnimation();\n      if (value) setSuppressExitAnimation(false);\n      return value;\n    },\n  };\n\n  return (\n    <TooltipContext.Provider value={ctx}>\n      {props.children}\n    </TooltipContext.Provider>\n  );\n}\n"],"mappings":";;;;;AAaA,IAAMW,IAAqB,KACrBC,IAAsB;AAoB5B,SAAgBC,EAAQC,GAAkC;CACxD,IAAME,IAAQT,EAAuB,GAE/B,CAACU,GAAcC,KAAmBlB,EACtCc,EAAMK,eAAe,EACvB,GACMC,IAAOnB,QACXa,EAAMM,SAASC,KAAAA,IAAyBJ,EAAa,IAA1BH,EAAMM,IACnC,GACME,IAAWrB,QAAiB,CAAC,CAACa,EAAMQ,QAAQ,GAE5C,CAACC,GAAWC,KAAgBxB,EAAsB,GAClD,CAACyB,GAAUC,KAAe1B,EAA0B,GACpD,CAAC4B,GAAkBC,KAAuB7B,EAAmB,GAC7D,CAAC8B,GAAuBC,KAA4B/B,EAAa,EAAK,GAEtEgC,KAAUC,MAAkB;EAEhCnB,AADIA,EAAMM,SAASC,KAAAA,KAAWH,EAAgBe,CAAI,GAClDnB,EAAMoB,eAAeD,CAAI;CAC3B,GAIIE,GACAC,GAEEC,UAAoB;EAKxB,AAJIF,MAAcd,KAAAA,MAChBiB,OAAOC,aAAaJ,CAAS,GAC7BA,IAAYd,KAAAA,IAEVe,MAAef,KAAAA,MACjBiB,OAAOC,aAAaH,CAAU,GAC9BA,IAAaf,KAAAA;CAEjB,GAEMmB,UAAoB;EAExB,IADAH,EAAY,GACRf,EAAS,KAAKF,EAAK,GAAG;EAK1B,IAAMqB,IAAczB,GAAO0B,MAAM;EACjC,IAAID,GAAa;GAEfT,AADAH,EAAoBY,CAAW,GAC/BT,EAAO,EAAI;GACX;EACF;EAEAG,IAAYG,OAAOK,iBACXX,EAAO,EAAI,GACjBlB,EAAM8B,aAAajC,CACrB;CACF,GAEMkC,UAAqB;EAEzBT,AADAC,EAAY,GACZD,IAAaE,OAAOK,iBACZX,EAAO,EAAK,GAClBlB,EAAMgC,cAAclC,CACtB;CACF,GAEMmC,UAAsB;EACtBzB,EAAS,MACbe,EAAY,GACZL,EAAO,EAAI;CACb,GAEMgB,UAAuB;EAE3BhB,AADAK,EAAY,GACZL,EAAO,EAAK;CACd,GASMiB,UAA2B;EAG/BjB,AAFAD,EAAyB,EAAI,GAC7BM,EAAY,GACZL,EAAO,EAAK;CACd,GAEMkB,UAAiB;EACrB,AAAId,MAAef,KAAAA,MACjBiB,OAAOC,aAAaH,CAAU,GAC9BA,IAAaf,KAAAA;CAEjB;CAMAlB,AAJAC,EAAUiC,CAAW,GAIrBlC,QAAmB;EACjB,IAAI,CAACa,KAAS,CAACI,EAAK,GAAG;EACvB,IAAM+B,IAAanC,EAAMoC,eAAe;GACtCC,YAAY5B,EAAS,CAAC,EAAE6B,sBAAsB;GAC9CC,YAAYN;EACd,CAAC;EACD7C,EAAU+C,CAAU;CACtB,CAAC;CAID,IAAMM,IAA2B;EAC/BrC;EACAE;EACAkC,WAAAA,WAL2BtD,EAAe;EAM1CqB;EACAC;EACAC;EACAC;EACAc;EACAK;EACAE;EACAC;EACAE;EACAtB;EACA8B,6BAA6B7B,EAAoBR,KAAAA,CAAS;EAC1DS;EACA6B,oCAAoC;GAClC,IAAMC,IAAQ9B,EAAsB;GAEpC,OADI8B,KAAO7B,EAAyB,EAAK,GAClC6B;EACT;CACF;CAEA,OAAAC,EACGvD,EAAewD,UAAQ;EAACF,OAAOH;EAAG,IAAAM,WAAA;GAAA,OAChCjD,EAAMiD;EAAQ;CAAA,CAAA;AAGrB"}
+{"version":3,"file":"Tooltip.js","names":["createSignal","createMemo","createUniqueId","createEffect","onCleanup","JSX","TooltipContext","useTooltipProviderContext","useTooltipGroupContext","TooltipContextValue","TooltipProps","Rect","DEFAULT_OPEN_DELAY","DEFAULT_CLOSE_DELAY","Tooltip","props","Element","group","provider","internalOpen","setInternalOpen","defaultOpen","open","undefined","disabled","reference","setReference","floating","setFloating","HTMLElement","pendingSlideFrom","setPendingSlideFrom","suppressExitAnimation","setSuppressExitAnimation","commit","next","onOpenChange","openTimer","closeTimer","clearTimers","window","clearTimeout","requestOpen","claimedRect","claim","setTimeout","openDelay","delay","requestClose","closeDelay","openImmediate","closeImmediate","forceCloseForGroup","keepOpen","unregister","registerActive","rect","getBoundingClientRect","forceClose","contentId","ctx","clearPendingSlideFrom","consumeSuppressExitAnimation","value","_$createComponent","Provider","children"],"sources":["../../../../src/components/tooltip/Tooltip/Tooltip.tsx"],"sourcesContent":["import {\n  createSignal,\n  createMemo,\n  createUniqueId,\n  createEffect,\n  onCleanup,\n  type JSX,\n} from \"solid-js\";\nimport { TooltipContext } from \"./Tooltip.context\";\nimport { useTooltipProviderContext } from \"../TooltipProvider/TooltipProvider.context\";\nimport { useTooltipGroupContext } from \"../TooltipGroup/TooltipGroup.context\";\nimport type { TooltipContextValue, TooltipProps } from \"./Tooltip.types\";\nimport type { Rect } from \"~/lib\";\n\nconst DEFAULT_OPEN_DELAY = 0;\nconst DEFAULT_CLOSE_DELAY = 150;\n\n/**\n * Tooltip 根组件：不渲染任何 DOM，只负责状态管理 + 提供 context。\n * 真正的展示交给 <TooltipTrigger>/<TooltipContent>/<TooltipArrow>。\n *\n * 如果外面包了 <TooltipGroup>，组内相邻 trigger 之间切换 hover 会跳过\n * openDelay，并触发\"从旧位置滑到新位置\"的过渡（细节见 TooltipGroup.context.ts）。\n *\n * @example\n * ```tsx\n * <Tooltip openDelay={300}>\n *   <TooltipTrigger>悬停我</TooltipTrigger>\n *   <TooltipContent>\n *     提示内容\n *     <TooltipArrow />\n *   </TooltipContent>\n * </Tooltip>\n * ```\n */\nexport function Tooltip(props: TooltipProps): JSX.Element {\n  const group = useTooltipGroupContext(); // undefined 是正常情况，代表没用 TooltipGroup\n  const provider = useTooltipProviderContext();\n\n  const [internalOpen, setInternalOpen] = createSignal(\n    props.defaultOpen ?? false,\n  );\n  const open = createMemo(() =>\n    props.open !== undefined ? props.open : internalOpen(),\n  );\n  const disabled = createMemo(() => !!props.disabled);\n\n  const [reference, setReference] = createSignal<Element>();\n  const [floating, setFloating] = createSignal<HTMLElement>();\n  const [pendingSlideFrom, setPendingSlideFrom] = createSignal<Rect>();\n  const [suppressExitAnimation, setSuppressExitAnimation] = createSignal(false);\n\n  const commit = (next: boolean) => {\n    if (props.open === undefined) setInternalOpen(next);\n    props.onOpenChange?.(next);\n  };\n\n  // 用 window.setTimeout/clearTimeout（而不是裸的全局 setTimeout）显式拿到\n  // DOM lib 的重载（返回 number），避免和 @types/node 的 NodeJS.Timeout 重载冲突。\n  let openTimer: number | undefined;\n  let closeTimer: number | undefined;\n\n  const clearTimers = () => {\n    if (openTimer !== undefined) {\n      window.clearTimeout(openTimer);\n      openTimer = undefined;\n    }\n    if (closeTimer !== undefined) {\n      window.clearTimeout(closeTimer);\n      closeTimer = undefined;\n    }\n  };\n\n  const requestOpen = () => {\n    clearTimers();\n    if (disabled() || open()) return;\n\n    // 组内抢占：如果当前组里已经有一个活跃的 tooltip（哪怕它还在自己的\n    // closeDelay 倒计时里，还没真正关闭），claim() 会立即强制关闭它、\n    // 把它此刻的矩形要回来——这里直接跳过 openDelay，走\"滑入\"路径。\n    const claimedRect = group?.claim();\n    if (claimedRect) {\n      setPendingSlideFrom(claimedRect);\n      commit(true);\n      return;\n    }\n\n    openTimer = window.setTimeout(\n      () => commit(true),\n      props.openDelay ?? provider?.delay() ?? DEFAULT_OPEN_DELAY,\n    );\n  };\n\n  const requestClose = () => {\n    clearTimers();\n    closeTimer = window.setTimeout(\n      () => commit(false),\n      props.closeDelay ?? provider?.closeDelay() ?? DEFAULT_CLOSE_DELAY,\n    );\n  };\n\n  const openImmediate = () => {\n    if (disabled()) return;\n    clearTimers();\n    commit(true);\n  };\n\n  const closeImmediate = () => {\n    clearTimers();\n    commit(false);\n  };\n\n  /**\n   * 专门给 <TooltipGroup> 抢占用的关闭方式：和 closeImmediate 的区别是，\n   * 这里会额外标记 suppressExitAnimation，告诉 TooltipContent 的 Presence\n   * 逻辑跳过退场动画、立即卸载——因为这次关闭是\"被新 tooltip 取代\"，而不是\n   * 用户主动关闭，旧的应该立刻让位，不该和正在滑入的新 tooltip 同时可见。\n   * Escape/blur 等正常关闭场景依然走 closeImmediate，退场动画不受影响。\n   */\n  const forceCloseForGroup = () => {\n    setSuppressExitAnimation(true);\n    clearTimers();\n    commit(false);\n  };\n\n  const keepOpen = () => {\n    if (closeTimer !== undefined) {\n      window.clearTimeout(closeTimer);\n      closeTimer = undefined;\n    }\n  };\n\n  onCleanup(clearTimers);\n\n  // 打开期间把自己登记成\"组内当前活跃的 tooltip\"，供其他 trigger 打开时\n  // claim 走（触发平移过渡）。关闭或卸载时自动取消登记。\n  createEffect(() => {\n    if (!group || !open()) return;\n    const unregister = group.registerActive({\n      rect: () => floating()?.getBoundingClientRect(),\n      forceClose: forceCloseForGroup,\n    });\n    onCleanup(unregister);\n  });\n\n  const contentId = `tooltip-${createUniqueId()}`;\n\n  const ctx: TooltipContextValue = {\n    open,\n    disabled,\n    contentId,\n    reference,\n    setReference,\n    floating,\n    setFloating,\n    requestOpen,\n    requestClose,\n    openImmediate,\n    closeImmediate,\n    keepOpen,\n    pendingSlideFrom,\n    clearPendingSlideFrom: () => setPendingSlideFrom(undefined),\n    suppressExitAnimation,\n    consumeSuppressExitAnimation: () => {\n      const value = suppressExitAnimation();\n      if (value) setSuppressExitAnimation(false);\n      return value;\n    },\n  };\n\n  return (\n    <TooltipContext.Provider value={ctx}>\n      {props.children}\n    </TooltipContext.Provider>\n  );\n}\n"],"mappings":";;;;;;AAcA,IAAMY,IAAqB,GACrBC,IAAsB;AAoB5B,SAAgBC,EAAQC,GAAkC;CACxD,IAAME,IAAQT,EAAuB,GAC/BU,IAAWX,EAA0B,GAErC,CAACY,GAAcC,KAAmBpB,EACtCe,EAAMM,eAAe,EACvB,GACMC,IAAOrB,QACXc,EAAMO,SAASC,KAAAA,IAAyBJ,EAAa,IAA1BJ,EAAMO,IACnC,GACME,IAAWvB,QAAiB,CAAC,CAACc,EAAMS,QAAQ,GAE5C,CAACC,GAAWC,KAAgB1B,EAAsB,GAClD,CAAC2B,GAAUC,KAAe5B,EAA0B,GACpD,CAAC8B,GAAkBC,KAAuB/B,EAAmB,GAC7D,CAACgC,GAAuBC,KAA4BjC,EAAa,EAAK,GAEtEkC,KAAUC,MAAkB;EAEhCpB,AADIA,EAAMO,SAASC,KAAAA,KAAWH,EAAgBe,CAAI,GAClDpB,EAAMqB,eAAeD,CAAI;CAC3B,GAIIE,GACAC,GAEEC,UAAoB;EAKxB,AAJIF,MAAcd,KAAAA,MAChBiB,OAAOC,aAAaJ,CAAS,GAC7BA,IAAYd,KAAAA,IAEVe,MAAef,KAAAA,MACjBiB,OAAOC,aAAaH,CAAU,GAC9BA,IAAaf,KAAAA;CAEjB,GAEMmB,UAAoB;EAExB,IADAH,EAAY,GACRf,EAAS,KAAKF,EAAK,GAAG;EAK1B,IAAMqB,IAAc1B,GAAO2B,MAAM;EACjC,IAAID,GAAa;GAEfT,AADAH,EAAoBY,CAAW,GAC/BT,EAAO,EAAI;GACX;EACF;EAEAG,IAAYG,OAAOK,iBACXX,EAAO,EAAI,GACjBnB,EAAM+B,aAAa5B,GAAU6B,MAAM,KAAKnC,CAC1C;CACF,GAEMoC,UAAqB;EAEzBV,AADAC,EAAY,GACZD,IAAaE,OAAOK,iBACZX,EAAO,EAAK,GAClBnB,EAAMkC,cAAc/B,GAAU+B,WAAW,KAAKpC,CAChD;CACF,GAEMqC,UAAsB;EACtB1B,EAAS,MACbe,EAAY,GACZL,EAAO,EAAI;CACb,GAEMiB,UAAuB;EAE3BjB,AADAK,EAAY,GACZL,EAAO,EAAK;CACd,GASMkB,UAA2B;EAG/BlB,AAFAD,EAAyB,EAAI,GAC7BM,EAAY,GACZL,EAAO,EAAK;CACd,GAEMmB,UAAiB;EACrB,AAAIf,MAAef,KAAAA,MACjBiB,OAAOC,aAAaH,CAAU,GAC9BA,IAAaf,KAAAA;CAEjB;CAMApB,AAJAC,EAAUmC,CAAW,GAIrBpC,QAAmB;EACjB,IAAI,CAACc,KAAS,CAACK,EAAK,GAAG;EACvB,IAAMgC,IAAarC,EAAMsC,eAAe;GACtCC,YAAY7B,EAAS,CAAC,EAAE8B,sBAAsB;GAC9CC,YAAYN;EACd,CAAC;EACDhD,EAAUkD,CAAU;CACtB,CAAC;CAID,IAAMM,IAA2B;EAC/BtC;EACAE;EACAmC,WAAAA,WAL2BzD,EAAe;EAM1CuB;EACAC;EACAC;EACAC;EACAc;EACAM;EACAE;EACAC;EACAE;EACAvB;EACA+B,6BAA6B9B,EAAoBR,KAAAA,CAAS;EAC1DS;EACA8B,oCAAoC;GAClC,IAAMC,IAAQ/B,EAAsB;GAEpC,OADI+B,KAAO9B,EAAyB,EAAK,GAClC8B;EACT;CACF;CAEA,OAAAC,EACG1D,EAAe2D,UAAQ;EAACF,OAAOH;EAAG,IAAAM,WAAA;GAAA,OAChCnD,EAAMmD;EAAQ;CAAA,CAAA;AAGrB"}

package/dist/components/tooltip/TooltipArrow/TooltipArrow.d.ts

@@ -1,34 +1,9 @@
 export interface TooltipArrowProps {
-    /** 箭头沿 tooltip 边缘方向的长度（像素），默认 8 */
-    width?: number;
-    /** 箭头突出的深度（像素），默认 4 */
-    height?: number;
-    /**
-     * 箭头颜色（Tailwind text-* class，因为 SVG 用 fill="currentColor"）。
-     * 不传的话默认跟 TooltipContent 的默认背景色一致；如果你自定义了
-     * TooltipContent 的背景色，记得这里也传一个匹配的颜色，两者不会自动同步。
-     */
     class?: string;
 }
 /**
- * 箭头组件，必须渲染在 <TooltipContent> 内部（依赖它的 context）。
- * 通过 context 拿到 arrow middleware 算出的偏移量，以及最终生效的 placement，
- * 从而知道该贴哪条边、三角形尖端朝哪个方向。
- *
- * 四个方向用四套独立坐标画三角形，而不是画一个形状再用 CSS rotate 复用——
- * 这是有意的：arrow middleware 用 el.offsetWidth/offsetHeight 判断"沿边长度"，
- * 而 CSS transform 不会改变这两个值，如果靠 rotate(90deg) 让同一个 8x4 的形状
- * "看起来"变成 4x8，offsetWidth/offsetHeight 读到的还是旋转前的 8x4，
- * 会导致 left/right 方向的偏移计算对不上。直接让未旋转的 SVG 本身尺寸
- * 就随方向切换（沿边方向用 width，突出方向用 height），从根上避免这个偏差。
- *
- * 进出场动画是箭头自己独立播放的一份（data-state + animate-in/out），
- * 和 TooltipContent 内层元素用的是同一个 animationState 信号驱动，
- * 保证两者严格同步开始/结束——而不是让箭头被动继承内层元素的动画。
- * 后者看似更省事，但内层元素的 zoom-in-95 动画会给它加一个非 none 的
- * transform，CSS 规范规定这会让内层变成子元素新的"包含块"，这和箭头
- * 故意跳过内层、以外层为基准定位的设计（避免触发滚动条那次的修复）相冲突，
- * 动画播放期间"父子两层谁负责定位"这个假设会变得不可靠，箭头容易之前观察到
- * "入场看起来比内容慢一拍"这类问题。独立播放同一份动画彻底避开这个耦合。
+ * 箭头组件，必须渲染在 <TooltipContent> 内部。
+ * 采用 shadcn Base UI 的定位方式：通过 data-side / data-align 和 CSS 变量
+ * 完成贴边与对齐，不手动计算 top/left。
  */
 export declare function TooltipArrow(props: TooltipArrowProps): import("solid-js").JSX.Element;

package/dist/components/tooltip/TooltipArrow/TooltipArrow.js

@@ -1,58 +1,26 @@
 import { clsx as e } from "../../../utils/clsx.js";
-import { useTooltipContentContext as t } from "../TooltipContent/TooltipContent.context.js";
-import { effect as n, setAttribute as r, style as i, template as a, use as o } from "solid-js/web";
+import { getAlignment as t, getSide as n } from "../../../lib/positioner/core/placement.js";
+import { useTooltipContentContext as r } from "../TooltipContent/TooltipContent.context.js";
+import { className as i, effect as a, setAttribute as o, setStyleProperty as s, template as c, use as l } from "solid-js/web";
+import { createMemo as u } from "solid-js";
 //#region src/components/tooltip/TooltipArrow/TooltipArrow.tsx
-var s = /*#__PURE__*/ a("<svg aria-hidden=true><polygon fill=currentColor>");
-function c(a) {
-	let c = t("TooltipArrow"), l = () => a.width ?? 8, u = () => a.height ?? 4, d = () => c.placement().split("-")[0], f = () => d() === "top" || d() === "bottom", p = () => c.middlewareData().arrow, m = () => {
-		let e = l(), t = u();
-		switch (d()) {
-			case "top": return `0,0 ${e},0 ${e / 2},${t}`;
-			case "bottom": return `0,${t} ${e},${t} ${e / 2},0`;
-			case "left": return `0,0 0,${e} ${t},${e / 2}`;
-			default: return `${t},0 ${t},${e} 0,${e / 2}`;
-		}
-	}, h = () => {
-		let e = u(), t = f() ? p()?.x ?? 0 : p()?.y ?? 0;
-		switch (d()) {
-			case "top": return {
-				bottom: `-${e}px`,
-				left: `${t}px`
-			};
-			case "bottom": return {
-				top: `-${e}px`,
-				left: `${t}px`
-			};
-			case "left": return {
-				right: `-${e}px`,
-				top: `${t}px`
-			};
-			default: return {
-				left: `-${e}px`,
-				top: `${t}px`
-			};
-		}
-	};
+var d = /*#__PURE__*/ c("<div aria-hidden=true>");
+function f(c) {
+	let f = r("TooltipArrow"), p = u(() => n(f.placement())), m = u(() => t(f.placement()) ?? "center"), h = () => f.reference?.()?.getBoundingClientRect().width ?? 0;
 	return (() => {
-		var t = s(), d = t.firstChild, p = c.setArrowElement;
-		return typeof p == "function" ? o(p, t) : c.setArrowElement = t, n((n) => {
-			var o = f() ? l() : u(), s = f() ? u() : l(), p = f() ? `0 0 ${l()} ${u()}` : `0 0 ${u()} ${l()}`, g = c.animationState(), _ = {
-				position: "absolute",
-				...h()
-			}, v = e("data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95", "text-foreground", a.class), y = m();
-			return o !== n.e && r(t, "width", n.e = o), s !== n.t && r(t, "height", n.t = s), p !== n.a && r(t, "viewBox", n.a = p), g !== n.o && r(t, "data-state", n.o = g), n.i = i(t, _, n.i), v !== n.n && r(t, "class", n.n = v), y !== n.s && r(d, "points", n.s = y), n;
+		var t = d(), n = f.setArrowElement;
+		return typeof n == "function" ? l(n, t) : f.setArrowElement = t, a((n) => {
+			var r = p(), a = m(), l = `${h() / 2}px`, u = e("absolute size-2.5 z-50 translate-y-[calc(-50%-2px)] rotate-45 rounded-xs bg-foreground fill-foreground", "data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2", "data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2", "data-[side=left]:top-1/2! data-[side=left]:right-[-0.175rem] data-[side=left]:-translate-y-1/2", "data-[side=right]:top-1/2! data-[side=right]:left-[-0.175rem] data-[side=right]:-translate-y-1/2", "data-[side=top]:-bottom-2.5 data-[side=top]:data-[align=center]:left-1/2 data-[side=top]:data-[align=center]:-translate-x-1/2 data-[side=top]:data-[align=start]:left-(--arrow-offset) data-[side=top]:data-[align=start]:-translate-x-1/2 data-[side=top]:data-[align=end]:right-(--arrow-offset) data-[side=top]:data-[align=end]:translate-x-1/2", "data-[side=bottom]:top-1 data-[side=bottom]:data-[align=center]:left-1/2 data-[side=bottom]:data-[align=center]:-translate-x-1/2 data-[side=bottom]:data-[align=start]:left-(--arrow-offset) data-[side=bottom]:data-[align=start]:-translate-x-1/2 data-[side=bottom]:data-[align=end]:right-(--arrow-offset) data-[side=bottom]:data-[align=end]:translate-x-1/2", c.class);
+			return r !== n.e && o(t, "data-side", n.e = r), a !== n.t && o(t, "data-align", n.t = a), l !== n.a && s(t, "--arrow-offset", n.a = l), u !== n.o && i(t, n.o = u), n;
 		}, {
 			e: void 0,
 			t: void 0,
 			a: void 0,
-			o: void 0,
-			i: void 0,
-			n: void 0,
-			s: void 0
+			o: void 0
 		}), t;
 	})();
 }
 //#endregion
-export { c as TooltipArrow };
+export { f as TooltipArrow };
 
 //# sourceMappingURL=TooltipArrow.js.map

package/dist/components/tooltip/TooltipArrow/TooltipArrow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipArrow.js","names":["clsx","useTooltipContentContext","TooltipArrowProps","width","height","class","TooltipArrow","props","ctx","alongLen","protrusion","side","placement","split","isVertical","arrowData","middlewareData","arrow","x","y","points","a","p","positionStyle","crossOffset","bottom","left","top","right","_el$","_tmpl$","_el$2","firstChild","_ref$","setArrowElement","_$use","_$effect","_p$","_v$","_v$2","_v$3","_v$4","animationState","_v$5","position","_v$6","_v$7","e","_$setAttribute","t","o","i","_$style","n","s","undefined"],"sources":["../../../../src/components/tooltip/TooltipArrow/TooltipArrow.tsx"],"sourcesContent":["import { clsx } from \"~/utils\";\nimport { useTooltipContentContext } from \"../TooltipContent/TooltipContent.context\";\n\nexport interface TooltipArrowProps {\n  /** 箭头沿 tooltip 边缘方向的长度（像素），默认 8 */\n  width?: number;\n  /** 箭头突出的深度（像素），默认 4 */\n  height?: number;\n  /**\n   * 箭头颜色（Tailwind text-* class，因为 SVG 用 fill=\"currentColor\"）。\n   * 不传的话默认跟 TooltipContent 的默认背景色一致；如果你自定义了\n   * TooltipContent 的背景色，记得这里也传一个匹配的颜色，两者不会自动同步。\n   */\n  class?: string;\n}\n\n/**\n * 箭头组件，必须渲染在 <TooltipContent> 内部（依赖它的 context）。\n * 通过 context 拿到 arrow middleware 算出的偏移量，以及最终生效的 placement，\n * 从而知道该贴哪条边、三角形尖端朝哪个方向。\n *\n * 四个方向用四套独立坐标画三角形，而不是画一个形状再用 CSS rotate 复用——\n * 这是有意的：arrow middleware 用 el.offsetWidth/offsetHeight 判断\"沿边长度\"，\n * 而 CSS transform 不会改变这两个值，如果靠 rotate(90deg) 让同一个 8x4 的形状\n * \"看起来\"变成 4x8，offsetWidth/offsetHeight 读到的还是旋转前的 8x4，\n * 会导致 left/right 方向的偏移计算对不上。直接让未旋转的 SVG 本身尺寸\n * 就随方向切换（沿边方向用 width，突出方向用 height），从根上避免这个偏差。\n *\n * 进出场动画是箭头自己独立播放的一份（data-state + animate-in/out），\n * 和 TooltipContent 内层元素用的是同一个 animationState 信号驱动，\n * 保证两者严格同步开始/结束——而不是让箭头被动继承内层元素的动画。\n * 后者看似更省事，但内层元素的 zoom-in-95 动画会给它加一个非 none 的\n * transform，CSS 规范规定这会让内层变成子元素新的\"包含块\"，这和箭头\n * 故意跳过内层、以外层为基准定位的设计（避免触发滚动条那次的修复）相冲突，\n * 动画播放期间\"父子两层谁负责定位\"这个假设会变得不可靠，箭头容易之前观察到\n * \"入场看起来比内容慢一拍\"这类问题。独立播放同一份动画彻底避开这个耦合。\n */\nexport function TooltipArrow(props: TooltipArrowProps) {\n  const ctx = useTooltipContentContext(\"TooltipArrow\");\n\n  const alongLen = () => props.width ?? 8;\n  const protrusion = () => props.height ?? 4;\n\n  const side = () =>\n    ctx.placement().split(\"-\")[0] as \"top\" | \"bottom\" | \"left\" | \"right\";\n  const isVertical = () => side() === \"top\" || side() === \"bottom\";\n\n  const arrowData = () =>\n    ctx.middlewareData().arrow as { x?: number; y?: number } | undefined;\n\n  const points = () => {\n    const a = alongLen();\n    const p = protrusion();\n    switch (side()) {\n      case \"top\":\n        return `0,0 ${a},0 ${a / 2},${p}`; // 尖端朝下，指向下方的 trigger\n      case \"bottom\":\n        return `0,${p} ${a},${p} ${a / 2},0`; // 尖端朝上\n      case \"left\":\n        return `0,0 0,${a} ${p},${a / 2}`; // 尖端朝右\n      default:\n        return `${p},0 ${p},${a} 0,${a / 2}`; // 尖端朝左\n    }\n  };\n\n  const positionStyle = () => {\n    const p = protrusion();\n    const crossOffset = isVertical()\n      ? (arrowData()?.x ?? 0)\n      : (arrowData()?.y ?? 0);\n    switch (side()) {\n      case \"top\":\n        return { bottom: `-${p}px`, left: `${crossOffset}px` };\n      case \"bottom\":\n        return { top: `-${p}px`, left: `${crossOffset}px` };\n      case \"left\":\n        return { right: `-${p}px`, top: `${crossOffset}px` };\n      default:\n        return { left: `-${p}px`, top: `${crossOffset}px` };\n    }\n  };\n\n  return (\n    <svg\n      ref={ctx.setArrowElement}\n      width={isVertical() ? alongLen() : protrusion()}\n      height={isVertical() ? protrusion() : alongLen()}\n      viewBox={\n        isVertical()\n          ? `0 0 ${alongLen()} ${protrusion()}`\n          : `0 0 ${protrusion()} ${alongLen()}`\n      }\n      data-state={ctx.animationState()}\n      style={{ position: \"absolute\", ...positionStyle() }}\n      class={clsx(\n        \"data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95\",\n        \"text-foreground\",\n        props.class,\n      )}\n      aria-hidden=\"true\"\n    >\n      <polygon points={points()} fill=\"currentColor\" />\n    </svg>\n  );\n}\n"],"mappings":";;;;;AAqCA,SAAgBM,EAAaC,GAA0B;CACrD,IAAMC,IAAMP,EAAyB,cAAc,GAE7CQ,UAAiBF,EAAMJ,SAAS,GAChCO,UAAmBH,EAAMH,UAAU,GAEnCO,UACJH,EAAII,UAAU,CAAC,CAACC,MAAM,GAAG,CAAC,CAAC,IACvBC,UAAmBH,EAAK,MAAM,SAASA,EAAK,MAAM,UAElDI,UACJP,EAAIQ,eAAe,CAAC,CAACC,OAEjBG,UAAe;EACnB,IAAMC,IAAIZ,EAAS,GACba,IAAIZ,EAAW;EACrB,QAAQC,EAAK,GAAb;GACE,KAAK,OACH,OAAO,OAAOU,EAAC,KAAMA,IAAI,EAAC,GAAIC;GAChC,KAAK,UACH,OAAO,KAAKA,EAAC,GAAID,EAAC,GAAIC,EAAC,GAAID,IAAI,EAAC;GAClC,KAAK,QACH,OAAO,SAASA,EAAC,GAAIC,EAAC,GAAID,IAAI;GAChC,SACE,OAAO,GAAGC,EAAC,KAAMA,EAAC,GAAID,EAAC,KAAMA,IAAI;EACrC;CACF,GAEME,UAAsB;EAC1B,IAAMD,IAAIZ,EAAW,GACfc,IAAcV,EAAW,IAC1BC,EAAU,CAAC,EAAEG,KAAK,IAClBH,EAAU,CAAC,EAAEI,KAAK;EACvB,QAAQR,EAAK,GAAb;GACE,KAAK,OACH,OAAO;IAAEc,QAAQ,IAAIH,EAAC;IAAMI,MAAM,GAAGF,EAAW;GAAK;GACvD,KAAK,UACH,OAAO;IAAEG,KAAK,IAAIL,EAAC;IAAMI,MAAM,GAAGF,EAAW;GAAK;GACpD,KAAK,QACH,OAAO;IAAEI,OAAO,IAAIN,EAAC;IAAMK,KAAK,GAAGH,EAAW;GAAK;GACrD,SACE,OAAO;IAAEE,MAAM,IAAIJ,EAAC;IAAMK,KAAK,GAAGH,EAAW;GAAK;EACtD;CACF;CAEA,cAAA;EAAA,IAAAK,IAAAC,EAAA,GAAAC,IAAAF,EAAAG,YAAAC,IAESzB,EAAI0B;EAiBgB,OAjBD,OAAAD,KAAA,aAAAE,EAAAF,GAAAJ,CAAA,IAAnBrB,EAAI0B,kBAAeL,GAAAO,GAAAC,MAAA;GAAA,IAAAC,IACjBxB,EAAW,IAAIL,EAAS,IAAIC,EAAW,GAAC6B,IACvCzB,EAAW,IAAIJ,EAAW,IAAID,EAAS,GAAC+B,IAE9C1B,EAAW,IACP,OAAOL,EAAS,EAAC,GAAIC,EAAW,MAChC,OAAOA,EAAW,EAAC,GAAID,EAAS,KAAGgC,IAE7BjC,EAAIkC,eAAe,GAACC,IACzB;IAAEC,UAAU;IAAY,GAAGrB,EAAc;GAAE,GAACsB,IAC5C7C,EACL,wLACA,mBACAO,EAAMF,KACR,GAACyC,IAGgB1B,EAAO;GAAC,OAAAkB,MAAAD,EAAAU,KAAAC,EAAAnB,GAAA,SAAAQ,EAAAU,IAAAT,CAAA,GAAAC,MAAAF,EAAAY,KAAAD,EAAAnB,GAAA,UAAAQ,EAAAY,IAAAV,CAAA,GAAAC,MAAAH,EAAAhB,KAAA2B,EAAAnB,GAAA,WAAAQ,EAAAhB,IAAAmB,CAAA,GAAAC,MAAAJ,EAAAa,KAAAF,EAAAnB,GAAA,cAAAQ,EAAAa,IAAAT,CAAA,GAAAJ,EAAAc,IAAAC,EAAAvB,GAAAc,GAAAN,EAAAc,CAAA,GAAAN,MAAAR,EAAAgB,KAAAL,EAAAnB,GAAA,SAAAQ,EAAAgB,IAAAR,CAAA,GAAAC,MAAAT,EAAAiB,KAAAN,EAAAjB,GAAA,UAAAM,EAAAiB,IAAAR,CAAA,GAAAT;EAAA,GAAA;GAAAU,GAAAQ,KAAAA;GAAAN,GAAAM,KAAAA;GAAAlC,GAAAkC,KAAAA;GAAAL,GAAAK,KAAAA;GAAAJ,GAAAI,KAAAA;GAAAF,GAAAE,KAAAA;GAAAD,GAAAC,KAAAA;EAAA,CAAA,GAAA1B;CAAA,EAAA,CAAA;AAG/B"}
+{"version":3,"file":"TooltipArrow.js","names":["createMemo","getAlignment","getSide","clsx","useTooltipContentContext","TooltipArrowProps","class","TooltipArrow","props","ctx","side","placement","align","triggerWidth","reference","getBoundingClientRect","width","_el$","_tmpl$","_ref$","setArrowElement","_$use","_$effect","_p$","_v$","_v$2","_v$3","_v$4","e","_$setAttribute","t","a","_$setStyleProperty","o","_$className","undefined"],"sources":["../../../../src/components/tooltip/TooltipArrow/TooltipArrow.tsx"],"sourcesContent":["import { createMemo } from \"solid-js\";\nimport { getAlignment, getSide } from \"~/lib\";\nimport { clsx } from \"~/utils\";\nimport { useTooltipContentContext } from \"../TooltipContent/TooltipContent.context\";\n\nexport interface TooltipArrowProps {\n  class?: string;\n}\n\n/**\n * 箭头组件，必须渲染在 <TooltipContent> 内部。\n * 采用 shadcn Base UI 的定位方式：通过 data-side / data-align 和 CSS 变量\n * 完成贴边与对齐，不手动计算 top/left。\n */\nexport function TooltipArrow(props: TooltipArrowProps) {\n  const ctx = useTooltipContentContext(\"TooltipArrow\");\n\n  const side = createMemo(() => getSide(ctx.placement()));\n  const align = createMemo(() => getAlignment(ctx.placement()) ?? \"center\");\n\n  const triggerWidth = () =>\n    ctx.reference?.()?.getBoundingClientRect().width ?? 0;\n\n  return (\n    <div\n      ref={ctx.setArrowElement}\n      data-side={side()}\n      data-align={align()}\n      style={{ \"--arrow-offset\": `${triggerWidth() / 2}px` }}\n      class={clsx(\n        \"absolute size-2.5 z-50 translate-y-[calc(-50%-2px)] rotate-45 rounded-xs bg-foreground fill-foreground\",\n        \"data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2\",\n        \"data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2\",\n        \"data-[side=left]:top-1/2! data-[side=left]:right-[-0.175rem] data-[side=left]:-translate-y-1/2\",\n        \"data-[side=right]:top-1/2! data-[side=right]:left-[-0.175rem] data-[side=right]:-translate-y-1/2\",\n        \"data-[side=top]:-bottom-2.5 data-[side=top]:data-[align=center]:left-1/2 data-[side=top]:data-[align=center]:-translate-x-1/2 data-[side=top]:data-[align=start]:left-(--arrow-offset) data-[side=top]:data-[align=start]:-translate-x-1/2 data-[side=top]:data-[align=end]:right-(--arrow-offset) data-[side=top]:data-[align=end]:translate-x-1/2\",\n        \"data-[side=bottom]:top-1 data-[side=bottom]:data-[align=center]:left-1/2 data-[side=bottom]:data-[align=center]:-translate-x-1/2 data-[side=bottom]:data-[align=start]:left-(--arrow-offset) data-[side=bottom]:data-[align=start]:-translate-x-1/2 data-[side=bottom]:data-[align=end]:right-(--arrow-offset) data-[side=bottom]:data-[align=end]:translate-x-1/2\",\n        props.class,\n      )}\n      aria-hidden=\"true\"\n    />\n  );\n}\n"],"mappings":";;;;;;;AAcA,SAAgBO,EAAaC,GAA0B;CACrD,IAAMC,IAAML,EAAyB,cAAc,GAE7CM,IAAOV,QAAiBE,EAAQO,EAAIE,UAAU,CAAC,CAAC,GAChDC,IAAQZ,QAAiBC,EAAaQ,EAAIE,UAAU,CAAC,KAAK,QAAQ,GAElEE,UACJJ,EAAIK,YAAY,CAAC,EAAEC,sBAAsB,CAAC,CAACC,SAAS;CAEtD,cAAA;EAAA,IAAAC,IAAAC,EAAA,GAAAC,IAESV,EAAIW;EAaR,OAbuB,OAAAD,KAAA,aAAAE,EAAAF,GAAAF,CAAA,IAAnBR,EAAIW,kBAAeH,GAAAK,GAAAC,MAAA;GAAA,IAAAC,IACbd,EAAK,GAACe,IACLb,EAAM,GAACc,IACQ,GAAGb,EAAa,IAAI,EAAC,KAAIc,IAC7CxB,EACL,0GACA,0GACA,iHACA,kGACA,oGACA,uVACA,sWACAK,EAAMF,KACR;GAAC,OAAAkB,MAAAD,EAAAK,KAAAC,EAAAZ,GAAA,aAAAM,EAAAK,IAAAJ,CAAA,GAAAC,MAAAF,EAAAO,KAAAD,EAAAZ,GAAA,cAAAM,EAAAO,IAAAL,CAAA,GAAAC,MAAAH,EAAAQ,KAAAC,EAAAf,GAAA,kBAAAM,EAAAQ,IAAAL,CAAA,GAAAC,MAAAJ,EAAAU,KAAAC,EAAAjB,GAAAM,EAAAU,IAAAN,CAAA,GAAAJ;EAAA,GAAA;GAAAK,GAAAO,KAAAA;GAAAL,GAAAK,KAAAA;GAAAJ,GAAAI,KAAAA;GAAAF,GAAAE,KAAAA;EAAA,CAAA,GAAAlB;CAAA,EAAA,CAAA;AAIP"}

package/dist/components/tooltip/TooltipContent/TooltipContent.context.d.ts

@@ -3,6 +3,8 @@ import { MiddlewareData, Placement } from '../../../lib';
 export interface TooltipContentContextValue {
     /** createPositioner 产出的 middlewareData，TooltipArrow 从里面取 arrow 中间件算好的偏移量 */
     middlewareData: Accessor<MiddlewareData>;
+    /** 触发器元素访问器，TooltipArrow 用它计算 --arrow-offset */
+    reference: Accessor<Element | undefined>;
     /** 经过 flip 调整后的最终 placement，决定箭头贴哪条边、朝哪个方向 */
     placement: Accessor<Placement>;
     /** TooltipArrow 挂载时用来把自己的 DOM 节点注册给 arrow middleware（Element 而不是 HTMLElement，兼容 SVG 箭头） */

package/dist/components/tooltip/TooltipContent/TooltipContent.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipContent.context.js","names":[],"sources":["../../../../src/components/tooltip/TooltipContent/TooltipContent.context.ts"],"sourcesContent":["import { createContext, useContext, type Accessor } from \"solid-js\";\nimport type { MiddlewareData, Placement } from \"~/lib\";\n\nexport interface TooltipContentContextValue {\n  /** createPositioner 产出的 middlewareData，TooltipArrow 从里面取 arrow 中间件算好的偏移量 */\n  middlewareData: Accessor<MiddlewareData>;\n  /** 经过 flip 调整后的最终 placement，决定箭头贴哪条边、朝哪个方向 */\n  placement: Accessor<Placement>;\n  /** TooltipArrow 挂载时用来把自己的 DOM 节点注册给 arrow middleware（Element 而不是 HTMLElement，兼容 SVG 箭头） */\n  setArrowElement: (el: Element) => void;\n  /**\n   * 驱动进出场动画的状态，和 TooltipContent 内层元素的 data-state 用的是\n   * 同一个信号——TooltipArrow 应该用它独立播放自己的一份动画，而不是依赖\n   * \"作为内层元素的子节点、被动继承内层的 transform/opacity 动画\"这种隐式\n   * 机制（内层的 zoom-in-95 动画会给它加一个非 none 的 transform，CSS 规范\n   * 规定这会让内层变成子元素新的\"包含块\"，和箭头故意跳过内层、以外层为\n   * 基准的设计相冲突，动画播放期间会让\"父子两层谁负责什么\"变得不可靠）。\n   */\n  animationState: Accessor<\"open\" | \"closed\">;\n}\n\nexport const TooltipContentContext =\n  createContext<TooltipContentContextValue>();\n\nexport function useTooltipContentContext(\n  component: string,\n): TooltipContentContextValue {\n  const ctx = useContext(TooltipContentContext);\n  if (!ctx) {\n    throw new Error(`<${component}> 必须渲染在 <TooltipContent> 内部`);\n  }\n  return ctx;\n}\n"],"mappings":";;AAqBA,IAAa,IACX,EAA0C;AAE5C,SAAgB,EACd,GAC4B;CAC5B,IAAM,IAAM,EAAW,CAAqB;CAC5C,IAAI,CAAC,GACH,MAAU,MAAM,IAAI,EAAU,4BAA4B;CAE5D,OAAO;AACT"}
+{"version":3,"file":"TooltipContent.context.js","names":[],"sources":["../../../../src/components/tooltip/TooltipContent/TooltipContent.context.ts"],"sourcesContent":["import { createContext, useContext, type Accessor } from \"solid-js\";\nimport type { MiddlewareData, Placement } from \"~/lib\";\n\nexport interface TooltipContentContextValue {\n  /** createPositioner 产出的 middlewareData，TooltipArrow 从里面取 arrow 中间件算好的偏移量 */\n  middlewareData: Accessor<MiddlewareData>;\n  /** 触发器元素访问器，TooltipArrow 用它计算 --arrow-offset */\n  reference: Accessor<Element | undefined>;\n  /** 经过 flip 调整后的最终 placement，决定箭头贴哪条边、朝哪个方向 */\n  placement: Accessor<Placement>;\n  /** TooltipArrow 挂载时用来把自己的 DOM 节点注册给 arrow middleware（Element 而不是 HTMLElement，兼容 SVG 箭头） */\n  setArrowElement: (el: Element) => void;\n  /**\n   * 驱动进出场动画的状态，和 TooltipContent 内层元素的 data-state 用的是\n   * 同一个信号——TooltipArrow 应该用它独立播放自己的一份动画，而不是依赖\n   * \"作为内层元素的子节点、被动继承内层的 transform/opacity 动画\"这种隐式\n   * 机制（内层的 zoom-in-95 动画会给它加一个非 none 的 transform，CSS 规范\n   * 规定这会让内层变成子元素新的\"包含块\"，和箭头故意跳过内层、以外层为\n   * 基准的设计相冲突，动画播放期间会让\"父子两层谁负责什么\"变得不可靠）。\n   */\n  animationState: Accessor<\"open\" | \"closed\">;\n}\n\nexport const TooltipContentContext =\n  createContext<TooltipContentContextValue>();\n\nexport function useTooltipContentContext(\n  component: string,\n): TooltipContentContextValue {\n  const ctx = useContext(TooltipContentContext);\n  if (!ctx) {\n    throw new Error(`<${component}> 必须渲染在 <TooltipContent> 内部`);\n  }\n  return ctx;\n}\n"],"mappings":";;AAuBA,IAAa,IACX,EAA0C;AAE5C,SAAgB,EACd,GAC4B;CAC5B,IAAM,IAAM,EAAW,CAAqB;CAC5C,IAAI,CAAC,GACH,MAAU,MAAM,IAAI,EAAU,4BAA4B;CAE5D,OAAO;AACT"}