@xihan-ui/vue 1.0.0 → 2.0.0

package/dist/components/flex/flex.d.ts

@@ -1,63 +1,54 @@
-import { PropType } from "vue";
+import { PropType, SlotsType, VNode } from "vue";
 import { FlexProps } from "@xihan-ui/headless";
 //#region src/components/flex/flex.d.ts
+/**
+ * 分隔符部件。写 `split` 插槽时组件在每道缝隙中自动铺设一个，
+ * 手写它也能得到同一种结构：两条路径产出的 DOM 完全一致。
+ */
+declare const XhFlexSplit: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhFlex: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   orientation: {
     type: PropType<FlexProps["orientation"]>;
-    default: undefined;
-  };
-  direction: {
-    type: PropType<FlexProps["direction"]>;
-    default: undefined;
   };
   align: {
     type: PropType<FlexProps["align"]>;
-    default: undefined;
   };
   justify: {
     type: PropType<FlexProps["justify"]>;
-    default: undefined;
   };
   gap: {
     type: PropType<FlexProps["gap"]>;
-    default: undefined;
   };
   wrap: BooleanConstructor;
   inline: BooleanConstructor;
-}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   orientation: {
     type: PropType<FlexProps["orientation"]>;
-    default: undefined;
-  };
-  direction: {
-    type: PropType<FlexProps["direction"]>;
-    default: undefined;
   };
   align: {
     type: PropType<FlexProps["align"]>;
-    default: undefined;
   };
   justify: {
     type: PropType<FlexProps["justify"]>;
-    default: undefined;
   };
   gap: {
     type: PropType<FlexProps["gap"]>;
-    default: undefined;
   };
   wrap: BooleanConstructor;
   inline: BooleanConstructor;
 }>> & Readonly<{}>, {
-  orientation: import("@xihan-ui/kernel").Orientation | undefined;
   wrap: boolean;
-  direction: import("@xihan-ui/headless").FlexDirection | undefined;
-  align: import("@xihan-ui/headless").FlexAlign | undefined;
-  justify: import("@xihan-ui/headless").FlexJustify | undefined;
-  gap: import("@xihan-ui/headless").FlexGap | undefined;
   inline: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, SlotsType<{
+  /** 子项，按写入的顺序排列。 */
+  default?: () => VNode[];
+  /** 分隔符的内容：写了它，组件在每两个子项之间各铺设一个分隔符部件，逐缝隙重新求值一次。 */
+  split?: () => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
-export { XhFlex };
+export { XhFlex, XhFlexSplit };
 //# sourceMappingURL=flex.d.ts.map

package/dist/components/flex/flex.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flex.d.ts","names":[],"sources":["../../../src/components/flex/flex.ts"],"mappings":";;;cAMa,sBAAM,8BAAA;;IAIgB,MAAA,SAAS;;;;IACX,MAAA,SAAS;;;;IACb,MAAA,SAAS;;;;IACP,MAAA,SAAS;;;;IACb,MAAA,SAAS;;;;;;;;;IAJD,MAAA,SAAS;;;;IACX,MAAA,SAAS;;;;IACb,MAAA,SAAS;;;;IACP,MAAA,SAAS;;;;IACb,MAAA,SAAS;;;;;;;;;;;;;qCAWlC"}
+{"version":3,"file":"flex.d.ts","names":[],"sources":["../../../src/components/flex/flex.ts"],"mappings":";;;;;;;cAkBa,2BAAW,0BAAA,oBAAA,4BAAA;;8BAMtB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAyCW,sBAAM,8BAAA;;IAIgB,MAAA,SAAS;;;IACf,MAAA,SAAS;;;IACP,MAAA,SAAS;;;IACb,MAAA,SAAS;;;;;;;;IAHD,MAAA,SAAS;;;IACf,MAAA,SAAS;;;IACP,MAAA,SAAS;;;IACb,MAAA,SAAS;;;;;;;;;EAMtB,gBAAM;;EAER,cAAM;kCAYhB"}

package/dist/components/flex/flex.js

@@ -1,38 +1,75 @@
 import { vueNormalize } from "../../runtime/normalize-props.js";
-import { defineComponent, h } from "vue";
+import { provideFlex, useFlexContext } from "./context.js";
+import { Comment, Fragment, Text, computed, defineComponent, h } from "vue";
 import { connectFlex } from "@xihan-ui/headless";
 //#region src/components/flex/flex.ts
+/**
+* 分隔符部件。写 `split` 插槽时组件在每道缝隙中自动铺设一个，
+* 手写它也能得到同一种结构：两条路径产出的 DOM 完全一致。
+*/
+const XhFlexSplit = defineComponent({
+	name: "XhFlexSplit",
+	setup(_, { slots }) {
+		const ctx = useFlexContext();
+		return () => h("span", ctx.api.value.getSplitProps(), slots.default?.());
+	}
+});
+/**
+* 把默认插槽摊平为一个个子项。
+*
+* `v-for` 产出的是一个片段而不是若干节点，不摊平就整段算一个子项，分隔符只会插在整段的两端；
+* `v-if` 为假留下的注释节点与模板缩进留下的空白文本不渲染任何像素，保留会插出两条相邻的分隔符。
+*/
+function flexItems(nodes) {
+	const items = [];
+	for (const node of nodes) {
+		if (node.type === Comment) continue;
+		if (node.type === Text) {
+			if (String(node.children ?? "").trim() !== "") items.push(node);
+			continue;
+		}
+		if (node.type === Fragment && Array.isArray(node.children)) {
+			items.push(...flexItems(node.children));
+			continue;
+		}
+		items.push(node);
+	}
+	return items;
+}
+/**
+* 在每两个子项之间铺设一个分隔符部件。
+* 插槽逐缝隙重新求值：同一份 vnode 挂在两处会被后一处替换。
+*/
+function interleave(items, split) {
+	const out = [];
+	items.forEach((item, index) => {
+		if (index > 0) out.push(h(XhFlexSplit, { key: `xh-flex-split-${index}` }, () => split()));
+		out.push(item);
+	});
+	return out;
+}
 const XhFlex = defineComponent({
 	name: "XhFlex",
 	props: {
-		orientation: {
-			type: String,
-			default: void 0
-		},
-		direction: {
-			type: String,
-			default: void 0
-		},
-		align: {
-			type: String,
-			default: void 0
-		},
-		justify: {
-			type: String,
-			default: void 0
-		},
-		gap: {
-			type: String,
-			default: void 0
-		},
+		orientation: { type: String },
+		align: { type: String },
+		justify: { type: String },
+		gap: { type: String },
 		wrap: Boolean,
 		inline: Boolean
 	},
+	slots: Object,
 	setup(props, { slots }) {
-		return () => h("div", connectFlex(props, vueNormalize).getRootProps(), slots.default?.());
+		const api = computed(() => connectFlex(props, vueNormalize));
+		provideFlex({ api });
+		return () => {
+			const children = slots.default?.() ?? [];
+			const content = slots.split ? interleave(flexItems(children), slots.split) : children;
+			return h("div", api.value.getRootProps(), content);
+		};
 	}
 });
 //#endregion
-export { XhFlex };
+export { XhFlex, XhFlexSplit };
 
 //# sourceMappingURL=flex.js.map

package/dist/components/flex/flex.js.map

@@ -1 +1 @@
-{"version":3,"file":"flex.js","names":[],"sources":["../../../src/components/flex/flex.ts"],"sourcesContent":["import type { FlexProps } from '@xihan-ui/headless'\nimport type { PropType } from 'vue'\nimport { connectFlex } from '@xihan-ui/headless'\nimport { defineComponent, h } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\n\nexport const XhFlex = defineComponent({\n  name: 'XhFlex',\n  // 有 connect 兜底的 prop 一律 default: undefined\n  props: {\n    orientation: { type: String as PropType<FlexProps['orientation']>, default: undefined },\n    direction: { type: String as PropType<FlexProps['direction']>, default: undefined },\n    align: { type: String as PropType<FlexProps['align']>, default: undefined },\n    justify: { type: String as PropType<FlexProps['justify']>, default: undefined },\n    gap: { type: String as PropType<FlexProps['gap']>, default: undefined },\n    wrap: Boolean,\n    inline: Boolean,\n  },\n  setup(props, { slots }) {\n    return () => h(\n      'div',\n      connectFlex(props as FlexProps, vueNormalize).getRootProps() as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n"],"mappings":";;;;AAMA,MAAa,SAAS,gBAAgB;CACpC,MAAM;CAEN,OAAO;EACL,aAAa;GAAE,MAAM;GAA8C,SAAS,KAAA;EAAU;EACtF,WAAW;GAAE,MAAM;GAA4C,SAAS,KAAA;EAAU;EAClF,OAAO;GAAE,MAAM;GAAwC,SAAS,KAAA;EAAU;EAC1E,SAAS;GAAE,MAAM;GAA0C,SAAS,KAAA;EAAU;EAC9E,KAAK;GAAE,MAAM;GAAsC,SAAS,KAAA;EAAU;EACtE,MAAM;EACN,QAAQ;CACV;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,aAAa,EACX,OACA,YAAY,OAAoB,YAAY,CAAC,CAAC,aAAa,GAC3D,MAAM,UAAU,CAClB;CACF;AACF,CAAC"}
+{"version":3,"file":"flex.js","names":[],"sources":["../../../src/components/flex/flex.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 flex 相关实现。\n\nimport type { FlexProps } from '@xihan-ui/headless'\nimport type { PropType, Slot, SlotsType, VNode } from 'vue'\nimport { connectFlex } from '@xihan-ui/headless'\nimport { Comment, computed, defineComponent, Fragment, h, Text } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { provideFlex, useFlexContext } from './context'\n\n/**\n * 分隔符部件。写 `split` 插槽时组件在每道缝隙中自动铺设一个，\n * 手写它也能得到同一种结构：两条路径产出的 DOM 完全一致。\n */\nexport const XhFlexSplit = defineComponent({\n  name: 'XhFlexSplit',\n  setup(_, { slots }) {\n    const ctx = useFlexContext()\n    return () => h('span', ctx.api.value.getSplitProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/**\n * 把默认插槽摊平为一个个子项。\n *\n * `v-for` 产出的是一个片段而不是若干节点，不摊平就整段算一个子项，分隔符只会插在整段的两端；\n * `v-if` 为假留下的注释节点与模板缩进留下的空白文本不渲染任何像素，保留会插出两条相邻的分隔符。\n */\nfunction flexItems(nodes: readonly VNode[]): VNode[] {\n  const items: VNode[] = []\n  for (const node of nodes) {\n    if (node.type === Comment)\n      continue\n    if (node.type === Text) {\n      if (String(node.children ?? '').trim() !== '')\n        items.push(node)\n      continue\n    }\n    if (node.type === Fragment && Array.isArray(node.children)) {\n      items.push(...flexItems(node.children as VNode[]))\n      continue\n    }\n    items.push(node)\n  }\n  return items\n}\n\n/**\n * 在每两个子项之间铺设一个分隔符部件。\n * 插槽逐缝隙重新求值：同一份 vnode 挂在两处会被后一处替换。\n */\nfunction interleave(items: readonly VNode[], split: Slot): VNode[] {\n  const out: VNode[] = []\n  items.forEach((item, index) => {\n    if (index > 0)\n      out.push(h(XhFlexSplit, { key: `xh-flex-split-${index}` }, () => split()))\n    out.push(item)\n  })\n  return out\n}\n\nexport const XhFlex = defineComponent({\n  name: 'XhFlex',\n  // 有 connect 兜底的 prop：普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    orientation: { type: String as PropType<FlexProps['orientation']> },\n    align: { type: String as PropType<FlexProps['align']> },\n    justify: { type: String as PropType<FlexProps['justify']> },\n    gap: { type: String as PropType<FlexProps['gap']> },\n    wrap: Boolean,\n    inline: Boolean,\n  },\n  slots: Object as SlotsType<{\n    /** 子项，按写入的顺序排列。 */\n    default?: () => VNode[]\n    /** 分隔符的内容：写了它，组件在每两个子项之间各铺设一个分隔符部件，逐缝隙重新求值一次。 */\n    split?: () => VNode[]\n  }>,\n  setup(props, { slots }) {\n    const api = computed(() => connectFlex(props as FlexProps, vueNormalize))\n    provideFlex({ api })\n    return () => {\n      const children = slots.default?.() ?? []\n      // 没写分隔符插槽时原样交出去，不摊平：摊平会打散 v-for 的片段，白白丢掉它的复用信息\n      const content = slots.split ? interleave(flexItems(children), slots.split) : children\n      return h('div', api.value.getRootProps() as Record<string, unknown>, content)\n    }\n  },\n})\n"],"mappings":";;;;;;;;;AAkBA,MAAa,cAAc,gBAAgB;CACzC,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,eAAe;EAC3B,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACpG;AACF,CAAC;;;;;;;AAQD,SAAS,UAAU,OAAkC;CACnD,MAAM,QAAiB,CAAC;CACxB,KAAK,MAAM,QAAQ,OAAO;EACxB,IAAI,KAAK,SAAS,SAChB;EACF,IAAI,KAAK,SAAS,MAAM;GACtB,IAAI,OAAO,KAAK,YAAY,EAAE,CAAC,CAAC,KAAK,MAAM,IACzC,MAAM,KAAK,IAAI;GACjB;EACF;EACA,IAAI,KAAK,SAAS,YAAY,MAAM,QAAQ,KAAK,QAAQ,GAAG;GAC1D,MAAM,KAAK,GAAG,UAAU,KAAK,QAAmB,CAAC;GACjD;EACF;EACA,MAAM,KAAK,IAAI;CACjB;CACA,OAAO;AACT;;;;;AAMA,SAAS,WAAW,OAAyB,OAAsB;CACjE,MAAM,MAAe,CAAC;CACtB,MAAM,SAAS,MAAM,UAAU;EAC7B,IAAI,QAAQ,GACV,IAAI,KAAK,EAAE,aAAa,EAAE,KAAK,iBAAiB,QAAQ,SAAS,MAAM,CAAC,CAAC;EAC3E,IAAI,KAAK,IAAI;CACf,CAAC;CACD,OAAO;AACT;AAEA,MAAa,SAAS,gBAAgB;CACpC,MAAM;CAEN,OAAO;EACL,aAAa,EAAE,MAAM,OAA6C;EAClE,OAAO,EAAE,MAAM,OAAuC;EACtD,SAAS,EAAE,MAAM,OAAyC;EAC1D,KAAK,EAAE,MAAM,OAAqC;EAClD,MAAM;EACN,QAAQ;CACV;CACA,OAAO;CAMP,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,eAAe,YAAY,OAAoB,YAAY,CAAC;EACxE,YAAY,EAAE,IAAI,CAAC;EACnB,aAAa;GACX,MAAM,WAAW,MAAM,UAAU,KAAK,CAAC;GAEvC,MAAM,UAAU,MAAM,QAAQ,WAAW,UAAU,QAAQ,GAAG,MAAM,KAAK,IAAI;GAC7E,OAAO,EAAE,OAAO,IAAI,MAAM,aAAa,GAA8B,OAAO;EAC9E;CACF;AACF,CAAC"}

package/dist/components/float-button/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/components/float-button/context.ts"],"mappings":";;iBAMgB,mBAAmB,KAAK;iBAIxB,yBAAyB"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/components/float-button/context.ts"],"mappings":";;iBAagB,mBAAmB,KAAK;iBAIxB,yBAAyB"}

package/dist/components/float-button/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/float-button/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { FloatButtonContext } from './use-float-button'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<FloatButtonContext> = Symbol.for('xh-float-button')\n\nexport function provideFloatButton(ctx: FloatButtonContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useFloatButtonContext(): FloatButtonContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] FloatButton 部件必须用在 XhFloatButtonRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAwC,OAAO,IAAI,iBAAiB;AAE1E,SAAgB,mBAAmB,KAA+B;CAChE,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,wBAA4C;CAC1D,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,6CAA6C;CAC/D,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/float-button/context.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 context 相关实现。\n\nimport type { InjectionKey } from 'vue'\nimport type { FloatButtonContext } from './use-float-button'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<FloatButtonContext> = Symbol.for('xh-float-button')\n\nexport function provideFloatButton(ctx: FloatButtonContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useFloatButtonContext(): FloatButtonContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] FloatButton 部件必须用在 XhFloatButtonRoot 内')\n  return ctx\n}\n"],"mappings":";;AAWA,MAAM,MAAwC,OAAO,IAAI,iBAAiB;AAE1E,SAAgB,mBAAmB,KAA+B;CAChE,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,wBAA4C;CAC1D,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,6CAA6C;CAC/D,OAAO;AACT"}

package/dist/components/float-button/float-button.d.ts

@@ -1,10 +1,11 @@
 import { PayloadOf } from "../../runtime/payload.js";
 import { PropType, SlotsType, VNode } from "vue";
-import { FloatButtonApi, FloatButtonExpandTrigger, FloatButtonPlacement, FloatButtonProps, FloatButtonShape, FloatButtonTranslations } from "@xihan-ui/headless";
+import { ActionVariant, Direction, Size, Tone } from "@xihan-ui/core";
+import { FloatButtonApi, FloatButtonExpandTrigger, FloatButtonPlacement, FloatButtonProps, FloatButtonTranslations } from "@xihan-ui/headless";
 //#region src/components/float-button/float-button.d.ts
-/** 默认插槽的载荷：展开的那一组此刻露不露面，以及改写展开状态的动作。 */
+/** 默认插槽的载荷：展开组当前是否显示，以及改写展开状态的动作。 */
 type FloatButtonRootSlotProps = Pick<FloatButtonApi, 'open' | 'setOpen'>;
-/** 根节点是定位壳：把整组钉在视口一角，悬停展开时进出它才算数。 */
+/** 根节点是定位壳：把整组固定在视口一角，悬停展开时以进出它为准。 */
 declare const XhFloatButtonRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   open: {
     type: BooleanConstructor;
@@ -12,25 +13,29 @@ declare const XhFloatButtonRoot: import("vue").DefineComponent<import("vue").Ext
   };
   defaultOpen: BooleanConstructor;
   disabled: BooleanConstructor;
+  dir: {
+    type: PropType<Direction>;
+  };
   placement: {
     type: PropType<FloatButtonPlacement>;
-    default: undefined;
   };
   offset: {
     type: NumberConstructor;
-    default: undefined;
-  };
-  shape: {
-    type: PropType<FloatButtonShape>;
-    default: undefined;
   };
   expandTrigger: {
     type: PropType<FloatButtonExpandTrigger>;
-    default: undefined;
+  };
+  variant: {
+    type: PropType<ActionVariant>;
+  };
+  tone: {
+    type: PropType<Tone>;
+  };
+  size: {
+    type: PropType<Size>;
   };
   translations: {
     type: PropType<Partial<FloatButtonTranslations>>;
-    default: undefined;
   };
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
@@ -44,38 +49,37 @@ declare const XhFloatButtonRoot: import("vue").DefineComponent<import("vue").Ext
   };
   defaultOpen: BooleanConstructor;
   disabled: BooleanConstructor;
+  dir: {
+    type: PropType<Direction>;
+  };
   placement: {
     type: PropType<FloatButtonPlacement>;
-    default: undefined;
   };
   offset: {
     type: NumberConstructor;
-    default: undefined;
-  };
-  shape: {
-    type: PropType<FloatButtonShape>;
-    default: undefined;
   };
   expandTrigger: {
     type: PropType<FloatButtonExpandTrigger>;
-    default: undefined;
+  };
+  variant: {
+    type: PropType<ActionVariant>;
+  };
+  tone: {
+    type: PropType<Tone>;
+  };
+  size: {
+    type: PropType<Size>;
   };
   translations: {
     type: PropType<Partial<FloatButtonTranslations>>;
-    default: undefined;
   };
 }>> & Readonly<{
   "onOpen-change"?: ((_details: import("@xihan-ui/headless").CollapsibleOpenChangeDetails) => any) | undefined;
   "onUpdate:open"?: ((_open: boolean) => any) | undefined;
 }>, {
   disabled: boolean;
-  offset: number;
-  translations: Partial<FloatButtonTranslations>;
   open: boolean;
   defaultOpen: boolean;
-  expandTrigger: FloatButtonExpandTrigger;
-  placement: FloatButtonPlacement;
-  shape: FloatButtonShape;
 }, SlotsType<{
   default?: (props: FloatButtonRootSlotProps) => VNode[];
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -83,7 +87,7 @@ declare const XhFloatButtonRoot: import("vue").DefineComponent<import("vue").Ext
 declare const XhFloatButtonTrigger: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-/** 展开的那一组动作；收起时带 hidden，里面的按钮一并退出 Tab 序列。 */
+/** 展开的动作组；收起时带 hidden，其中的按钮一并退出 Tab 序列。 */
 declare const XhFloatButtonList: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/float-button/float-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"float-button.d.ts","names":[],"sources":["../../../src/components/float-button/float-button.ts"],"mappings":";;;;;KAiBY,2BAA2B,KAAK;;cAG/B,iCAAiB,8BAAA;;;;;;;;IAOG,MAAA,SAAS;;;;;;;;IAEb,MAAA,SAAS;;;;IACD,MAAA,SAAS;;;;IACV,MAAA,SAAS,QAAQ;;;;;;EAIvB,gBAAA,UAAA,UAAU;EACb,gBAAA,OAAA,UAAU;;;;;;;;;IATJ,MAAA,SAAS;;;;;;;;IAEb,MAAA,SAAS;;;;IACD,MAAA,SAAS;;;;IACV,MAAA,SAAS,QAAQ;;;;;;;;;;;;;;;;EAQvC,WAAC,OAAO,6BAA6B;kCAgBjD;;cAGW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAM/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"float-button.d.ts","names":[],"sources":["../../../src/components/float-button/float-button.ts"],"mappings":";;;;;;KAwBY,2BAA2B,KAAK;;cAG/B,iCAAiB,8BAAA;;;;;;;;IAOH,MAAA,SAAS;;;IACH,MAAA,SAAS;;;;;;IAEL,MAAA,SAAS;;;IACf,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACD,MAAA,SAAS,QAAQ;;;;;EAIvB,gBAAA,UAAA,UAAU;EACb,gBAAA,OAAA,UAAU;;;;;;;;;IAZV,MAAA,SAAS;;;IACH,MAAA,SAAS;;;;;;IAEL,MAAA,SAAS;;;IACf,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACD,MAAA,SAAS,QAAQ;;;;;;;;;;EAQvC,WAAC,OAAO,6BAA6B;kCAgBjD;;cAGW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAM/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/float-button/float-button.js

@@ -3,7 +3,7 @@ import { provideFloatButton, useFloatButtonContext } from "./context.js";
 import { useFloatButton } from "./use-float-button.js";
 import { defineComponent, h } from "vue";
 //#region src/components/float-button/float-button.ts
-/** 根节点是定位壳：把整组钉在视口一角，悬停展开时进出它才算数。 */
+/** 根节点是定位壳：把整组固定在视口一角，悬停展开时以进出它为准。 */
 const XhFloatButtonRoot = defineComponent({
 	name: "XhFloatButtonRoot",
 	props: {
@@ -13,26 +13,14 @@ const XhFloatButtonRoot = defineComponent({
 		},
 		defaultOpen: Boolean,
 		disabled: Boolean,
-		placement: {
-			type: String,
-			default: void 0
-		},
-		offset: {
-			type: Number,
-			default: void 0
-		},
-		shape: {
-			type: String,
-			default: void 0
-		},
-		expandTrigger: {
-			type: String,
-			default: void 0
-		},
-		translations: {
-			type: Object,
-			default: void 0
-		}
+		dir: { type: String },
+		placement: { type: String },
+		offset: { type: Number },
+		expandTrigger: { type: String },
+		variant: { type: String },
+		tone: { type: String },
+		size: { type: String },
+		translations: { type: Object }
 	},
 	emits: {
 		"open-change": (_details) => true,
@@ -45,7 +33,10 @@ const XhFloatButtonRoot = defineComponent({
 			emit("update:open", details.open);
 		} });
 		provideFloatButton(ctx);
-		return () => h("div", ctx.api.value.getRootProps(), slots.default?.({
+		return () => h("div", {
+			...ctx.api.value.getRootProps(),
+			ref: ctx.rootRef
+		}, slots.default?.({
 			open: ctx.api.value.open,
 			setOpen: ctx.api.value.setOpen
 		}));
@@ -59,7 +50,7 @@ const XhFloatButtonTrigger = defineComponent({
 		return () => h("button", ctx.api.value.getTriggerProps(), slots.default?.());
 	}
 });
-/** 展开的那一组动作；收起时带 hidden，里面的按钮一并退出 Tab 序列。 */
+/** 展开的动作组；收起时带 hidden，其中的按钮一并退出 Tab 序列。 */
 const XhFloatButtonList = defineComponent({
 	name: "XhFloatButtonList",
 	setup(_, { slots }) {

package/dist/components/float-button/float-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"float-button.js","names":[],"sources":["../../../src/components/float-button/float-button.ts"],"sourcesContent":["import type {\n  FloatButtonApi,\n  FloatButtonExpandTrigger,\n  FloatButtonNotifiers,\n  FloatButtonPlacement,\n  FloatButtonProps,\n  FloatButtonShape,\n  FloatButtonTranslations,\n} from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { provideFloatButton, useFloatButtonContext } from './context'\nimport { useFloatButton } from './use-float-button'\n\n/** 默认插槽的载荷：展开的那一组此刻露不露面，以及改写展开状态的动作。 */\nexport type FloatButtonRootSlotProps = Pick<FloatButtonApi, 'open' | 'setOpen'>\n\n/** 根节点是定位壳：把整组钉在视口一角，悬停展开时进出它才算数。 */\nexport const XhFloatButtonRoot = defineComponent({\n  name: 'XhFloatButtonRoot',\n  // 缺省值由机器与 connect 决定，这里一律 default: undefined\n  props: {\n    open: { type: Boolean, default: undefined },\n    defaultOpen: Boolean,\n    disabled: Boolean,\n    placement: { type: String as PropType<FloatButtonPlacement>, default: undefined },\n    offset: { type: Number, default: undefined },\n    shape: { type: String as PropType<FloatButtonShape>, default: undefined },\n    expandTrigger: { type: String as PropType<FloatButtonExpandTrigger>, default: undefined },\n    translations: { type: Object as PropType<Partial<FloatButtonTranslations>>, default: undefined },\n  },\n  // open-change 携带 { open }，update:open 携带裸布尔\n  emits: {\n    'open-change': (_details: PayloadOf<FloatButtonProps, 'onOpenChange'>) => true,\n    'update:open': (_open: PayloadOf<FloatButtonProps, 'onOpenChange'>['open']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: FloatButtonRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notify: FloatButtonNotifiers = {\n      onOpenChange: (details) => {\n        emit('open-change', details)\n        emit('update:open', details.open)\n      },\n    }\n    const ctx = useFloatButton(withXhConfig('float-button', props) as FloatButtonProps, notify)\n    provideFloatButton(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      open: ctx.api.value.open,\n      setOpen: ctx.api.value.setOpen,\n    }))\n  },\n})\n\n/** 原生 button：Enter / Space 的激活与 Tab 停靠都由平台提供。 */\nexport const XhFloatButtonTrigger = defineComponent({\n  name: 'XhFloatButtonTrigger',\n  setup(_, { slots }) {\n    const ctx = useFloatButtonContext()\n    return () => h('button', ctx.api.value.getTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/** 展开的那一组动作；收起时带 hidden，里面的按钮一并退出 Tab 序列。 */\nexport const XhFloatButtonList = defineComponent({\n  name: 'XhFloatButtonList',\n  setup(_, { slots }) {\n    const ctx = useFloatButtonContext()\n    return () => h('div', ctx.api.value.getListProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":";;;;;;AAoBA,MAAa,oBAAoB,gBAAgB;CAC/C,MAAM;CAEN,OAAO;EACL,MAAM;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC1C,aAAa;EACb,UAAU;EACV,WAAW;GAAE,MAAM;GAA0C,SAAS,KAAA;EAAU;EAChF,QAAQ;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAC3C,OAAO;GAAE,MAAM;GAAsC,SAAS,KAAA;EAAU;EACxE,eAAe;GAAE,MAAM;GAA8C,SAAS,KAAA;EAAU;EACxF,cAAc;GAAE,MAAM;GAAsD,SAAS,KAAA;EAAU;CACjG;CAEA,OAAO;EACL,gBAAgB,aAA0D;EAC1E,gBAAgB,UAA+D;CACjF;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,OAAO,QAAQ;EAO5B,MAAM,MAAM,eAAe,aAAa,gBAAgB,KAAK,GAAuB,EALlF,eAAe,YAAY;GACzB,KAAK,eAAe,OAAO;GAC3B,KAAK,eAAe,QAAQ,IAAI;EAClC,EAEuF,CAAC;EAC1F,mBAAmB,GAAG;EACtB,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU;GAC7F,MAAM,IAAI,IAAI,MAAM;GACpB,SAAS,IAAI,IAAI,MAAM;EACzB,CAAC,CAAC;CACJ;AACF,CAAC;;AAGD,MAAa,uBAAuB,gBAAgB;CAClD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,sBAAsB;EAClC,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,gBAAgB,GAA8B,MAAM,UAAU,CAAC;CACxG;AACF,CAAC;;AAGD,MAAa,oBAAoB,gBAAgB;CAC/C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,sBAAsB;EAClC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CAClG;AACF,CAAC"}
+{"version":3,"file":"float-button.js","names":[],"sources":["../../../src/components/float-button/float-button.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 float button 相关实现。\n\nimport type { ActionVariant, Direction, Size, Tone } from '@xihan-ui/core'\nimport type {\n  FloatButtonApi,\n  FloatButtonExpandTrigger,\n  FloatButtonNotifiers,\n  FloatButtonPlacement,\n  FloatButtonProps,\n  FloatButtonTranslations,\n} from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { provideFloatButton, useFloatButtonContext } from './context'\nimport { useFloatButton } from './use-float-button'\n\n/** 默认插槽的载荷：展开组当前是否显示，以及改写展开状态的动作。 */\nexport type FloatButtonRootSlotProps = Pick<FloatButtonApi, 'open' | 'setOpen'>\n\n/** 根节点是定位壳：把整组固定在视口一角，悬停展开时以进出它为准。 */\nexport const XhFloatButtonRoot = defineComponent({\n  name: 'XhFloatButtonRoot',\n  // 缺省值由机器与 connect 决定；普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    open: { type: Boolean, default: undefined },\n    defaultOpen: Boolean,\n    disabled: Boolean,\n    dir: { type: String as PropType<Direction> },\n    placement: { type: String as PropType<FloatButtonPlacement> },\n    offset: { type: Number },\n    expandTrigger: { type: String as PropType<FloatButtonExpandTrigger> },\n    variant: { type: String as PropType<ActionVariant> },\n    tone: { type: String as PropType<Tone> },\n    size: { type: String as PropType<Size> },\n    translations: { type: Object as PropType<Partial<FloatButtonTranslations>> },\n  },\n  // open-change 携带 { open }，update:open 携带裸布尔\n  emits: {\n    'open-change': (_details: PayloadOf<FloatButtonProps, 'onOpenChange'>) => true,\n    'update:open': (_open: PayloadOf<FloatButtonProps, 'onOpenChange'>['open']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: FloatButtonRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notify: FloatButtonNotifiers = {\n      onOpenChange: (details) => {\n        emit('open-change', details)\n        emit('update:open', details.open)\n      },\n    }\n    const ctx = useFloatButton(withXhConfig('float-button', props) as FloatButtonProps, notify)\n    provideFloatButton(ctx)\n    return () => h('div', { ...ctx.api.value.getRootProps() as Record<string, unknown>, ref: ctx.rootRef }, slots.default?.({\n      open: ctx.api.value.open,\n      setOpen: ctx.api.value.setOpen,\n    }))\n  },\n})\n\n/** 原生 button：Enter / Space 的激活与 Tab 停靠都由平台提供。 */\nexport const XhFloatButtonTrigger = defineComponent({\n  name: 'XhFloatButtonTrigger',\n  setup(_, { slots }) {\n    const ctx = useFloatButtonContext()\n    return () => h('button', ctx.api.value.getTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/** 展开的动作组；收起时带 hidden，其中的按钮一并退出 Tab 序列。 */\nexport const XhFloatButtonList = defineComponent({\n  name: 'XhFloatButtonList',\n  setup(_, { slots }) {\n    const ctx = useFloatButtonContext()\n    return () => h('div', ctx.api.value.getListProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":";;;;;;AA2BA,MAAa,oBAAoB,gBAAgB;CAC/C,MAAM;CAEN,OAAO;EACL,MAAM;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC1C,aAAa;EACb,UAAU;EACV,KAAK,EAAE,MAAM,OAA8B;EAC3C,WAAW,EAAE,MAAM,OAAyC;EAC5D,QAAQ,EAAE,MAAM,OAAO;EACvB,eAAe,EAAE,MAAM,OAA6C;EACpE,SAAS,EAAE,MAAM,OAAkC;EACnD,MAAM,EAAE,MAAM,OAAyB;EACvC,MAAM,EAAE,MAAM,OAAyB;EACvC,cAAc,EAAE,MAAM,OAAqD;CAC7E;CAEA,OAAO;EACL,gBAAgB,aAA0D;EAC1E,gBAAgB,UAA+D;CACjF;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,OAAO,QAAQ;EAO5B,MAAM,MAAM,eAAe,aAAa,gBAAgB,KAAK,GAAuB,EALlF,eAAe,YAAY;GACzB,KAAK,eAAe,OAAO;GAC3B,KAAK,eAAe,QAAQ,IAAI;EAClC,EAEuF,CAAC;EAC1F,mBAAmB,GAAG;EACtB,aAAa,EAAE,OAAO;GAAE,GAAG,IAAI,IAAI,MAAM,aAAa;GAA8B,KAAK,IAAI;EAAQ,GAAG,MAAM,UAAU;GACtH,MAAM,IAAI,IAAI,MAAM;GACpB,SAAS,IAAI,IAAI,MAAM;EACzB,CAAC,CAAC;CACJ;AACF,CAAC;;AAGD,MAAa,uBAAuB,gBAAgB;CAClD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,sBAAsB;EAClC,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,gBAAgB,GAA8B,MAAM,UAAU,CAAC;CACxG;AACF,CAAC;;AAGD,MAAa,oBAAoB,gBAAgB;CAC/C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,sBAAsB;EAClC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CAClG;AACF,CAAC"}

package/dist/components/float-button/use-float-button.d.ts

@@ -1,14 +1,14 @@
-import { ComputedRef } from "vue";
-import { CollapsibleSchema, FloatButtonApi, FloatButtonNotifiers, FloatButtonProps } from "@xihan-ui/headless";
-import { Service } from "@xihan-ui/machine";
+import { ComputedRef, Ref } from "vue";
+import { Service } from "@xihan-ui/core";
+import { FloatButtonApi, FloatButtonNotifiers, FloatButtonProps, FloatButtonSchema } from "@xihan-ui/headless";
 //#region src/components/float-button/use-float-button.d.ts
 interface FloatButtonContext {
   api: ComputedRef<FloatButtonApi>;
-  service: Service<CollapsibleSchema>;
+  service: Service<FloatButtonSchema>;
+  rootRef: Ref<HTMLElement | null>;
 }
 /**
- * 开合、受控回写与通知全交给 collapsible 机器：一颗触发器管着一组内容的开合，正是那台机器的活儿。
- * 落位、外形与展开方式不入机器，直接进 connect——它们不改开合。
+ * 专用状态机持有开合与逻辑层生命周期；Vue 只桥接所属 Document 的配置、登记函数与 root ref。
  */
 declare function useFloatButton(props: FloatButtonProps, notify?: FloatButtonNotifiers): FloatButtonContext;
 //#endregion

package/dist/components/float-button/use-float-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-float-button.d.ts","names":[],"sources":["../../../src/components/float-button/use-float-button.ts"],"mappings":";;;;UAUiB;EACf,KAAK,YAAY;EACjB,SAAS,QAAQ;;;;;;iBAOH,eACd,OAAO,kBACP,SAAS,uBACR"}
+{"version":3,"file":"use-float-button.d.ts","names":[],"sources":["../../../src/components/float-button/use-float-button.ts"],"mappings":";;;;UAiBiB;EACf,KAAK,YAAY;EACjB,SAAS,QAAQ;EACjB,SAAS,IAAI;;;;;iBAMC,eACd,OAAO,kBACP,SAAS,uBACR"}

package/dist/components/float-button/use-float-button.js

@@ -1,24 +1,39 @@
 import { vueNormalize } from "../../runtime/normalize-props.js";
 import { useMachine } from "../../runtime/use-machine.js";
 import { createVueIdGenerator } from "../../runtime/vue-id.js";
-import { computed } from "vue";
-import { collapsibleMachine, connectFloatButton } from "@xihan-ui/headless";
-import { createScope } from "@xihan-ui/kernel";
+import { computed, ref } from "vue";
+import { createRuntimeConfig, createScope } from "@xihan-ui/core";
+import { connectFloatButton, floatButtonMachine } from "@xihan-ui/headless";
 //#region src/components/float-button/use-float-button.ts
 /**
-* 开合、受控回写与通知全交给 collapsible 机器：一颗触发器管着一组内容的开合，正是那台机器的活儿。
-* 落位、外形与展开方式不入机器，直接进 connect——它们不改开合。
+* 专用状态机持有开合与逻辑层生命周期；Vue 只桥接所属 Document 的配置、登记函数与 root ref。
 */
 function useFloatButton(props, notify) {
-	const service = useMachine(collapsibleMachine, () => ({
+	const idGen = createVueIdGenerator();
+	const scope = createScope(null, idGen);
+	const rootRef = ref(null);
+	const service = useMachine(floatButtonMachine, () => ({
 		open: props.open,
 		defaultOpen: props.defaultOpen,
 		disabled: props.disabled,
+		expandTrigger: props.expandTrigger,
 		onOpenChange: notify?.onOpenChange
-	}), createScope(null, createVueIdGenerator()));
+	}), scope);
+	let config = null;
+	if (typeof document !== "undefined") {
+		config = createRuntimeConfig({
+			scope,
+			idGenerator: idGen
+		});
+		const registerLayer = (layer) => config.layerRegistry.register(layer);
+		service.refs.set("config", config);
+		service.refs.set("registerLayer", registerLayer);
+	}
+	service.refs.set("getRootEl", () => rootRef.value);
 	return {
 		api: computed(() => connectFloatButton(service, props, vueNormalize)),
-		service
+		service,
+		rootRef
 	};
 }
 //#endregion

package/dist/components/float-button/use-float-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-float-button.js","names":[],"sources":["../../../src/components/float-button/use-float-button.ts"],"sourcesContent":["import type { CollapsibleSchema, FloatButtonApi, FloatButtonNotifiers, FloatButtonProps } from '@xihan-ui/headless'\nimport type { Service } from '@xihan-ui/machine'\nimport type { ComputedRef } from 'vue'\nimport { collapsibleMachine, connectFloatButton } from '@xihan-ui/headless'\nimport { createScope } from '@xihan-ui/kernel'\nimport { computed } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface FloatButtonContext {\n  api: ComputedRef<FloatButtonApi>\n  service: Service<CollapsibleSchema>\n}\n\n/**\n * 开合、受控回写与通知全交给 collapsible 机器：一颗触发器管着一组内容的开合，正是那台机器的活儿。\n * 落位、外形与展开方式不入机器，直接进 connect——它们不改开合。\n */\nexport function useFloatButton(\n  props: FloatButtonProps,\n  notify?: FloatButtonNotifiers,\n): FloatButtonContext {\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n\n  const service = useMachine(collapsibleMachine, (): CollapsibleSchema['props'] => ({\n    open: props.open,\n    defaultOpen: props.defaultOpen,\n    disabled: props.disabled,\n    onOpenChange: notify?.onOpenChange,\n  }), scope)\n\n  const api = computed(() => connectFloatButton(service, props, vueNormalize))\n  return { api, service }\n}\n"],"mappings":";;;;;;;;;;;AAmBA,SAAgB,eACd,OACA,QACoB;CAIpB,MAAM,UAAU,WAAW,2BAAuD;EAChF,MAAM,MAAM;EACZ,aAAa,MAAM;EACnB,UAAU,MAAM;EAChB,cAAc,QAAQ;CACxB,IAPc,YAAY,MADZ,qBACsB,CAO5B,CAAC;CAGT,OAAO;EAAE,KADG,eAAe,mBAAmB,SAAS,OAAO,YAAY,CAC/D;EAAG;CAAQ;AACxB"}
+{"version":3,"file":"use-float-button.js","names":[],"sources":["../../../src/components/float-button/use-float-button.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 use float button 相关实现。\n\nimport type { Layer, RuntimeConfig, Service } from '@xihan-ui/core'\nimport type { FloatButtonApi, FloatButtonNotifiers, FloatButtonProps, FloatButtonSchema } from '@xihan-ui/headless'\nimport type { ComputedRef, Ref } from 'vue'\nimport { createRuntimeConfig, createScope } from '@xihan-ui/core'\nimport { connectFloatButton, floatButtonMachine } from '@xihan-ui/headless'\nimport { computed, ref } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface FloatButtonContext {\n  api: ComputedRef<FloatButtonApi>\n  service: Service<FloatButtonSchema>\n  rootRef: Ref<HTMLElement | null>\n}\n\n/**\n * 专用状态机持有开合与逻辑层生命周期；Vue 只桥接所属 Document 的配置、登记函数与 root ref。\n */\nexport function useFloatButton(\n  props: FloatButtonProps,\n  notify?: FloatButtonNotifiers,\n): FloatButtonContext {\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const rootRef = ref<HTMLElement | null>(null)\n\n  const service = useMachine(floatButtonMachine, (): FloatButtonSchema['props'] => ({\n    open: props.open,\n    defaultOpen: props.defaultOpen,\n    disabled: props.disabled,\n    expandTrigger: props.expandTrigger,\n    onOpenChange: notify?.onOpenChange,\n  }), scope)\n\n  let config: RuntimeConfig | null = null\n  if (typeof document !== 'undefined') {\n    config = createRuntimeConfig({ scope, idGenerator: idGen })\n    const registerLayer = (\n      layer: Omit<Layer, 'id'>,\n    ): ReturnType<RuntimeConfig['layerRegistry']['register']> => config!.layerRegistry.register(layer)\n    service.refs.set('config', config)\n    service.refs.set('registerLayer', registerLayer)\n  }\n  service.refs.set('getRootEl', () => rootRef.value)\n\n  const api = computed(() => connectFloatButton(service, props, vueNormalize))\n  return { api, service, rootRef }\n}\n"],"mappings":";;;;;;;;;;AA0BA,SAAgB,eACd,OACA,QACoB;CACpB,MAAM,QAAQ,qBAAqB;CACnC,MAAM,QAAQ,YAAY,MAAM,KAAK;CACrC,MAAM,UAAU,IAAwB,IAAI;CAE5C,MAAM,UAAU,WAAW,2BAAuD;EAChF,MAAM,MAAM;EACZ,aAAa,MAAM;EACnB,UAAU,MAAM;EAChB,eAAe,MAAM;EACrB,cAAc,QAAQ;CACxB,IAAI,KAAK;CAET,IAAI,SAA+B;CACnC,IAAI,OAAO,aAAa,aAAa;EACnC,SAAS,oBAAoB;GAAE;GAAO,aAAa;EAAM,CAAC;EAC1D,MAAM,iBACJ,UAC2D,OAAQ,cAAc,SAAS,KAAK;EACjG,QAAQ,KAAK,IAAI,UAAU,MAAM;EACjC,QAAQ,KAAK,IAAI,iBAAiB,aAAa;CACjD;CACA,QAAQ,KAAK,IAAI,mBAAmB,QAAQ,KAAK;CAGjD,OAAO;EAAE,KADG,eAAe,mBAAmB,SAAS,OAAO,YAAY,CAC/D;EAAG;EAAS;CAAQ;AACjC"}

package/dist/components/floating-panel/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/components/floating-panel/context.ts"],"mappings":";;iBAUgB,2BAA2B"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/components/floating-panel/context.ts"],"mappings":";;iBAiBgB,2BAA2B"}

package/dist/components/floating-panel/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/floating-panel/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { FloatingPanelContext } from './use-floating-panel'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<FloatingPanelContext> = Symbol.for('xh-floating-panel')\n\nexport function provideFloatingPanel(ctx: FloatingPanelContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useFloatingPanelContext(): FloatingPanelContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] FloatingPanel 部件必须用在 XhFloatingPanelRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAA0C,OAAO,IAAI,mBAAmB;AAE9E,SAAgB,qBAAqB,KAAiC;CACpE,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,0BAAgD;CAC9D,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,iDAAiD;CACnE,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/floating-panel/context.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 context 相关实现。\n\nimport type { InjectionKey } from 'vue'\nimport type { FloatingPanelContext } from './use-floating-panel'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<FloatingPanelContext> = Symbol.for('xh-floating-panel')\n\nexport function provideFloatingPanel(ctx: FloatingPanelContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useFloatingPanelContext(): FloatingPanelContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] FloatingPanel 部件必须用在 XhFloatingPanelRoot 内')\n  return ctx\n}\n"],"mappings":";;AAWA,MAAM,MAA0C,OAAO,IAAI,mBAAmB;AAE9E,SAAgB,qBAAqB,KAAiC;CACpE,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,0BAAgD;CAC9D,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,iDAAiD;CACnE,OAAO;AACT"}