@xihan-ui/vue 1.0.0 → 2.0.0

package/dist/components/separator/separator.d.ts

@@ -1,23 +1,102 @@
 import { PropType } from "vue";
+import { SeparatorAlign, SeparatorVariant } from "@xihan-ui/headless";
 //#region src/components/separator/separator.d.ts
+/**
+ * 分隔本身。默认插槽为空时它就是那条线；放入 XhSeparatorLine 与 XhSeparatorContent
+ * 之后它改作容器，线由 line 绘制。
+ */
+declare const XhSeparatorRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  readonly orientation: {
+    readonly type: PropType<"horizontal" | "vertical">;
+    readonly default: "horizontal";
+  };
+  readonly decorative: BooleanConstructor;
+  readonly variant: {
+    readonly type: PropType<SeparatorVariant>;
+  };
+  readonly dashed: {
+    readonly type: BooleanConstructor;
+    readonly default: undefined;
+  };
+  readonly align: {
+    readonly type: PropType<SeparatorAlign>;
+  };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  readonly orientation: {
+    readonly type: PropType<"horizontal" | "vertical">;
+    readonly default: "horizontal";
+  };
+  readonly decorative: BooleanConstructor;
+  readonly variant: {
+    readonly type: PropType<SeparatorVariant>;
+  };
+  readonly dashed: {
+    readonly type: BooleanConstructor;
+    readonly default: undefined;
+  };
+  readonly align: {
+    readonly type: PropType<SeparatorAlign>;
+  };
+}>> & Readonly<{}>, {
+  readonly orientation: "horizontal" | "vertical";
+  readonly decorative: boolean;
+  readonly dashed: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** 分节文字两侧的线，纯装饰。 */
+declare const XhSeparatorLine: import("vue").DefineComponent<{}, () => import("vue").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 XhSeparatorContent: import("vue").DefineComponent<{}, () => import("vue").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>;
+/**
+ * 一步到位的写法：未提供插槽即为一条线；提供插槽后自动排为线、文字、线三段。
+ *
+ * 需要在分节文字中放置自定义结构（例如一个图标加一段文字）时改用
+ * XhSeparatorRoot + XhSeparatorLine + XhSeparatorContent。
+ */
 declare const XhSeparator: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-  orientation: {
-    type: PropType<"horizontal" | "vertical">;
-    default: string;
+  readonly orientation: {
+    readonly type: PropType<"horizontal" | "vertical">;
+    readonly default: "horizontal";
+  };
+  readonly decorative: BooleanConstructor;
+  readonly variant: {
+    readonly type: PropType<SeparatorVariant>;
+  };
+  readonly dashed: {
+    readonly type: BooleanConstructor;
+    readonly default: undefined;
+  };
+  readonly align: {
+    readonly type: PropType<SeparatorAlign>;
   };
-  decorative: BooleanConstructor;
 }>, () => import("vue").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<"horizontal" | "vertical">;
-    default: string;
+  readonly orientation: {
+    readonly type: PropType<"horizontal" | "vertical">;
+    readonly default: "horizontal";
+  };
+  readonly decorative: BooleanConstructor;
+  readonly variant: {
+    readonly type: PropType<SeparatorVariant>;
+  };
+  readonly dashed: {
+    readonly type: BooleanConstructor;
+    readonly default: undefined;
+  };
+  readonly align: {
+    readonly type: PropType<SeparatorAlign>;
   };
-  decorative: BooleanConstructor;
 }>> & Readonly<{}>, {
-  orientation: "horizontal" | "vertical";
-  decorative: boolean;
+  readonly orientation: "horizontal" | "vertical";
+  readonly decorative: boolean;
+  readonly dashed: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
-export { XhSeparator };
+export { XhSeparator, XhSeparatorContent, XhSeparatorLine, XhSeparatorRoot };
 //# sourceMappingURL=separator.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"separator.d.ts","names":[],"sources":["../../../src/components/separator/separator.ts"],"mappings":";;cAOa,2BAAW,8BAAA;;IAGW,MAAA;;;;;;;;IAAA,MAAA;;;;;;;qCAiBjC"}
+{"version":3,"file":"separator.d.ts","names":[],"sources":["../../../src/components/separator/separator.ts"],"mappings":";;;;;;;cA2Ba,+BAAe,8BAAA;;aAXK,MAAA;;;;;aAEJ,MAAA,SAAS;;;;;;;aAEX,MAAA,SAAS;;;;;;aAJH,MAAA;;;;;aAEJ,MAAA,SAAS;;;;;;;aAEX,MAAA,SAAS;;;;;;qCAelC;;cAGW,+BAAe,wCAAA,oBAAA,4BAAA;;8BAM1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,kCAAkB,wCAAA,oBAAA,4BAAA;;8BAM7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;;;;;;cAQW,2BAAW,8BAAA;;aA7CS,MAAA;;;;;aAEJ,MAAA,SAAS;;;;;;;aAEX,MAAA,SAAS;;;;;;aAJH,MAAA;;;;;aAEJ,MAAA,SAAS;;;;;;;aAEX,MAAA,SAAS;;;;;;qCAyDlC"}

package/dist/components/separator/separator.js

@@ -1,30 +1,73 @@
 import { vueNormalize } from "../../runtime/normalize-props.js";
-import { defineComponent, h } from "vue";
+import { slotPaints } from "../../runtime/slot-content.js";
+import { provideSeparator, useSeparatorContext } from "./context.js";
+import { computed, defineComponent, h } from "vue";
 import { connectSeparator } from "@xihan-ui/headless";
-import { DIAGNOSTIC_CODES, reportDiagnostic } from "@xihan-ui/kernel";
 //#region src/components/separator/separator.ts
+const separatorProps = {
+	orientation: {
+		type: String,
+		default: "horizontal"
+	},
+	decorative: Boolean,
+	variant: { type: String },
+	dashed: {
+		type: Boolean,
+		default: void 0
+	},
+	align: { type: String }
+};
+/**
+* 分隔本身。默认插槽为空时它就是那条线；放入 XhSeparatorLine 与 XhSeparatorContent
+* 之后它改作容器，线由 line 绘制。
+*/
+const XhSeparatorRoot = defineComponent({
+	name: "XhSeparatorRoot",
+	props: separatorProps,
+	setup(props, { slots }) {
+		const api = computed(() => connectSeparator(props, vueNormalize));
+		provideSeparator({ api });
+		return () => h("div", api.value.getRootProps(), slots.default?.());
+	}
+});
+/** 分节文字两侧的线，纯装饰。 */
+const XhSeparatorLine = defineComponent({
+	name: "XhSeparatorLine",
+	setup() {
+		const ctx = useSeparatorContext();
+		return () => h("div", ctx.api.value.getLineProps());
+	}
+});
+/** 夹在两条线中间的分节文字。 */
+const XhSeparatorContent = defineComponent({
+	name: "XhSeparatorContent",
+	setup(_, { slots }) {
+		const ctx = useSeparatorContext();
+		return () => h("span", ctx.api.value.getContentProps(), slots.default?.());
+	}
+});
+/**
+* 一步到位的写法：未提供插槽即为一条线；提供插槽后自动排为线、文字、线三段。
+*
+* 需要在分节文字中放置自定义结构（例如一个图标加一段文字）时改用
+* XhSeparatorRoot + XhSeparatorLine + XhSeparatorContent。
+*/
 const XhSeparator = defineComponent({
 	name: "XhSeparator",
-	props: {
-		orientation: {
-			type: String,
-			default: "horizontal"
-		},
-		decorative: Boolean
-	},
+	props: separatorProps,
 	setup(props, { slots }) {
 		return () => {
-			if (slots.default) reportDiagnostic({
-				code: DIAGNOSTIC_CODES.ignoredSlot,
-				level: "warn",
-				scope: "separator",
-				message: "分隔线不渲染插槽内容。带文案的分节标题在外层排版：一行里摆两条线，中间放文案。"
-			});
-			return h("div", connectSeparator(props, vueNormalize).getRootProps());
+			const content = slots.default?.();
+			if (!slotPaints(content)) return h(XhSeparatorRoot, props);
+			return h(XhSeparatorRoot, props, () => [
+				h(XhSeparatorLine),
+				h(XhSeparatorContent, null, () => content),
+				h(XhSeparatorLine)
+			]);
 		};
 	}
 });
 //#endregion
-export { XhSeparator };
+export { XhSeparator, XhSeparatorContent, XhSeparatorLine, XhSeparatorRoot };
 
 //# sourceMappingURL=separator.js.map

package/dist/components/separator/separator.js.map

@@ -1 +1 @@
-{"version":3,"file":"separator.js","names":[],"sources":["../../../src/components/separator/separator.ts"],"sourcesContent":["import type { SeparatorProps } from '@xihan-ui/headless'\nimport type { PropType } from 'vue'\nimport { connectSeparator } from '@xihan-ui/headless'\nimport { DIAGNOSTIC_CODES, reportDiagnostic } from '@xihan-ui/kernel'\nimport { defineComponent, h } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\n\nexport const XhSeparator = defineComponent({\n  name: 'XhSeparator',\n  props: {\n    orientation: { type: String as PropType<'horizontal' | 'vertical'>, default: 'horizontal' },\n    decorative: Boolean,\n  },\n  setup(props, { slots }) {\n    return () => {\n      // 只画线，不渲染内容；给了插槽就报一条，免得文案静默消失\n      if (slots.default) {\n        reportDiagnostic({\n          code: DIAGNOSTIC_CODES.ignoredSlot,\n          level: 'warn',\n          scope: 'separator',\n          message: '分隔线不渲染插槽内容。带文案的分节标题在外层排版：一行里摆两条线，中间放文案。',\n        })\n      }\n      return h('div', connectSeparator(props as SeparatorProps, vueNormalize).getRootProps() as Record<string, unknown>)\n    }\n  },\n})\n"],"mappings":";;;;;AAOA,MAAa,cAAc,gBAAgB;CACzC,MAAM;CACN,OAAO;EACL,aAAa;GAAE,MAAM;GAA+C,SAAS;EAAa;EAC1F,YAAY;CACd;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,aAAa;GAEX,IAAI,MAAM,SACR,iBAAiB;IACf,MAAM,iBAAiB;IACvB,OAAO;IACP,OAAO;IACP,SAAS;GACX,CAAC;GAEH,OAAO,EAAE,OAAO,iBAAiB,OAAyB,YAAY,CAAC,CAAC,aAAa,CAA4B;EACnH;CACF;AACF,CAAC"}
+{"version":3,"file":"separator.js","names":[],"sources":["../../../src/components/separator/separator.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// 提供 separator 相关实现。\n\nimport type { SeparatorAlign, SeparatorProps, SeparatorVariant } from '@xihan-ui/headless'\nimport type { PropType } from 'vue'\nimport { connectSeparator } from '@xihan-ui/headless'\nimport { computed, defineComponent, h } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { slotPaints } from '../../runtime/slot-content'\nimport { provideSeparator, useSeparatorContext } from './context'\n\nconst separatorProps = {\n  orientation: { type: String as PropType<'horizontal' | 'vertical'>, default: 'horizontal' },\n  decorative: Boolean,\n  variant: { type: String as PropType<SeparatorVariant> },\n  dashed: { type: Boolean, default: undefined },\n  align: { type: String as PropType<SeparatorAlign> },\n} as const\n\n/**\n * 分隔本身。默认插槽为空时它就是那条线；放入 XhSeparatorLine 与 XhSeparatorContent\n * 之后它改作容器，线由 line 绘制。\n */\nexport const XhSeparatorRoot = defineComponent({\n  name: 'XhSeparatorRoot',\n  props: separatorProps,\n  setup(props, { slots }) {\n    const api = computed(() => connectSeparator(props as SeparatorProps, vueNormalize))\n    provideSeparator({ api })\n    return () => h('div', api.value.getRootProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/** 分节文字两侧的线，纯装饰。 */\nexport const XhSeparatorLine = defineComponent({\n  name: 'XhSeparatorLine',\n  setup() {\n    const ctx = useSeparatorContext()\n    return () => h('div', ctx.api.value.getLineProps() as Record<string, unknown>)\n  },\n})\n\n/** 夹在两条线中间的分节文字。 */\nexport const XhSeparatorContent = defineComponent({\n  name: 'XhSeparatorContent',\n  setup(_, { slots }) {\n    const ctx = useSeparatorContext()\n    return () => h('span', ctx.api.value.getContentProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/**\n * 一步到位的写法：未提供插槽即为一条线；提供插槽后自动排为线、文字、线三段。\n *\n * 需要在分节文字中放置自定义结构（例如一个图标加一段文字）时改用\n * XhSeparatorRoot + XhSeparatorLine + XhSeparatorContent。\n */\nexport const XhSeparator = defineComponent({\n  name: 'XhSeparator',\n  props: separatorProps,\n  setup(props, { slots }) {\n    return () => {\n      const content = slots.default?.()\n      // 注释与空白不算给了文案：假分支与模板缩进都会留下节点，包进三段就是一条断开的线\n      if (!slotPaints(content))\n        return h(XhSeparatorRoot, props)\n      return h(XhSeparatorRoot, props, () => [\n        h(XhSeparatorLine),\n        h(XhSeparatorContent, null, () => content),\n        h(XhSeparatorLine),\n      ])\n    }\n  },\n})\n"],"mappings":";;;;;;AAeA,MAAM,iBAAiB;CACrB,aAAa;EAAE,MAAM;EAA+C,SAAS;CAAa;CAC1F,YAAY;CACZ,SAAS,EAAE,MAAM,OAAqC;CACtD,QAAQ;EAAE,MAAM;EAAS,SAAS,KAAA;CAAU;CAC5C,OAAO,EAAE,MAAM,OAAmC;AACpD;;;;;AAMA,MAAa,kBAAkB,gBAAgB;CAC7C,MAAM;CACN,OAAO;CACP,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,eAAe,iBAAiB,OAAyB,YAAY,CAAC;EAClF,iBAAiB,EAAE,IAAI,CAAC;EACxB,aAAa,EAAE,OAAO,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CAC9F;AACF,CAAC;;AAGD,MAAa,kBAAkB,gBAAgB;CAC7C,MAAM;CACN,QAAQ;EACN,MAAM,MAAM,oBAAoB;EAChC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,aAAa,CAA4B;CAC/E;AACF,CAAC;;AAGD,MAAa,qBAAqB,gBAAgB;CAChD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,oBAAoB;EAChC,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,gBAAgB,GAA8B,MAAM,UAAU,CAAC;CACtG;AACF,CAAC;;;;;;;AAQD,MAAa,cAAc,gBAAgB;CACzC,MAAM;CACN,OAAO;CACP,MAAM,OAAO,EAAE,SAAS;EACtB,aAAa;GACX,MAAM,UAAU,MAAM,UAAU;GAEhC,IAAI,CAAC,WAAW,OAAO,GACrB,OAAO,EAAE,iBAAiB,KAAK;GACjC,OAAO,EAAE,iBAAiB,aAAa;IACrC,EAAE,eAAe;IACjB,EAAE,oBAAoB,YAAY,OAAO;IACzC,EAAE,eAAe;GACnB,CAAC;EACH;CACF;AACF,CAAC"}

package/dist/components/side-nav/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/components/side-nav/context.ts"],"mappings":";;iBAMgB,eAAe,KAAK;iBAIpB,qBAAqB;iBAUrB,mBAAmB;EAAQ;;iBAI3B;EAA2B"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/components/side-nav/context.ts"],"mappings":";;iBAagB,eAAe,KAAK;iBAIpB,qBAAqB;iBAUrB,mBAAmB;EAAQ;;iBAI3B;EAA2B"}

package/dist/components/side-nav/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/side-nav/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { SideNavContext } from './use-side-nav'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<SideNavContext> = Symbol.for('xh-side-nav')\n\nexport function provideSideNav(ctx: SideNavContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useSideNavContext(): SideNavContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] SideNav 部件必须用在 XhSideNavRoot 内')\n  return ctx\n}\n\n/** 分支上下文：子部件从中取所属分支的 value，不必逐个再声明。 */\nconst NODE_KEY: InjectionKey<{ value: string }> = Symbol.for('xh-side-nav-node')\n\nexport function provideSideNavNode(node: { value: string }): void {\n  provide(NODE_KEY, node)\n}\n\nexport function useSideNavNodeContext(): { value: string } {\n  const node = inject(NODE_KEY, null)\n  if (!node)\n    throw new Error('[xh] SideNav 分支部件必须用在 XhSideNavBranch 内')\n  return node\n}\n"],"mappings":";;AAIA,MAAM,MAAoC,OAAO,IAAI,aAAa;AAElE,SAAgB,eAAe,KAA2B;CACxD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,oBAAoC;CAClD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,qCAAqC;CACvD,OAAO;AACT;;AAGA,MAAM,WAA4C,OAAO,IAAI,kBAAkB;AAE/E,SAAgB,mBAAmB,MAA+B;CAChE,QAAQ,UAAU,IAAI;AACxB;AAEA,SAAgB,wBAA2C;CACzD,MAAM,OAAO,OAAO,UAAU,IAAI;CAClC,IAAI,CAAC,MACH,MAAM,IAAI,MAAM,yCAAyC;CAC3D,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/side-nav/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 { SideNavContext } from './use-side-nav'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<SideNavContext> = Symbol.for('xh-side-nav')\n\nexport function provideSideNav(ctx: SideNavContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useSideNavContext(): SideNavContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] SideNav 部件必须用在 XhSideNavRoot 内')\n  return ctx\n}\n\n/** 分支上下文：子部件从中取所属分支的 value，不必逐个再声明。 */\nconst NODE_KEY: InjectionKey<{ value: string }> = Symbol.for('xh-side-nav-node')\n\nexport function provideSideNavNode(node: { value: string }): void {\n  provide(NODE_KEY, node)\n}\n\nexport function useSideNavNodeContext(): { value: string } {\n  const node = inject(NODE_KEY, null)\n  if (!node)\n    throw new Error('[xh] SideNav 分支部件必须用在 XhSideNavBranch 内')\n  return node\n}\n"],"mappings":";;AAWA,MAAM,MAAoC,OAAO,IAAI,aAAa;AAElE,SAAgB,eAAe,KAA2B;CACxD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,oBAAoC;CAClD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,qCAAqC;CACvD,OAAO;AACT;;AAGA,MAAM,WAA4C,OAAO,IAAI,kBAAkB;AAE/E,SAAgB,mBAAmB,MAA+B;CAChE,QAAQ,UAAU,IAAI;AACxB;AAEA,SAAgB,wBAA2C;CACzD,MAAM,OAAO,OAAO,UAAU,IAAI;CAClC,IAAI,CAAC,MACH,MAAM,IAAI,MAAM,yCAAyC;CAC3D,OAAO;AACT"}

package/dist/components/side-nav/side-nav.d.ts

@@ -1,30 +1,26 @@
 import { PayloadOf } from "../../runtime/payload.js";
 import { PropType, SlotsType, VNode } from "vue";
+import { Size, Tone } from "@xihan-ui/core";
 import { SideNavApi, SideNavNode, SideNavSchema } from "@xihan-ui/headless";
 //#region src/components/side-nav/side-nav.d.ts
 type SideNavProps = SideNavSchema['props'];
-/** 默认插槽的载荷：选中项、展开集合、折叠与浮层状态、逐节点的状态判定，与选中、展开、折叠、弹出等命令。 */
+/** 默认插槽的载荷：选中项、展开集合、折叠与浮层状态、逐节点的状态判定，以及选中、展开、折叠、弹出等命令。 */
 type SideNavRootSlotProps = Pick<SideNavApi, 'value' | 'expandedValue' | 'collapsed' | 'popoutValue' | 'isSelected' | 'isExpanded' | 'isActiveBranch' | 'select' | 'setValue' | 'setExpandedValue' | 'expand' | 'collapse' | 'openPopout' | 'closePopout'>;
 declare const XhSideNavRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   collection: {
     type: PropType<SideNavNode[]>;
-    default: undefined;
   };
   value: {
     type: PropType<string | null>;
-    default: undefined;
   };
   defaultValue: {
     type: PropType<string | null>;
-    default: undefined;
   };
   expandedValue: {
     type: PropType<string[]>;
-    default: undefined;
   };
   defaultExpandedValue: {
     type: PropType<string[]>;
-    default: undefined;
   };
   accordion: BooleanConstructor;
   collapsed: {
@@ -42,39 +38,38 @@ declare const XhSideNavRoot: import("vue").DefineComponent<import("vue").Extract
   };
   dir: {
     type: PropType<SideNavProps["dir"]>;
-    default: undefined;
+  };
+  tone: {
+    type: PropType<Tone>;
+  };
+  size: {
+    type: PropType<Size>;
   };
   translations: {
     type: PropType<SideNavProps["translations"]>;
-    default: undefined;
   };
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   'value-change': (_details: PayloadOf<SideNavProps, "onValueChange">) => true;
   'update:value': (_value: PayloadOf<SideNavProps, "onValueChange">["value"]) => true;
-  'expanded-change': (_details: PayloadOf<SideNavProps, "onExpandedChange">) => true;
-  'update:expandedValue': (_value: PayloadOf<SideNavProps, "onExpandedChange">["value"]) => true;
+  'expanded-value-change': (_details: PayloadOf<SideNavProps, "onExpandedValueChange">) => true;
+  'update:expandedValue': (_value: PayloadOf<SideNavProps, "onExpandedValueChange">["value"]) => true;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   collection: {
     type: PropType<SideNavNode[]>;
-    default: undefined;
   };
   value: {
     type: PropType<string | null>;
-    default: undefined;
   };
   defaultValue: {
     type: PropType<string | null>;
-    default: undefined;
   };
   expandedValue: {
     type: PropType<string[]>;
-    default: undefined;
   };
   defaultExpandedValue: {
     type: PropType<string[]>;
-    default: undefined;
   };
   accordion: BooleanConstructor;
   collapsed: {
@@ -92,29 +87,26 @@ declare const XhSideNavRoot: import("vue").DefineComponent<import("vue").Extract
   };
   dir: {
     type: PropType<SideNavProps["dir"]>;
-    default: undefined;
+  };
+  tone: {
+    type: PropType<Tone>;
+  };
+  size: {
+    type: PropType<Size>;
   };
   translations: {
     type: PropType<SideNavProps["translations"]>;
-    default: undefined;
   };
 }>> & Readonly<{
   "onValue-change"?: ((_details: import("@xihan-ui/headless").SideNavValueChangeDetails) => any) | undefined;
   "onUpdate:value"?: ((_value: string | null) => any) | undefined;
-  "onExpanded-change"?: ((_details: import("@xihan-ui/headless").SideNavExpandedChangeDetails) => any) | undefined;
+  "onExpanded-value-change"?: ((_details: import("@xihan-ui/headless").SideNavExpandedValueChangeDetails) => any) | undefined;
   "onUpdate:expandedValue"?: ((_value: string[]) => any) | undefined;
 }>, {
-  value: string | null;
-  collection: SideNavNode[];
-  defaultValue: string | null;
-  dir: import("@xihan-ui/kernel").Direction | undefined;
+  loop: boolean;
   disabled: boolean;
-  translations: Partial<import("@xihan-ui/headless").SideNavTranslations> | undefined;
   accordion: boolean;
-  loop: boolean;
-  expandedValue: string[];
   collapsed: boolean;
-  defaultExpandedValue: string[];
   collapsedPopout: boolean;
 }, SlotsType<{
   default?: (props: SideNavRootSlotProps) => VNode[];
@@ -126,7 +118,7 @@ declare const XhSideNavItem: import("vue").DefineComponent<{}, () => VNode<impor
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhSideNavGroup: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-  /** 分组身份，与 group-label 靠它配对。 */
+  /** 分组身份，与 group-label 依靠它配对。 */
   value: {
     type: StringConstructor;
     required: true;
@@ -134,7 +126,7 @@ declare const XhSideNavGroup: import("vue").DefineComponent<import("vue").Extrac
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-  /** 分组身份，与 group-label 靠它配对。 */
+  /** 分组身份，与 group-label 依靠它配对。 */
   value: {
     type: StringConstructor;
     required: true;
@@ -175,9 +167,19 @@ declare const XhSideNavBranchText: import("vue").DefineComponent<{}, () => VNode
 declare const XhSideNavBranchIndicator: 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 XhSideNavBranchContent: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+declare const XhSideNavBranchContent: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  /** 本分支弹层的 Portal 容器；优先于应用级配置。 */
+  container: {
+    type: PropType<Element>;
+  };
+}>, () => 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>;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  /** 本分支弹层的 Portal 容器；优先于应用级配置。 */
+  container: {
+    type: PropType<Element>;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhSideNavLinkText: 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/side-nav/side-nav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"side-nav.d.ts","names":[],"sources":["../../../src/components/side-nav/side-nav.ts"],"mappings":";;;;KASK,eAAe;;KAGR,uBAAuB,KACjC;cAiBW,6BAAa,8BAAA;;IAIO,MAAA,SAAS;;;;IACb,MAAA;;;;IACO,MAAA;;;;IACA,MAAA;;;;IACO,MAAA;;;;;;;;;;;;;;;;;;IAMhB,MAAA,SAAS;;;;IACA,MAAA,SAAS;;;;;;EAId,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;EACL,oBAAA,UAAA,UAAU;EACP,yBAAA,QAAA,UAAU;;;IAlBd,MAAA,SAAS;;;;IACb,MAAA;;;;IACO,MAAA;;;;IACA,MAAA;;;;IACO,MAAA;;;;;;;;;;;;;;;;;;IAMhB,MAAA,SAAS;;;;IACA,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;EAU/B,WAAC,OAAO,yBAAyB;kCAgC7C;cAEW,6BAAa,0BAAA,oBAAA,4BAAA;;8BAMxB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAGW,6BAAa,0BAAA,oBAAA,4BAAA;;8BAMxB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,8BAAc,8BAAA;;;;;;;;;;;;;;MAUzB,oDAAA;cAEW,mCAAmB,8BAAA;;;;;;;;;;;;MAS9B,oDAAA;cAEW,+BAAe,8BAAA;;;;;;;;;;;;MAU1B,oDAAA;cAEW,sCAAsB,0BAAA,oBAAA,4BAAA;;8BAOjC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAM9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BAOnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,sCAAsB,0BAAA,oBAAA,4BAAA;;8BAkCjC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,6BAAa,8BAAA;;;;;;;;;;;;MASxB,oDAAA"}
+{"version":3,"file":"side-nav.d.ts","names":[],"sources":["../../../src/components/side-nav/side-nav.ts"],"mappings":";;;;;KAmBK,eAAe;;KAGR,uBAAuB,KACjC;cAiBW,6BAAa,8BAAA;;IAIO,MAAA,SAAS;;;IACb,MAAA;;;IACO,MAAA;;;IACA,MAAA;;;IACO,MAAA;;;;;;;;;;;;;;;;;IAMhB,MAAA,SAAS;;;IACR,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACD,MAAA,SAAS;;;;;EAId,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;EACC,0BAAA,UAAA,UAAU;EACb,yBAAA,QAAA,UAAU;;;IApBd,MAAA,SAAS;;;IACb,MAAA;;;IACO,MAAA;;;IACA,MAAA;;;IACO,MAAA;;;;;;;;;;;;;;;;;IAMhB,MAAA,SAAS;;;IACR,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACD,MAAA,SAAS;;;;;;;;;;;;;;EAU/B,WAAC,OAAO,yBAAyB;kCAgC7C;cAEW,6BAAa,0BAAA,oBAAA,4BAAA;;8BAMxB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAGW,6BAAa,0BAAA,oBAAA,4BAAA;;8BAMxB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,8BAAc,8BAAA;;;;;;;;;;;;;;MAUzB,oDAAA;cAEW,mCAAmB,8BAAA;;;;;;;;;;;;MAS9B,oDAAA;cAEW,+BAAe,8BAAA;;;;;;;;;;;;MAU1B,oDAAA;cAEW,sCAAsB,0BAAA,oBAAA,4BAAA;;8BAOjC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAM9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BAOnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,sCAAsB,8BAAA;;;IAIF,MAAA,SAAS;;;;;;;IAAT,MAAA,SAAS;;MAmDxC,oDAAA;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,6BAAa,8BAAA;;;;;;;;;;;;MASxB,oDAAA"}

package/dist/components/side-nav/side-nav.js

@@ -1,32 +1,18 @@
 import { useOverlayExit } from "../../runtime/use-overlay-exit.js";
 import { withXhConfig } from "../../config/config.js";
+import { XhPortal } from "../../runtime/portal.js";
 import { provideSideNav, provideSideNavNode, useSideNavContext, useSideNavNodeContext } from "./context.js";
 import { useSideNav } from "./use-side-nav.js";
-import { Teleport, defineComponent, h, ref } from "vue";
+import { defineComponent, h, nextTick, onMounted, ref } from "vue";
 //#region src/components/side-nav/side-nav.ts
 const XhSideNavRoot = defineComponent({
 	name: "XhSideNavRoot",
 	props: {
-		collection: {
-			type: Array,
-			default: void 0
-		},
-		value: {
-			type: String,
-			default: void 0
-		},
-		defaultValue: {
-			type: String,
-			default: void 0
-		},
-		expandedValue: {
-			type: Array,
-			default: void 0
-		},
-		defaultExpandedValue: {
-			type: Array,
-			default: void 0
-		},
+		collection: { type: Array },
+		value: { type: String },
+		defaultValue: { type: String },
+		expandedValue: { type: Array },
+		defaultExpandedValue: { type: Array },
 		accordion: Boolean,
 		collapsed: {
 			type: Boolean,
@@ -41,19 +27,15 @@ const XhSideNavRoot = defineComponent({
 			type: Boolean,
 			default: void 0
 		},
-		dir: {
-			type: String,
-			default: void 0
-		},
-		translations: {
-			type: Object,
-			default: void 0
-		}
+		dir: { type: String },
+		tone: { type: String },
+		size: { type: String },
+		translations: { type: Object }
 	},
 	emits: {
 		"value-change": (_details) => true,
 		"update:value": (_value) => true,
-		"expanded-change": (_details) => true,
+		"expanded-value-change": (_details) => true,
 		"update:expandedValue": (_value) => true
 	},
 	slots: Object,
@@ -63,8 +45,8 @@ const XhSideNavRoot = defineComponent({
 				emit("value-change", details);
 				emit("update:value", details.value);
 			},
-			onExpandedChange: (details) => {
-				emit("expanded-change", details);
+			onExpandedValueChange: (details) => {
+				emit("expanded-value-change", details);
 				emit("update:expandedValue", details.value);
 			}
 		});
@@ -104,7 +86,7 @@ const XhSideNavItem = defineComponent({
 const XhSideNavGroup = defineComponent({
 	name: "XhSideNavGroup",
 	props: { 
-	/** 分组身份，与 group-label 靠它配对。 */
+	/** 分组身份，与 group-label 依靠它配对。 */
 value: {
 		type: String,
 		required: true
@@ -162,14 +144,45 @@ const XhSideNavBranchIndicator = defineComponent({
 });
 const XhSideNavBranchContent = defineComponent({
 	name: "XhSideNavBranchContent",
-	setup(_, { slots }) {
+	props: { 
+	/** 本分支弹层的 Portal 容器；优先于应用级配置。 */
+container: { type: Object } },
+	setup(props, { slots }) {
 		const ctx = useSideNavContext();
 		const node = useSideNavNodeContext();
 		const panelRef = ref(null);
+		let presence = null;
 		const visible = useOverlayExit({
 			config: ctx.config,
 			isOpen: () => ctx.api.value.getPopoutPositionerProps({ value: node.value }).hidden !== true,
-			contentRef: panelRef
+			contentRef: panelRef,
+			onPresence: (next) => {
+				const previous = presence;
+				presence = next;
+				if (ctx.service.getStatus() !== "Started") return;
+				if (next) ctx.service.send({
+					type: "PRESENCE.SET",
+					value: node.value,
+					presence: next,
+					connected: true
+				});
+				else if (previous) ctx.service.send({
+					type: "PRESENCE.SET",
+					value: node.value,
+					presence: previous,
+					connected: false
+				});
+			}
+		});
+		onMounted(() => {
+			nextTick(() => {
+				if (presence && ctx.service.getStatus() === "Started") ctx.service.send({
+					type: "PRESENCE.SET",
+					value: node.value,
+					presence,
+					connected: true
+				});
+			});
 		});
 		return () => {
 			if (!ctx.api.value.isPopoutPanel(node.value)) return h("ul", ctx.api.value.getBranchContentProps({ value: node.value }), slots.default?.());
@@ -181,7 +194,7 @@ const XhSideNavBranchContent = defineComponent({
 					panelRef.value = el;
 				}
 			}, slots.default?.());
-			return h(Teleport, { to: ctx.portalTarget.value }, [h("div", {
+			return h(XhPortal, { to: props.container ?? ctx.portalTarget.value }, () => [h("div", {
 				...ctx.api.value.getPopoutPositionerProps({ value: node.value }),
 				hidden
 			}, [content])]);

package/dist/components/side-nav/side-nav.js.map

@@ -1 +1 @@
-{"version":3,"file":"side-nav.js","names":[],"sources":["../../../src/components/side-nav/side-nav.ts"],"sourcesContent":["import type { SideNavApi, SideNavNode, SideNavSchema } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h, ref, Teleport } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { useOverlayExit } from '../../runtime/use-overlay-exit'\nimport { provideSideNav, provideSideNavNode, useSideNavContext, useSideNavNodeContext } from './context'\nimport { useSideNav } from './use-side-nav'\n\ntype SideNavProps = SideNavSchema['props']\n\n/** 默认插槽的载荷：选中项、展开集合、折叠与浮层状态、逐节点的状态判定，与选中、展开、折叠、弹出等命令。 */\nexport type SideNavRootSlotProps = Pick<\n  SideNavApi,\n  | 'value'\n  | 'expandedValue'\n  | 'collapsed'\n  | 'popoutValue'\n  | 'isSelected'\n  | 'isExpanded'\n  | 'isActiveBranch'\n  | 'select'\n  | 'setValue'\n  | 'setExpandedValue'\n  | 'expand'\n  | 'collapse'\n  | 'openPopout'\n  | 'closePopout'\n>\n\nexport const XhSideNavRoot = defineComponent({\n  name: 'XhSideNavRoot',\n  // 缺省值由 connect 与机器给出，这里一律 default: undefined\n  props: {\n    collection: { type: Array as PropType<SideNavNode[]>, default: undefined },\n    value: { type: String as PropType<string | null>, default: undefined },\n    defaultValue: { type: String as PropType<string | null>, default: undefined },\n    expandedValue: { type: Array as PropType<string[]>, default: undefined },\n    defaultExpandedValue: { type: Array as PropType<string[]>, default: undefined },\n    accordion: Boolean,\n    collapsed: { type: Boolean, default: undefined },\n    collapsedPopout: { type: Boolean, default: undefined },\n    disabled: Boolean,\n    loop: { type: Boolean, default: undefined },\n    dir: { type: String as PropType<SideNavProps['dir']>, default: undefined },\n    translations: { type: Object as PropType<SideNavProps['translations']>, default: undefined },\n  },\n  // *-change 携带 details 对象，update:* 携带裸值，支持 v-model:value 与 v-model:expanded-value\n  emits: {\n    'value-change': (_details: PayloadOf<SideNavProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<SideNavProps, 'onValueChange'>['value']) => true,\n    'expanded-change': (_details: PayloadOf<SideNavProps, 'onExpandedChange'>) => true,\n    'update:expandedValue': (_value: PayloadOf<SideNavProps, 'onExpandedChange'>['value']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: SideNavRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const ctx = useSideNav(withXhConfig('side-nav', props) as SideNavProps, {\n      onValueChange: (details) => {\n        emit('value-change', details)\n        emit('update:value', details.value)\n      },\n      onExpandedChange: (details) => {\n        emit('expanded-change', details)\n        emit('update:expandedValue', details.value)\n      },\n    })\n    provideSideNav(ctx)\n    // 经插槽暴露状态与命令，供折叠开关这类外部控件使用\n    return () => h('nav', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      value: ctx.api.value.value,\n      expandedValue: ctx.api.value.expandedValue,\n      collapsed: ctx.api.value.collapsed,\n      popoutValue: ctx.api.value.popoutValue,\n      isSelected: ctx.api.value.isSelected,\n      isExpanded: ctx.api.value.isExpanded,\n      isActiveBranch: ctx.api.value.isActiveBranch,\n      select: ctx.api.value.select,\n      setValue: ctx.api.value.setValue,\n      setExpandedValue: ctx.api.value.setExpandedValue,\n      expand: ctx.api.value.expand,\n      collapse: ctx.api.value.collapse,\n      openPopout: ctx.api.value.openPopout,\n      closePopout: ctx.api.value.closePopout,\n    }))\n  },\n})\n\nexport const XhSideNavList = defineComponent({\n  name: 'XhSideNavList',\n  setup(_, { slots }) {\n    const ctx = useSideNavContext()\n    return () => h('ul', ctx.api.value.getListProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 叶子行的列表项：列表容器是 ul，链接得裹在 li 里才是它合法的直接子节点\nexport const XhSideNavItem = defineComponent({\n  name: 'XhSideNavItem',\n  setup(_, { slots }) {\n    const ctx = useSideNavContext()\n    return () => h('li', ctx.api.value.getItemProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSideNavGroup = defineComponent({\n  name: 'XhSideNavGroup',\n  props: {\n    /** 分组身份，与 group-label 靠它配对。 */\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useSideNavContext()\n    return () => h('li', ctx.api.value.getGroupProps({ value: props.value }) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSideNavGroupLabel = defineComponent({\n  name: 'XhSideNavGroupLabel',\n  props: {\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useSideNavContext()\n    return () => h('div', ctx.api.value.getGroupLabelProps({ value: props.value }) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSideNavBranch = defineComponent({\n  name: 'XhSideNavBranch',\n  props: {\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useSideNavContext()\n    provideSideNavNode(props)\n    return () => h('li', ctx.api.value.getBranchProps({ value: props.value }) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSideNavBranchTrigger = defineComponent({\n  name: 'XhSideNavBranchTrigger',\n  setup(_, { slots }) {\n    const ctx = useSideNavContext()\n    const node = useSideNavNodeContext()\n    return () => h('button', ctx.api.value.getBranchTriggerProps({ value: node.value }) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSideNavBranchText = defineComponent({\n  name: 'XhSideNavBranchText',\n  setup(_, { slots }) {\n    const ctx = useSideNavContext()\n    return () => h('span', ctx.api.value.getBranchTextProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSideNavBranchIndicator = defineComponent({\n  name: 'XhSideNavBranchIndicator',\n  setup(_, { slots }) {\n    const ctx = useSideNavContext()\n    const node = useSideNavNodeContext()\n    return () => h('span', ctx.api.value.getBranchIndicatorProps({ value: node.value }) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSideNavBranchContent = defineComponent({\n  name: 'XhSideNavBranchContent',\n  setup(_, { slots }) {\n    const ctx = useSideNavContext()\n    const node = useSideNavNodeContext()\n    // 一个弹出面板一份退场闸门：退场动画挂在面板上，从它身上探测。\n    // 开合判据直接取 connect 这一帧的产出，不另起一套\n    const panelRef = ref<HTMLElement | null>(null)\n    const visible = useOverlayExit({\n      config: ctx.config,\n      isOpen: () => (ctx.api.value.getPopoutPositionerProps({ value: node.value }) as Record<string, unknown>).hidden !== true,\n      contentRef: panelRef,\n    })\n    return () => {\n      if (!ctx.api.value.isPopoutPanel(node.value)) {\n        // 平铺分支没有定位层，原地渲染\n        return h('ul', ctx.api.value.getBranchContentProps({ value: node.value }) as Record<string, unknown>, slots.default?.())\n      }\n      // 折叠态的弹出面板：定位层搬到浮层落点，逃开祖先的层叠上下文。\n      // 收起跟着退场闸门走：定位层与面板的 hidden 都押后到退场动画播完\n      const hidden = !visible.value || undefined\n      const content = h('ul', {\n        ...ctx.api.value.getBranchContentProps({ value: node.value }) as Record<string, unknown>,\n        hidden,\n        ref: (el: unknown) => { panelRef.value = el as HTMLElement | null },\n      }, slots.default?.())\n      return h(Teleport, { to: ctx.portalTarget.value }, [\n        h('div', {\n          ...ctx.api.value.getPopoutPositionerProps({ value: node.value }) as Record<string, unknown>,\n          hidden,\n        }, [content]),\n      ])\n    }\n  },\n})\n\nexport const XhSideNavLinkText = defineComponent({\n  name: 'XhSideNavLinkText',\n  setup(_, { slots }) {\n    const ctx = useSideNavContext()\n    return () => h('span', ctx.api.value.getLinkTextProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSideNavLink = defineComponent({\n  name: 'XhSideNavLink',\n  props: {\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useSideNavContext()\n    return () => h('a', ctx.api.value.getLinkProps({ value: props.value }) as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"side-nav.js","names":[],"sources":["../../../src/components/side-nav/side-nav.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// 提供 side nav 相关实现。\n\nimport type { Size, Tone } from '@xihan-ui/core'\nimport type { PresenceHandle } from '@xihan-ui/core/presence'\nimport type { SideNavApi, SideNavNode, SideNavSchema } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h, nextTick, onMounted, ref } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { XhPortal } from '../../runtime/portal'\nimport { useOverlayExit } from '../../runtime/use-overlay-exit'\nimport { provideSideNav, provideSideNavNode, useSideNavContext, useSideNavNodeContext } from './context'\nimport { useSideNav } from './use-side-nav'\n\ntype SideNavProps = SideNavSchema['props']\n\n/** 默认插槽的载荷：选中项、展开集合、折叠与浮层状态、逐节点的状态判定，以及选中、展开、折叠、弹出等命令。 */\nexport type SideNavRootSlotProps = Pick<\n  SideNavApi,\n  | 'value'\n  | 'expandedValue'\n  | 'collapsed'\n  | 'popoutValue'\n  | 'isSelected'\n  | 'isExpanded'\n  | 'isActiveBranch'\n  | 'select'\n  | 'setValue'\n  | 'setExpandedValue'\n  | 'expand'\n  | 'collapse'\n  | 'openPopout'\n  | 'closePopout'\n>\n\nexport const XhSideNavRoot = defineComponent({\n  name: 'XhSideNavRoot',\n  // 缺省值由 connect 与机器给出；普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    collection: { type: Array as PropType<SideNavNode[]> },\n    value: { type: String as PropType<string | null> },\n    defaultValue: { type: String as PropType<string | null> },\n    expandedValue: { type: Array as PropType<string[]> },\n    defaultExpandedValue: { type: Array as PropType<string[]> },\n    accordion: Boolean,\n    collapsed: { type: Boolean, default: undefined },\n    collapsedPopout: { type: Boolean, default: undefined },\n    disabled: Boolean,\n    loop: { type: Boolean, default: undefined },\n    dir: { type: String as PropType<SideNavProps['dir']> },\n    tone: { type: String as PropType<Tone> },\n    size: { type: String as PropType<Size> },\n    translations: { type: Object as PropType<SideNavProps['translations']> },\n  },\n  // *-change 携带 details 对象，update:* 携带裸值，支持 v-model:value 与 v-model:expanded-value\n  emits: {\n    'value-change': (_details: PayloadOf<SideNavProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<SideNavProps, 'onValueChange'>['value']) => true,\n    'expanded-value-change': (_details: PayloadOf<SideNavProps, 'onExpandedValueChange'>) => true,\n    'update:expandedValue': (_value: PayloadOf<SideNavProps, 'onExpandedValueChange'>['value']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: SideNavRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const ctx = useSideNav(withXhConfig('side-nav', props) as SideNavProps, {\n      onValueChange: (details) => {\n        emit('value-change', details)\n        emit('update:value', details.value)\n      },\n      onExpandedValueChange: (details) => {\n        emit('expanded-value-change', details)\n        emit('update:expandedValue', details.value)\n      },\n    })\n    provideSideNav(ctx)\n    // 经插槽暴露状态与命令，供折叠开关这类外部控件使用\n    return () => h('nav', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      value: ctx.api.value.value,\n      expandedValue: ctx.api.value.expandedValue,\n      collapsed: ctx.api.value.collapsed,\n      popoutValue: ctx.api.value.popoutValue,\n      isSelected: ctx.api.value.isSelected,\n      isExpanded: ctx.api.value.isExpanded,\n      isActiveBranch: ctx.api.value.isActiveBranch,\n      select: ctx.api.value.select,\n      setValue: ctx.api.value.setValue,\n      setExpandedValue: ctx.api.value.setExpandedValue,\n      expand: ctx.api.value.expand,\n      collapse: ctx.api.value.collapse,\n      openPopout: ctx.api.value.openPopout,\n      closePopout: ctx.api.value.closePopout,\n    }))\n  },\n})\n\nexport const XhSideNavList = defineComponent({\n  name: 'XhSideNavList',\n  setup(_, { slots }) {\n    const ctx = useSideNavContext()\n    return () => h('ul', ctx.api.value.getListProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 叶子行的列表项：列表容器是 ul，链接得裹在 li 里才是它合法的直接子节点\nexport const XhSideNavItem = defineComponent({\n  name: 'XhSideNavItem',\n  setup(_, { slots }) {\n    const ctx = useSideNavContext()\n    return () => h('li', ctx.api.value.getItemProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSideNavGroup = defineComponent({\n  name: 'XhSideNavGroup',\n  props: {\n    /** 分组身份，与 group-label 依靠它配对。 */\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useSideNavContext()\n    return () => h('li', ctx.api.value.getGroupProps({ value: props.value }) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSideNavGroupLabel = defineComponent({\n  name: 'XhSideNavGroupLabel',\n  props: {\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useSideNavContext()\n    return () => h('div', ctx.api.value.getGroupLabelProps({ value: props.value }) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSideNavBranch = defineComponent({\n  name: 'XhSideNavBranch',\n  props: {\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useSideNavContext()\n    provideSideNavNode(props)\n    return () => h('li', ctx.api.value.getBranchProps({ value: props.value }) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSideNavBranchTrigger = defineComponent({\n  name: 'XhSideNavBranchTrigger',\n  setup(_, { slots }) {\n    const ctx = useSideNavContext()\n    const node = useSideNavNodeContext()\n    return () => h('button', ctx.api.value.getBranchTriggerProps({ value: node.value }) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSideNavBranchText = defineComponent({\n  name: 'XhSideNavBranchText',\n  setup(_, { slots }) {\n    const ctx = useSideNavContext()\n    return () => h('span', ctx.api.value.getBranchTextProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSideNavBranchIndicator = defineComponent({\n  name: 'XhSideNavBranchIndicator',\n  setup(_, { slots }) {\n    const ctx = useSideNavContext()\n    const node = useSideNavNodeContext()\n    return () => h('span', ctx.api.value.getBranchIndicatorProps({ value: node.value }) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSideNavBranchContent = defineComponent({\n  name: 'XhSideNavBranchContent',\n  props: {\n    /** 本分支弹层的 Portal 容器；优先于应用级配置。 */\n    container: { type: Object as PropType<Element> },\n  },\n  setup(props, { slots }) {\n    const ctx = useSideNavContext()\n    const node = useSideNavNodeContext()\n    // 一个弹出面板一份退场闸门：退场动画挂在面板上，从它身上探测。\n    // 开合判据直接取 connect 这一帧的产出，不另起一套\n    const panelRef = ref<HTMLElement | null>(null)\n    let presence: PresenceHandle | null = null\n    const visible = useOverlayExit({\n      config: ctx.config,\n      isOpen: () => (ctx.api.value.getPopoutPositionerProps({ value: node.value }) as Record<string, unknown>).hidden !== true,\n      contentRef: panelRef,\n      onPresence: (next) => {\n        const previous = presence\n        presence = next\n        if (ctx.service.getStatus() !== 'Started')\n          return\n        if (next)\n          ctx.service.send({ type: 'PRESENCE.SET', value: node.value, presence: next, connected: true })\n        else if (previous)\n          ctx.service.send({ type: 'PRESENCE.SET', value: node.value, presence: previous, connected: false })\n      },\n    })\n    onMounted(() => {\n      void nextTick(() => {\n        if (presence && ctx.service.getStatus() === 'Started')\n          ctx.service.send({ type: 'PRESENCE.SET', value: node.value, presence, connected: true })\n      })\n    })\n    return () => {\n      if (!ctx.api.value.isPopoutPanel(node.value)) {\n        // 平铺分支没有定位层，原地渲染\n        return h('ul', ctx.api.value.getBranchContentProps({ value: node.value }) as Record<string, unknown>, slots.default?.())\n      }\n      // 折叠态的弹出面板：定位层搬到浮层落点，逃开祖先的层叠上下文。\n      // 收起跟着退场闸门走：定位层与面板的 hidden 都押后到退场动画播完\n      const hidden = !visible.value || undefined\n      const content = h('ul', {\n        ...ctx.api.value.getBranchContentProps({ value: node.value }) as Record<string, unknown>,\n        hidden,\n        ref: (el: unknown) => { panelRef.value = el as HTMLElement | null },\n      }, slots.default?.())\n      return h(XhPortal, { to: props.container ?? ctx.portalTarget.value }, () => [\n        h('div', {\n          ...ctx.api.value.getPopoutPositionerProps({ value: node.value }) as Record<string, unknown>,\n          hidden,\n        }, [content]),\n      ])\n    }\n  },\n})\n\nexport const XhSideNavLinkText = defineComponent({\n  name: 'XhSideNavLinkText',\n  setup(_, { slots }) {\n    const ctx = useSideNavContext()\n    return () => h('span', ctx.api.value.getLinkTextProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSideNavLink = defineComponent({\n  name: 'XhSideNavLink',\n  props: {\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useSideNavContext()\n    return () => h('a', ctx.api.value.getLinkProps({ value: props.value }) as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":"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"}