@xihan-ui/vue 2.0.0 → 3.0.0

package/dist/components/back-top/use-back-top.js

@@ -1,6 +1,8 @@
 import { vueNormalize } from "../../runtime/normalize-props.js";
 import { useMachine } from "../../runtime/use-machine.js";
+import { createVueIdGenerator } from "../../runtime/vue-id.js";
 import { computed } from "vue";
+import { createScope } from "@xihan-ui/core";
 import { backTopMachine, connectBackTop } from "@xihan-ui/headless";
 //#region src/components/back-top/use-back-top.ts
 /** getTargetEl 返回滚动容器，null 即整页滚动；滚动量的观察在状态机的效应中运行。 */
@@ -8,7 +10,7 @@ function useBackTop(props, onVisibilityChange, getTargetEl = () => null) {
 	const service = useMachine(backTopMachine, () => ({
 		...props,
 		onVisibilityChange
-	}));
+	}), createScope(null, createVueIdGenerator()));
 	service.refs.set("getTargetEl", getTargetEl);
 	return {
 		api: computed(() => connectBackTop(service, vueNormalize)),

package/dist/components/back-top/use-back-top.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-back-top.js","names":[],"sources":["../../../src/components/back-top/use-back-top.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 use back top 相关实现。\n\nimport type { Service } from '@xihan-ui/core'\nimport type { BackTopApi, BackTopSchema } from '@xihan-ui/headless'\nimport type { ComputedRef } from 'vue'\nimport { backTopMachine, connectBackTop } from '@xihan-ui/headless'\nimport { computed } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\n\nexport interface BackTopContext {\n  api: ComputedRef<BackTopApi>\n  service: Service<BackTopSchema>\n}\n\n/** getTargetEl 返回滚动容器，null 即整页滚动；滚动量的观察在状态机的效应中运行。 */\nexport function useBackTop(\n  props: BackTopSchema['props'],\n  onVisibilityChange?: BackTopSchema['props']['onVisibilityChange'],\n  getTargetEl: () => HTMLElement | null = () => null,\n): BackTopContext {\n  const service = useMachine(backTopMachine, () => ({ ...props, onVisibilityChange }))\n\n  service.refs.set('getTargetEl', getTargetEl)\n\n  const api = computed(() => connectBackTop(service, vueNormalize))\n  return { api, service }\n}\n"],"mappings":";;;;;;AAqBA,SAAgB,WACd,OACA,oBACA,oBAA8C,MAC9B;CAChB,MAAM,UAAU,WAAW,uBAAuB;EAAE,GAAG;EAAO;CAAmB,EAAE;CAEnF,QAAQ,KAAK,IAAI,eAAe,WAAW;CAG3C,OAAO;EAAE,KADG,eAAe,eAAe,SAAS,YAAY,CACpD;EAAG;CAAQ;AACxB"}
+{"version":3,"file":"use-back-top.js","names":[],"sources":["../../../src/components/back-top/use-back-top.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 use back top 相关实现。\n\nimport type { Service } from '@xihan-ui/core'\nimport type { BackTopApi, BackTopSchema } from '@xihan-ui/headless'\nimport type { ComputedRef } from 'vue'\nimport { createScope } from '@xihan-ui/core'\nimport { backTopMachine, connectBackTop } from '@xihan-ui/headless'\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 BackTopContext {\n  api: ComputedRef<BackTopApi>\n  service: Service<BackTopSchema>\n}\n\n/** getTargetEl 返回滚动容器，null 即整页滚动；滚动量的观察在状态机的效应中运行。 */\nexport function useBackTop(\n  props: BackTopSchema['props'],\n  onVisibilityChange?: BackTopSchema['props']['onVisibilityChange'],\n  getTargetEl: () => HTMLElement | null = () => null,\n): BackTopContext {\n  // 按钮带 id（机器按它等退场、接液态面）：用 Vue 的 useId 派生的 scope，服务端与水合两侧同号\n  const service = useMachine(backTopMachine, () => ({ ...props, onVisibilityChange }), createScope(null, createVueIdGenerator()))\n\n  service.refs.set('getTargetEl', getTargetEl)\n\n  const api = computed(() => connectBackTop(service, vueNormalize))\n  return { api, service }\n}\n"],"mappings":";;;;;;;;AAuBA,SAAgB,WACd,OACA,oBACA,oBAA8C,MAC9B;CAEhB,MAAM,UAAU,WAAW,uBAAuB;EAAE,GAAG;EAAO;CAAmB,IAAI,YAAY,MAAM,qBAAqB,CAAC,CAAC;CAE9H,QAAQ,KAAK,IAAI,eAAe,WAAW;CAG3C,OAAO;EAAE,KADG,eAAe,eAAe,SAAS,YAAY,CACpD;EAAG;CAAQ;AACxB"}

package/dist/components/badge/badge.d.ts

@@ -31,6 +31,11 @@ declare const XhBadgeRoot: import("vue").DefineComponent<import("vue").ExtractPr
     readonly type: BooleanConstructor;
     readonly default: undefined;
   };
+  /** 圆点呼吸：表达正在进行、给不出进度的状态。只在 dot 模式下生效。 */
+  readonly pulse: {
+    readonly type: BooleanConstructor;
+    readonly default: undefined;
+  };
   /** 读屏朗读该角标的方式，例如「3 条未读」。 */
   readonly label: {
     readonly type: StringConstructor;
@@ -60,6 +65,11 @@ declare const XhBadgeRoot: import("vue").DefineComponent<import("vue").ExtractPr
     readonly type: BooleanConstructor;
     readonly default: undefined;
   };
+  /** 圆点呼吸：表达正在进行、给不出进度的状态。只在 dot 模式下生效。 */
+  readonly pulse: {
+    readonly type: BooleanConstructor;
+    readonly default: undefined;
+  };
   /** 读屏朗读该角标的方式，例如「3 条未读」。 */
   readonly label: {
     readonly type: StringConstructor;
@@ -67,6 +77,7 @@ declare const XhBadgeRoot: import("vue").DefineComponent<import("vue").ExtractPr
 }>> & Readonly<{}>, {
   readonly showZero: boolean;
   readonly dot: boolean;
+  readonly pulse: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 /** 角标本身，绝对定位在锚点的某个角上。未提供内容时使用计算得出的计数文本。 */
 declare const XhBadgeIndicator: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -104,6 +115,11 @@ declare const XhBadge: import("vue").DefineComponent<import("vue").ExtractPropTy
     readonly type: BooleanConstructor;
     readonly default: undefined;
   };
+  /** 圆点呼吸：表达正在进行、给不出进度的状态。只在 dot 模式下生效。 */
+  readonly pulse: {
+    readonly type: BooleanConstructor;
+    readonly default: undefined;
+  };
   /** 读屏朗读该角标的方式，例如「3 条未读」。 */
   readonly label: {
     readonly type: StringConstructor;
@@ -133,6 +149,11 @@ declare const XhBadge: import("vue").DefineComponent<import("vue").ExtractPropTy
     readonly type: BooleanConstructor;
     readonly default: undefined;
   };
+  /** 圆点呼吸：表达正在进行、给不出进度的状态。只在 dot 模式下生效。 */
+  readonly pulse: {
+    readonly type: BooleanConstructor;
+    readonly default: undefined;
+  };
   /** 读屏朗读该角标的方式，例如「3 条未读」。 */
   readonly label: {
     readonly type: StringConstructor;
@@ -140,6 +161,7 @@ declare const XhBadge: import("vue").DefineComponent<import("vue").ExtractPropTy
 }>> & Readonly<{}>, {
   readonly showZero: boolean;
   readonly dot: boolean;
+  readonly pulse: boolean;
 }, SlotsType<{
   default?: () => VNode[];
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -1 +1 @@
-{"version":3,"file":"badge.d.ts","names":[],"sources":["../../../src/components/badge/badge.ts"],"mappings":";;;;;;;;;;cAuCa,2BAAW,8BAAA;WAtBN,MAAA,SAAS;WACT,MAAA,SAAS;;WAEJ,WAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;WAHd,MAAA,SAAS;WACT,MAAA,SAAS;;WAEJ,WAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;qCA6B9B;;cAGW,gCAAgB,0BAAA,oBAAA,4BAAA;;;EAEY,WAAC;IAAS;QAAmB;kCASpE;;;;;;cAOW,uBAAO,8BAAA;WArDF,MAAA,SAAS;WACT,MAAA,SAAS;;WAEJ,WAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;WAHd,MAAA,SAAS;WACT,MAAA,SAAS;;WAEJ,WAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqDS,gBAAM;kCAI7C"}
+{"version":3,"file":"badge.d.ts","names":[],"sources":["../../../src/components/badge/badge.ts"],"mappings":";;;;;;;;;;cA4Ca,2BAAW,8BAAA;WAxBN,MAAA,SAAS;WACT,MAAA,SAAS;;WAEJ,WAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAHd,MAAA,SAAS;WACT,MAAA,SAAS;;WAEJ,WAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qCAiC9B;;cAGW,gCAAgB,0BAAA,oBAAA,4BAAA;;;EAEY,WAAC;IAAS;QAAmB;kCASpE;;;;;;cAOW,uBAAO,8BAAA;WAzDF,MAAA,SAAS;WACT,MAAA,SAAS;;WAEJ,WAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAHd,MAAA,SAAS;WACT,MAAA,SAAS;;WAEJ,WAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyDS,gBAAM;kCAI7C"}

package/dist/components/badge/badge.js

@@ -1,8 +1,11 @@
 import { vueNormalize } from "../../runtime/normalize-props.js";
 import { withXhConfig } from "../../config/config.js";
+import { useMachine } from "../../runtime/use-machine.js";
+import { createVueIdGenerator } from "../../runtime/vue-id.js";
 import { provideBadge, useBadgeContext } from "./context.js";
 import { computed, defineComponent, h } from "vue";
-import { connectBadge } from "@xihan-ui/headless";
+import { createScope } from "@xihan-ui/core";
+import { badgeMachine, connectBadge } from "@xihan-ui/headless";
 //#region src/components/badge/badge.ts
 const badgeProps = {
 	tone: String,
@@ -23,6 +26,11 @@ const badgeProps = {
 		type: Boolean,
 		default: void 0
 	},
+	/** 圆点呼吸：表达正在进行、给不出进度的状态。只在 dot 模式下生效。 */
+	pulse: {
+		type: Boolean,
+		default: void 0
+	},
 	/** 读屏朗读该角标的方式，例如「3 条未读」。 */
 	label: { type: String }
 };
@@ -37,7 +45,8 @@ const XhBadgeRoot = defineComponent({
 	props: badgeProps,
 	setup(props, { slots }) {
 		const configured = withXhConfig("badge", props);
-		const api = computed(() => connectBadge(configured, vueNormalize));
+		const service = useMachine(badgeMachine, () => ({ ...configured }), createScope(null, createVueIdGenerator()));
+		const api = computed(() => connectBadge(service, vueNormalize));
 		provideBadge({ api });
 		return () => h("span", api.value.getRootProps(), slots.default?.());
 	}

package/dist/components/badge/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.js","names":[],"sources":["../../../src/components/badge/badge.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 badge 相关实现。\n\nimport type { Size, Tone } from '@xihan-ui/core'\nimport type { BadgePlacement, BadgeProps } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport { connectBadge } from '@xihan-ui/headless'\nimport { computed, defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { provideBadge, useBadgeContext } from './context'\n\nconst badgeProps = {\n  tone: String as PropType<Tone>,\n  size: String as PropType<Size>,\n  /** 挂在哪个角上，默认 top-end。 */\n  placement: String as PropType<BadgePlacement>,\n  /** 计数：提供后角标自行显示数字，超过 max 时显示为「max+」。 */\n  count: { type: Number },\n  /** 计数上限，默认 99。 */\n  max: { type: Number },\n  /** 计数为 0 时是否仍然显示，默认不显示。 */\n  showZero: { type: Boolean, default: undefined },\n  /** 只显示一个点，不显示数字。 */\n  dot: { type: Boolean, default: undefined },\n  /** 读屏朗读该角标的方式，例如「3 条未读」。 */\n  label: { type: String },\n} as const\n\n/**\n * 锚点：被标记的元素（按钮、头像、标签页）写进默认插槽，角标另起一层贴在它的角上。\n *\n * 角标是挂在其他元素角上的标记，不是可以单独放置的药丸：\n * 行内的状态药丸请使用 tag。\n */\nexport const XhBadgeRoot = defineComponent({\n  name: 'XhBadgeRoot',\n  props: badgeProps,\n  setup(props, { slots }) {\n    // withXhConfig 只能在 setup 期调，连接层在渲染期读这份代理\n    const configured = withXhConfig('badge', props)\n    const api = computed(() => connectBadge(configured as BadgeProps, vueNormalize))\n    provideBadge({ api })\n    return () => h('span', api.value.getRootProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/** 角标本身，绝对定位在锚点的某个角上。未提供内容时使用计算得出的计数文本。 */\nexport const XhBadgeIndicator = defineComponent({\n  name: 'XhBadgeIndicator',\n  slots: Object as SlotsType<{ default?: (props: { text: string }) => VNode[] }>,\n  setup(_, { slots }) {\n    const ctx = useBadgeContext()\n    return () => h(\n      'span',\n      ctx.api.value.getIndicatorProps() as Record<string, unknown>,\n      slots.default?.({ text: ctx.api.value.text }) ?? ctx.api.value.text,\n    )\n  },\n})\n\n/**\n * 一步到位的写法：默认插槽放被标记的元素，角标自动跟随。\n *\n * 需要在角标中放置自定义内容（例如一个小图标）时改用 XhBadgeRoot + XhBadgeIndicator。\n */\nexport const XhBadge = defineComponent({\n  name: 'XhBadge',\n  props: badgeProps,\n  slots: Object as SlotsType<{ default?: () => VNode[] }>,\n  setup(props, { slots }) {\n    return () => h(XhBadgeRoot, props, () => [slots.default?.(), h(XhBadgeIndicator)])\n  },\n})\n"],"mappings":";;;;;;AAgBA,MAAM,aAAa;CACjB,MAAM;CACN,MAAM;;CAEN,WAAW;;CAEX,OAAO,EAAE,MAAM,OAAO;;CAEtB,KAAK,EAAE,MAAM,OAAO;;CAEpB,UAAU;EAAE,MAAM;EAAS,SAAS,KAAA;CAAU;;CAE9C,KAAK;EAAE,MAAM;EAAS,SAAS,KAAA;CAAU;;CAEzC,OAAO,EAAE,MAAM,OAAO;AACxB;;;;;;;AAQA,MAAa,cAAc,gBAAgB;CACzC,MAAM;CACN,OAAO;CACP,MAAM,OAAO,EAAE,SAAS;EAEtB,MAAM,aAAa,aAAa,SAAS,KAAK;EAC9C,MAAM,MAAM,eAAe,aAAa,YAA0B,YAAY,CAAC;EAC/E,aAAa,EAAE,IAAI,CAAC;EACpB,aAAa,EAAE,QAAQ,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CAC/F;AACF,CAAC;;AAGD,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,OAAO;CACP,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,gBAAgB;EAC5B,aAAa,EACX,QACA,IAAI,IAAI,MAAM,kBAAkB,GAChC,MAAM,UAAU,EAAE,MAAM,IAAI,IAAI,MAAM,KAAK,CAAC,KAAK,IAAI,IAAI,MAAM,IACjE;CACF;AACF,CAAC;;;;;;AAOD,MAAa,UAAU,gBAAgB;CACrC,MAAM;CACN,OAAO;CACP,OAAO;CACP,MAAM,OAAO,EAAE,SAAS;EACtB,aAAa,EAAE,aAAa,aAAa,CAAC,MAAM,UAAU,GAAG,EAAE,gBAAgB,CAAC,CAAC;CACnF;AACF,CAAC"}
+{"version":3,"file":"badge.js","names":[],"sources":["../../../src/components/badge/badge.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 badge 相关实现。\n\nimport type { Size, Tone } from '@xihan-ui/core'\nimport type { BadgePlacement, BadgeProps } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport { createScope } from '@xihan-ui/core'\nimport { badgeMachine, connectBadge } from '@xihan-ui/headless'\nimport { computed, defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\nimport { provideBadge, useBadgeContext } from './context'\n\nconst badgeProps = {\n  tone: String as PropType<Tone>,\n  size: String as PropType<Size>,\n  /** 挂在哪个角上，默认 top-end。 */\n  placement: String as PropType<BadgePlacement>,\n  /** 计数：提供后角标自行显示数字，超过 max 时显示为「max+」。 */\n  count: { type: Number },\n  /** 计数上限，默认 99。 */\n  max: { type: Number },\n  /** 计数为 0 时是否仍然显示，默认不显示。 */\n  showZero: { type: Boolean, default: undefined },\n  /** 只显示一个点，不显示数字。 */\n  dot: { type: Boolean, default: undefined },\n  /** 圆点呼吸：表达正在进行、给不出进度的状态。只在 dot 模式下生效。 */\n  pulse: { type: Boolean, default: undefined },\n  /** 读屏朗读该角标的方式，例如「3 条未读」。 */\n  label: { type: String },\n} as const\n\n/**\n * 锚点：被标记的元素（按钮、头像、标签页）写进默认插槽，角标另起一层贴在它的角上。\n *\n * 角标是挂在其他元素角上的标记，不是可以单独放置的药丸：\n * 行内的状态药丸请使用 tag。\n */\nexport const XhBadgeRoot = defineComponent({\n  name: 'XhBadgeRoot',\n  props: badgeProps,\n  setup(props, { slots }) {\n    // withXhConfig 只能在 setup 期调，连接层在渲染期读这份代理\n    const configured = withXhConfig('badge', props)\n    const scope = createScope(null, createVueIdGenerator())\n    const service = useMachine(badgeMachine, () => ({ ...configured }) as BadgeProps, scope)\n    const api = computed(() => connectBadge(service, vueNormalize))\n    provideBadge({ api })\n    return () => h('span', api.value.getRootProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/** 角标本身，绝对定位在锚点的某个角上。未提供内容时使用计算得出的计数文本。 */\nexport const XhBadgeIndicator = defineComponent({\n  name: 'XhBadgeIndicator',\n  slots: Object as SlotsType<{ default?: (props: { text: string }) => VNode[] }>,\n  setup(_, { slots }) {\n    const ctx = useBadgeContext()\n    return () => h(\n      'span',\n      ctx.api.value.getIndicatorProps() as Record<string, unknown>,\n      slots.default?.({ text: ctx.api.value.text }) ?? ctx.api.value.text,\n    )\n  },\n})\n\n/**\n * 一步到位的写法：默认插槽放被标记的元素，角标自动跟随。\n *\n * 需要在角标中放置自定义内容（例如一个小图标）时改用 XhBadgeRoot + XhBadgeIndicator。\n */\nexport const XhBadge = defineComponent({\n  name: 'XhBadge',\n  props: badgeProps,\n  slots: Object as SlotsType<{ default?: () => VNode[] }>,\n  setup(props, { slots }) {\n    return () => h(XhBadgeRoot, props, () => [slots.default?.(), h(XhBadgeIndicator)])\n  },\n})\n"],"mappings":";;;;;;;;;AAmBA,MAAM,aAAa;CACjB,MAAM;CACN,MAAM;;CAEN,WAAW;;CAEX,OAAO,EAAE,MAAM,OAAO;;CAEtB,KAAK,EAAE,MAAM,OAAO;;CAEpB,UAAU;EAAE,MAAM;EAAS,SAAS,KAAA;CAAU;;CAE9C,KAAK;EAAE,MAAM;EAAS,SAAS,KAAA;CAAU;;CAEzC,OAAO;EAAE,MAAM;EAAS,SAAS,KAAA;CAAU;;CAE3C,OAAO,EAAE,MAAM,OAAO;AACxB;;;;;;;AAQA,MAAa,cAAc,gBAAgB;CACzC,MAAM;CACN,OAAO;CACP,MAAM,OAAO,EAAE,SAAS;EAEtB,MAAM,aAAa,aAAa,SAAS,KAAK;EAE9C,MAAM,UAAU,WAAW,qBAAqB,EAAE,GAAG,WAAW,IADlD,YAAY,MAAM,qBAAqB,CACiC,CAAC;EACvF,MAAM,MAAM,eAAe,aAAa,SAAS,YAAY,CAAC;EAC9D,aAAa,EAAE,IAAI,CAAC;EACpB,aAAa,EAAE,QAAQ,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CAC/F;AACF,CAAC;;AAGD,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,OAAO;CACP,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,gBAAgB;EAC5B,aAAa,EACX,QACA,IAAI,IAAI,MAAM,kBAAkB,GAChC,MAAM,UAAU,EAAE,MAAM,IAAI,IAAI,MAAM,KAAK,CAAC,KAAK,IAAI,IAAI,MAAM,IACjE;CACF;AACF,CAAC;;;;;;AAOD,MAAa,UAAU,gBAAgB;CACrC,MAAM;CACN,OAAO;CACP,OAAO;CACP,MAAM,OAAO,EAAE,SAAS;EACtB,aAAa,EAAE,aAAa,aAAa,CAAC,MAAM,UAAU,GAAG,EAAE,gBAAgB,CAAC,CAAC;CACnF;AACF,CAAC"}

package/dist/components/breadcrumb/breadcrumb.d.ts

@@ -59,6 +59,8 @@ declare const XhBreadcrumbLink: import("vue").DefineComponent<import("vue").Extr
     type: StringConstructor;
   };
   current: BooleanConstructor;
+  /** 借用作者的子节点（如路由链接）作为链接，不再渲染自己的 `<a>`；子节点须恰好一个。 */
+  asChild: BooleanConstructor;
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -66,8 +68,11 @@ declare const XhBreadcrumbLink: import("vue").DefineComponent<import("vue").Extr
     type: StringConstructor;
   };
   current: BooleanConstructor;
+  /** 借用作者的子节点（如路由链接）作为链接，不再渲染自己的 `<a>`；子节点须恰好一个。 */
+  asChild: BooleanConstructor;
 }>> & Readonly<{}>, {
   current: boolean;
+  asChild: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 /** 链接中的图标位，与文字并排；纯装饰 */
 declare const XhBreadcrumbLinkIcon: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -76,9 +81,14 @@ declare const XhBreadcrumbLinkIcon: import("vue").DefineComponent<{}, () => VNod
 declare const XhBreadcrumbSeparator: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** 折叠位：路径里的一个列表项，装着展开完整路径的触发器；展开后收起。 */
 declare const XhBreadcrumbEllipsis: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** 折叠位里的触发器：按下展开完整路径，焦点落到第一条展开出来的链接上；不写内容时由皮肤画一枚省略号字形。 */
+declare const XhBreadcrumbEllipsisTrigger: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
-export { XhBreadcrumbEllipsis, XhBreadcrumbItem, XhBreadcrumbLink, XhBreadcrumbLinkIcon, XhBreadcrumbList, XhBreadcrumbRoot, XhBreadcrumbSeparator };
+export { XhBreadcrumbEllipsis, XhBreadcrumbEllipsisTrigger, XhBreadcrumbItem, XhBreadcrumbLink, XhBreadcrumbLinkIcon, XhBreadcrumbList, XhBreadcrumbRoot, XhBreadcrumbSeparator };
 //# sourceMappingURL=breadcrumb.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.d.ts","names":[],"sources":["../../../src/components/breadcrumb/breadcrumb.ts"],"mappings":";;;;;cAgBa,gCAAgB,8BAAA;;IAII,MAAA,kBAAkB;;;;;;IAExB,MAAA,SAAS;;;IACA,MAAA,SAAS,QAAQ;;;IACzB,MAAA,SAAS;;;IACT,MAAA,SAAS;;;;;;IALJ,MAAA,kBAAkB;;;;;;IAExB,MAAA,SAAS;;;IACA,MAAA,SAAS,QAAQ;;;IACzB,MAAA,SAAS;;;IACT,MAAA,SAAS;;MAenC,oDAAA;cAGW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAM3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAM3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;;;;cAMW,gCAAgB,8BAAA;;;;;;;;;;;;;;qCAe3B;;cAGW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAM/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAGW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAMhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAM/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"breadcrumb.d.ts","names":[],"sources":["../../../src/components/breadcrumb/breadcrumb.ts"],"mappings":";;;;;cAkBa,gCAAgB,8BAAA;;IAII,MAAA,kBAAkB;;;;;;IAExB,MAAA,SAAS;;;IACA,MAAA,SAAS,QAAQ;;;IACzB,MAAA,SAAS;;;IACT,MAAA,SAAS;;;;;;IALJ,MAAA,kBAAkB;;;;;;IAExB,MAAA,SAAS;;;IACA,MAAA,SAAS,QAAQ;;;IACzB,MAAA,SAAS;;;IACT,MAAA,SAAS;;MAenC,oDAAA;cAGW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAM3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAM3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;;;;cAMW,gCAAgB,8BAAA;;;;;;;;;;;;;;;;;;;qCAwB3B;;cAGW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAM/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAGW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAMhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAM/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,2CAA2B,0BAAA,oBAAA,4BAAA;;8BAMtC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/breadcrumb/breadcrumb.js

@@ -1,4 +1,6 @@
 import { withXhConfig } from "../../config/config.js";
+import { mergePartProps } from "../../runtime/merge-props.js";
+import { mergeIntoChild } from "../../runtime/as-child.js";
 import { provideBreadcrumb, useBreadcrumbContext } from "./context.js";
 import { useBreadcrumb } from "./use-breadcrumb.js";
 import { defineComponent, h, useId } from "vue";
@@ -40,17 +42,25 @@ const XhBreadcrumbItem = defineComponent({
 */
 const XhBreadcrumbLink = defineComponent({
 	name: "XhBreadcrumbLink",
+	inheritAttrs: false,
 	props: {
 		value: { type: String },
-		current: Boolean
+		current: Boolean,
+		/** 借用作者的子节点（如路由链接）作为链接，不再渲染自己的 `<a>`；子节点须恰好一个。 */
+		asChild: Boolean
 	},
-	setup(props, { slots }) {
+	setup(props, { slots, attrs }) {
 		const ctx = useBreadcrumbContext();
 		const fallbackValue = useId();
-		return () => h("a", ctx.api.value.getLinkProps({
-			value: props.value ?? fallbackValue,
-			current: props.current
-		}), slots.default?.());
+		return () => {
+			const part = mergePartProps(ctx.api.value.getLinkProps({
+				value: props.value ?? fallbackValue,
+				current: props.current
+			}), attrs);
+			const children = slots.default?.();
+			if (props.asChild) return mergeIntoChild(children, part, "breadcrumb", { applyAnatomy: true });
+			return h("a", part, children);
+		};
 	}
 });
 /** 链接中的图标位，与文字并排；纯装饰 */
@@ -68,6 +78,7 @@ const XhBreadcrumbSeparator = defineComponent({
 		return () => h("li", ctx.api.value.getSeparatorProps(), slots.default?.());
 	}
 });
+/** 折叠位：路径里的一个列表项，装着展开完整路径的触发器；展开后收起。 */
 const XhBreadcrumbEllipsis = defineComponent({
 	name: "XhBreadcrumbEllipsis",
 	setup(_, { slots }) {
@@ -75,10 +86,18 @@ const XhBreadcrumbEllipsis = defineComponent({
 		return () => h("li", ctx.api.value.getEllipsisProps(), slots.default?.());
 	}
 });
+/** 折叠位里的触发器：按下展开完整路径，焦点落到第一条展开出来的链接上；不写内容时由皮肤画一枚省略号字形。 */
+const XhBreadcrumbEllipsisTrigger = defineComponent({
+	name: "XhBreadcrumbEllipsisTrigger",
+	setup(_, { slots }) {
+		const ctx = useBreadcrumbContext();
+		return () => h("button", ctx.api.value.getEllipsisTriggerProps(), slots.default?.());
+	}
+});
 /**
 * 未写默认插槽时按 collection 铺开的整套结构，作者只提供数据。
 * 与手写部件产出的 DOM 完全一致，需要修改结构时写默认插槽，行为不变。
-* 分隔符与省略位的内容默认是文字，写同名插槽即由作者接管。
+* 分隔符与省略位触发器不写内容时由皮肤画字形，写同名插槽即由作者接管。
 */
 function renderDefaultTree(items, separatorSlot, ellipsisSlot) {
 	return [h(XhBreadcrumbList, null, () => renderItems(items, separatorSlot, ellipsisSlot))];
@@ -89,7 +108,7 @@ function renderItems(items, separatorSlot, ellipsisSlot) {
 	items.forEach((item, index) => {
 		if (index > 0) out.push(h(XhBreadcrumbSeparator, { key: `sep-${index}` }, () => separatorSlot?.()));
 		if (item.type === "ellipsis") {
-			out.push(h(XhBreadcrumbEllipsis, { key: "ellipsis" }, () => ellipsisSlot?.(item.nodes) ?? "…"));
+			out.push(h(XhBreadcrumbEllipsis, { key: "ellipsis" }, () => h(XhBreadcrumbEllipsisTrigger, null, () => ellipsisSlot?.(item.nodes))));
 			return;
 		}
 		const node = item.node;
@@ -102,6 +121,6 @@ function renderItems(items, separatorSlot, ellipsisSlot) {
 	return out;
 }
 //#endregion
-export { XhBreadcrumbEllipsis, XhBreadcrumbItem, XhBreadcrumbLink, XhBreadcrumbLinkIcon, XhBreadcrumbList, XhBreadcrumbRoot, XhBreadcrumbSeparator };
+export { XhBreadcrumbEllipsis, XhBreadcrumbEllipsisTrigger, XhBreadcrumbItem, XhBreadcrumbLink, XhBreadcrumbLinkIcon, XhBreadcrumbList, XhBreadcrumbRoot, XhBreadcrumbSeparator };
 
 //# sourceMappingURL=breadcrumb.js.map

package/dist/components/breadcrumb/breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.js","names":[],"sources":["../../../src/components/breadcrumb/breadcrumb.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 breadcrumb 相关实现。\n\nimport type { Direction, Size, Tone } from '@xihan-ui/core'\nimport type { BreadcrumbItem, BreadcrumbNode, BreadcrumbNodeMeta, BreadcrumbProps, BreadcrumbTranslations } from '@xihan-ui/headless'\nimport type { PropType, VNode } from 'vue'\nimport { defineComponent, h, useId } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { provideBreadcrumb, useBreadcrumbContext } from './context'\nimport { useBreadcrumb } from './use-breadcrumb'\n\n/** 根节点渲染为 nav 地标 */\nexport const XhBreadcrumbRoot = defineComponent({\n  name: 'XhBreadcrumbRoot',\n  // 缺省值由 connect 给出；普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    collection: { type: Array as PropType<readonly BreadcrumbNode[]> },\n    maxItems: { type: Number },\n    dir: { type: String as PropType<Direction> },\n    translations: { type: Object as PropType<Partial<BreadcrumbTranslations>> },\n    tone: { type: String as PropType<Tone> },\n    size: { type: String as PropType<Size> },\n  },\n  setup(props, { slots }) {\n    const ctx = useBreadcrumb(withXhConfig('breadcrumb', props) as BreadcrumbProps)\n    provideBreadcrumb(ctx)\n    return () => h(\n      'nav',\n      ctx.api.value.getRootProps() as Record<string, unknown>,\n      slots.default\n        ? slots.default()\n        : props.collection\n          ? renderDefaultTree(ctx.api.value.items, slots.separator, slots.ellipsis)\n          : [],\n    )\n  },\n})\n\n// 渲染为 ol，把层级路径表达成有序列表\nexport const XhBreadcrumbList = defineComponent({\n  name: 'XhBreadcrumbList',\n  setup(_, { slots }) {\n    const ctx = useBreadcrumbContext()\n    return () => h('ol', ctx.api.value.getListProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhBreadcrumbItem = defineComponent({\n  name: 'XhBreadcrumbItem',\n  setup(_, { slots }) {\n    const ctx = useBreadcrumbContext()\n    return () => h('li', ctx.api.value.getItemProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/**\n * href 由作者写，这里只补当前页标记与点击守卫；当前页同样渲染为 `<a>`。\n * value 是链接身份，按压通道按它记住正被按住的那一条；未声明时派生一个实例内稳定的键。\n */\nexport const XhBreadcrumbLink = defineComponent({\n  name: 'XhBreadcrumbLink',\n  props: {\n    value: { type: String },\n    current: Boolean,\n  },\n  setup(props, { slots }) {\n    const ctx = useBreadcrumbContext()\n    const fallbackValue = useId()\n    return () => h(\n      'a',\n      ctx.api.value.getLinkProps({ value: props.value ?? fallbackValue, current: props.current }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\n/** 链接中的图标位，与文字并排；纯装饰 */\nexport const XhBreadcrumbLinkIcon = defineComponent({\n  name: 'XhBreadcrumbLinkIcon',\n  setup(_, { slots }) {\n    const ctx = useBreadcrumbContext()\n    return () => h('span', ctx.api.value.getLinkIconProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 分隔符与省略号同为 ol 的直接子节点，渲染为 li 并对读屏隐藏\nexport const XhBreadcrumbSeparator = defineComponent({\n  name: 'XhBreadcrumbSeparator',\n  setup(_, { slots }) {\n    const ctx = useBreadcrumbContext()\n    return () => h('li', ctx.api.value.getSeparatorProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhBreadcrumbEllipsis = defineComponent({\n  name: 'XhBreadcrumbEllipsis',\n  setup(_, { slots }) {\n    const ctx = useBreadcrumbContext()\n    return () => h('li', ctx.api.value.getEllipsisProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/**\n * 未写默认插槽时按 collection 铺开的整套结构，作者只提供数据。\n * 与手写部件产出的 DOM 完全一致，需要修改结构时写默认插槽，行为不变。\n * 分隔符与省略位的内容默认是文字，写同名插槽即由作者接管。\n */\nfunction renderDefaultTree(\n  items: readonly BreadcrumbItem[],\n  separatorSlot?: () => VNode[],\n  ellipsisSlot?: (nodes: readonly BreadcrumbNodeMeta[]) => VNode[],\n): VNode[] {\n  return [h(XhBreadcrumbList, null, () => renderItems(items, separatorSlot, ellipsisSlot))]\n}\n\n/** ol 中的序列：层与层之间铺分隔符，被折叠的一段铺为一个省略位。 */\nfunction renderItems(\n  items: readonly BreadcrumbItem[],\n  separatorSlot?: () => VNode[],\n  ellipsisSlot?: (nodes: readonly BreadcrumbNodeMeta[]) => VNode[],\n): VNode[] {\n  const out: VNode[] = []\n  items.forEach((item, index) => {\n    if (index > 0)\n      out.push(h(XhBreadcrumbSeparator, { key: `sep-${index}` }, () => separatorSlot?.()))\n    if (item.type === 'ellipsis') {\n      out.push(h(XhBreadcrumbEllipsis, { key: 'ellipsis' }, () => ellipsisSlot?.(item.nodes) ?? '…'))\n      return\n    }\n    const node = item.node\n    out.push(h(XhBreadcrumbItem, { key: node.value }, () => [\n      h(\n        XhBreadcrumbLink,\n        { value: node.value, current: node.current, href: node.href },\n        () => [\n          node.icon ? h(XhBreadcrumbLinkIcon, null, () => node.icon) : null,\n          node.label,\n        ],\n      ),\n    ]))\n  })\n  return out\n}\n"],"mappings":"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"}
+{"version":3,"file":"breadcrumb.js","names":[],"sources":["../../../src/components/breadcrumb/breadcrumb.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 breadcrumb 相关实现。\n\nimport type { Direction, Size, Tone } from '@xihan-ui/core'\nimport type { BreadcrumbItem, BreadcrumbNode, BreadcrumbNodeMeta, BreadcrumbProps, BreadcrumbTranslations } from '@xihan-ui/headless'\nimport type { PropType, VNode } from 'vue'\nimport { defineComponent, h, useId } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { mergeIntoChild } from '../../runtime/as-child'\nimport { mergePartProps } from '../../runtime/merge-props'\nimport { provideBreadcrumb, useBreadcrumbContext } from './context'\nimport { useBreadcrumb } from './use-breadcrumb'\n\n/** 根节点渲染为 nav 地标 */\nexport const XhBreadcrumbRoot = defineComponent({\n  name: 'XhBreadcrumbRoot',\n  // 缺省值由 connect 给出；普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    collection: { type: Array as PropType<readonly BreadcrumbNode[]> },\n    maxItems: { type: Number },\n    dir: { type: String as PropType<Direction> },\n    translations: { type: Object as PropType<Partial<BreadcrumbTranslations>> },\n    tone: { type: String as PropType<Tone> },\n    size: { type: String as PropType<Size> },\n  },\n  setup(props, { slots }) {\n    const ctx = useBreadcrumb(withXhConfig('breadcrumb', props) as BreadcrumbProps)\n    provideBreadcrumb(ctx)\n    return () => h(\n      'nav',\n      ctx.api.value.getRootProps() as Record<string, unknown>,\n      slots.default\n        ? slots.default()\n        : props.collection\n          ? renderDefaultTree(ctx.api.value.items, slots.separator, slots.ellipsis)\n          : [],\n    )\n  },\n})\n\n// 渲染为 ol，把层级路径表达成有序列表\nexport const XhBreadcrumbList = defineComponent({\n  name: 'XhBreadcrumbList',\n  setup(_, { slots }) {\n    const ctx = useBreadcrumbContext()\n    return () => h('ol', ctx.api.value.getListProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhBreadcrumbItem = defineComponent({\n  name: 'XhBreadcrumbItem',\n  setup(_, { slots }) {\n    const ctx = useBreadcrumbContext()\n    return () => h('li', ctx.api.value.getItemProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/**\n * href 由作者写，这里只补当前页标记与点击守卫；当前页同样渲染为 `<a>`。\n * value 是链接身份，按压通道按它记住正被按住的那一条；未声明时派生一个实例内稳定的键。\n */\nexport const XhBreadcrumbLink = defineComponent({\n  name: 'XhBreadcrumbLink',\n  // 直通属性自己合：作者的处理器排在部件前面，asChild 时连同部件属性一起落到作者的链接上\n  inheritAttrs: false,\n  props: {\n    value: { type: String },\n    current: Boolean,\n    /** 借用作者的子节点（如路由链接）作为链接，不再渲染自己的 `<a>`；子节点须恰好一个。 */\n    asChild: Boolean,\n  },\n  setup(props, { slots, attrs }) {\n    const ctx = useBreadcrumbContext()\n    const fallbackValue = useId()\n    return () => {\n      const part = mergePartProps(\n        ctx.api.value.getLinkProps({ value: props.value ?? fallbackValue, current: props.current }) as Record<string, unknown>,\n        attrs,\n      )\n      const children = slots.default?.()\n      if (props.asChild)\n        return mergeIntoChild(children, part, 'breadcrumb', { applyAnatomy: true })\n      return h('a', part, children)\n    }\n  },\n})\n\n/** 链接中的图标位，与文字并排；纯装饰 */\nexport const XhBreadcrumbLinkIcon = defineComponent({\n  name: 'XhBreadcrumbLinkIcon',\n  setup(_, { slots }) {\n    const ctx = useBreadcrumbContext()\n    return () => h('span', ctx.api.value.getLinkIconProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 分隔符是 ol 的直接子节点，渲染为 li 并对读屏隐藏\nexport const XhBreadcrumbSeparator = defineComponent({\n  name: 'XhBreadcrumbSeparator',\n  setup(_, { slots }) {\n    const ctx = useBreadcrumbContext()\n    return () => h('li', ctx.api.value.getSeparatorProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/** 折叠位：路径里的一个列表项，装着展开完整路径的触发器；展开后收起。 */\nexport const XhBreadcrumbEllipsis = defineComponent({\n  name: 'XhBreadcrumbEllipsis',\n  setup(_, { slots }) {\n    const ctx = useBreadcrumbContext()\n    return () => h('li', ctx.api.value.getEllipsisProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/** 折叠位里的触发器：按下展开完整路径，焦点落到第一条展开出来的链接上；不写内容时由皮肤画一枚省略号字形。 */\nexport const XhBreadcrumbEllipsisTrigger = defineComponent({\n  name: 'XhBreadcrumbEllipsisTrigger',\n  setup(_, { slots }) {\n    const ctx = useBreadcrumbContext()\n    return () => h('button', ctx.api.value.getEllipsisTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/**\n * 未写默认插槽时按 collection 铺开的整套结构，作者只提供数据。\n * 与手写部件产出的 DOM 完全一致，需要修改结构时写默认插槽，行为不变。\n * 分隔符与省略位触发器不写内容时由皮肤画字形，写同名插槽即由作者接管。\n */\nfunction renderDefaultTree(\n  items: readonly BreadcrumbItem[],\n  separatorSlot?: () => VNode[],\n  ellipsisSlot?: (nodes: readonly BreadcrumbNodeMeta[]) => VNode[],\n): VNode[] {\n  return [h(XhBreadcrumbList, null, () => renderItems(items, separatorSlot, ellipsisSlot))]\n}\n\n/** ol 中的序列：层与层之间铺分隔符，被折叠的一段铺为一个省略位。 */\nfunction renderItems(\n  items: readonly BreadcrumbItem[],\n  separatorSlot?: () => VNode[],\n  ellipsisSlot?: (nodes: readonly BreadcrumbNodeMeta[]) => VNode[],\n): VNode[] {\n  const out: VNode[] = []\n  items.forEach((item, index) => {\n    if (index > 0)\n      out.push(h(XhBreadcrumbSeparator, { key: `sep-${index}` }, () => separatorSlot?.()))\n    if (item.type === 'ellipsis') {\n      out.push(h(XhBreadcrumbEllipsis, { key: 'ellipsis' }, () =>\n        h(XhBreadcrumbEllipsisTrigger, null, () => ellipsisSlot?.(item.nodes))))\n      return\n    }\n    const node = item.node\n    out.push(h(XhBreadcrumbItem, { key: node.value }, () => [\n      h(\n        XhBreadcrumbLink,\n        { value: node.value, current: node.current, href: node.href },\n        () => [\n          node.icon ? h(XhBreadcrumbLinkIcon, null, () => node.icon) : null,\n          node.label,\n        ],\n      ),\n    ]))\n  })\n  return out\n}\n"],"mappings":"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"}

package/dist/components/calendar-picker/calendar-picker.d.ts

@@ -15,6 +15,10 @@ declare const XhCalendarPickerRoot: import("vue").DefineComponent<import("vue").
   selectionMode: {
     type: PropType<CalendarPickerSelectionMode>;
   };
+  /** multiple 下最多选几个周期；选满后没选中的格子不可再加选。 */
+  maxSelected: {
+    type: NumberConstructor;
+  };
   focusedValue: {
     type: StringConstructor;
   };
@@ -35,6 +39,10 @@ declare const XhCalendarPickerRoot: import("vue").DefineComponent<import("vue").
   locale: {
     type: StringConstructor;
   };
+  /** 周首日，0 = 星期日 … 6 = 星期六；不给按 locale。 */
+  firstDayOfWeek: {
+    type: NumberConstructor;
+  };
   timeZone: {
     type: StringConstructor;
   };
@@ -82,6 +90,10 @@ declare const XhCalendarPickerRoot: import("vue").DefineComponent<import("vue").
   selectionMode: {
     type: PropType<CalendarPickerSelectionMode>;
   };
+  /** multiple 下最多选几个周期；选满后没选中的格子不可再加选。 */
+  maxSelected: {
+    type: NumberConstructor;
+  };
   focusedValue: {
     type: StringConstructor;
   };
@@ -102,6 +114,10 @@ declare const XhCalendarPickerRoot: import("vue").DefineComponent<import("vue").
   locale: {
     type: StringConstructor;
   };
+  /** 周首日，0 = 星期日 … 6 = 星期六；不给按 locale。 */
+  firstDayOfWeek: {
+    type: NumberConstructor;
+  };
   timeZone: {
     type: StringConstructor;
   };

package/dist/components/calendar-picker/calendar-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"calendar-picker.d.ts","names":[],"sources":["../../../src/components/calendar-picker/calendar-picker.ts"],"mappings":";;;;KAeK,sBAAsB;;KAGf,8BAA8B,KACxC;cAoBW,oCAAoB,8BAAA;;IAIK,MAAA;;;IACO,MAAA;;;IACR,MAAA,SAAS;;;;;;;;;;;;;;;IAKH,MAAA,UAAU;;;;;;;;;;;;;IAOhB,MAAA,SAAS;;;;;IAGX,MAAA,SAAS;;;;IAEV,MAAA,SAAS;;;;IAEF,MAAA,SAAS;;;;;;;IAGd,MAAA,SAAS,QAAQ;;;;;EAItB,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;EACA,yBAAA,UAAA,UAAU;EACN,wBAAA,eAAA,UAAU;EAChB,uBAAA,UAAA,UAAU;EACR,sBAAA,aAAA,UAAU;;;IAjCX,MAAA;;;IACO,MAAA;;;IACR,MAAA,SAAS;;;;;;;;;;;;;;;IAKH,MAAA,UAAU;;;;;;;;;;;;;IAOhB,MAAA,SAAS;;;;;IAGX,MAAA,SAAS;;;;IAEV,MAAA,SAAS;;;;IAEF,MAAA,SAAS;;;;;;;IAGd,MAAA,SAAS,QAAQ;;;;;;;;;;;;;;;EAYvC,WAAC,OAAO,gCAAgC;kCAsCpD;cAEW,sCAAsB,0BAAA,oBAAA,4BAAA;;8BAMjC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+CAA+B,0BAAA,oBAAA,4BAAA;;8BAM1C,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,2CAA2B,0BAAA,oBAAA,4BAAA;;8BAMtC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,2CAA2B,0BAAA,oBAAA,4BAAA;;8BAMtC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+CAA+B,0BAAA,oBAAA,4BAAA;;8BAM1C,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,uCAAuB,8BAAA;;;;;;;;;;;;;;;;qCAelC;cAEW,kDAAkC,8BAAA;;;;;;;;;;;;;;;;qCAe7C;cAEW,mDAAmC,8BAAA;;;;;;;;;;;;;;;;qCAc9C;cAEW,oCAAoB,8BAAA;;;;;;;;;;;;;;;;qCAkB/B;cAEW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BAMnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BAMnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAGW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAMlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,0CAA0B,8BAAA;;;;;;;;;;;;;;MAerC,oDAAA;cAEW,uCAAuB,8BAAA;;IAIG,MAAA;;;;;;;IAAA,MAAA;;;MAWrC,oDAAA;cAEW,oCAAoB,8BAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qCAkB/B;cAEW,2CAA2B,0BAAA,oBAAA,4BAAA;;8BAOtC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"calendar-picker.d.ts","names":[],"sources":["../../../src/components/calendar-picker/calendar-picker.ts"],"mappings":";;;;KAeK,sBAAsB;;KAGf,8BAA8B,KACxC;cAoBW,oCAAoB,8BAAA;;IAIK,MAAA;;;IACO,MAAA;;;IACR,MAAA,SAAS;;;;;;;;;;;;;;;;;;;IAOH,MAAA,UAAU;;;;;;;;;;;;;;;;;IAShB,MAAA,SAAS;;;;;IAGX,MAAA,SAAS;;;;IAEV,MAAA,SAAS;;;;IAEF,MAAA,SAAS;;;;;;;IAGd,MAAA,SAAS,QAAQ;;;;;EAItB,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;EACA,yBAAA,UAAA,UAAU;EACN,wBAAA,eAAA,UAAU;EAChB,uBAAA,UAAA,UAAU;EACR,sBAAA,aAAA,UAAU;;;IArCX,MAAA;;;IACO,MAAA;;;IACR,MAAA,SAAS;;;;;;;;;;;;;;;;;;;IAOH,MAAA,UAAU;;;;;;;;;;;;;;;;;IAShB,MAAA,SAAS;;;;;IAGX,MAAA,SAAS;;;;IAEV,MAAA,SAAS;;;;IAEF,MAAA,SAAS;;;;;;;IAGd,MAAA,SAAS,QAAQ;;;;;;;;;;;;;;;EAYvC,WAAC,OAAO,gCAAgC;kCAsCpD;cAEW,sCAAsB,0BAAA,oBAAA,4BAAA;;8BAMjC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+CAA+B,0BAAA,oBAAA,4BAAA;;8BAM1C,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,2CAA2B,0BAAA,oBAAA,4BAAA;;8BAMtC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,2CAA2B,0BAAA,oBAAA,4BAAA;;8BAMtC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+CAA+B,0BAAA,oBAAA,4BAAA;;8BAM1C,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,uCAAuB,8BAAA;;;;;;;;;;;;;;;;qCAelC;cAEW,kDAAkC,8BAAA;;;;;;;;;;;;;;;;qCAe7C;cAEW,mDAAmC,8BAAA;;;;;;;;;;;;;;;;qCAc9C;cAEW,oCAAoB,8BAAA;;;;;;;;;;;;;;;;qCAkB/B;cAEW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BAMnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BAMnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAGW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAMlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,0CAA0B,8BAAA;;;;;;;;;;;;;;MAerC,oDAAA;cAEW,uCAAuB,8BAAA;;IAIG,MAAA;;;;;;;IAAA,MAAA;;;MAWrC,oDAAA;cAEW,oCAAoB,8BAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qCAkB/B;cAEW,2CAA2B,0BAAA,oBAAA,4BAAA;;8BAOtC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/calendar-picker/calendar-picker.js

@@ -9,6 +9,8 @@ const XhCalendarPickerRoot = defineComponent({
 		value: { type: [String, Array] },
 		defaultValue: { type: [String, Array] },
 		selectionMode: { type: String },
+		/** multiple 下最多选几个周期；选满后没选中的格子不可再加选。 */
+		maxSelected: { type: Number },
 		focusedValue: { type: String },
 		defaultFocusedValue: { type: String },
 		min: { type: String },
@@ -17,6 +19,8 @@ const XhCalendarPickerRoot = defineComponent({
 		/** 校验失败：根带 data-invalid。 */
 		invalid: Boolean,
 		locale: { type: String },
+		/** 周首日，0 = 星期日 … 6 = 星期六；不给按 locale。 */
+		firstDayOfWeek: { type: Number },
 		timeZone: { type: String },
 		disabled: Boolean,
 		readOnly: Boolean,

package/dist/components/calendar-picker/calendar-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendar-picker.js","names":[],"sources":["../../../src/components/calendar-picker/calendar-picker.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 calendar picker 相关实现。\n\nimport type { CalendarCellProps, CalendarGranularity, CalendarPickerApi, CalendarPickerSchema, CalendarPickerSelectionMode, CalendarPickerTranslations, CalendarView, CalendarWeekdayFormat } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { computed, defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { provideCalendarPicker, provideCalendarPickerCell, useCalendarPickerCellContext, useCalendarPickerContext } from './context'\nimport { useCalendarPicker } from './use-calendar-picker'\n\ntype CalendarPickerProps = CalendarPickerSchema['props']\n\n/** 默认插槽的载荷：选中值与聚焦日、展示月的日期矩阵与表头，以及选中、聚焦、翻月的动作。 */\nexport type CalendarPickerRootSlotProps = Pick<\n  CalendarPickerApi,\n  | 'value'\n  | 'focusedValue'\n  | 'visibleMonth'\n  | 'panels'\n  | 'periods'\n  | 'weeks'\n  | 'weekDays'\n  | 'headingLabel'\n  | 'canGoPrev'\n  | 'canGoNext'\n  | 'isSelected'\n  | 'isUnavailable'\n  | 'setValue'\n  | 'select'\n  | 'focus'\n  | 'goToPrevMonth'\n  | 'goToNextMonth'\n>\n\nexport const XhCalendarPickerRoot = defineComponent({\n  name: 'XhCalendarPickerRoot',\n  // 缺省值由 connect 与机器给出；普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    value: { type: [String, Array] as PropType<string | string[]> },\n    defaultValue: { type: [String, Array] as PropType<string | string[]> },\n    selectionMode: { type: String as PropType<CalendarPickerSelectionMode> },\n    focusedValue: { type: String },\n    defaultFocusedValue: { type: String },\n    min: { type: String },\n    max: { type: String },\n    isDateUnavailable: { type: Function as PropType<(value: string) => boolean> },\n    /** 校验失败：根带 data-invalid。 */\n    invalid: Boolean,\n    locale: { type: String },\n    timeZone: { type: String },\n    disabled: Boolean,\n    readOnly: Boolean,\n    weekdayFormat: { type: String as PropType<CalendarWeekdayFormat> },\n    fixedWeeks: Boolean,\n    /** 选择粒度；与 selectionMode 正交。区间选择是另一个组件（XhCalendarRangePicker）。 */\n    granularity: { type: String as PropType<CalendarGranularity> },\n    /** 面板当前所处的层级；给定即受控，默认跟随 granularity。 */\n    activeView: { type: String as PropType<CalendarView> },\n    /** 非受控初值，默认同 granularity。 */\n    defaultActiveView: { type: String as PropType<CalendarView> },\n    /** 并排展示几页，默认 1。 */\n    visibleCount: { type: Number },\n    translations: { type: Object as PropType<Partial<CalendarPickerTranslations>> },\n  },\n  // *-change 携带 details 对象，update:* 携带裸值；选中值恒为数组，单选时长度 ≤ 1\n  emits: {\n    'value-change': (_details: PayloadOf<CalendarPickerProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<CalendarPickerProps, 'onValueChange'>['value']) => true,\n    'focused-value-change': (_details: PayloadOf<CalendarPickerProps, 'onFocusedValueChange'>) => true,\n    'update:focusedValue': (_focusedValue: PayloadOf<CalendarPickerProps, 'onFocusedValueChange'>['focusedValue']) => true,\n    'active-view-change': (_details: PayloadOf<CalendarPickerProps, 'onActiveViewChange'>) => true,\n    'update:activeView': (_activeView: PayloadOf<CalendarPickerProps, 'onActiveViewChange'>['activeView']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: CalendarPickerRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notifyValue: CalendarPickerProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const notifyFocus: CalendarPickerProps['onFocusedValueChange'] = (details) => {\n      emit('focused-value-change', details)\n      emit('update:focusedValue', details.focusedValue)\n    }\n    const notifyActiveView: CalendarPickerProps['onActiveViewChange'] = (details) => {\n      emit('active-view-change', details)\n      emit('update:activeView', details.activeView)\n    }\n    const ctx = useCalendarPicker(withXhConfig('calendar-picker', props) as CalendarPickerProps, notifyValue, notifyFocus, notifyActiveView)\n    provideCalendarPicker(ctx)\n    // 网格与表头由作者照插槽里的 weeks / weekDays 自行渲染\n    return () => h('div', { ...ctx.api.value.getRootProps() as Record<string, unknown>, ref: ctx.rootRef }, slots.default?.({\n      value: ctx.api.value.value,\n      focusedValue: ctx.api.value.focusedValue,\n      visibleMonth: ctx.api.value.visibleMonth,\n      panels: ctx.api.value.panels,\n      periods: ctx.api.value.periods,\n      weeks: ctx.api.value.weeks,\n      weekDays: ctx.api.value.weekDays,\n      headingLabel: ctx.api.value.headingLabel,\n      canGoPrev: ctx.api.value.canGoPrev,\n      canGoNext: ctx.api.value.canGoNext,\n      isSelected: ctx.api.value.isSelected,\n      isUnavailable: ctx.api.value.isUnavailable,\n      setValue: ctx.api.value.setValue,\n      select: ctx.api.value.select,\n      focus: ctx.api.value.focus,\n      goToPrevMonth: ctx.api.value.goToPrevMonth,\n      goToNextMonth: ctx.api.value.goToNextMonth,\n    }))\n  },\n})\n\nexport const XhCalendarPickerHeader = defineComponent({\n  name: 'XhCalendarPickerHeader',\n  setup(_, { slots }) {\n    const ctx = useCalendarPickerContext()\n    return () => h('div', ctx.api.value.getHeaderProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCalendarPickerPrevYearTrigger = defineComponent({\n  name: 'XhCalendarPickerPrevYearTrigger',\n  setup(_, { slots }) {\n    const ctx = useCalendarPickerContext()\n    return () => h('button', ctx.api.value.getPrevYearTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCalendarPickerPrevTrigger = defineComponent({\n  name: 'XhCalendarPickerPrevTrigger',\n  setup(_, { slots }) {\n    const ctx = useCalendarPickerContext()\n    return () => h('button', ctx.api.value.getPrevTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCalendarPickerNextTrigger = defineComponent({\n  name: 'XhCalendarPickerNextTrigger',\n  setup(_, { slots }) {\n    const ctx = useCalendarPickerContext()\n    return () => h('button', ctx.api.value.getNextTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCalendarPickerNextYearTrigger = defineComponent({\n  name: 'XhCalendarPickerNextYearTrigger',\n  setup(_, { slots }) {\n    const ctx = useCalendarPickerContext()\n    return () => h('button', ctx.api.value.getNextYearTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCalendarPickerHeading = defineComponent({\n  name: 'XhCalendarPickerHeading',\n  props: {\n    /** 属于第几个面板，默认 0。单面板时不必写。 */\n    index: { type: Number, default: 0 },\n  },\n  setup(props, { slots }) {\n    const ctx = useCalendarPickerContext()\n    // 有插槽用插槽，否则渲染本面板的标题\n    return () => h(\n      'div',\n      ctx.api.value.getHeadingProps({ index: props.index }) as Record<string, unknown>,\n      slots.default?.() ?? (ctx.api.value.panels[props.index]?.headingLabel ?? ctx.api.value.headingLabel),\n    )\n  },\n})\n\nexport const XhCalendarPickerHeadingYearTrigger = defineComponent({\n  name: 'XhCalendarPickerHeadingYearTrigger',\n  props: {\n    /** 属于第几个面板，默认 0。单面板时不必写。 */\n    index: { type: Number, default: 0 },\n  },\n  setup(props, { slots }) {\n    const ctx = useCalendarPickerContext()\n    // 有插槽用插槽，否则渲染标题里年那一截；年视图下它是整个十年跨度\n    return () => h(\n      'button',\n      ctx.api.value.getHeadingYearTriggerProps({ index: props.index }) as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.panels[props.index]?.headingYear,\n    )\n  },\n})\n\nexport const XhCalendarPickerHeadingMonthTrigger = defineComponent({\n  name: 'XhCalendarPickerHeadingMonthTrigger',\n  props: {\n    /** 属于第几个面板，默认 0。单面板时不必写。 */\n    index: { type: Number, default: 0 },\n  },\n  setup(props, { slots }) {\n    const ctx = useCalendarPickerContext()\n    return () => h(\n      'button',\n      ctx.api.value.getHeadingMonthTriggerProps({ index: props.index }) as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.panels[props.index]?.headingMonth,\n    )\n  },\n})\n\nexport const XhCalendarPickerGrid = defineComponent({\n  name: 'XhCalendarPickerGrid',\n  props: {\n    /** 属于第几个面板，默认 0。单面板时不必写。 */\n    index: { type: Number, default: 0 },\n  },\n  setup(props, { slots }) {\n    const ctx = useCalendarPickerContext()\n    return () => h(\n      'div',\n      {\n        ...ctx.api.value.getGridProps({ index: props.index }) as Record<string, unknown>,\n        // 键盘在首个网格上收口；其余面板只渲染，方向键仍能跨面板走（落点按值现查）\n        ref: props.index === 0 ? ctx.gridRef : undefined,\n      },\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhCalendarPickerGridHead = defineComponent({\n  name: 'XhCalendarPickerGridHead',\n  setup(_, { slots }) {\n    const ctx = useCalendarPickerContext()\n    return () => h('div', ctx.api.value.getGridHeadProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCalendarPickerGridBody = defineComponent({\n  name: 'XhCalendarPickerGridBody',\n  setup(_, { slots }) {\n    const ctx = useCalendarPickerContext()\n    return () => h('div', ctx.api.value.getGridBodyProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 表头行与日期行共用同一个 role=row\nexport const XhCalendarPickerWeekRow = defineComponent({\n  name: 'XhCalendarPickerWeekRow',\n  setup(_, { slots }) {\n    const ctx = useCalendarPickerContext()\n    return () => h('div', ctx.api.value.getWeekRowProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCalendarPickerWeekNumber = defineComponent({\n  name: 'XhCalendarPickerWeekNumber',\n  props: {\n    /** 该行行首那一天的 ISO 串。 */\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useCalendarPickerContext()\n    // 有插槽用插槽，否则显示这一行的周序号\n    return () => h(\n      'span',\n      ctx.api.value.getWeekNumberProps({ value: props.value }) as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.getWeekNumberText({ value: props.value }),\n    )\n  },\n})\n\nexport const XhCalendarPickerWeekDay = defineComponent({\n  name: 'XhCalendarPickerWeekDay',\n  props: {\n    // 列序 0-6，兼收字符串\n    value: { type: [Number, String] as PropType<number | string>, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useCalendarPickerContext()\n    const index = computed(() => Number(props.value))\n    return () => h(\n      'span',\n      ctx.api.value.getWeekDayProps({ value: index.value }) as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.weekDays[index.value]?.label,\n    )\n  },\n})\n\nexport const XhCalendarPickerCell = defineComponent({\n  name: 'XhCalendarPickerCell',\n  props: {\n    /** ISO 日期串。 */\n    value: { type: String, required: true },\n    /**\n     * 属于第几个面板，默认 0。多面板时必须提供：同一天会同时出现在两个面板中\n     * （8 月末的几天也铺在 9 月的首行），是否为本月只有连同面板一起看才能判定。\n     */\n    index: { type: Number, default: 0 },\n  },\n  setup(props, { slots }) {\n    const ctx = useCalendarPickerContext()\n    const cell = computed<CalendarCellProps>(() => ({ value: props.value, index: props.index }))\n    provideCalendarPickerCell({ cell })\n    // 不上报格子卸载，翻月后由机器按聚焦日重新落点\n    return () => h('div', ctx.api.value.getCellProps(cell.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCalendarPickerCellTrigger = defineComponent({\n  name: 'XhCalendarPickerCellTrigger',\n  setup(_, { slots }) {\n    const ctx = useCalendarPickerContext()\n    const { cell } = useCalendarPickerCellContext()\n    return () => h('div', ctx.api.value.getCellTriggerProps(cell.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"calendar-picker.js","names":[],"sources":["../../../src/components/calendar-picker/calendar-picker.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 calendar picker 相关实现。\n\nimport type { CalendarCellProps, CalendarGranularity, CalendarPickerApi, CalendarPickerSchema, CalendarPickerSelectionMode, CalendarPickerTranslations, CalendarView, CalendarWeekdayFormat } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { computed, defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { provideCalendarPicker, provideCalendarPickerCell, useCalendarPickerCellContext, useCalendarPickerContext } from './context'\nimport { useCalendarPicker } from './use-calendar-picker'\n\ntype CalendarPickerProps = CalendarPickerSchema['props']\n\n/** 默认插槽的载荷：选中值与聚焦日、展示月的日期矩阵与表头，以及选中、聚焦、翻月的动作。 */\nexport type CalendarPickerRootSlotProps = Pick<\n  CalendarPickerApi,\n  | 'value'\n  | 'focusedValue'\n  | 'visibleMonth'\n  | 'panels'\n  | 'periods'\n  | 'weeks'\n  | 'weekDays'\n  | 'headingLabel'\n  | 'canGoPrev'\n  | 'canGoNext'\n  | 'isSelected'\n  | 'isUnavailable'\n  | 'setValue'\n  | 'select'\n  | 'focus'\n  | 'goToPrevMonth'\n  | 'goToNextMonth'\n>\n\nexport const XhCalendarPickerRoot = defineComponent({\n  name: 'XhCalendarPickerRoot',\n  // 缺省值由 connect 与机器给出；普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    value: { type: [String, Array] as PropType<string | string[]> },\n    defaultValue: { type: [String, Array] as PropType<string | string[]> },\n    selectionMode: { type: String as PropType<CalendarPickerSelectionMode> },\n    /** multiple 下最多选几个周期；选满后没选中的格子不可再加选。 */\n    maxSelected: { type: Number },\n    focusedValue: { type: String },\n    defaultFocusedValue: { type: String },\n    min: { type: String },\n    max: { type: String },\n    isDateUnavailable: { type: Function as PropType<(value: string) => boolean> },\n    /** 校验失败：根带 data-invalid。 */\n    invalid: Boolean,\n    locale: { type: String },\n    /** 周首日，0 = 星期日 … 6 = 星期六；不给按 locale。 */\n    firstDayOfWeek: { type: Number },\n    timeZone: { type: String },\n    disabled: Boolean,\n    readOnly: Boolean,\n    weekdayFormat: { type: String as PropType<CalendarWeekdayFormat> },\n    fixedWeeks: Boolean,\n    /** 选择粒度；与 selectionMode 正交。区间选择是另一个组件（XhCalendarRangePicker）。 */\n    granularity: { type: String as PropType<CalendarGranularity> },\n    /** 面板当前所处的层级；给定即受控，默认跟随 granularity。 */\n    activeView: { type: String as PropType<CalendarView> },\n    /** 非受控初值，默认同 granularity。 */\n    defaultActiveView: { type: String as PropType<CalendarView> },\n    /** 并排展示几页，默认 1。 */\n    visibleCount: { type: Number },\n    translations: { type: Object as PropType<Partial<CalendarPickerTranslations>> },\n  },\n  // *-change 携带 details 对象，update:* 携带裸值；选中值恒为数组，单选时长度 ≤ 1\n  emits: {\n    'value-change': (_details: PayloadOf<CalendarPickerProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<CalendarPickerProps, 'onValueChange'>['value']) => true,\n    'focused-value-change': (_details: PayloadOf<CalendarPickerProps, 'onFocusedValueChange'>) => true,\n    'update:focusedValue': (_focusedValue: PayloadOf<CalendarPickerProps, 'onFocusedValueChange'>['focusedValue']) => true,\n    'active-view-change': (_details: PayloadOf<CalendarPickerProps, 'onActiveViewChange'>) => true,\n    'update:activeView': (_activeView: PayloadOf<CalendarPickerProps, 'onActiveViewChange'>['activeView']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: CalendarPickerRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notifyValue: CalendarPickerProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const notifyFocus: CalendarPickerProps['onFocusedValueChange'] = (details) => {\n      emit('focused-value-change', details)\n      emit('update:focusedValue', details.focusedValue)\n    }\n    const notifyActiveView: CalendarPickerProps['onActiveViewChange'] = (details) => {\n      emit('active-view-change', details)\n      emit('update:activeView', details.activeView)\n    }\n    const ctx = useCalendarPicker(withXhConfig('calendar-picker', props) as CalendarPickerProps, notifyValue, notifyFocus, notifyActiveView)\n    provideCalendarPicker(ctx)\n    // 网格与表头由作者照插槽里的 weeks / weekDays 自行渲染\n    return () => h('div', { ...ctx.api.value.getRootProps() as Record<string, unknown>, ref: ctx.rootRef }, slots.default?.({\n      value: ctx.api.value.value,\n      focusedValue: ctx.api.value.focusedValue,\n      visibleMonth: ctx.api.value.visibleMonth,\n      panels: ctx.api.value.panels,\n      periods: ctx.api.value.periods,\n      weeks: ctx.api.value.weeks,\n      weekDays: ctx.api.value.weekDays,\n      headingLabel: ctx.api.value.headingLabel,\n      canGoPrev: ctx.api.value.canGoPrev,\n      canGoNext: ctx.api.value.canGoNext,\n      isSelected: ctx.api.value.isSelected,\n      isUnavailable: ctx.api.value.isUnavailable,\n      setValue: ctx.api.value.setValue,\n      select: ctx.api.value.select,\n      focus: ctx.api.value.focus,\n      goToPrevMonth: ctx.api.value.goToPrevMonth,\n      goToNextMonth: ctx.api.value.goToNextMonth,\n    }))\n  },\n})\n\nexport const XhCalendarPickerHeader = defineComponent({\n  name: 'XhCalendarPickerHeader',\n  setup(_, { slots }) {\n    const ctx = useCalendarPickerContext()\n    return () => h('div', ctx.api.value.getHeaderProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCalendarPickerPrevYearTrigger = defineComponent({\n  name: 'XhCalendarPickerPrevYearTrigger',\n  setup(_, { slots }) {\n    const ctx = useCalendarPickerContext()\n    return () => h('button', ctx.api.value.getPrevYearTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCalendarPickerPrevTrigger = defineComponent({\n  name: 'XhCalendarPickerPrevTrigger',\n  setup(_, { slots }) {\n    const ctx = useCalendarPickerContext()\n    return () => h('button', ctx.api.value.getPrevTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCalendarPickerNextTrigger = defineComponent({\n  name: 'XhCalendarPickerNextTrigger',\n  setup(_, { slots }) {\n    const ctx = useCalendarPickerContext()\n    return () => h('button', ctx.api.value.getNextTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCalendarPickerNextYearTrigger = defineComponent({\n  name: 'XhCalendarPickerNextYearTrigger',\n  setup(_, { slots }) {\n    const ctx = useCalendarPickerContext()\n    return () => h('button', ctx.api.value.getNextYearTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCalendarPickerHeading = defineComponent({\n  name: 'XhCalendarPickerHeading',\n  props: {\n    /** 属于第几个面板，默认 0。单面板时不必写。 */\n    index: { type: Number, default: 0 },\n  },\n  setup(props, { slots }) {\n    const ctx = useCalendarPickerContext()\n    // 有插槽用插槽，否则渲染本面板的标题\n    return () => h(\n      'div',\n      ctx.api.value.getHeadingProps({ index: props.index }) as Record<string, unknown>,\n      slots.default?.() ?? (ctx.api.value.panels[props.index]?.headingLabel ?? ctx.api.value.headingLabel),\n    )\n  },\n})\n\nexport const XhCalendarPickerHeadingYearTrigger = defineComponent({\n  name: 'XhCalendarPickerHeadingYearTrigger',\n  props: {\n    /** 属于第几个面板，默认 0。单面板时不必写。 */\n    index: { type: Number, default: 0 },\n  },\n  setup(props, { slots }) {\n    const ctx = useCalendarPickerContext()\n    // 有插槽用插槽，否则渲染标题里年那一截；年视图下它是整个十年跨度\n    return () => h(\n      'button',\n      ctx.api.value.getHeadingYearTriggerProps({ index: props.index }) as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.panels[props.index]?.headingYear,\n    )\n  },\n})\n\nexport const XhCalendarPickerHeadingMonthTrigger = defineComponent({\n  name: 'XhCalendarPickerHeadingMonthTrigger',\n  props: {\n    /** 属于第几个面板，默认 0。单面板时不必写。 */\n    index: { type: Number, default: 0 },\n  },\n  setup(props, { slots }) {\n    const ctx = useCalendarPickerContext()\n    return () => h(\n      'button',\n      ctx.api.value.getHeadingMonthTriggerProps({ index: props.index }) as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.panels[props.index]?.headingMonth,\n    )\n  },\n})\n\nexport const XhCalendarPickerGrid = defineComponent({\n  name: 'XhCalendarPickerGrid',\n  props: {\n    /** 属于第几个面板，默认 0。单面板时不必写。 */\n    index: { type: Number, default: 0 },\n  },\n  setup(props, { slots }) {\n    const ctx = useCalendarPickerContext()\n    return () => h(\n      'div',\n      {\n        ...ctx.api.value.getGridProps({ index: props.index }) as Record<string, unknown>,\n        // 键盘在首个网格上收口；其余面板只渲染，方向键仍能跨面板走（落点按值现查）\n        ref: props.index === 0 ? ctx.gridRef : undefined,\n      },\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhCalendarPickerGridHead = defineComponent({\n  name: 'XhCalendarPickerGridHead',\n  setup(_, { slots }) {\n    const ctx = useCalendarPickerContext()\n    return () => h('div', ctx.api.value.getGridHeadProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCalendarPickerGridBody = defineComponent({\n  name: 'XhCalendarPickerGridBody',\n  setup(_, { slots }) {\n    const ctx = useCalendarPickerContext()\n    return () => h('div', ctx.api.value.getGridBodyProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 表头行与日期行共用同一个 role=row\nexport const XhCalendarPickerWeekRow = defineComponent({\n  name: 'XhCalendarPickerWeekRow',\n  setup(_, { slots }) {\n    const ctx = useCalendarPickerContext()\n    return () => h('div', ctx.api.value.getWeekRowProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCalendarPickerWeekNumber = defineComponent({\n  name: 'XhCalendarPickerWeekNumber',\n  props: {\n    /** 该行行首那一天的 ISO 串。 */\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useCalendarPickerContext()\n    // 有插槽用插槽，否则显示这一行的周序号\n    return () => h(\n      'span',\n      ctx.api.value.getWeekNumberProps({ value: props.value }) as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.getWeekNumberText({ value: props.value }),\n    )\n  },\n})\n\nexport const XhCalendarPickerWeekDay = defineComponent({\n  name: 'XhCalendarPickerWeekDay',\n  props: {\n    // 列序 0-6，兼收字符串\n    value: { type: [Number, String] as PropType<number | string>, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useCalendarPickerContext()\n    const index = computed(() => Number(props.value))\n    return () => h(\n      'span',\n      ctx.api.value.getWeekDayProps({ value: index.value }) as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.weekDays[index.value]?.label,\n    )\n  },\n})\n\nexport const XhCalendarPickerCell = defineComponent({\n  name: 'XhCalendarPickerCell',\n  props: {\n    /** ISO 日期串。 */\n    value: { type: String, required: true },\n    /**\n     * 属于第几个面板，默认 0。多面板时必须提供：同一天会同时出现在两个面板中\n     * （8 月末的几天也铺在 9 月的首行），是否为本月只有连同面板一起看才能判定。\n     */\n    index: { type: Number, default: 0 },\n  },\n  setup(props, { slots }) {\n    const ctx = useCalendarPickerContext()\n    const cell = computed<CalendarCellProps>(() => ({ value: props.value, index: props.index }))\n    provideCalendarPickerCell({ cell })\n    // 不上报格子卸载，翻月后由机器按聚焦日重新落点\n    return () => h('div', ctx.api.value.getCellProps(cell.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCalendarPickerCellTrigger = defineComponent({\n  name: 'XhCalendarPickerCellTrigger',\n  setup(_, { slots }) {\n    const ctx = useCalendarPickerContext()\n    const { cell } = useCalendarPickerCellContext()\n    return () => h('div', ctx.api.value.getCellTriggerProps(cell.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":"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"}

package/dist/components/calendar-range-picker/calendar-range-picker.d.ts

@@ -29,11 +29,19 @@ declare const XhCalendarRangePickerRoot: import("vue").DefineComponent<import("v
   };
   /** 区间允许跨过不可用的日期；默认关闭，落下起点后只能选到两侧最近的不可用日为止。 */
   allowsNonContiguousRanges: BooleanConstructor;
+  /** 下一次点选落在哪一端；为 1 且已有起点时只改终点。 */
+  activeIndex: {
+    type: PropType<0 | 1>;
+  };
   /** 校验失败：根带 data-invalid，区间内的格子报告 aria-invalid。 */
   invalid: BooleanConstructor;
   locale: {
     type: StringConstructor;
   };
+  /** 周首日，0 = 星期日 … 6 = 星期六；不给按 locale。 */
+  firstDayOfWeek: {
+    type: NumberConstructor;
+  };
   timeZone: {
     type: StringConstructor;
   };
@@ -95,11 +103,19 @@ declare const XhCalendarRangePickerRoot: import("vue").DefineComponent<import("v
   };
   /** 区间允许跨过不可用的日期；默认关闭，落下起点后只能选到两侧最近的不可用日为止。 */
   allowsNonContiguousRanges: BooleanConstructor;
+  /** 下一次点选落在哪一端；为 1 且已有起点时只改终点。 */
+  activeIndex: {
+    type: PropType<0 | 1>;
+  };
   /** 校验失败：根带 data-invalid，区间内的格子报告 aria-invalid。 */
   invalid: BooleanConstructor;
   locale: {
     type: StringConstructor;
   };
+  /** 周首日，0 = 星期日 … 6 = 星期六；不给按 locale。 */
+  firstDayOfWeek: {
+    type: NumberConstructor;
+  };
   timeZone: {
     type: StringConstructor;
   };

package/dist/components/calendar-range-picker/calendar-range-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"calendar-range-picker.d.ts","names":[],"sources":["../../../src/components/calendar-range-picker/calendar-range-picker.ts"],"mappings":";;;;KAeK,2BAA2B;;KAGpB,mCAAmC,KAC7C;cAqBW,yCAAyB,8BAAA;;IAIA,MAAA;;;IACO,MAAA;;;;;;;;;;;;;;;IAKF,MAAA,UAAU,eAAe;;;;;;;;;;;;;;;IAS/B,MAAA,SAAS;;;;;IAGX,MAAA,SAAS;;;;IAEV,MAAA,SAAS;;;;IAEF,MAAA,SAAS;;;;;;;IAGd,MAAA,SAAS,QAAQ;;;;;EAItB,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;EACA,yBAAA,UAAA,UAAU;EACN,wBAAA,eAAA,UAAU;EAChB,uBAAA,UAAA,UAAU;EACR,sBAAA,aAAA,UAAU;;;IAlCX,MAAA;;;IACO,MAAA;;;;;;;;;;;;;;;IAKF,MAAA,UAAU,eAAe;;;;;;;;;;;;;;;IAS/B,MAAA,SAAS;;;;;IAGX,MAAA,SAAS;;;;IAEV,MAAA,SAAS;;;;IAEF,MAAA,SAAS;;;;;;;IAGd,MAAA,SAAS,QAAQ;;;;;;;;;;;;;;;;EAYvC,WAAC,OAAO,qCAAqC;kCAuCzD;cAEW,2CAA2B,0BAAA,oBAAA,4BAAA;;8BAMtC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oDAAoC,0BAAA,oBAAA,4BAAA;;8BAM/C,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,gDAAgC,0BAAA,oBAAA,4BAAA;;8BAM3C,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,gDAAgC,0BAAA,oBAAA,4BAAA;;8BAM3C,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oDAAoC,0BAAA,oBAAA,4BAAA;;8BAM/C,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,4CAA4B,8BAAA;;;;;;;;;;;;;;;;qCAevC;cAEW,uDAAuC,8BAAA;;;;;;;;;;;;;;;;qCAelD;cAEW,wDAAwC,8BAAA;;;;;;;;;;;;;;;;qCAcnD;cAEW,yCAAyB,8BAAA;;;;;;;;;;;;;;;;qCAkBpC;cAEW,6CAA6B,0BAAA,oBAAA,4BAAA;;8BAMxC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,6CAA6B,0BAAA,oBAAA,4BAAA;;8BAMxC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAGW,4CAA4B,0BAAA,oBAAA,4BAAA;;8BAMvC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+CAA+B,8BAAA;;;;;;;;;;;;;;MAe1C,oDAAA;cAEW,4CAA4B,8BAAA;;IAIF,MAAA;;;;;;;IAAA,MAAA;;;MAWrC,oDAAA;cAEW,yCAAyB,8BAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qCAkBpC;cAEW,gDAAgC,0BAAA,oBAAA,4BAAA;;8BAO3C,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"calendar-range-picker.d.ts","names":[],"sources":["../../../src/components/calendar-range-picker/calendar-range-picker.ts"],"mappings":";;;;KAeK,2BAA2B;;KAGpB,mCAAmC,KAC7C;cAqBW,yCAAyB,8BAAA;;IAIA,MAAA;;;IACO,MAAA;;;;;;;;;;;;;;;IAKF,MAAA,UAAU,eAAe;;;;;;IAIjC,MAAA;;;;;;;;;;;;;;;;;IASE,MAAA,SAAS;;;;;IAGX,MAAA,SAAS;;;;IAEV,MAAA,SAAS;;;;IAEF,MAAA,SAAS;;;;;;;IAGd,MAAA,SAAS,QAAQ;;;;;EAItB,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;EACA,yBAAA,UAAA,UAAU;EACN,wBAAA,eAAA,UAAU;EAChB,uBAAA,UAAA,UAAU;EACR,sBAAA,aAAA,UAAU;;;IAtCX,MAAA;;;IACO,MAAA;;;;;;;;;;;;;;;IAKF,MAAA,UAAU,eAAe;;;;;;IAIjC,MAAA;;;;;;;;;;;;;;;;;IASE,MAAA,SAAS;;;;;IAGX,MAAA,SAAS;;;;IAEV,MAAA,SAAS;;;;IAEF,MAAA,SAAS;;;;;;;IAGd,MAAA,SAAS,QAAQ;;;;;;;;;;;;;;;;EAYvC,WAAC,OAAO,qCAAqC;kCAuCzD;cAEW,2CAA2B,0BAAA,oBAAA,4BAAA;;8BAMtC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oDAAoC,0BAAA,oBAAA,4BAAA;;8BAM/C,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,gDAAgC,0BAAA,oBAAA,4BAAA;;8BAM3C,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,gDAAgC,0BAAA,oBAAA,4BAAA;;8BAM3C,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oDAAoC,0BAAA,oBAAA,4BAAA;;8BAM/C,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,4CAA4B,8BAAA;;;;;;;;;;;;;;;;qCAevC;cAEW,uDAAuC,8BAAA;;;;;;;;;;;;;;;;qCAelD;cAEW,wDAAwC,8BAAA;;;;;;;;;;;;;;;;qCAcnD;cAEW,yCAAyB,8BAAA;;;;;;;;;;;;;;;;qCAkBpC;cAEW,6CAA6B,0BAAA,oBAAA,4BAAA;;8BAMxC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,6CAA6B,0BAAA,oBAAA,4BAAA;;8BAMxC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAGW,4CAA4B,0BAAA,oBAAA,4BAAA;;8BAMvC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+CAA+B,8BAAA;;;;;;;;;;;;;;MAe1C,oDAAA;cAEW,4CAA4B,8BAAA;;IAIF,MAAA;;;;;;;IAAA,MAAA;;;MAWrC,oDAAA;cAEW,yCAAyB,8BAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qCAkBpC;cAEW,gDAAgC,0BAAA,oBAAA,4BAAA;;8BAO3C,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/calendar-range-picker/calendar-range-picker.js

@@ -15,9 +15,13 @@ const XhCalendarRangePickerRoot = defineComponent({
 		isDateUnavailable: { type: Function },
 		/** 区间允许跨过不可用的日期；默认关闭，落下起点后只能选到两侧最近的不可用日为止。 */
 		allowsNonContiguousRanges: Boolean,
+		/** 下一次点选落在哪一端；为 1 且已有起点时只改终点。 */
+		activeIndex: { type: Number },
 		/** 校验失败：根带 data-invalid，区间内的格子报告 aria-invalid。 */
 		invalid: Boolean,
 		locale: { type: String },
+		/** 周首日，0 = 星期日 … 6 = 星期六；不给按 locale。 */
+		firstDayOfWeek: { type: Number },
 		timeZone: { type: String },
 		disabled: Boolean,
 		readOnly: Boolean,