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

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/splitter/splitter.d.ts

@@ -89,11 +89,11 @@ declare const XhSplitterRoot: import("vue").DefineComponent<import("vue").Extrac
   orientation: Orientation;
   dir: Direction;
   disabled: boolean;
+  panels: SplitterPanelProps[];
   step: number;
   largeStep: number;
   sizes: number[];
   defaultSizes: number[];
-  panels: SplitterPanelProps[];
 }, SlotsType<{
   default?: (props: SplitterRootSlotProps) => VNode[];
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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.map

@@ -1 +1 @@
-{"version":3,"file":"statistic.d.ts","names":[],"sources":["../../../src/components/statistic/statistic.ts"],"mappings":";;;cAQa,+BAAe,8BAAA;;IAIA,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;;IADT,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;qCAOnC;cAGW,gCAAgB,wCAAA,oBAAA,4BAAA;;8BAM3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAGW,gCAAgB,wCAAA,oBAAA,4BAAA;;8BAM3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,wCAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,wCAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"statistic.d.ts","names":[],"sources":["../../../src/components/statistic/statistic.ts"],"mappings":";;;cASa,+BAAe,8BAAA;;IAIA,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;;IADT,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;qCAOnC;cAGW,gCAAgB,wCAAA,oBAAA,4BAAA;;8BAM3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAGW,gCAAgB,wCAAA,oBAAA,4BAAA;;8BAM3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,wCAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,wCAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/statistic/statistic.js

@@ -1,4 +1,5 @@
 import { vueNormalize } from "../../runtime/normalize-props.js";
+import { withXhConfig } from "../../config/config.js";
 import { provideStatistic, useStatisticContext } from "./context.js";
 import { computed, defineComponent, h } from "vue";
 import { connectStatistic } from "@xihan-ui/headless";
@@ -16,7 +17,7 @@ const XhStatisticRoot = defineComponent({
 		}
 	},
 	setup(props, { slots }) {
-		const api = computed(() => connectStatistic(props, vueNormalize));
+		const api = computed(() => connectStatistic(withXhConfig("statistic", props), vueNormalize));
 		provideStatistic({ api });
 		return () => h("div", api.value.getRootProps(), slots.default?.());
 	}

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

@@ -1 +1 @@
-{"version":3,"file":"statistic.js","names":[],"sources":["../../../src/components/statistic/statistic.ts"],"sourcesContent":["import type { StatisticProps } from '@xihan-ui/headless'\nimport type { Size, Tone } from '@xihan-ui/kernel'\nimport type { PropType } from 'vue'\nimport { connectStatistic } from '@xihan-ui/headless'\nimport { computed, defineComponent, h } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { provideStatistic, useStatisticContext } from './context'\n\nexport const XhStatisticRoot = defineComponent({\n  name: 'XhStatisticRoot',\n  // 有 connect 兜底的 prop 一律 default: undefined\n  props: {\n    size: { type: String as PropType<Size>, default: undefined },\n    tone: { type: String as PropType<Tone>, default: undefined },\n  },\n  setup(props, { slots }) {\n    const api = computed(() => connectStatistic(props as StatisticProps, vueNormalize))\n    provideStatistic({ api })\n    return () => h('div', api.value.getRootProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 标签渲染为 span 而不是 label：它不关联任何表单控件\nexport const XhStatisticLabel = defineComponent({\n  name: 'XhStatisticLabel',\n  setup(_, { slots }) {\n    const ctx = useStatisticContext()\n    return () => h('span', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 数值由作者格式化好再塞进来，组件只负责排版\nexport const XhStatisticValue = defineComponent({\n  name: 'XhStatisticValue',\n  setup(_, { slots }) {\n    const ctx = useStatisticContext()\n    return () => h('span', ctx.api.value.getValueProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhStatisticPrefix = defineComponent({\n  name: 'XhStatisticPrefix',\n  setup(_, { slots }) {\n    const ctx = useStatisticContext()\n    return () => h('span', ctx.api.value.getPrefixProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhStatisticSuffix = defineComponent({\n  name: 'XhStatisticSuffix',\n  setup(_, { slots }) {\n    const ctx = useStatisticContext()\n    return () => h('span', ctx.api.value.getSuffixProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":";;;;;AAQA,MAAa,kBAAkB,gBAAgB;CAC7C,MAAM;CAEN,OAAO;EACL,MAAM;GAAE,MAAM;GAA0B,SAAS,KAAA;EAAU;EAC3D,MAAM;GAAE,MAAM;GAA0B,SAAS,KAAA;EAAU;CAC7D;CACA,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,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,oBAAoB;EAChC,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACpG;AACF,CAAC;AAGD,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,oBAAoB;EAChC,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACpG;AACF,CAAC;AAED,MAAa,oBAAoB,gBAAgB;CAC/C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,oBAAoB;EAChC,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,eAAe,GAA8B,MAAM,UAAU,CAAC;CACrG;AACF,CAAC;AAED,MAAa,oBAAoB,gBAAgB;CAC/C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,oBAAoB;EAChC,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,eAAe,GAA8B,MAAM,UAAU,CAAC;CACrG;AACF,CAAC"}
+{"version":3,"file":"statistic.js","names":[],"sources":["../../../src/components/statistic/statistic.ts"],"sourcesContent":["import type { StatisticProps } from '@xihan-ui/headless'\nimport type { Size, Tone } from '@xihan-ui/kernel'\nimport type { PropType } from 'vue'\nimport { connectStatistic } from '@xihan-ui/headless'\nimport { computed, defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { provideStatistic, useStatisticContext } from './context'\n\nexport const XhStatisticRoot = defineComponent({\n  name: 'XhStatisticRoot',\n  // 有 connect 兜底的 prop 一律 default: undefined\n  props: {\n    size: { type: String as PropType<Size>, default: undefined },\n    tone: { type: String as PropType<Tone>, default: undefined },\n  },\n  setup(props, { slots }) {\n    const api = computed(() => connectStatistic(withXhConfig('statistic', props) as StatisticProps, vueNormalize))\n    provideStatistic({ api })\n    return () => h('div', api.value.getRootProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 标签渲染为 span 而不是 label：它不关联任何表单控件\nexport const XhStatisticLabel = defineComponent({\n  name: 'XhStatisticLabel',\n  setup(_, { slots }) {\n    const ctx = useStatisticContext()\n    return () => h('span', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 数值由作者格式化好再塞进来，组件只负责排版\nexport const XhStatisticValue = defineComponent({\n  name: 'XhStatisticValue',\n  setup(_, { slots }) {\n    const ctx = useStatisticContext()\n    return () => h('span', ctx.api.value.getValueProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhStatisticPrefix = defineComponent({\n  name: 'XhStatisticPrefix',\n  setup(_, { slots }) {\n    const ctx = useStatisticContext()\n    return () => h('span', ctx.api.value.getPrefixProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhStatisticSuffix = defineComponent({\n  name: 'XhStatisticSuffix',\n  setup(_, { slots }) {\n    const ctx = useStatisticContext()\n    return () => h('span', ctx.api.value.getSuffixProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":";;;;;;AASA,MAAa,kBAAkB,gBAAgB;CAC7C,MAAM;CAEN,OAAO;EACL,MAAM;GAAE,MAAM;GAA0B,SAAS,KAAA;EAAU;EAC3D,MAAM;GAAE,MAAM;GAA0B,SAAS,KAAA;EAAU;CAC7D;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,eAAe,iBAAiB,aAAa,aAAa,KAAK,GAAqB,YAAY,CAAC;EAC7G,iBAAiB,EAAE,IAAI,CAAC;EACxB,aAAa,EAAE,OAAO,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CAC9F;AACF,CAAC;AAGD,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,oBAAoB;EAChC,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACpG;AACF,CAAC;AAGD,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,oBAAoB;EAChC,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACpG;AACF,CAAC;AAED,MAAa,oBAAoB,gBAAgB;CAC/C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,oBAAoB;EAChC,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,eAAe,GAA8B,MAAM,UAAU,CAAC;CACrG;AACF,CAAC;AAED,MAAa,oBAAoB,gBAAgB;CAC/C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,oBAAoB;EAChC,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,eAAe,GAA8B,MAAM,UAAU,CAAC;CACrG;AACF,CAAC"}

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

@@ -95,9 +95,9 @@ declare const XhStepsRoot: import("vue").DefineComponent<import("vue").ExtractPr
   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/switch/switch.d.ts

@@ -11,6 +11,9 @@ declare const XhSwitch: import("vue").DefineComponent<import("vue").ExtractPropT
   };
   defaultChecked: BooleanConstructor;
   disabled: BooleanConstructor;
+  readOnly: BooleanConstructor;
+  invalid: BooleanConstructor;
+  required: BooleanConstructor;
   loading: {
     type: BooleanConstructor;
     default: undefined;
@@ -38,6 +41,9 @@ declare const XhSwitch: import("vue").DefineComponent<import("vue").ExtractPropT
   };
   defaultChecked: BooleanConstructor;
   disabled: BooleanConstructor;
+  readOnly: BooleanConstructor;
+  invalid: BooleanConstructor;
+  required: BooleanConstructor;
   loading: {
     type: BooleanConstructor;
     default: undefined;
@@ -57,10 +63,13 @@ declare const XhSwitch: import("vue").DefineComponent<import("vue").ExtractPropT
   "onChecked-change"?: ((_details: import("@xihan-ui/headless").SwitchCheckedChangeDetails) => any) | undefined;
   "onUpdate:checked"?: ((_checked: boolean) => any) | undefined;
 }>, {
+  required: boolean;
   name: string;
+  invalid: boolean;
   value: string;
   disabled: boolean;
   loading: boolean;
+  readOnly: boolean;
   checked: boolean;
   defaultChecked: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","names":[],"sources":["../../../src/components/switch/switch.ts"],"mappings":";;;;;KAOK,cAAc;cAEN,wBAAQ,8BAAA;;;;;;;;;;;;;;;;;;;;EAUD,MAAA,SAAS;EACT,MAAA,SAAS;;;;EAII,mBAAA,UAAA,UAAU;EACV,mBAAA,UAAA,UAAU;;;;;;;;;;;;;;;;;;;;;EANvB,MAAA,SAAS;EACT,MAAA,SAAS;;;;;;;;;;;qCAoB3B"}
+{"version":3,"file":"switch.d.ts","names":[],"sources":["../../../src/components/switch/switch.ts"],"mappings":";;;;;KAQK,cAAc;cAEN,wBAAQ,8BAAA;;;;;;;;;;;;;;;;;;;;;;;EAaD,MAAA,SAAS;EACT,MAAA,SAAS;;;;EAII,mBAAA,UAAA,UAAU;EACV,mBAAA,UAAA,UAAU;;;;;;;;;;;;;;;;;;;;;;;;EANvB,MAAA,SAAS;EACT,MAAA,SAAS;;;;;;;;;;;;;;qCA8B3B"}

package/dist/components/switch/switch.js

@@ -1,3 +1,4 @@
+import { slotPaints } from "../../runtime/slot-content.js";
 import { useSwitch } from "./use-switch.js";
 import { defineComponent, h } from "vue";
 //#region src/components/switch/switch.ts
@@ -10,6 +11,9 @@ const XhSwitch = defineComponent({
 		},
 		defaultChecked: Boolean,
 		disabled: Boolean,
+		readOnly: Boolean,
+		invalid: Boolean,
+		required: Boolean,
 		loading: {
 			type: Boolean,
 			default: void 0
@@ -30,13 +34,18 @@ const XhSwitch = defineComponent({
 		"checked-change": (_details) => true,
 		"update:checked": (_checked) => true
 	},
-	setup(props, { emit }) {
+	setup(props, { emit, slots }) {
 		const notify = (details) => {
 			emit("checked-change", details);
 			emit("update:checked", details.checked);
 		};
 		const { api } = useSwitch(props, notify);
-		return () => h("button", api.value.getRootProps(), [h("span", api.value.getThumbProps()), props.name === void 0 ? null : h("input", api.value.getHiddenInputProps())]);
+		return () => {
+			const track = h("button", api.value.getRootProps(), [h("span", api.value.getThumbProps()), props.name === void 0 ? null : h("input", api.value.getHiddenInputProps())]);
+			const text = slots.default?.();
+			if (!slotPaints(text)) return track;
+			return h("label", api.value.getLabelProps(), [track, h("span", api.value.getTextProps(), text)]);
+		};
 	}
 });
 //#endregion

package/dist/components/switch/switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.js","names":[],"sources":["../../../src/components/switch/switch.ts"],"sourcesContent":["import type { SwitchSchema } from '@xihan-ui/headless'\nimport type { Size, Tone } from '@xihan-ui/kernel'\nimport type { PropType } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h } from 'vue'\nimport { useSwitch } from './use-switch'\n\ntype SwitchProps = SwitchSchema['props']\n\nexport const XhSwitch = defineComponent({\n  name: 'XhSwitch',\n  props: {\n    checked: { type: Boolean, default: undefined },\n    defaultChecked: Boolean,\n    disabled: Boolean,\n    loading: { type: Boolean, default: undefined },\n    /** 表单字段名；给了 hidden-input 才带 name 并参与提交 */\n    name: { type: String, default: undefined },\n    value: { type: String, default: undefined },\n    tone: String as PropType<Tone>,\n    size: String as PropType<Size>,\n  },\n  // checked-change 携带 { checked }，update:checked 携带裸布尔\n  emits: {\n    'checked-change': (_details: PayloadOf<SwitchProps, 'onCheckedChange'>) => true,\n    'update:checked': (_checked: PayloadOf<SwitchProps, 'onCheckedChange'>['checked']) => true,\n  },\n  setup(props, { emit }) {\n    const notify: SwitchProps['onCheckedChange'] = (details) => {\n      emit('checked-change', details)\n      emit('update:checked', details.checked)\n    }\n    const { api } = useSwitch(props as SwitchProps, notify)\n    // 表单影子由组件自己渲染：单体控件没有子部件插槽，作者递不进来。\n    // 给了 name 才有这个节点——type=hidden 不是交互内容，放进 button 里是合法的\n    return () => h('button', api.value.getRootProps() as Record<string, unknown>, [\n      h('span', api.value.getThumbProps() as Record<string, unknown>),\n      props.name === undefined ? null : h('input', api.value.getHiddenInputProps() as Record<string, unknown>),\n    ])\n  },\n})\n"],"mappings":";;;AASA,MAAa,WAAW,gBAAgB;CACtC,MAAM;CACN,OAAO;EACL,SAAS;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC7C,gBAAgB;EAChB,UAAU;EACV,SAAS;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;;EAE7C,MAAM;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EACzC,OAAO;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAC1C,MAAM;EACN,MAAM;CACR;CAEA,OAAO;EACL,mBAAmB,aAAwD;EAC3E,mBAAmB,aAAmE;CACxF;CACA,MAAM,OAAO,EAAE,QAAQ;EACrB,MAAM,UAA0C,YAAY;GAC1D,KAAK,kBAAkB,OAAO;GAC9B,KAAK,kBAAkB,QAAQ,OAAO;EACxC;EACA,MAAM,EAAE,QAAQ,UAAU,OAAsB,MAAM;EAGtD,aAAa,EAAE,UAAU,IAAI,MAAM,aAAa,GAA8B,CAC5E,EAAE,QAAQ,IAAI,MAAM,cAAc,CAA4B,GAC9D,MAAM,SAAS,KAAA,IAAY,OAAO,EAAE,SAAS,IAAI,MAAM,oBAAoB,CAA4B,CACzG,CAAC;CACH;AACF,CAAC"}
+{"version":3,"file":"switch.js","names":[],"sources":["../../../src/components/switch/switch.ts"],"sourcesContent":["import type { SwitchSchema } from '@xihan-ui/headless'\nimport type { Size, Tone } from '@xihan-ui/kernel'\nimport type { PropType } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h } from 'vue'\nimport { slotPaints } from '../../runtime/slot-content'\nimport { useSwitch } from './use-switch'\n\ntype SwitchProps = SwitchSchema['props']\n\nexport const XhSwitch = defineComponent({\n  name: 'XhSwitch',\n  props: {\n    checked: { type: Boolean, default: undefined },\n    defaultChecked: Boolean,\n    disabled: Boolean,\n    readOnly: Boolean,\n    invalid: Boolean,\n    required: Boolean,\n    loading: { type: Boolean, default: undefined },\n    /** 表单字段名；给了 hidden-input 才带 name 并参与提交 */\n    name: { type: String, default: undefined },\n    value: { type: String, default: undefined },\n    tone: String as PropType<Tone>,\n    size: String as PropType<Size>,\n  },\n  // checked-change 携带 { checked }，update:checked 携带裸布尔\n  emits: {\n    'checked-change': (_details: PayloadOf<SwitchProps, 'onCheckedChange'>) => true,\n    'update:checked': (_checked: PayloadOf<SwitchProps, 'onCheckedChange'>['checked']) => true,\n  },\n  setup(props, { emit, slots }) {\n    const notify: SwitchProps['onCheckedChange'] = (details) => {\n      emit('checked-change', details)\n      emit('update:checked', details.checked)\n    }\n    const { api } = useSwitch(props as SwitchProps, notify)\n    // 表单影子由组件自己渲染：单体控件的轨道里没有子部件插槽，作者递不进来。\n    // 给了 name 才有这个节点——type=hidden 不是交互内容，放进 button 里是合法的\n    return () => {\n      const track = h('button', api.value.getRootProps() as Record<string, unknown>, [\n        h('span', api.value.getThumbProps() as Record<string, unknown>),\n        props.name === undefined ? null : h('input', api.value.getHiddenInputProps() as Record<string, unknown>),\n      ])\n      // 默认插槽是轨道旁的文字：<label> 包住两者，点文字即切换。没给文字就只有轨道\n      const text = slots.default?.()\n      if (!slotPaints(text))\n        return track\n      return h('label', api.value.getLabelProps() as Record<string, unknown>, [\n        track,\n        h('span', api.value.getTextProps() as Record<string, unknown>, text),\n      ])\n    }\n  },\n})\n"],"mappings":";;;;AAUA,MAAa,WAAW,gBAAgB;CACtC,MAAM;CACN,OAAO;EACL,SAAS;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC7C,gBAAgB;EAChB,UAAU;EACV,UAAU;EACV,SAAS;EACT,UAAU;EACV,SAAS;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;;EAE7C,MAAM;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EACzC,OAAO;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAC1C,MAAM;EACN,MAAM;CACR;CAEA,OAAO;EACL,mBAAmB,aAAwD;EAC3E,mBAAmB,aAAmE;CACxF;CACA,MAAM,OAAO,EAAE,MAAM,SAAS;EAC5B,MAAM,UAA0C,YAAY;GAC1D,KAAK,kBAAkB,OAAO;GAC9B,KAAK,kBAAkB,QAAQ,OAAO;EACxC;EACA,MAAM,EAAE,QAAQ,UAAU,OAAsB,MAAM;EAGtD,aAAa;GACX,MAAM,QAAQ,EAAE,UAAU,IAAI,MAAM,aAAa,GAA8B,CAC7E,EAAE,QAAQ,IAAI,MAAM,cAAc,CAA4B,GAC9D,MAAM,SAAS,KAAA,IAAY,OAAO,EAAE,SAAS,IAAI,MAAM,oBAAoB,CAA4B,CACzG,CAAC;GAED,MAAM,OAAO,MAAM,UAAU;GAC7B,IAAI,CAAC,WAAW,IAAI,GAClB,OAAO;GACT,OAAO,EAAE,SAAS,IAAI,MAAM,cAAc,GAA8B,CACtE,OACA,EAAE,QAAQ,IAAI,MAAM,aAAa,GAA8B,IAAI,CACrE,CAAC;EACH;CACF;AACF,CAAC"}

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;
@@ -49,6 +72,9 @@ declare const XhTableRoot: import("vue").DefineComponent<import("vue").ExtractPr
     default: undefined;
   };
   stickyHeader: BooleanConstructor;
+  striped: BooleanConstructor;
+  borderless: BooleanConstructor;
+  ruled: BooleanConstructor;
   footer: BooleanConstructor;
   loop: {
     type: BooleanConstructor;
@@ -65,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;
@@ -100,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;
@@ -114,6 +167,9 @@ declare const XhTableRoot: import("vue").DefineComponent<import("vue").ExtractPr
     default: undefined;
   };
   stickyHeader: BooleanConstructor;
+  striped: BooleanConstructor;
+  borderless: BooleanConstructor;
+  ruled: BooleanConstructor;
   footer: BooleanConstructor;
   loop: {
     type: BooleanConstructor;
@@ -130,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;
@@ -141,16 +201,24 @@ declare const XhTableRoot: import("vue").DefineComponent<import("vue").ExtractPr
   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;
+  borderless: boolean;
+  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;;;;;;;;;;;;;;;IAMX,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;;;IAxBf,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;IACD,MAAA,SAAS;;;;IACF,MAAA,SAAS;;;;IACrB,MAAA,SAAS;;;;IACf,MAAA;;;;IACO,MAAA;;;;;;;;;;;;;;;IAMX,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
@@ -64,6 +87,9 @@ const XhTableRoot = defineComponent({
 			default: void 0
 		},
 		stickyHeader: Boolean,
+		striped: Boolean,
+		borderless: Boolean,
+		ruled: Boolean,
 		footer: Boolean,
 		loop: {
 			type: Boolean,
@@ -79,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,
@@ -88,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);
@@ -100,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    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"}