@xihan-ui/vue 1.0.0-alpha.3 → 1.0.0

package/dist/components/space/space.js.map

@@ -1 +1 @@
-{"version":3,"file":"space.js","names":[],"sources":["../../../src/components/space/space.ts"],"sourcesContent":["import type { SpaceProps } from '@xihan-ui/headless'\nimport type { PropType, Slot, SlotsType, VNode } from 'vue'\nimport { connectSpace } from '@xihan-ui/headless'\nimport { Comment, computed, defineComponent, Fragment, h, Text } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { provideSpace, useSpaceContext } from './context'\n\n/**\n * 分隔符部件。写 `split` 插槽时组件在每道缝里自动铺一个，\n * 手写它也铺得出同一种结构——两条路产出的 DOM 完全一致。\n */\nexport const XhSpaceSplit = defineComponent({\n  name: 'XhSpaceSplit',\n  setup(_, { slots }) {\n    const ctx = useSpaceContext()\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 spaceItems(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(...spaceItems(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(XhSpaceSplit, { key: `xh-space-split-${index}` }, () => split()))\n    out.push(item)\n  })\n  return out\n}\n\nexport const XhSpace = defineComponent({\n  name: 'XhSpace',\n  // 有 connect 兜底的 prop 一律 default: undefined\n  props: {\n    direction: { type: String as PropType<SpaceProps['direction']>, default: undefined },\n    gap: { type: String as PropType<SpaceProps['gap']>, default: undefined },\n    align: { type: String as PropType<SpaceProps['align']>, default: undefined },\n    justify: { type: String as PropType<SpaceProps['justify']>, default: undefined },\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(() => connectSpace(props as SpaceProps, vueNormalize))\n    provideSpace({ api })\n    return () => {\n      const children = slots.default?.() ?? []\n      // 没写分隔符插槽时原样交出去，不摊平：摊平会打散 v-for 的片段，白白丢掉它的复用信息\n      const content = slots.split ? interleave(spaceItems(children), slots.split) : children\n      return h('div', api.value.getRootProps() as Record<string, unknown>, content)\n    }\n  },\n})\n"],"mappings":";;;;;;;;;AAWA,MAAa,eAAe,gBAAgB;CAC1C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,gBAAgB;EAC5B,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACpG;AACF,CAAC;;;;;;;AAQD,SAAS,WAAW,OAAkC;CACpD,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,WAAW,KAAK,QAAmB,CAAC;GAClD;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,cAAc,EAAE,KAAK,kBAAkB,QAAQ,SAAS,MAAM,CAAC,CAAC;EAC7E,IAAI,KAAK,IAAI;CACf,CAAC;CACD,OAAO;AACT;AAEA,MAAa,UAAU,gBAAgB;CACrC,MAAM;CAEN,OAAO;EACL,WAAW;GAAE,MAAM;GAA6C,SAAS,KAAA;EAAU;EACnF,KAAK;GAAE,MAAM;GAAuC,SAAS,KAAA;EAAU;EACvE,OAAO;GAAE,MAAM;GAAyC,SAAS,KAAA;EAAU;EAC3E,SAAS;GAAE,MAAM;GAA2C,SAAS,KAAA;EAAU;EAC/E,MAAM;EACN,QAAQ;CACV;CACA,OAAO;CAMP,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,eAAe,aAAa,OAAqB,YAAY,CAAC;EAC1E,aAAa,EAAE,IAAI,CAAC;EACpB,aAAa;GACX,MAAM,WAAW,MAAM,UAAU,KAAK,CAAC;GAEvC,MAAM,UAAU,MAAM,QAAQ,WAAW,WAAW,QAAQ,GAAG,MAAM,KAAK,IAAI;GAC9E,OAAO,EAAE,OAAO,IAAI,MAAM,aAAa,GAA8B,OAAO;EAC9E;CACF;AACF,CAAC"}
+{"version":3,"file":"space.js","names":[],"sources":["../../../src/components/space/space.ts"],"sourcesContent":["import type { SpaceProps } from '@xihan-ui/headless'\nimport type { PropType, Slot, SlotsType, VNode } from 'vue'\nimport { connectSpace } from '@xihan-ui/headless'\nimport { Comment, computed, defineComponent, Fragment, h, Text } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { provideSpace, useSpaceContext } from './context'\n\n/**\n * 分隔符部件。写 `split` 插槽时组件在每道缝里自动铺一个，\n * 手写它也铺得出同一种结构——两条路产出的 DOM 完全一致。\n */\nexport const XhSpaceSplit = defineComponent({\n  name: 'XhSpaceSplit',\n  setup(_, { slots }) {\n    const ctx = useSpaceContext()\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 spaceItems(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(...spaceItems(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(XhSpaceSplit, { key: `xh-space-split-${index}` }, () => split()))\n    out.push(item)\n  })\n  return out\n}\n\nexport const XhSpace = defineComponent({\n  name: 'XhSpace',\n  // 有 connect 兜底的 prop 一律 default: undefined\n  props: {\n    orientation: { type: String as PropType<SpaceProps['orientation']>, default: undefined },\n    direction: { type: String as PropType<SpaceProps['direction']>, default: undefined },\n    gap: { type: String as PropType<SpaceProps['gap']>, default: undefined },\n    align: { type: String as PropType<SpaceProps['align']>, default: undefined },\n    justify: { type: String as PropType<SpaceProps['justify']>, default: undefined },\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(() => connectSpace(props as SpaceProps, vueNormalize))\n    provideSpace({ api })\n    return () => {\n      const children = slots.default?.() ?? []\n      // 没写分隔符插槽时原样交出去，不摊平：摊平会打散 v-for 的片段，白白丢掉它的复用信息\n      const content = slots.split ? interleave(spaceItems(children), slots.split) : children\n      return h('div', api.value.getRootProps() as Record<string, unknown>, content)\n    }\n  },\n})\n"],"mappings":";;;;;;;;;AAWA,MAAa,eAAe,gBAAgB;CAC1C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,gBAAgB;EAC5B,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACpG;AACF,CAAC;;;;;;;AAQD,SAAS,WAAW,OAAkC;CACpD,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,WAAW,KAAK,QAAmB,CAAC;GAClD;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,cAAc,EAAE,KAAK,kBAAkB,QAAQ,SAAS,MAAM,CAAC,CAAC;EAC7E,IAAI,KAAK,IAAI;CACf,CAAC;CACD,OAAO;AACT;AAEA,MAAa,UAAU,gBAAgB;CACrC,MAAM;CAEN,OAAO;EACL,aAAa;GAAE,MAAM;GAA+C,SAAS,KAAA;EAAU;EACvF,WAAW;GAAE,MAAM;GAA6C,SAAS,KAAA;EAAU;EACnF,KAAK;GAAE,MAAM;GAAuC,SAAS,KAAA;EAAU;EACvE,OAAO;GAAE,MAAM;GAAyC,SAAS,KAAA;EAAU;EAC3E,SAAS;GAAE,MAAM;GAA2C,SAAS,KAAA;EAAU;EAC/E,MAAM;EACN,QAAQ;CACV;CACA,OAAO;CAMP,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,eAAe,aAAa,OAAqB,YAAY,CAAC;EAC1E,aAAa,EAAE,IAAI,CAAC;EACpB,aAAa;GACX,MAAM,WAAW,MAAM,UAAU,KAAK,CAAC;GAEvC,MAAM,UAAU,MAAM,QAAQ,WAAW,WAAW,QAAQ,GAAG,MAAM,KAAK,IAAI;GAC9E,OAAO,EAAE,OAAO,IAAI,MAAM,aAAa,GAA8B,OAAO;EAC9E;CACF;AACF,CAAC"}

package/dist/components/spinner/context.js

@@ -1,6 +1,6 @@
 import { inject, provide } from "vue";
 //#region src/components/spinner/context.ts
-const KEY = Symbol("xh-spinner");
+const KEY = Symbol.for("xh-spinner");
 function provideSpinner(ctx) {
 	provide(KEY, ctx);
 }

package/dist/components/spinner/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/spinner/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { SpinnerContext } from './use-spinner'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<SpinnerContext> = Symbol('xh-spinner')\n\nexport function provideSpinner(ctx: SpinnerContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useSpinnerContext(): SpinnerContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Spinner 部件必须用在 XhSpinner 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAoC,OAAO,YAAY;AAE7D,SAAgB,eAAe,KAA2B;CACxD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,oBAAoC;CAClD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,iCAAiC;CACnD,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/spinner/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { SpinnerContext } from './use-spinner'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<SpinnerContext> = Symbol.for('xh-spinner')\n\nexport function provideSpinner(ctx: SpinnerContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useSpinnerContext(): SpinnerContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Spinner 部件必须用在 XhSpinner 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAoC,OAAO,IAAI,YAAY;AAEjE,SAAgB,eAAe,KAA2B;CACxD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,oBAAoC;CAClD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,iCAAiC;CACnD,OAAO;AACT"}

package/dist/components/spinner/spinner.d.ts

@@ -41,8 +41,8 @@ declare const XhSpinner: import("vue").DefineComponent<import("vue").ExtractProp
   };
 }>> & Readonly<{}>, {
   label: string;
-  size: Size;
   tone: Tone;
+  size: Size;
   translations: Partial<SpinnerTranslations>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 /** 可见文案节点。作者不写内容时显示解析后的 label，屏幕上看到的与读屏念的因此是同一段字。 */

package/dist/components/splitter/context.js

@@ -1,6 +1,6 @@
 import { inject, provide } from "vue";
 //#region src/components/splitter/context.ts
-const KEY = Symbol("xh-splitter");
+const KEY = Symbol.for("xh-splitter");
 function provideSplitter(ctx) {
 	provide(KEY, ctx);
 }

package/dist/components/splitter/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/splitter/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { SplitterContext } from './use-splitter'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<SplitterContext> = Symbol('xh-splitter')\n\nexport function provideSplitter(ctx: SplitterContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useSplitterContext(): SplitterContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Splitter 部件必须用在 XhSplitterRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAqC,OAAO,aAAa;AAE/D,SAAgB,gBAAgB,KAA4B;CAC1D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,qBAAsC;CACpD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,uCAAuC;CACzD,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/splitter/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { SplitterContext } from './use-splitter'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<SplitterContext> = Symbol.for('xh-splitter')\n\nexport function provideSplitter(ctx: SplitterContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useSplitterContext(): SplitterContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Splitter 部件必须用在 XhSplitterRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAqC,OAAO,IAAI,aAAa;AAEnE,SAAgB,gBAAgB,KAA4B;CAC1D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,qBAAsC;CACpD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,uCAAuC;CACzD,OAAO;AACT"}

package/dist/components/statistic/context.js

@@ -1,6 +1,6 @@
 import { inject, provide } from "vue";
 //#region src/components/statistic/context.ts
-const KEY = Symbol("xh-statistic");
+const KEY = Symbol.for("xh-statistic");
 function provideStatistic(ctx) {
 	provide(KEY, ctx);
 }

package/dist/components/statistic/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/statistic/context.ts"],"sourcesContent":["import type { StatisticApi } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport { inject, provide } from 'vue'\n\nexport interface StatisticContext {\n  api: ComputedRef<StatisticApi>\n}\n\nconst KEY: InjectionKey<StatisticContext> = Symbol('xh-statistic')\n\nexport function provideStatistic(ctx: StatisticContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useStatisticContext(): StatisticContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Statistic 部件必须用在 XhStatisticRoot 内')\n  return ctx\n}\n"],"mappings":";;AAQA,MAAM,MAAsC,OAAO,cAAc;AAEjE,SAAgB,iBAAiB,KAA6B;CAC5D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,sBAAwC;CACtD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,yCAAyC;CAC3D,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/statistic/context.ts"],"sourcesContent":["import type { StatisticApi } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport { inject, provide } from 'vue'\n\nexport interface StatisticContext {\n  api: ComputedRef<StatisticApi>\n}\n\nconst KEY: InjectionKey<StatisticContext> = Symbol.for('xh-statistic')\n\nexport function provideStatistic(ctx: StatisticContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useStatisticContext(): StatisticContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Statistic 部件必须用在 XhStatisticRoot 内')\n  return ctx\n}\n"],"mappings":";;AAQA,MAAM,MAAsC,OAAO,IAAI,cAAc;AAErE,SAAgB,iBAAiB,KAA6B;CAC5D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,sBAAwC;CACtD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,yCAAyC;CAC3D,OAAO;AACT"}

package/dist/components/statistic/statistic.d.ts

@@ -22,8 +22,8 @@ declare const XhStatisticRoot: import("vue").DefineComponent<import("vue").Extra
     default: undefined;
   };
 }>> & Readonly<{}>, {
-  size: Size;
   tone: Tone;
+  size: Size;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhStatisticLabel: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;

package/dist/components/steps/context.js

@@ -1,8 +1,8 @@
 import { inject, provide } from "vue";
 //#region src/components/steps/context.ts
-const KEY = Symbol("xh-steps");
+const KEY = Symbol.for("xh-steps");
 /** 条目身份下传给 trigger/indicator/title/description/separator，用 getter 以跟随 value/disabled 变更。 */
-const ITEM_KEY = Symbol("xh-steps-item");
+const ITEM_KEY = Symbol.for("xh-steps-item");
 function provideSteps(ctx) {
 	provide(KEY, ctx);
 }

package/dist/components/steps/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/steps/context.ts"],"sourcesContent":["import type { StepsItemProps } from '@xihan-ui/headless'\nimport type { InjectionKey } from 'vue'\nimport type { StepsContext } from './use-steps'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<StepsContext> = Symbol('xh-steps')\n/** 条目身份下传给 trigger/indicator/title/description/separator，用 getter 以跟随 value/disabled 变更。 */\nconst ITEM_KEY: InjectionKey<() => StepsItemProps> = Symbol('xh-steps-item')\n\nexport function provideSteps(ctx: StepsContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useStepsContext(): StepsContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Steps 部件必须用在 XhStepsRoot 内')\n  return ctx\n}\n\nexport function provideStepsItem(item: () => StepsItemProps): void {\n  provide(ITEM_KEY, item)\n}\n\nexport function useStepsItem(): () => StepsItemProps {\n  const item = inject(ITEM_KEY, null)\n  if (!item)\n    throw new Error('[xh] Steps 条目部件必须用在 XhStepsItem 内')\n  return item\n}\n"],"mappings":";;AAKA,MAAM,MAAkC,OAAO,UAAU;;AAEzD,MAAM,WAA+C,OAAO,eAAe;AAE3E,SAAgB,aAAa,KAAyB;CACpD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,kBAAgC;CAC9C,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,iCAAiC;CACnD,OAAO;AACT;AAEA,SAAgB,iBAAiB,MAAkC;CACjE,QAAQ,UAAU,IAAI;AACxB;AAEA,SAAgB,eAAqC;CACnD,MAAM,OAAO,OAAO,UAAU,IAAI;CAClC,IAAI,CAAC,MACH,MAAM,IAAI,MAAM,mCAAmC;CACrD,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/steps/context.ts"],"sourcesContent":["import type { StepsItemProps } from '@xihan-ui/headless'\nimport type { InjectionKey } from 'vue'\nimport type { StepsContext } from './use-steps'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<StepsContext> = Symbol.for('xh-steps')\n/** 条目身份下传给 trigger/indicator/title/description/separator，用 getter 以跟随 value/disabled 变更。 */\nconst ITEM_KEY: InjectionKey<() => StepsItemProps> = Symbol.for('xh-steps-item')\n\nexport function provideSteps(ctx: StepsContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useStepsContext(): StepsContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Steps 部件必须用在 XhStepsRoot 内')\n  return ctx\n}\n\nexport function provideStepsItem(item: () => StepsItemProps): void {\n  provide(ITEM_KEY, item)\n}\n\nexport function useStepsItem(): () => StepsItemProps {\n  const item = inject(ITEM_KEY, null)\n  if (!item)\n    throw new Error('[xh] Steps 条目部件必须用在 XhStepsItem 内')\n  return item\n}\n"],"mappings":";;AAKA,MAAM,MAAkC,OAAO,IAAI,UAAU;;AAE7D,MAAM,WAA+C,OAAO,IAAI,eAAe;AAE/E,SAAgB,aAAa,KAAyB;CACpD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,kBAAgC;CAC9C,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,iCAAiC;CACnD,OAAO;AACT;AAEA,SAAgB,iBAAiB,MAAkC;CACjE,QAAQ,UAAU,IAAI;AACxB;AAEA,SAAgB,eAAqC;CACnD,MAAM,OAAO,OAAO,UAAU,IAAI;CAClC,IAAI,CAAC,MACH,MAAM,IAAI,MAAM,mCAAmC;CACrD,OAAO;AACT"}

package/dist/components/steps/steps.d.ts

@@ -89,15 +89,15 @@ declare const XhStepsRoot: import("vue").DefineComponent<import("vue").ExtractPr
   "onStep-change"?: ((_details: import("@xihan-ui/headless").StepsStepChangeDetails) => any) | undefined;
   "onUpdate:step"?: ((_step: number) => any) | undefined;
 }>, {
-  size: Size;
   orientation: Orientation;
   dir: Direction;
   tone: Tone;
+  size: Size;
   disabled: boolean;
   count: number;
-  linear: boolean;
   step: number;
   defaultStep: number;
+  linear: boolean;
 }, SlotsType<{
   default?: (props: StepsRootSlotProps) => VNode[];
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/table/context.js

@@ -1,9 +1,9 @@
 import { inject, provide } from "vue";
 //#region src/components/table/context.ts
-const KEY = Symbol("xh-table");
-const SECTION_KEY = Symbol("xh-table-section");
-const ROW_KEY = Symbol("xh-table-row");
-const COLUMN_KEY = Symbol("xh-table-column");
+const KEY = Symbol.for("xh-table");
+const SECTION_KEY = Symbol.for("xh-table-section");
+const ROW_KEY = Symbol.for("xh-table-row");
+const COLUMN_KEY = Symbol.for("xh-table-column");
 function provideTable(ctx) {
 	provide(KEY, ctx);
 }

package/dist/components/table/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/table/context.ts"],"sourcesContent":["import type { TableColumnProps, TableRowProps } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport type { TableContext } from './use-table'\nimport { inject, provide } from 'vue'\n\n/** 行所在的区段，决定同一个 row 部件渲染成表头行、数据行还是脚注行。 */\nexport type TableSection = 'header' | 'body' | 'footer'\n\n/** 行自报的值，供行内的把手与单元格复用同一份声明。 */\nexport interface TableRowContext {\n  row: ComputedRef<TableRowProps>\n}\n\n/** 列自报的值，供列标题里的排序把手复用同一份声明。 */\nexport interface TableColumnContext {\n  column: ComputedRef<TableColumnProps>\n}\n\nconst KEY: InjectionKey<TableContext> = Symbol('xh-table')\nconst SECTION_KEY: InjectionKey<TableSection> = Symbol('xh-table-section')\nconst ROW_KEY: InjectionKey<TableRowContext> = Symbol('xh-table-row')\nconst COLUMN_KEY: InjectionKey<TableColumnContext> = Symbol('xh-table-column')\n\nexport function provideTable(ctx: TableContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useTableContext(): TableContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Table 部件必须用在 XhTableRoot 内')\n  return ctx\n}\n\nexport function provideTableSection(section: TableSection): void {\n  provide(SECTION_KEY, section)\n}\n\n/** 取所在区段，无区段声明时按数据行处理。 */\nexport function useTableSection(): TableSection {\n  return inject(SECTION_KEY, 'body')\n}\n\nexport function provideTableRow(ctx: TableRowContext): void {\n  provide(ROW_KEY, ctx)\n}\n\nexport function useTableRowContext(): TableRowContext {\n  const ctx = inject(ROW_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Table 行内部件必须用在 XhTableRow 或 XhTableExpandedRow 内')\n  return ctx\n}\n\n/** 注入行上下文，表头与脚注单元格不在行内时返回 null。 */\nexport function useOptionalTableRowContext(): TableRowContext | null {\n  return inject(ROW_KEY, null)\n}\n\nexport function provideTableColumn(ctx: TableColumnContext): void {\n  provide(COLUMN_KEY, ctx)\n}\n\nexport function useTableColumnContext(): TableColumnContext {\n  const ctx = inject(COLUMN_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Table 排序把手必须用在 XhTableColumnHeader 内')\n  return ctx\n}\n"],"mappings":";;AAkBA,MAAM,MAAkC,OAAO,UAAU;AACzD,MAAM,cAA0C,OAAO,kBAAkB;AACzE,MAAM,UAAyC,OAAO,cAAc;AACpE,MAAM,aAA+C,OAAO,iBAAiB;AAE7E,SAAgB,aAAa,KAAyB;CACpD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,kBAAgC;CAC9C,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,iCAAiC;CACnD,OAAO;AACT;AAEA,SAAgB,oBAAoB,SAA6B;CAC/D,QAAQ,aAAa,OAAO;AAC9B;;AAGA,SAAgB,kBAAgC;CAC9C,OAAO,OAAO,aAAa,MAAM;AACnC;AAEA,SAAgB,gBAAgB,KAA4B;CAC1D,QAAQ,SAAS,GAAG;AACtB;AAEA,SAAgB,qBAAsC;CACpD,MAAM,MAAM,OAAO,SAAS,IAAI;CAChC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,uDAAuD;CACzE,OAAO;AACT;;AAGA,SAAgB,6BAAqD;CACnE,OAAO,OAAO,SAAS,IAAI;AAC7B;AAEA,SAAgB,mBAAmB,KAA+B;CAChE,QAAQ,YAAY,GAAG;AACzB;AAEA,SAAgB,wBAA4C;CAC1D,MAAM,MAAM,OAAO,YAAY,IAAI;CACnC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,2CAA2C;CAC7D,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/table/context.ts"],"sourcesContent":["import type { TableColumnProps, TableRowProps } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport type { TableContext } from './use-table'\nimport { inject, provide } from 'vue'\n\n/** 行所在的区段，决定同一个 row 部件渲染成表头行、数据行还是脚注行。 */\nexport type TableSection = 'header' | 'body' | 'footer'\n\n/** 行自报的值，供行内的把手与单元格复用同一份声明。 */\nexport interface TableRowContext {\n  row: ComputedRef<TableRowProps>\n}\n\n/** 列自报的值，供列标题里的排序把手复用同一份声明。 */\nexport interface TableColumnContext {\n  column: ComputedRef<TableColumnProps>\n}\n\nconst KEY: InjectionKey<TableContext> = Symbol.for('xh-table')\nconst SECTION_KEY: InjectionKey<TableSection> = Symbol.for('xh-table-section')\nconst ROW_KEY: InjectionKey<TableRowContext> = Symbol.for('xh-table-row')\nconst COLUMN_KEY: InjectionKey<TableColumnContext> = Symbol.for('xh-table-column')\n\nexport function provideTable(ctx: TableContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useTableContext(): TableContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Table 部件必须用在 XhTableRoot 内')\n  return ctx\n}\n\nexport function provideTableSection(section: TableSection): void {\n  provide(SECTION_KEY, section)\n}\n\n/** 取所在区段，无区段声明时按数据行处理。 */\nexport function useTableSection(): TableSection {\n  return inject(SECTION_KEY, 'body')\n}\n\nexport function provideTableRow(ctx: TableRowContext): void {\n  provide(ROW_KEY, ctx)\n}\n\nexport function useTableRowContext(): TableRowContext {\n  const ctx = inject(ROW_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Table 行内部件必须用在 XhTableRow 或 XhTableExpandedRow 内')\n  return ctx\n}\n\n/** 注入行上下文，表头与脚注单元格不在行内时返回 null。 */\nexport function useOptionalTableRowContext(): TableRowContext | null {\n  return inject(ROW_KEY, null)\n}\n\nexport function provideTableColumn(ctx: TableColumnContext): void {\n  provide(COLUMN_KEY, ctx)\n}\n\nexport function useTableColumnContext(): TableColumnContext {\n  const ctx = inject(COLUMN_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Table 排序把手必须用在 XhTableColumnHeader 内')\n  return ctx\n}\n"],"mappings":";;AAkBA,MAAM,MAAkC,OAAO,IAAI,UAAU;AAC7D,MAAM,cAA0C,OAAO,IAAI,kBAAkB;AAC7E,MAAM,UAAyC,OAAO,IAAI,cAAc;AACxE,MAAM,aAA+C,OAAO,IAAI,iBAAiB;AAEjF,SAAgB,aAAa,KAAyB;CACpD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,kBAAgC;CAC9C,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,iCAAiC;CACnD,OAAO;AACT;AAEA,SAAgB,oBAAoB,SAA6B;CAC/D,QAAQ,aAAa,OAAO;AAC9B;;AAGA,SAAgB,kBAAgC;CAC9C,OAAO,OAAO,aAAa,MAAM;AACnC;AAEA,SAAgB,gBAAgB,KAA4B;CAC1D,QAAQ,SAAS,GAAG;AACtB;AAEA,SAAgB,qBAAsC;CACpD,MAAM,MAAM,OAAO,SAAS,IAAI;CAChC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,uDAAuD;CACzE,OAAO;AACT;;AAGA,SAAgB,6BAAqD;CACnE,OAAO,OAAO,SAAS,IAAI;AAC7B;AAEA,SAAgB,mBAAmB,KAA+B;CAChE,QAAQ,YAAY,GAAG;AACzB;AAEA,SAAgB,wBAA4C;CAC1D,MAAM,MAAM,OAAO,YAAY,IAAI;CACnC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,2CAA2C;CAC7D,OAAO;AACT"}

package/dist/components/table/table.d.ts

@@ -1,11 +1,11 @@
 import { PayloadOf } from "../../runtime/payload.js";
 import { PropType, SlotsType, VNode } from "vue";
-import { TableApi, TableColumnDef, TableRowDef, TableSchema, TableSelection, TableSelectionMode, TableSortDescriptor } from "@xihan-ui/headless";
+import { TableApi, TableColumnDef, TableColumnKind, TableColumnPreference, TableRowDef, TableSchema, TableSelection, TableSelectionMode, TableSortDescriptor } from "@xihan-ui/headless";
 import { Direction, Size } from "@xihan-ui/kernel";
 //#region src/components/table/table.d.ts
 type TableProps = TableSchema['props'];
 /** 默认插槽的载荷：可见行与排序、选中、展开三态，以及逐行查询与改写它们的句柄。 */
-type TableRootSlotProps = Pick<TableApi, 'visibleRows' | 'sort' | 'selection' | 'selectionState' | 'expandedValue' | 'focusedRow' | 'empty' | 'loading' | 'isSelected' | 'isExpanded' | 'sortDirection' | 'sortPriority' | 'toggleSort' | 'selectRow' | 'toggleSelectAll' | 'toggleExpandRow'>;
+type TableRootSlotProps = Pick<TableApi, 'columns' | 'columnPreference' | 'setColumnHidden' | 'moveColumn' | 'setColumnWidth' | 'setColumnPreference' | 'rowNumber' | 'visibleRows' | 'sort' | 'selection' | 'selectionState' | 'expandedValue' | 'focusedRow' | 'empty' | 'loading' | 'isSelected' | 'isExpanded' | 'sortDirection' | 'sortPriority' | 'toggleSort' | 'selectRow' | 'toggleSelectAll' | 'toggleExpandRow'>;
 declare const XhTableRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   columns: {
     type: PropType<TableColumnDef[]>;
@@ -35,6 +35,29 @@ declare const XhTableRoot: import("vue").DefineComponent<import("vue").ExtractPr
     type: PropType<TableSelectionMode>;
     default: undefined;
   };
+  /** 要哪几列前缀列（序号 / 多选 / 展开），按给定顺序插在最前面并占住列号。 */
+  prefixColumns: {
+    type: PropType<TableColumnKind[]>;
+    default: undefined;
+  };
+  /** 当前页码与每页条数：只用来算序号，不参与切片。 */
+  /** 列偏好：给定即受控。持久化归使用者，库只负责把它算进生效列。 */
+  columnPreference: {
+    type: PropType<TableColumnPreference>;
+    default: undefined;
+  };
+  defaultColumnPreference: {
+    type: PropType<TableColumnPreference>;
+    default: undefined;
+  };
+  page: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  pageSize: {
+    type: NumberConstructor;
+    default: undefined;
+  };
   expanded: {
     type: PropType<string[]>;
     default: undefined;
@@ -68,6 +91,10 @@ declare const XhTableRoot: import("vue").DefineComponent<import("vue").ExtractPr
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  'column-preference-change': (_details: {
+    value: TableColumnPreference;
+  }) => true;
+  'update:columnPreference': (_value: TableColumnPreference) => true;
   'sort-change': (_details: PayloadOf<TableProps, "onSortChange">) => true;
   'update:sort': (_sort: PayloadOf<TableProps, "onSortChange">["value"]) => true;
   'selection-change': (_details: PayloadOf<TableProps, "onSelectionChange">) => true;
@@ -103,6 +130,29 @@ declare const XhTableRoot: import("vue").DefineComponent<import("vue").ExtractPr
     type: PropType<TableSelectionMode>;
     default: undefined;
   };
+  /** 要哪几列前缀列（序号 / 多选 / 展开），按给定顺序插在最前面并占住列号。 */
+  prefixColumns: {
+    type: PropType<TableColumnKind[]>;
+    default: undefined;
+  };
+  /** 当前页码与每页条数：只用来算序号，不参与切片。 */
+  /** 列偏好：给定即受控。持久化归使用者，库只负责把它算进生效列。 */
+  columnPreference: {
+    type: PropType<TableColumnPreference>;
+    default: undefined;
+  };
+  defaultColumnPreference: {
+    type: PropType<TableColumnPreference>;
+    default: undefined;
+  };
+  page: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  pageSize: {
+    type: NumberConstructor;
+    default: undefined;
+  };
   expanded: {
     type: PropType<string[]>;
     default: undefined;
@@ -136,6 +186,10 @@ declare const XhTableRoot: import("vue").DefineComponent<import("vue").ExtractPr
 }>> & Readonly<{
   "onExpanded-change"?: ((_details: import("@xihan-ui/headless").TableExpandedChangeDetails) => any) | undefined;
   "onUpdate:expanded"?: ((_expanded: string[]) => any) | undefined;
+  "onColumn-preference-change"?: ((_details: {
+    value: TableColumnPreference;
+  }) => any) | undefined;
+  "onUpdate:columnPreference"?: ((_value: TableColumnPreference) => any) | undefined;
   "onSort-change"?: ((_details: import("@xihan-ui/headless").TableSortChangeDetails) => any) | undefined;
   "onUpdate:sort"?: ((_sort: TableSortDescriptor[]) => any) | undefined;
   "onSelection-change"?: ((_details: import("@xihan-ui/headless").TableSelectionChangeDetails) => any) | undefined;
@@ -143,16 +197,18 @@ declare const XhTableRoot: import("vue").DefineComponent<import("vue").ExtractPr
 }>, {
   sort: TableSortDescriptor[];
   footer: boolean;
-  size: Size;
   dir: Direction;
+  size: Size;
   loading: boolean;
   selectionMode: TableSelectionMode;
+  page: number;
   loop: boolean;
   empty: boolean;
   columns: TableColumnDef[];
   expanded: string[];
   defaultExpanded: string[];
   rows: TableRowDef[];
+  columnPreference: TableColumnPreference;
   selection: TableSelection;
   stickyHeader: boolean;
   striped: boolean;
@@ -160,6 +216,9 @@ declare const XhTableRoot: import("vue").DefineComponent<import("vue").ExtractPr
   ruled: boolean;
   defaultSort: TableSortDescriptor[];
   defaultSelection: TableSelection;
+  prefixColumns: TableColumnKind[];
+  defaultColumnPreference: TableColumnPreference;
+  pageSize: number;
 }, SlotsType<{
   default?: (props: TableRootSlotProps) => VNode[];
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","names":[],"sources":["../../../src/components/table/table.ts"],"mappings":";;;;;KA6BK,aAAa;;KAyBN,qBAAqB,KAC/B;cAmBW,2BAAW,8BAAA;;IAIM,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;IACD,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;IACrB,MAAA,SAAS;;;;IACf,MAAA;;;;IACO,MAAA;;;;;;;;;;;;;;;;;;IASX,MAAA,SAAS;;;;IACR,MAAA,SAAS;;;;;;EAIP,gBAAA,UAAA,UAAU;EACb,gBAAA,OAAA,UAAU;EACF,qBAAA,UAAA,UAAU;EACR,qBAAA,YAAA,UAAU;EACb,oBAAA,UAAA,UAAU;EACT,oBAAA,WAAA,UAAU;;;IA3Bf,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;IACD,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;IACrB,MAAA,SAAS;;;;IACf,MAAA;;;;IACO,MAAA;;;;;;;;;;;;;;;;;;IASX,MAAA,SAAS;;;;IACR,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYvB,WAAC,OAAO,uBAAuB;kCAoC3C;cAEW,8BAAc,0BAAA,oBAAA,4BAAA;;8BAMzB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,6BAAa,0BAAA,oBAAA,4BAAA;;8BAOxB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,2BAAW,0BAAA,oBAAA,4BAAA;;8BAQtB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,6BAAa,0BAAA,oBAAA,4BAAA;;8BAOxB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,0BAAU,8BAAA;;;;;;;;;;;;;;;;qCA6BrB;cAEW,mCAAmB,8BAAA;;;;;;;;;;;;MAe9B,oDAAA;cAEW,2BAAW,8BAAA;;;;;;;;IAMiB,MAAA;;;;;;;;;;;;;IAAA,MAAA;;;;;qCAgBvC;cAEW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAUlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAWlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAW7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAW/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,8BAAA;;;;;;;;;;;;;;MAgB7B,oDAAA;cAEW,4BAAY,0BAAA,oBAAA,4BAAA;;8BAMvB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAM9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"table.d.ts","names":[],"sources":["../../../src/components/table/table.ts"],"mappings":";;;;;KA+BK,aAAa;;KAyBN,qBAAqB,KAC/B;cA0BW,2BAAW,8BAAA;;IAIM,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;IACD,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;IACrB,MAAA,SAAS;;;;;IAEV,MAAA,SAAS;;;;;;IAGL,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;;;;;;;;;IAGzB,MAAA;;;;IACO,MAAA;;;;;;;;;;;;;;;;;;IASX,MAAA,SAAS;;;;IACR,MAAA,SAAS;;;;;;EAIM,6BAAA;IAAE,OAAO;;EACZ,4BAAA,QAAA;EACV,gBAAA,UAAA,UAAU;EACb,gBAAA,OAAA,UAAU;EACF,qBAAA,UAAA,UAAU;EACR,qBAAA,YAAA,UAAU;EACb,oBAAA,UAAA,UAAU;EACT,oBAAA,WAAA,UAAU;;;IArCf,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;IACD,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;IACrB,MAAA,SAAS;;;;;IAEV,MAAA,SAAS;;;;;;IAGL,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;;;;;;;;;IAGzB,MAAA;;;;IACO,MAAA;;;;;;;;;;;;;;;;;;IASX,MAAA,SAAS;;;;IACR,MAAA,SAAS;;;;;;;IAIe,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUtC,WAAC,OAAO,uBAAuB;kCA+C3C;cAEW,8BAAc,0BAAA,oBAAA,4BAAA;;8BAMzB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,6BAAa,0BAAA,oBAAA,4BAAA;;8BAOxB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,2BAAW,0BAAA,oBAAA,4BAAA;;8BAQtB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,6BAAa,0BAAA,oBAAA,4BAAA;;8BAOxB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,0BAAU,8BAAA;;;;;;;;;;;;;;;;qCA6BrB;cAEW,mCAAmB,8BAAA;;;;;;;;;;;;MAe9B,oDAAA;cAEW,2BAAW,8BAAA;;;;;;;;IAMiB,MAAA;;;;;;;;;;;;;IAAA,MAAA;;;;;qCAgBvC;cAEW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAUlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAWlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAW7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAW/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,8BAAA;;;;;;;;;;;;;;MAgB7B,oDAAA;cAEW,4BAAY,0BAAA,oBAAA,4BAAA;;8BAMvB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAM9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/table/table.js

@@ -50,6 +50,29 @@ const XhTableRoot = defineComponent({
 			type: String,
 			default: void 0
 		},
+		/** 要哪几列前缀列（序号 / 多选 / 展开），按给定顺序插在最前面并占住列号。 */
+		prefixColumns: {
+			type: Array,
+			default: void 0
+		},
+		/** 当前页码与每页条数：只用来算序号，不参与切片。 */
+		/** 列偏好：给定即受控。持久化归使用者，库只负责把它算进生效列。 */
+		columnPreference: {
+			type: Object,
+			default: void 0
+		},
+		defaultColumnPreference: {
+			type: Object,
+			default: void 0
+		},
+		page: {
+			type: Number,
+			default: void 0
+		},
+		pageSize: {
+			type: Number,
+			default: void 0
+		},
 		expanded: {
 			type: Array,
 			default: void 0
@@ -82,6 +105,8 @@ const XhTableRoot = defineComponent({
 		}
 	},
 	emits: {
+		"column-preference-change": (_details) => true,
+		"update:columnPreference": (_value) => true,
 		"sort-change": (_details) => true,
 		"update:sort": (_sort) => true,
 		"selection-change": (_details) => true,
@@ -91,6 +116,10 @@ const XhTableRoot = defineComponent({
 	},
 	slots: Object,
 	setup(props, { slots, emit }) {
+		const onColumnPreferenceChange = (details) => {
+			emit("column-preference-change", details);
+			emit("update:columnPreference", details.value);
+		};
 		const onSortChange = (details) => {
 			emit("sort-change", details);
 			emit("update:sort", details.value);
@@ -103,9 +132,16 @@ const XhTableRoot = defineComponent({
 			emit("expanded-change", details);
 			emit("update:expanded", details.value);
 		};
-		const ctx = useTable(props, onSortChange, onSelectionChange, onExpandedChange);
+		const ctx = useTable(props, onSortChange, onSelectionChange, onExpandedChange, onColumnPreferenceChange);
 		provideTable(ctx);
 		return () => h("div", ctx.api.value.getRootProps(), slots.default?.({
+			columns: ctx.api.value.columns,
+			columnPreference: ctx.api.value.columnPreference,
+			setColumnHidden: ctx.api.value.setColumnHidden,
+			moveColumn: ctx.api.value.moveColumn,
+			setColumnWidth: ctx.api.value.setColumnWidth,
+			setColumnPreference: ctx.api.value.setColumnPreference,
+			rowNumber: ctx.api.value.rowNumber,
 			visibleRows: ctx.api.value.visibleRows,
 			sort: ctx.api.value.sort,
 			selection: ctx.api.value.selection,

package/dist/components/table/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","names":[],"sources":["../../../src/components/table/table.ts"],"sourcesContent":["import type {\n  TableApi,\n  TableColumnDef,\n  TableColumnProps,\n  TableRowDef,\n  TableRowProps,\n  TableSchema,\n  TableSelection,\n  TableSelectionMode,\n  TableSortDescriptor,\n} from '@xihan-ui/headless'\nimport type { Direction, Size } from '@xihan-ui/kernel'\nimport type { PropType, Ref, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport type { TableContext } from './use-table'\nimport { computed, defineComponent, h, onBeforeUnmount, ref, watch } from 'vue'\nimport {\n  provideTable,\n  provideTableColumn,\n  provideTableRow,\n  provideTableSection,\n  useOptionalTableRowContext,\n  useTableColumnContext,\n  useTableContext,\n  useTableRowContext,\n  useTableSection,\n} from './context'\nimport { useTable } from './use-table'\n\ntype TableProps = TableSchema['props']\n\n/** 本行持有焦点时，value 变更重报焦点行，卸载时上报表体失焦 */\nfunction reportRowFocus(ctx: TableContext, el: Ref<HTMLElement | null>, value: () => string): void {\n  watch(value, (next, prev) => {\n    if (next === prev)\n      return\n    const { service } = ctx\n    if (service.getStatus() !== 'Started')\n      return\n    if (el.value && service.scope.getActiveElement() === el.value)\n      service.send({ type: 'ROW.FOCUS', value: next })\n  })\n  onBeforeUnmount(() => {\n    const { service } = ctx\n    // 整张表一起卸载时根部件先停机，此刻送事件会在 dev 下抛\n    if (service.getStatus() !== 'Started')\n      return\n    // 按「本行当下正持有焦点」判定，不按 value 比对\n    if (el.value && service.scope.getActiveElement() === el.value)\n      service.send({ type: 'TABLE.BLUR' })\n  })\n}\n\n/** 默认插槽的载荷：可见行与排序、选中、展开三态，以及逐行查询与改写它们的句柄。 */\nexport type TableRootSlotProps = Pick<\n  TableApi,\n  | 'visibleRows'\n  | 'sort'\n  | 'selection'\n  | 'selectionState'\n  | 'expandedValue'\n  | 'focusedRow'\n  | 'empty'\n  | 'loading'\n  | 'isSelected'\n  | 'isExpanded'\n  | 'sortDirection'\n  | 'sortPriority'\n  | 'toggleSort'\n  | 'selectRow'\n  | 'toggleSelectAll'\n  | 'toggleExpandRow'\n>\n\nexport const XhTableRoot = defineComponent({\n  name: 'XhTableRoot',\n  // 有机器侧兜底的 prop 一律 default: undefined，缺省值由 connect 与机器决定\n  props: {\n    columns: { type: Array as PropType<TableColumnDef[]>, default: undefined },\n    rows: { type: Array as PropType<TableRowDef[]>, default: undefined },\n    sort: { type: Array as PropType<TableSortDescriptor[]>, default: undefined },\n    defaultSort: { type: Array as PropType<TableSortDescriptor[]>, default: undefined },\n    selection: { type: [Array, String] as PropType<TableSelection>, default: undefined },\n    defaultSelection: { type: [Array, String] as PropType<TableSelection>, default: undefined },\n    selectionMode: { type: String as PropType<TableSelectionMode>, default: undefined },\n    expanded: { type: Array as PropType<string[]>, default: undefined },\n    defaultExpanded: { type: Array as PropType<string[]>, default: undefined },\n    loading: Boolean,\n    empty: { type: Boolean, default: undefined },\n    stickyHeader: Boolean,\n    striped: Boolean,\n    borderless: Boolean,\n    ruled: Boolean,\n    footer: Boolean,\n    loop: { type: Boolean, default: undefined },\n    dir: { type: String as PropType<Direction>, default: undefined },\n    size: { type: String as PropType<Size>, default: undefined },\n  },\n  // *-change 携带 { value }，update:* 携带裸值以支持 v-model\n  emits: {\n    'sort-change': (_details: PayloadOf<TableProps, 'onSortChange'>) => true,\n    'update:sort': (_sort: PayloadOf<TableProps, 'onSortChange'>['value']) => true,\n    'selection-change': (_details: PayloadOf<TableProps, 'onSelectionChange'>) => true,\n    'update:selection': (_selection: PayloadOf<TableProps, 'onSelectionChange'>['value']) => true,\n    'expanded-change': (_details: PayloadOf<TableProps, 'onExpandedChange'>) => true,\n    'update:expanded': (_expanded: PayloadOf<TableProps, 'onExpandedChange'>['value']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: TableRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const onSortChange: TableProps['onSortChange'] = (details) => {\n      emit('sort-change', details)\n      emit('update:sort', details.value)\n    }\n    const onSelectionChange: TableProps['onSelectionChange'] = (details) => {\n      emit('selection-change', details)\n      emit('update:selection', details.value)\n    }\n    const onExpandedChange: TableProps['onExpandedChange'] = (details) => {\n      emit('expanded-change', details)\n      emit('update:expanded', details.value)\n    }\n    const ctx = useTable(props as TableProps, onSortChange, onSelectionChange, onExpandedChange)\n    provideTable(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      visibleRows: ctx.api.value.visibleRows,\n      sort: ctx.api.value.sort,\n      selection: ctx.api.value.selection,\n      selectionState: ctx.api.value.selectionState,\n      expandedValue: ctx.api.value.expandedValue,\n      focusedRow: ctx.api.value.focusedRow,\n      empty: ctx.api.value.empty,\n      loading: ctx.api.value.loading,\n      isSelected: ctx.api.value.isSelected,\n      isExpanded: ctx.api.value.isExpanded,\n      sortDirection: ctx.api.value.sortDirection,\n      sortPriority: ctx.api.value.sortPriority,\n      toggleSort: ctx.api.value.toggleSort,\n      selectRow: ctx.api.value.selectRow,\n      toggleSelectAll: ctx.api.value.toggleSelectAll,\n      toggleExpandRow: ctx.api.value.toggleExpandRow,\n    }))\n  },\n})\n\nexport const XhTableCaption = defineComponent({\n  name: 'XhTableCaption',\n  setup(_, { slots }) {\n    const ctx = useTableContext()\n    return () => h('div', ctx.api.value.getCaptionProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTableHeader = defineComponent({\n  name: 'XhTableHeader',\n  setup(_, { slots }) {\n    const ctx = useTableContext()\n    provideTableSection('header')\n    return () => h('div', ctx.api.value.getHeaderProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTableBody = defineComponent({\n  name: 'XhTableBody',\n  setup(_, { slots }) {\n    const ctx = useTableContext()\n    provideTableSection('body')\n    // 键盘与 roving 的兜底 Tab 位落在表体上，不在 root 上\n    return () => h('div', ctx.api.value.getBodyProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTableFooter = defineComponent({\n  name: 'XhTableFooter',\n  setup(_, { slots }) {\n    const ctx = useTableContext()\n    provideTableSection('footer')\n    return () => h('div', ctx.api.value.getFooterProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTableRow = defineComponent({\n  name: 'XhTableRow',\n  props: {\n    /** 行 id：数据行必给，表头行与脚注行省略。 */\n    value: { type: String, default: undefined },\n  },\n  setup(props, { slots }) {\n    const ctx = useTableContext()\n    const section = useTableSection()\n    if (section !== 'body') {\n      return () => h(\n        'div',\n        (section === 'header'\n          ? ctx.api.value.getHeaderRowProps()\n          : ctx.api.value.getFooterRowProps()) as Record<string, unknown>,\n        slots.default?.(),\n      )\n    }\n    const row = computed<TableRowProps>(() => ({ value: props.value ?? '' }))\n    // 供行内的把手与单元格读取行 id\n    provideTableRow({ row })\n    const el = ref<HTMLElement | null>(null)\n    reportRowFocus(ctx, el, () => row.value.value)\n    return () => h(\n      'div',\n      { ...ctx.api.value.getRowProps(row.value) as Record<string, unknown>, ref: el },\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhTableColumnHeader = defineComponent({\n  name: 'XhTableColumnHeader',\n  props: {\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useTableContext()\n    const column = computed<TableColumnProps>(() => ({ value: props.value }))\n    provideTableColumn({ column })\n    return () => h(\n      'div',\n      ctx.api.value.getColumnHeaderProps(column.value) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhTableCell = defineComponent({\n  name: 'XhTableCell',\n  props: {\n    /** 列 id。 */\n    value: { type: String, required: true },\n    /** 跨列数，从 value 那一列往后算。 */\n    colspan: { type: [String, Number] as PropType<string | number>, default: undefined },\n  },\n  setup(props, { slots }) {\n    const ctx = useTableContext()\n    // 行上下文可选：脚注单元格不属于任何数据行\n    const rowCtx = useOptionalTableRowContext()\n    return () => h(\n      'div',\n      ctx.api.value.getCellProps({\n        value: props.value,\n        row: rowCtx?.row.value.value,\n        colSpan: props.colspan == null ? undefined : Number(props.colspan),\n      }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhTableSelectAllTrigger = defineComponent({\n  name: 'XhTableSelectAllTrigger',\n  setup(_, { slots }) {\n    const ctx = useTableContext()\n    return () => h(\n      'span',\n      ctx.api.value.getSelectAllTriggerProps() as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhTableRowSelectTrigger = defineComponent({\n  name: 'XhTableRowSelectTrigger',\n  setup(_, { slots }) {\n    const ctx = useTableContext()\n    const { row } = useTableRowContext()\n    return () => h(\n      'span',\n      ctx.api.value.getRowSelectTriggerProps(row.value) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhTableSortTrigger = defineComponent({\n  name: 'XhTableSortTrigger',\n  setup(_, { slots }) {\n    const ctx = useTableContext()\n    const { column } = useTableColumnContext()\n    return () => h(\n      'span',\n      ctx.api.value.getSortTriggerProps(column.value) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhTableExpandTrigger = defineComponent({\n  name: 'XhTableExpandTrigger',\n  setup(_, { slots }) {\n    const ctx = useTableContext()\n    const { row } = useTableRowContext()\n    return () => h(\n      'span',\n      ctx.api.value.getExpandTriggerProps(row.value) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhTableExpandedRow = defineComponent({\n  name: 'XhTableExpandedRow',\n  props: {\n    /** 所属数据行的 id。 */\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useTableContext()\n    const row = computed<TableRowProps>(() => ({ value: props.value }))\n    // 不 provide 行上下文；收起只加 hidden，不卸载内部节点\n    return () => h(\n      'div',\n      ctx.api.value.getExpandedRowProps(row.value) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhTableEmpty = defineComponent({\n  name: 'XhTableEmpty',\n  setup(_, { slots }) {\n    const ctx = useTableContext()\n    return () => h('div', ctx.api.value.getEmptyProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTableLoadingState = defineComponent({\n  name: 'XhTableLoadingState',\n  setup(_, { slots }) {\n    const ctx = useTableContext()\n    return () => h('div', ctx.api.value.getLoadingStateProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"table.js","names":[],"sources":["../../../src/components/table/table.ts"],"sourcesContent":["import type {\n  TableApi,\n  TableColumnDef,\n  TableColumnKind,\n  TableColumnPreference,\n  TableColumnProps,\n  TableRowDef,\n  TableRowProps,\n  TableSchema,\n  TableSelection,\n  TableSelectionMode,\n  TableSortDescriptor,\n} from '@xihan-ui/headless'\nimport type { Direction, Size } from '@xihan-ui/kernel'\nimport type { PropType, Ref, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport type { TableContext } from './use-table'\nimport { computed, defineComponent, h, onBeforeUnmount, ref, watch } from 'vue'\nimport {\n  provideTable,\n  provideTableColumn,\n  provideTableRow,\n  provideTableSection,\n  useOptionalTableRowContext,\n  useTableColumnContext,\n  useTableContext,\n  useTableRowContext,\n  useTableSection,\n} from './context'\nimport { useTable } from './use-table'\n\ntype TableProps = TableSchema['props']\n\n/** 本行持有焦点时，value 变更重报焦点行，卸载时上报表体失焦 */\nfunction reportRowFocus(ctx: TableContext, el: Ref<HTMLElement | null>, value: () => string): void {\n  watch(value, (next, prev) => {\n    if (next === prev)\n      return\n    const { service } = ctx\n    if (service.getStatus() !== 'Started')\n      return\n    if (el.value && service.scope.getActiveElement() === el.value)\n      service.send({ type: 'ROW.FOCUS', value: next })\n  })\n  onBeforeUnmount(() => {\n    const { service } = ctx\n    // 整张表一起卸载时根部件先停机，此刻送事件会在 dev 下抛\n    if (service.getStatus() !== 'Started')\n      return\n    // 按「本行当下正持有焦点」判定，不按 value 比对\n    if (el.value && service.scope.getActiveElement() === el.value)\n      service.send({ type: 'TABLE.BLUR' })\n  })\n}\n\n/** 默认插槽的载荷：可见行与排序、选中、展开三态，以及逐行查询与改写它们的句柄。 */\nexport type TableRootSlotProps = Pick<\n  TableApi,\n  | 'columns'\n  | 'columnPreference'\n  | 'setColumnHidden'\n  | 'moveColumn'\n  | 'setColumnWidth'\n  | 'setColumnPreference'\n  | 'rowNumber'\n  | 'visibleRows'\n  | 'sort'\n  | 'selection'\n  | 'selectionState'\n  | 'expandedValue'\n  | 'focusedRow'\n  | 'empty'\n  | 'loading'\n  | 'isSelected'\n  | 'isExpanded'\n  | 'sortDirection'\n  | 'sortPriority'\n  | 'toggleSort'\n  | 'selectRow'\n  | 'toggleSelectAll'\n  | 'toggleExpandRow'\n>\n\nexport const XhTableRoot = defineComponent({\n  name: 'XhTableRoot',\n  // 有机器侧兜底的 prop 一律 default: undefined，缺省值由 connect 与机器决定\n  props: {\n    columns: { type: Array as PropType<TableColumnDef[]>, default: undefined },\n    rows: { type: Array as PropType<TableRowDef[]>, default: undefined },\n    sort: { type: Array as PropType<TableSortDescriptor[]>, default: undefined },\n    defaultSort: { type: Array as PropType<TableSortDescriptor[]>, default: undefined },\n    selection: { type: [Array, String] as PropType<TableSelection>, default: undefined },\n    defaultSelection: { type: [Array, String] as PropType<TableSelection>, default: undefined },\n    selectionMode: { type: String as PropType<TableSelectionMode>, default: undefined },\n    /** 要哪几列前缀列（序号 / 多选 / 展开），按给定顺序插在最前面并占住列号。 */\n    prefixColumns: { type: Array as PropType<TableColumnKind[]>, default: undefined },\n    /** 当前页码与每页条数：只用来算序号，不参与切片。 */\n    /** 列偏好：给定即受控。持久化归使用者，库只负责把它算进生效列。 */\n    columnPreference: { type: Object as PropType<TableColumnPreference>, default: undefined },\n    defaultColumnPreference: { type: Object as PropType<TableColumnPreference>, default: undefined },\n    page: { type: Number, default: undefined },\n    pageSize: { type: Number, default: undefined },\n    expanded: { type: Array as PropType<string[]>, default: undefined },\n    defaultExpanded: { type: Array as PropType<string[]>, default: undefined },\n    loading: Boolean,\n    empty: { type: Boolean, default: undefined },\n    stickyHeader: Boolean,\n    striped: Boolean,\n    borderless: Boolean,\n    ruled: Boolean,\n    footer: Boolean,\n    loop: { type: Boolean, default: undefined },\n    dir: { type: String as PropType<Direction>, default: undefined },\n    size: { type: String as PropType<Size>, default: undefined },\n  },\n  // *-change 携带 { value }，update:* 携带裸值以支持 v-model\n  emits: {\n    'column-preference-change': (_details: { value: TableColumnPreference }) => true,\n    'update:columnPreference': (_value: TableColumnPreference) => true,\n    'sort-change': (_details: PayloadOf<TableProps, 'onSortChange'>) => true,\n    'update:sort': (_sort: PayloadOf<TableProps, 'onSortChange'>['value']) => true,\n    'selection-change': (_details: PayloadOf<TableProps, 'onSelectionChange'>) => true,\n    'update:selection': (_selection: PayloadOf<TableProps, 'onSelectionChange'>['value']) => true,\n    'expanded-change': (_details: PayloadOf<TableProps, 'onExpandedChange'>) => true,\n    'update:expanded': (_expanded: PayloadOf<TableProps, 'onExpandedChange'>['value']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: TableRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const onColumnPreferenceChange: TableProps['onColumnPreferenceChange'] = (details) => {\n      emit('column-preference-change', details)\n      emit('update:columnPreference', details.value)\n    }\n    const onSortChange: TableProps['onSortChange'] = (details) => {\n      emit('sort-change', details)\n      emit('update:sort', details.value)\n    }\n    const onSelectionChange: TableProps['onSelectionChange'] = (details) => {\n      emit('selection-change', details)\n      emit('update:selection', details.value)\n    }\n    const onExpandedChange: TableProps['onExpandedChange'] = (details) => {\n      emit('expanded-change', details)\n      emit('update:expanded', details.value)\n    }\n    const ctx = useTable(props as TableProps, onSortChange, onSelectionChange, onExpandedChange, onColumnPreferenceChange)\n    provideTable(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      columns: ctx.api.value.columns,\n      columnPreference: ctx.api.value.columnPreference,\n      setColumnHidden: ctx.api.value.setColumnHidden,\n      moveColumn: ctx.api.value.moveColumn,\n      setColumnWidth: ctx.api.value.setColumnWidth,\n      setColumnPreference: ctx.api.value.setColumnPreference,\n      rowNumber: ctx.api.value.rowNumber,\n      visibleRows: ctx.api.value.visibleRows,\n      sort: ctx.api.value.sort,\n      selection: ctx.api.value.selection,\n      selectionState: ctx.api.value.selectionState,\n      expandedValue: ctx.api.value.expandedValue,\n      focusedRow: ctx.api.value.focusedRow,\n      empty: ctx.api.value.empty,\n      loading: ctx.api.value.loading,\n      isSelected: ctx.api.value.isSelected,\n      isExpanded: ctx.api.value.isExpanded,\n      sortDirection: ctx.api.value.sortDirection,\n      sortPriority: ctx.api.value.sortPriority,\n      toggleSort: ctx.api.value.toggleSort,\n      selectRow: ctx.api.value.selectRow,\n      toggleSelectAll: ctx.api.value.toggleSelectAll,\n      toggleExpandRow: ctx.api.value.toggleExpandRow,\n    }))\n  },\n})\n\nexport const XhTableCaption = defineComponent({\n  name: 'XhTableCaption',\n  setup(_, { slots }) {\n    const ctx = useTableContext()\n    return () => h('div', ctx.api.value.getCaptionProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTableHeader = defineComponent({\n  name: 'XhTableHeader',\n  setup(_, { slots }) {\n    const ctx = useTableContext()\n    provideTableSection('header')\n    return () => h('div', ctx.api.value.getHeaderProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTableBody = defineComponent({\n  name: 'XhTableBody',\n  setup(_, { slots }) {\n    const ctx = useTableContext()\n    provideTableSection('body')\n    // 键盘与 roving 的兜底 Tab 位落在表体上，不在 root 上\n    return () => h('div', ctx.api.value.getBodyProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTableFooter = defineComponent({\n  name: 'XhTableFooter',\n  setup(_, { slots }) {\n    const ctx = useTableContext()\n    provideTableSection('footer')\n    return () => h('div', ctx.api.value.getFooterProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTableRow = defineComponent({\n  name: 'XhTableRow',\n  props: {\n    /** 行 id：数据行必给，表头行与脚注行省略。 */\n    value: { type: String, default: undefined },\n  },\n  setup(props, { slots }) {\n    const ctx = useTableContext()\n    const section = useTableSection()\n    if (section !== 'body') {\n      return () => h(\n        'div',\n        (section === 'header'\n          ? ctx.api.value.getHeaderRowProps()\n          : ctx.api.value.getFooterRowProps()) as Record<string, unknown>,\n        slots.default?.(),\n      )\n    }\n    const row = computed<TableRowProps>(() => ({ value: props.value ?? '' }))\n    // 供行内的把手与单元格读取行 id\n    provideTableRow({ row })\n    const el = ref<HTMLElement | null>(null)\n    reportRowFocus(ctx, el, () => row.value.value)\n    return () => h(\n      'div',\n      { ...ctx.api.value.getRowProps(row.value) as Record<string, unknown>, ref: el },\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhTableColumnHeader = defineComponent({\n  name: 'XhTableColumnHeader',\n  props: {\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useTableContext()\n    const column = computed<TableColumnProps>(() => ({ value: props.value }))\n    provideTableColumn({ column })\n    return () => h(\n      'div',\n      ctx.api.value.getColumnHeaderProps(column.value) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhTableCell = defineComponent({\n  name: 'XhTableCell',\n  props: {\n    /** 列 id。 */\n    value: { type: String, required: true },\n    /** 跨列数，从 value 那一列往后算。 */\n    colspan: { type: [String, Number] as PropType<string | number>, default: undefined },\n  },\n  setup(props, { slots }) {\n    const ctx = useTableContext()\n    // 行上下文可选：脚注单元格不属于任何数据行\n    const rowCtx = useOptionalTableRowContext()\n    return () => h(\n      'div',\n      ctx.api.value.getCellProps({\n        value: props.value,\n        row: rowCtx?.row.value.value,\n        colSpan: props.colspan == null ? undefined : Number(props.colspan),\n      }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhTableSelectAllTrigger = defineComponent({\n  name: 'XhTableSelectAllTrigger',\n  setup(_, { slots }) {\n    const ctx = useTableContext()\n    return () => h(\n      'span',\n      ctx.api.value.getSelectAllTriggerProps() as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhTableRowSelectTrigger = defineComponent({\n  name: 'XhTableRowSelectTrigger',\n  setup(_, { slots }) {\n    const ctx = useTableContext()\n    const { row } = useTableRowContext()\n    return () => h(\n      'span',\n      ctx.api.value.getRowSelectTriggerProps(row.value) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhTableSortTrigger = defineComponent({\n  name: 'XhTableSortTrigger',\n  setup(_, { slots }) {\n    const ctx = useTableContext()\n    const { column } = useTableColumnContext()\n    return () => h(\n      'span',\n      ctx.api.value.getSortTriggerProps(column.value) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhTableExpandTrigger = defineComponent({\n  name: 'XhTableExpandTrigger',\n  setup(_, { slots }) {\n    const ctx = useTableContext()\n    const { row } = useTableRowContext()\n    return () => h(\n      'span',\n      ctx.api.value.getExpandTriggerProps(row.value) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhTableExpandedRow = defineComponent({\n  name: 'XhTableExpandedRow',\n  props: {\n    /** 所属数据行的 id。 */\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useTableContext()\n    const row = computed<TableRowProps>(() => ({ value: props.value }))\n    // 不 provide 行上下文；收起只加 hidden，不卸载内部节点\n    return () => h(\n      'div',\n      ctx.api.value.getExpandedRowProps(row.value) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhTableEmpty = defineComponent({\n  name: 'XhTableEmpty',\n  setup(_, { slots }) {\n    const ctx = useTableContext()\n    return () => h('div', ctx.api.value.getEmptyProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTableLoadingState = defineComponent({\n  name: 'XhTableLoadingState',\n  setup(_, { slots }) {\n    const ctx = useTableContext()\n    return () => h('div', ctx.api.value.getLoadingStateProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":"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"}

package/dist/components/table/use-table.d.ts

@@ -7,7 +7,7 @@ interface TableContext {
   /** 机器实例，供部件上报 DOM 侧的事实（如行卸载带走了焦点）。 */
   service: Service<TableSchema>;
 }
-declare function useTable(props: TableSchema['props'], onSortChange?: TableSchema['props']['onSortChange'], onSelectionChange?: TableSchema['props']['onSelectionChange'], onExpandedChange?: TableSchema['props']['onExpandedChange']): TableContext;
+declare function useTable(props: TableSchema['props'], onSortChange?: TableSchema['props']['onSortChange'], onSelectionChange?: TableSchema['props']['onSelectionChange'], onExpandedChange?: TableSchema['props']['onExpandedChange'], onColumnPreferenceChange?: TableSchema['props']['onColumnPreferenceChange']): TableContext;
 //#endregion
 export { TableContext, useTable };
 //# sourceMappingURL=use-table.d.ts.map

package/dist/components/table/use-table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-table.d.ts","names":[],"sources":["../../../src/components/table/use-table.ts"],"mappings":";;;;UAUiB;EACf,KAAK,YAAY;;EAEjB,SAAS,QAAQ;;iBAGH,SACd,OAAO,sBACP,eAAe,sCACf,oBAAoB,2CACpB,mBAAmB,2CAClB"}
+{"version":3,"file":"use-table.d.ts","names":[],"sources":["../../../src/components/table/use-table.ts"],"mappings":";;;;UAUiB;EACf,KAAK,YAAY;;EAEjB,SAAS,QAAQ;;iBAGH,SACd,OAAO,sBACP,eAAe,sCACf,oBAAoB,2CACpB,mBAAmB,0CACnB,2BAA2B,mDAC1B"}

package/dist/components/table/use-table.js

@@ -5,12 +5,13 @@ import { computed } from "vue";
 import { connectTable, tableMachine } from "@xihan-ui/headless";
 import { createScope } from "@xihan-ui/kernel";
 //#region src/components/table/use-table.ts
-function useTable(props, onSortChange, onSelectionChange, onExpandedChange) {
+function useTable(props, onSortChange, onSelectionChange, onExpandedChange, onColumnPreferenceChange) {
 	const service = useMachine(tableMachine, () => ({
 		...props,
 		onSortChange,
 		onSelectionChange,
-		onExpandedChange
+		onExpandedChange,
+		onColumnPreferenceChange
 	}), createScope(null, createVueIdGenerator()));
 	return {
 		api: computed(() => connectTable(service, vueNormalize)),

package/dist/components/table/use-table.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-table.js","names":[],"sources":["../../../src/components/table/use-table.ts"],"sourcesContent":["import type { TableApi, TableSchema } from '@xihan-ui/headless'\nimport type { Service } from '@xihan-ui/machine'\nimport type { ComputedRef } from 'vue'\nimport { connectTable, tableMachine } 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 TableContext {\n  api: ComputedRef<TableApi>\n  /** 机器实例，供部件上报 DOM 侧的事实（如行卸载带走了焦点）。 */\n  service: Service<TableSchema>\n}\n\nexport function useTable(\n  props: TableSchema['props'],\n  onSortChange?: TableSchema['props']['onSortChange'],\n  onSelectionChange?: TableSchema['props']['onSelectionChange'],\n  onExpandedChange?: TableSchema['props']['onExpandedChange'],\n): TableContext {\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(\n    tableMachine,\n    () => ({ ...props, onSortChange, onSelectionChange, onExpandedChange }),\n    scope,\n  )\n  const api = computed(() => connectTable(service, vueNormalize))\n  return { api, service }\n}\n"],"mappings":";;;;;;;AAgBA,SAAgB,SACd,OACA,cACA,mBACA,kBACc;CAGd,MAAM,UAAU,WACd,qBACO;EAAE,GAAG;EAAO;EAAc;EAAmB;CAAiB,IAHzD,YAAY,MADZ,qBACsB,CAI9B,CACN;CAEA,OAAO;EAAE,KADG,eAAe,aAAa,SAAS,YAAY,CAClD;EAAG;CAAQ;AACxB"}
+{"version":3,"file":"use-table.js","names":[],"sources":["../../../src/components/table/use-table.ts"],"sourcesContent":["import type { TableApi, TableSchema } from '@xihan-ui/headless'\nimport type { Service } from '@xihan-ui/machine'\nimport type { ComputedRef } from 'vue'\nimport { connectTable, tableMachine } 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 TableContext {\n  api: ComputedRef<TableApi>\n  /** 机器实例，供部件上报 DOM 侧的事实（如行卸载带走了焦点）。 */\n  service: Service<TableSchema>\n}\n\nexport function useTable(\n  props: TableSchema['props'],\n  onSortChange?: TableSchema['props']['onSortChange'],\n  onSelectionChange?: TableSchema['props']['onSelectionChange'],\n  onExpandedChange?: TableSchema['props']['onExpandedChange'],\n  onColumnPreferenceChange?: TableSchema['props']['onColumnPreferenceChange'],\n): TableContext {\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(\n    tableMachine,\n    () => ({ ...props, onSortChange, onSelectionChange, onExpandedChange, onColumnPreferenceChange }),\n    scope,\n  )\n  const api = computed(() => connectTable(service, vueNormalize))\n  return { api, service }\n}\n"],"mappings":";;;;;;;AAgBA,SAAgB,SACd,OACA,cACA,mBACA,kBACA,0BACc;CAGd,MAAM,UAAU,WACd,qBACO;EAAE,GAAG;EAAO;EAAc;EAAmB;EAAkB;CAAyB,IAHnF,YAAY,MADZ,qBACsB,CAI9B,CACN;CAEA,OAAO;EAAE,KADG,eAAe,aAAa,SAAS,YAAY,CAClD;EAAG;CAAQ;AACxB"}

package/dist/components/tabs/context.js

@@ -1,6 +1,6 @@
 import { inject, provide } from "vue";
 //#region src/components/tabs/context.ts
-const KEY = Symbol("xh-tabs");
+const KEY = Symbol.for("xh-tabs");
 function provideTabs(ctx) {
 	provide(KEY, ctx);
 }

package/dist/components/tabs/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/tabs/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { TabsContext } from './use-tabs'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<TabsContext> = Symbol('xh-tabs')\n\nexport function provideTabs(ctx: TabsContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useTabsContext(): TabsContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Tabs 部件必须用在 XhTabsRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAiC,OAAO,SAAS;AAEvD,SAAgB,YAAY,KAAwB;CAClD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,iBAA8B;CAC5C,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,+BAA+B;CACjD,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/tabs/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { TabsContext } from './use-tabs'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<TabsContext> = Symbol.for('xh-tabs')\n\nexport function provideTabs(ctx: TabsContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useTabsContext(): TabsContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Tabs 部件必须用在 XhTabsRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAiC,OAAO,IAAI,SAAS;AAE3D,SAAgB,YAAY,KAAwB;CAClD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,iBAA8B;CAC5C,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,+BAA+B;CACjD,OAAO;AACT"}

package/dist/components/tabs/tabs.d.ts

@@ -95,13 +95,13 @@ declare const XhTabsRoot: import("vue").DefineComponent<import("vue").ExtractPro
   "onValue-change"?: ((_details: import("@xihan-ui/headless").TabsValueChangeDetails) => any) | undefined;
   "onUpdate:value"?: ((_value: string | null) => any) | undefined;
 }>, {
-  size: Size;
   value: string | null;
   collection: TabsNode[];
   defaultValue: string | null;
   orientation: Orientation;
   dir: Direction;
   tone: Tone;
+  size: Size;
   variant: TabsVariant;
   loop: boolean;
   activationMode: TabsActivationMode;

package/dist/components/tag/context.js

@@ -1,6 +1,6 @@
 import { inject, provide } from "vue";
 //#region src/components/tag/context.ts
-const KEY = Symbol("xh-tag");
+const KEY = Symbol.for("xh-tag");
 function provideTag(ctx) {
 	provide(KEY, ctx);
 }

package/dist/components/tag/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/tag/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { TagContext } from './use-tag'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<TagContext> = Symbol('xh-tag')\n\nexport function provideTag(ctx: TagContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useTagContext(): TagContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Tag 部件必须用在 XhTagRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAgC,OAAO,QAAQ;AAErD,SAAgB,WAAW,KAAuB;CAChD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,gBAA4B;CAC1C,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,6BAA6B;CAC/C,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/tag/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { TagContext } from './use-tag'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<TagContext> = Symbol.for('xh-tag')\n\nexport function provideTag(ctx: TagContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useTagContext(): TagContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Tag 部件必须用在 XhTagRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAgC,OAAO,IAAI,QAAQ;AAEzD,SAAgB,WAAW,KAAuB;CAChD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,gBAA4B;CAC1C,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,6BAA6B;CAC/C,OAAO;AACT"}

package/dist/components/tag/use-tag.js

@@ -1,9 +1,21 @@
 import { vueNormalize } from "../../runtime/normalize-props.js";
 import { useMachine } from "../../runtime/use-machine.js";
-import { computed } from "vue";
-import { connectTag, tagMachine } from "@xihan-ui/headless";
+import { computed, ref } from "vue";
+import { connectStaticTag, connectTag, tagMachine } from "@xihan-ui/headless";
 //#region src/components/tag/use-tag.ts
 function useTag(props, onOpenChange) {
+	if (!props.closable) {
+		const local = ref(props.defaultOpen ?? true);
+		return { api: computed(() => connectStaticTag({
+			...props,
+			onOpenChange
+		}, {
+			get: () => props.open ?? local.value,
+			set: (next) => {
+				local.value = next;
+			}
+		}, vueNormalize)) };
+	}
 	const service = useMachine(tagMachine, () => ({
 		...props,
 		onOpenChange

package/dist/components/tag/use-tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-tag.js","names":[],"sources":["../../../src/components/tag/use-tag.ts"],"sourcesContent":["import type { TagApi, TagSchema } from '@xihan-ui/headless'\nimport type { ComputedRef } from 'vue'\nimport { connectTag, tagMachine } from '@xihan-ui/headless'\nimport { computed } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\n\nexport interface TagContext {\n  api: ComputedRef<TagApi>\n}\n\n// 不建 scope：connect 不派生任何 id\nexport function useTag(\n  props: TagSchema['props'],\n  onOpenChange?: TagSchema['props']['onOpenChange'],\n): TagContext {\n  const service = useMachine(tagMachine, () => ({ ...props, onOpenChange }))\n  const api = computed(() => connectTag(service, vueNormalize))\n  return { api }\n}\n"],"mappings":";;;;;AAYA,SAAgB,OACd,OACA,cACY;CACZ,MAAM,UAAU,WAAW,mBAAmB;EAAE,GAAG;EAAO;CAAa,EAAE;CAEzE,OAAO,EAAE,KADG,eAAe,WAAW,SAAS,YAAY,CAChD,EAAE;AACf"}
+{"version":3,"file":"use-tag.js","names":[],"sources":["../../../src/components/tag/use-tag.ts"],"sourcesContent":["import type { TagApi, TagSchema } from '@xihan-ui/headless'\nimport type { ComputedRef } from 'vue'\nimport { connectStaticTag, connectTag, tagMachine } from '@xihan-ui/headless'\nimport { computed, ref } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\n\nexport interface TagContext {\n  api: ComputedRef<TagApi>\n}\n\n// 不建 scope：connect 不派生任何 id\nexport function useTag(\n  props: TagSchema['props'],\n  onOpenChange?: TagSchema['props']['onOpenChange'],\n): TagContext {\n  // 不给关闭钮的标签没有任何能改状态的事件，用不着机器：一台机器约 0.1ms，\n  // 表格一页几十行、每行几个状态药丸就是几百台，翻页时肉眼可见地卡一下。\n  // 判据取挂载那一刻的 closable——之后再打开也不要紧，快路的 setOpen 与关闭钮\n  // 走的是同一套受控/非受控语义，与机器路逐条一致。\n  if (!props.closable) {\n    // 非受控时展开态住这儿；受控时它不参与，值每次从 prop 现读\n    const local = ref(props.defaultOpen ?? true)\n    const api = computed(() => connectStaticTag(\n      { ...props, onOpenChange },\n      {\n        get: () => props.open ?? local.value,\n        set: (next) => { local.value = next },\n      },\n      vueNormalize,\n    ))\n    return { api }\n  }\n\n  const service = useMachine(tagMachine, () => ({ ...props, onOpenChange }))\n  const api = computed(() => connectTag(service, vueNormalize))\n  return { api }\n}\n"],"mappings":";;;;;AAYA,SAAgB,OACd,OACA,cACY;CAKZ,IAAI,CAAC,MAAM,UAAU;EAEnB,MAAM,QAAQ,IAAI,MAAM,eAAe,IAAI;EAS3C,OAAO,EAAE,KARG,eAAe,iBACzB;GAAE,GAAG;GAAO;EAAa,GACzB;GACE,WAAW,MAAM,QAAQ,MAAM;GAC/B,MAAM,SAAS;IAAE,MAAM,QAAQ;GAAK;EACtC,GACA,YACF,CACW,EAAE;CACf;CAEA,MAAM,UAAU,WAAW,mBAAmB;EAAE,GAAG;EAAO;CAAa,EAAE;CAEzE,OAAO,EAAE,KADG,eAAe,WAAW,SAAS,YAAY,CAChD,EAAE;AACf"}