@xihan-ui/vue 4.1.0 → 5.0.0

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

@@ -1,6 +1,6 @@
+import { BadgePlacement } from "@xihan-ui/headless";
 import { PropType, SlotsType, VNode } from "vue";
 import { Size, Tone } from "@xihan-ui/core";
-import { BadgePlacement } from "@xihan-ui/headless";
 //#region src/components/badge/badge.d.ts
 /**
  * 锚点：被标记的元素（按钮、头像、标签页）写进默认插槽，角标另起一层贴在它的角上。

package/dist/components/badge/badge.js

@@ -3,9 +3,9 @@ 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 { badgeMachine, connectBadge } from "@xihan-ui/headless";
 import { computed, defineComponent, h } from "vue";
 import { createScope } from "@xihan-ui/core";
-import { badgeMachine, connectBadge } from "@xihan-ui/headless";
 //#region src/components/badge/badge.ts
 const badgeProps = {
 	tone: String,

package/dist/components/bar-code/bar-code.d.ts

@@ -1,5 +1,5 @@
-import { PropType, VNode } from "vue";
 import { BarCodeFormat } from "@xihan-ui/headless";
+import { PropType, VNode } from "vue";
 //#region src/components/bar-code/bar-code.d.ts
 /**
  * 整张码绘制为一个 `<svg>`，`format` 选择码制：全部条合成一条 `<path>`，人读文字每段一个 `<text>`，
@@ -79,8 +79,8 @@ declare const XhBarCode: import("vue").DefineComponent<import("vue").ExtractProp
     type: StringConstructor;
   };
 }>> & Readonly<{}>, {
-  gs1: boolean;
   text: boolean;
+  gs1: boolean;
   checksum: boolean;
   bearerBars: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/bar-code/bar-code.js

@@ -1,6 +1,6 @@
 import { vueNormalize } from "../../runtime/normalize-props.js";
-import { computed, defineComponent, h } from "vue";
 import { connectBarCode } from "@xihan-ui/headless";
+import { computed, defineComponent, h } from "vue";
 //#region src/components/bar-code/bar-code.ts
 /**
 * 整张码绘制为一个 `<svg>`，`format` 选择码制：全部条合成一条 `<path>`，人读文字每段一个 `<text>`，

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

@@ -1,6 +1,6 @@
+import { BreadcrumbNode, BreadcrumbTranslations } from "@xihan-ui/headless";
 import { PropType, VNode } from "vue";
 import { Direction, Size, Tone } from "@xihan-ui/core";
-import { BreadcrumbNode, BreadcrumbTranslations } from "@xihan-ui/headless";
 //#region src/components/breadcrumb/breadcrumb.d.ts
 /** 根节点渲染为 nav 地标 */
 declare const XhBreadcrumbRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -71,8 +71,8 @@ declare const XhBreadcrumbLink: import("vue").DefineComponent<import("vue").Extr
   /** 借用作者的子节点（如路由链接）作为链接，不再渲染自己的 `<a>`；子节点须恰好一个。 */
   asChild: BooleanConstructor;
 }>> & Readonly<{}>, {
-  current: boolean;
   asChild: boolean;
+  current: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 /** 链接中的图标位，与文字并排；纯装饰 */
 declare const XhBreadcrumbLinkIcon: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"breadcrumb.d.ts","names":[],"sources":["../../../src/components/breadcrumb/breadcrumb.ts"],"mappings":";;;;;cAoBa,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;;MAanC,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,8 +1,10 @@
+import { renderStructure } from "../../runtime/structure.js";
 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 { breadcrumbStructure } from "@xihan-ui/headless";
 import { defineComponent, h, useId } from "vue";
 //#region src/components/breadcrumb/breadcrumb.ts
 /** 根节点渲染为 nav 地标 */
@@ -19,7 +21,7 @@ const XhBreadcrumbRoot = defineComponent({
 	setup(props, { slots }) {
 		const ctx = useBreadcrumb(withXhConfig("breadcrumb", props));
 		provideBreadcrumb(ctx);
-		return () => h("nav", ctx.api.value.getRootProps(), slots.default ? slots.default() : props.collection ? renderDefaultTree(ctx.api.value.items, slots.separator, slots.ellipsis) : []);
+		return () => h("nav", ctx.api.value.getRootProps(), slots.default ? slots.default() : renderDefaultStructure(ctx.api.value, slots.separator, slots.ellipsis));
 	}
 });
 const XhBreadcrumbList = defineComponent({
@@ -94,31 +96,25 @@ const XhBreadcrumbEllipsisTrigger = defineComponent({
 		return () => h("button", ctx.api.value.getEllipsisTriggerProps(), slots.default?.());
 	}
 });
+/** 标准结构里各部件对应的组件。 */
+const BREADCRUMB_PARTS = {
+	"list": XhBreadcrumbList,
+	"item": XhBreadcrumbItem,
+	"link": XhBreadcrumbLink,
+	"link-icon": XhBreadcrumbLinkIcon,
+	"separator": XhBreadcrumbSeparator,
+	"ellipsis": XhBreadcrumbEllipsis,
+	"ellipsis-trigger": XhBreadcrumbEllipsisTrigger
+};
 /**
-* 未写默认插槽时按 collection 铺开的整套结构，作者只提供数据。
-* 与手写部件产出的 DOM 完全一致，需要修改结构时写默认插槽，行为不变。
-* 分隔符与省略位触发器不写内容时由皮肤画字形，写同名插槽即由作者接管。
+* 未写默认插槽时照 breadcrumbStructure 铺开的整套结构，与 Web Components 不写部件时元素生成的节点出自同一份。
+* 分隔符的内容给了 separator 插槽就由它提供，否则交给皮肤；折叠位按钮的内容给了 ellipsis 插槽就由它提供。
 */
-function renderDefaultTree(items, separatorSlot, ellipsisSlot) {
-	return [h(XhBreadcrumbList, null, () => renderItems(items, separatorSlot, ellipsisSlot))];
-}
-/** ol 中的序列：层与层之间铺分隔符，被折叠的一段铺为一个省略位。 */
-function renderItems(items, separatorSlot, ellipsisSlot) {
-	const out = [];
-	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" }, () => h(XhBreadcrumbEllipsisTrigger, null, () => ellipsisSlot?.(item.nodes))));
-			return;
-		}
-		const node = item.node;
-		out.push(h(XhBreadcrumbItem, { key: node.value }, () => [h(XhBreadcrumbLink, {
-			value: node.value,
-			current: node.current,
-			href: node.href
-		}, () => [node.icon ? h(XhBreadcrumbLinkIcon, null, () => node.icon) : null, node.label])]));
+function renderDefaultStructure(api, separator, ellipsis) {
+	return renderStructure(breadcrumbStructure(api, { slotted: (name) => (name === "separator" ? separator : name === "ellipsis" ? ellipsis : void 0) != null }), BREADCRUMB_PARTS, (node) => {
+		if (node.slot?.name === "separator") return separator?.();
+		if (node.slot?.name === "ellipsis") return ellipsis?.(node.data);
 	});
-	return out;
 }
 //#endregion
 export { XhBreadcrumbEllipsis, XhBreadcrumbEllipsisTrigger, XhBreadcrumbItem, XhBreadcrumbLink, XhBreadcrumbLinkIcon, XhBreadcrumbList, XhBreadcrumbRoot, XhBreadcrumbSeparator };

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 { 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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"}
+{"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 { BreadcrumbApi, BreadcrumbNode, BreadcrumbNodeMeta, BreadcrumbProps, BreadcrumbTranslations, StructureNode } from '@xihan-ui/headless'\nimport type { PropType, VNode } from 'vue'\nimport { breadcrumbStructure } from '@xihan-ui/headless'\nimport { defineComponent, h, useId } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { mergeIntoChild } from '../../runtime/as-child'\nimport { mergePartProps } from '../../runtime/merge-props'\nimport { renderStructure } from '../../runtime/structure'\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        : renderDefaultStructure(ctx.api.value, slots.separator, slots.ellipsis),\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/** 标准结构里各部件对应的组件。 */\nconst BREADCRUMB_PARTS = {\n  'list': XhBreadcrumbList,\n  'item': XhBreadcrumbItem,\n  'link': XhBreadcrumbLink,\n  'link-icon': XhBreadcrumbLinkIcon,\n  'separator': XhBreadcrumbSeparator,\n  'ellipsis': XhBreadcrumbEllipsis,\n  'ellipsis-trigger': XhBreadcrumbEllipsisTrigger,\n}\n\n/**\n * 未写默认插槽时照 breadcrumbStructure 铺开的整套结构，与 Web Components 不写部件时元素生成的节点出自同一份。\n * 分隔符的内容给了 separator 插槽就由它提供，否则交给皮肤；折叠位按钮的内容给了 ellipsis 插槽就由它提供。\n */\nfunction renderDefaultStructure(\n  api: BreadcrumbApi,\n  separator: (() => VNode[]) | undefined,\n  ellipsis: ((nodes: readonly BreadcrumbNodeMeta[]) => VNode[]) | undefined,\n): VNode[] {\n  const nodes = breadcrumbStructure(api, { slotted: name => (name === 'separator' ? separator : name === 'ellipsis' ? ellipsis : undefined) != null })\n  return renderStructure(nodes, BREADCRUMB_PARTS, (node: StructureNode) => {\n    if (node.slot?.name === 'separator')\n      return separator?.()\n    if (node.slot?.name === 'ellipsis')\n      return ellipsis?.(node.data as readonly BreadcrumbNodeMeta[])\n    return undefined\n  })\n}\n"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
+import { BreadcrumbApi, BreadcrumbSchema } from "@xihan-ui/headless";
 import { ComputedRef } from "vue";
 import { Service } from "@xihan-ui/core";
-import { BreadcrumbApi, BreadcrumbSchema } from "@xihan-ui/headless";
 //#region src/components/breadcrumb/use-breadcrumb.d.ts
 interface BreadcrumbContext {
   api: ComputedRef<BreadcrumbApi>;

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

@@ -1,7 +1,7 @@
 import { vueNormalize } from "../../runtime/normalize-props.js";
 import { useMachine } from "../../runtime/use-machine.js";
-import { computed } from "vue";
 import { breadcrumbMachine, connectBreadcrumb } from "@xihan-ui/headless";
+import { computed } from "vue";
 //#region src/components/breadcrumb/use-breadcrumb.ts
 function useBreadcrumb(props) {
 	const service = useMachine(breadcrumbMachine, () => ({ ...props }));

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

@@ -1,8 +1,8 @@
 import { vueNormalize } from "../../runtime/normalize-props.js";
 import { withXhConfig } from "../../config/config.js";
 import { provideButtonGroupContext } from "./context.js";
-import { Comment, Fragment, Text, computed, defineComponent, h } from "vue";
 import { connectButtonGroup } from "@xihan-ui/headless";
+import { Comment, Fragment, Text, computed, defineComponent, h } from "vue";
 //#region src/components/button-group/button-group.ts
 function flattenChildren(children) {
 	const result = [];

package/dist/components/button.d.ts

@@ -1,5 +1,5 @@
-import { PropType } from "vue";
 import { ButtonProps } from "@xihan-ui/headless";
+import { PropType } from "vue";
 //#region src/components/button.d.ts
 declare const XhButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   type: {

package/dist/components/button.js

@@ -1,8 +1,8 @@
 import { vueNormalize } from "../runtime/normalize-props.js";
 import { useMachine } from "../runtime/use-machine.js";
 import { useButtonGroupContext } from "./button-group/context.js";
-import { computed, defineComponent, h, inject, provide, useAttrs } from "vue";
 import { buttonMachine, connectButton } from "@xihan-ui/headless";
+import { computed, defineComponent, h, inject, provide, useAttrs } from "vue";
 //#region src/components/button.ts
 const ButtonKey = Symbol("XhButton");
 function useButtonApi() {

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

@@ -1,10 +1,10 @@
 import { PayloadOf } from "../../runtime/payload.js";
-import { PropType, SlotsType, VNode } from "vue";
 import { CalendarGranularity, CalendarPickerApi, CalendarPickerSchema, CalendarPickerSelectionMode, CalendarPickerTranslations, CalendarView, CalendarWeekdayFormat } from "@xihan-ui/headless";
+import { PropType, SlotsType, VNode } from "vue";
 //#region src/components/calendar-picker/calendar-picker.d.ts
 type CalendarPickerProps = CalendarPickerSchema['props'];
 /** 默认插槽的载荷：选中值与聚焦日、展示月的日期矩阵与表头，以及选中、聚焦、翻月的动作。 */
-type CalendarPickerRootSlotProps = Pick<CalendarPickerApi, 'value' | 'focusedValue' | 'visibleMonth' | 'panels' | 'periods' | 'weeks' | 'weekDays' | 'headingLabel' | 'canGoPrev' | 'canGoNext' | 'isSelected' | 'isUnavailable' | 'setValue' | 'select' | 'focus' | 'goToPrevMonth' | 'goToNextMonth'>;
+type CalendarPickerRootSlotProps = Pick<CalendarPickerApi, 'value' | 'focusedValue' | 'visibleMonth' | 'panels' | 'periods' | 'rows' | 'weeks' | 'weekDays' | 'headingLabel' | 'canGoPrev' | 'canGoNext' | 'isSelected' | 'isUnavailable' | 'setValue' | 'select' | 'focus' | 'goToPrevMonth' | 'goToNextMonth'>;
 declare const XhCalendarPickerRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   value: {
     type: PropType<string | string[]>;

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;;;;;;;;;;;;;;;;;;;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"}
+{"version":3,"file":"calendar-picker.d.ts","names":[],"sources":["../../../src/components/calendar-picker/calendar-picker.ts"],"mappings":";;;;KAeK,sBAAsB;;KAGf,8BAA8B,KACxC;cAqBW,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;kCAuCpD;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

@@ -69,6 +69,7 @@ const XhCalendarPickerRoot = defineComponent({
 			visibleMonth: ctx.api.value.visibleMonth,
 			panels: ctx.api.value.panels,
 			periods: ctx.api.value.periods,
+			rows: ctx.api.value.rows,
 			weeks: ctx.api.value.weeks,
 			weekDays: ctx.api.value.weekDays,
 			headingLabel: ctx.api.value.headingLabel,

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    /** 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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"}
+{"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  | 'rows'\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（日视图）/ rows（周期视图）/ 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      rows: ctx.api.value.rows,\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-picker/use-calendar-picker.d.ts

@@ -1,6 +1,6 @@
+import { CalendarPickerApi, CalendarPickerSchema } from "@xihan-ui/headless";
 import { ComputedRef, Ref } from "vue";
 import { Service } from "@xihan-ui/core";
-import { CalendarPickerApi, CalendarPickerSchema } from "@xihan-ui/headless";
 //#region src/components/calendar-picker/use-calendar-picker.d.ts
 interface CalendarPickerContext {
   api: ComputedRef<CalendarPickerApi>;

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

@@ -1,9 +1,9 @@
 import { vueNormalize } from "../../runtime/normalize-props.js";
 import { useMachine } from "../../runtime/use-machine.js";
 import { createVueIdGenerator } from "../../runtime/vue-id.js";
+import { calendarPickerMachine, connectCalendarPicker } from "@xihan-ui/headless";
 import { computed, ref } from "vue";
 import { createScope } from "@xihan-ui/core";
-import { calendarPickerMachine, connectCalendarPicker } from "@xihan-ui/headless";
 //#region src/components/calendar-picker/use-calendar-picker.ts
 function useCalendarPicker(props, onValueChange, onFocusedValueChange, onActiveViewChange) {
 	const gridRef = ref(null);

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

@@ -1,10 +1,10 @@
 import { PayloadOf } from "../../runtime/payload.js";
-import { PropType, SlotsType, VNode } from "vue";
 import { CalendarGranularity, CalendarRangePickerApi, CalendarRangePickerSchema, CalendarRangePickerTranslations, CalendarView, CalendarWeekdayFormat } from "@xihan-ui/headless";
+import { PropType, SlotsType, VNode } from "vue";
 //#region src/components/calendar-range-picker/calendar-range-picker.d.ts
 type CalendarRangePickerProps = CalendarRangePickerSchema['props'];
 /** 默认插槽的载荷：区间两端与聚焦日、展示月的日期矩阵与表头、选择到一半的起点，以及选中、聚焦、翻月的动作。 */
-type CalendarRangePickerRootSlotProps = Pick<CalendarRangePickerApi, 'value' | 'focusedValue' | 'visibleMonth' | 'panels' | 'periods' | 'weeks' | 'weekDays' | 'headingLabel' | 'canGoPrev' | 'canGoNext' | 'isSelected' | 'isUnavailable' | 'rangeAnchor' | 'setValue' | 'select' | 'focus' | 'goToPrevMonth' | 'goToNextMonth'>;
+type CalendarRangePickerRootSlotProps = Pick<CalendarRangePickerApi, 'value' | 'focusedValue' | 'visibleMonth' | 'panels' | 'periods' | 'rows' | 'weeks' | 'weekDays' | 'headingLabel' | 'canGoPrev' | 'canGoNext' | 'isSelected' | 'isUnavailable' | 'rangeAnchor' | 'setValue' | 'select' | 'focus' | 'goToPrevMonth' | 'goToNextMonth'>;
 declare const XhCalendarRangePickerRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   value: {
     type: PropType<string | string[]>;

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;;;;;;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"}
+{"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;cAsBW,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;kCAwCzD;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

@@ -70,6 +70,7 @@ const XhCalendarRangePickerRoot = defineComponent({
 			visibleMonth: ctx.api.value.visibleMonth,
 			panels: ctx.api.value.panels,
 			periods: ctx.api.value.periods,
+			rows: ctx.api.value.rows,
 			weeks: ctx.api.value.weeks,
 			weekDays: ctx.api.value.weekDays,
 			headingLabel: ctx.api.value.headingLabel,

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

@@ -1 +1 @@
-{"version":3,"file":"calendar-range-picker.js","names":[],"sources":["../../../src/components/calendar-range-picker/calendar-range-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 range picker 相关实现。\n\nimport type { CalendarCellProps, CalendarGranularity, CalendarRangePickerApi, CalendarRangePickerSchema, CalendarRangePickerTranslations, 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 { provideCalendarRangePicker, provideCalendarRangePickerCell, useCalendarRangePickerCellContext, useCalendarRangePickerContext } from './context'\nimport { useCalendarRangePicker } from './use-calendar-range-picker'\n\ntype CalendarRangePickerProps = CalendarRangePickerSchema['props']\n\n/** 默认插槽的载荷：区间两端与聚焦日、展示月的日期矩阵与表头、选择到一半的起点，以及选中、聚焦、翻月的动作。 */\nexport type CalendarRangePickerRootSlotProps = Pick<\n  CalendarRangePickerApi,\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  | 'rangeAnchor'\n  | 'setValue'\n  | 'select'\n  | 'focus'\n  | 'goToPrevMonth'\n  | 'goToNextMonth'\n>\n\nexport const XhCalendarRangePickerRoot = defineComponent({\n  name: 'XhCalendarRangePickerRoot',\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    focusedValue: { type: String },\n    defaultFocusedValue: { type: String },\n    min: { type: String },\n    max: { type: String },\n    isDateUnavailable: { type: Function as PropType<(value: string, anchor: string | null) => boolean> },\n    /** 区间允许跨过不可用的日期；默认关闭，落下起点后只能选到两侧最近的不可用日为止。 */\n    allowsNonContiguousRanges: Boolean,\n    /** 下一次点选落在哪一端；为 1 且已有起点时只改终点。 */\n    activeIndex: { type: Number as PropType<0 | 1> },\n    /** 校验失败：根带 data-invalid，区间内的格子报告 aria-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    /** 选择粒度。 */\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<CalendarRangePickerTranslations>> },\n  },\n  // *-change 携带 details 对象，update:* 携带裸值；选中值恒为两端升序的数组\n  emits: {\n    'value-change': (_details: PayloadOf<CalendarRangePickerProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<CalendarRangePickerProps, 'onValueChange'>['value']) => true,\n    'focused-value-change': (_details: PayloadOf<CalendarRangePickerProps, 'onFocusedValueChange'>) => true,\n    'update:focusedValue': (_focusedValue: PayloadOf<CalendarRangePickerProps, 'onFocusedValueChange'>['focusedValue']) => true,\n    'active-view-change': (_details: PayloadOf<CalendarRangePickerProps, 'onActiveViewChange'>) => true,\n    'update:activeView': (_activeView: PayloadOf<CalendarRangePickerProps, 'onActiveViewChange'>['activeView']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: CalendarRangePickerRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notifyValue: CalendarRangePickerProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const notifyFocus: CalendarRangePickerProps['onFocusedValueChange'] = (details) => {\n      emit('focused-value-change', details)\n      emit('update:focusedValue', details.focusedValue)\n    }\n    const notifyActiveView: CalendarRangePickerProps['onActiveViewChange'] = (details) => {\n      emit('active-view-change', details)\n      emit('update:activeView', details.activeView)\n    }\n    const ctx = useCalendarRangePicker(withXhConfig('calendar-range-picker', props) as CalendarRangePickerProps, notifyValue, notifyFocus, notifyActiveView)\n    provideCalendarRangePicker(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      rangeAnchor: ctx.api.value.rangeAnchor,\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 XhCalendarRangePickerHeader = defineComponent({\n  name: 'XhCalendarRangePickerHeader',\n  setup(_, { slots }) {\n    const ctx = useCalendarRangePickerContext()\n    return () => h('div', ctx.api.value.getHeaderProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCalendarRangePickerPrevYearTrigger = defineComponent({\n  name: 'XhCalendarRangePickerPrevYearTrigger',\n  setup(_, { slots }) {\n    const ctx = useCalendarRangePickerContext()\n    return () => h('button', ctx.api.value.getPrevYearTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCalendarRangePickerPrevTrigger = defineComponent({\n  name: 'XhCalendarRangePickerPrevTrigger',\n  setup(_, { slots }) {\n    const ctx = useCalendarRangePickerContext()\n    return () => h('button', ctx.api.value.getPrevTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCalendarRangePickerNextTrigger = defineComponent({\n  name: 'XhCalendarRangePickerNextTrigger',\n  setup(_, { slots }) {\n    const ctx = useCalendarRangePickerContext()\n    return () => h('button', ctx.api.value.getNextTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCalendarRangePickerNextYearTrigger = defineComponent({\n  name: 'XhCalendarRangePickerNextYearTrigger',\n  setup(_, { slots }) {\n    const ctx = useCalendarRangePickerContext()\n    return () => h('button', ctx.api.value.getNextYearTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCalendarRangePickerHeading = defineComponent({\n  name: 'XhCalendarRangePickerHeading',\n  props: {\n    /** 属于第几个面板，默认 0。单面板时不必写。 */\n    index: { type: Number, default: 0 },\n  },\n  setup(props, { slots }) {\n    const ctx = useCalendarRangePickerContext()\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 XhCalendarRangePickerHeadingYearTrigger = defineComponent({\n  name: 'XhCalendarRangePickerHeadingYearTrigger',\n  props: {\n    /** 属于第几个面板，默认 0。单面板时不必写。 */\n    index: { type: Number, default: 0 },\n  },\n  setup(props, { slots }) {\n    const ctx = useCalendarRangePickerContext()\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 XhCalendarRangePickerHeadingMonthTrigger = defineComponent({\n  name: 'XhCalendarRangePickerHeadingMonthTrigger',\n  props: {\n    /** 属于第几个面板，默认 0。单面板时不必写。 */\n    index: { type: Number, default: 0 },\n  },\n  setup(props, { slots }) {\n    const ctx = useCalendarRangePickerContext()\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 XhCalendarRangePickerGrid = defineComponent({\n  name: 'XhCalendarRangePickerGrid',\n  props: {\n    /** 属于第几个面板，默认 0。单面板时不必写。 */\n    index: { type: Number, default: 0 },\n  },\n  setup(props, { slots }) {\n    const ctx = useCalendarRangePickerContext()\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 XhCalendarRangePickerGridHead = defineComponent({\n  name: 'XhCalendarRangePickerGridHead',\n  setup(_, { slots }) {\n    const ctx = useCalendarRangePickerContext()\n    return () => h('div', ctx.api.value.getGridHeadProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCalendarRangePickerGridBody = defineComponent({\n  name: 'XhCalendarRangePickerGridBody',\n  setup(_, { slots }) {\n    const ctx = useCalendarRangePickerContext()\n    return () => h('div', ctx.api.value.getGridBodyProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 表头行与日期行共用同一个 role=row\nexport const XhCalendarRangePickerWeekRow = defineComponent({\n  name: 'XhCalendarRangePickerWeekRow',\n  setup(_, { slots }) {\n    const ctx = useCalendarRangePickerContext()\n    return () => h('div', ctx.api.value.getWeekRowProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCalendarRangePickerWeekNumber = defineComponent({\n  name: 'XhCalendarRangePickerWeekNumber',\n  props: {\n    /** 该行行首那一天的 ISO 串。 */\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useCalendarRangePickerContext()\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 XhCalendarRangePickerWeekDay = defineComponent({\n  name: 'XhCalendarRangePickerWeekDay',\n  props: {\n    // 列序 0-6，兼收字符串\n    value: { type: [Number, String] as PropType<number | string>, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useCalendarRangePickerContext()\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 XhCalendarRangePickerCell = defineComponent({\n  name: 'XhCalendarRangePickerCell',\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 = useCalendarRangePickerContext()\n    const cell = computed<CalendarCellProps>(() => ({ value: props.value, index: props.index }))\n    provideCalendarRangePickerCell({ cell })\n    // 不上报格子卸载，翻月后由机器按聚焦日重新落点\n    return () => h('div', ctx.api.value.getCellProps(cell.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCalendarRangePickerCellTrigger = defineComponent({\n  name: 'XhCalendarRangePickerCellTrigger',\n  setup(_, { slots }) {\n    const ctx = useCalendarRangePickerContext()\n    const { cell } = useCalendarRangePickerCellContext()\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-range-picker.js","names":[],"sources":["../../../src/components/calendar-range-picker/calendar-range-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 range picker 相关实现。\n\nimport type { CalendarCellProps, CalendarGranularity, CalendarRangePickerApi, CalendarRangePickerSchema, CalendarRangePickerTranslations, 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 { provideCalendarRangePicker, provideCalendarRangePickerCell, useCalendarRangePickerCellContext, useCalendarRangePickerContext } from './context'\nimport { useCalendarRangePicker } from './use-calendar-range-picker'\n\ntype CalendarRangePickerProps = CalendarRangePickerSchema['props']\n\n/** 默认插槽的载荷：区间两端与聚焦日、展示月的日期矩阵与表头、选择到一半的起点，以及选中、聚焦、翻月的动作。 */\nexport type CalendarRangePickerRootSlotProps = Pick<\n  CalendarRangePickerApi,\n  | 'value'\n  | 'focusedValue'\n  | 'visibleMonth'\n  | 'panels'\n  | 'periods'\n  | 'rows'\n  | 'weeks'\n  | 'weekDays'\n  | 'headingLabel'\n  | 'canGoPrev'\n  | 'canGoNext'\n  | 'isSelected'\n  | 'isUnavailable'\n  | 'rangeAnchor'\n  | 'setValue'\n  | 'select'\n  | 'focus'\n  | 'goToPrevMonth'\n  | 'goToNextMonth'\n>\n\nexport const XhCalendarRangePickerRoot = defineComponent({\n  name: 'XhCalendarRangePickerRoot',\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    focusedValue: { type: String },\n    defaultFocusedValue: { type: String },\n    min: { type: String },\n    max: { type: String },\n    isDateUnavailable: { type: Function as PropType<(value: string, anchor: string | null) => boolean> },\n    /** 区间允许跨过不可用的日期；默认关闭，落下起点后只能选到两侧最近的不可用日为止。 */\n    allowsNonContiguousRanges: Boolean,\n    /** 下一次点选落在哪一端；为 1 且已有起点时只改终点。 */\n    activeIndex: { type: Number as PropType<0 | 1> },\n    /** 校验失败：根带 data-invalid，区间内的格子报告 aria-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    /** 选择粒度。 */\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<CalendarRangePickerTranslations>> },\n  },\n  // *-change 携带 details 对象，update:* 携带裸值；选中值恒为两端升序的数组\n  emits: {\n    'value-change': (_details: PayloadOf<CalendarRangePickerProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<CalendarRangePickerProps, 'onValueChange'>['value']) => true,\n    'focused-value-change': (_details: PayloadOf<CalendarRangePickerProps, 'onFocusedValueChange'>) => true,\n    'update:focusedValue': (_focusedValue: PayloadOf<CalendarRangePickerProps, 'onFocusedValueChange'>['focusedValue']) => true,\n    'active-view-change': (_details: PayloadOf<CalendarRangePickerProps, 'onActiveViewChange'>) => true,\n    'update:activeView': (_activeView: PayloadOf<CalendarRangePickerProps, 'onActiveViewChange'>['activeView']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: CalendarRangePickerRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notifyValue: CalendarRangePickerProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const notifyFocus: CalendarRangePickerProps['onFocusedValueChange'] = (details) => {\n      emit('focused-value-change', details)\n      emit('update:focusedValue', details.focusedValue)\n    }\n    const notifyActiveView: CalendarRangePickerProps['onActiveViewChange'] = (details) => {\n      emit('active-view-change', details)\n      emit('update:activeView', details.activeView)\n    }\n    const ctx = useCalendarRangePicker(withXhConfig('calendar-range-picker', props) as CalendarRangePickerProps, notifyValue, notifyFocus, notifyActiveView)\n    provideCalendarRangePicker(ctx)\n    // 网格与表头由作者照插槽里的 weeks（日视图）/ rows（周期视图）/ 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      rows: ctx.api.value.rows,\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      rangeAnchor: ctx.api.value.rangeAnchor,\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 XhCalendarRangePickerHeader = defineComponent({\n  name: 'XhCalendarRangePickerHeader',\n  setup(_, { slots }) {\n    const ctx = useCalendarRangePickerContext()\n    return () => h('div', ctx.api.value.getHeaderProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCalendarRangePickerPrevYearTrigger = defineComponent({\n  name: 'XhCalendarRangePickerPrevYearTrigger',\n  setup(_, { slots }) {\n    const ctx = useCalendarRangePickerContext()\n    return () => h('button', ctx.api.value.getPrevYearTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCalendarRangePickerPrevTrigger = defineComponent({\n  name: 'XhCalendarRangePickerPrevTrigger',\n  setup(_, { slots }) {\n    const ctx = useCalendarRangePickerContext()\n    return () => h('button', ctx.api.value.getPrevTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCalendarRangePickerNextTrigger = defineComponent({\n  name: 'XhCalendarRangePickerNextTrigger',\n  setup(_, { slots }) {\n    const ctx = useCalendarRangePickerContext()\n    return () => h('button', ctx.api.value.getNextTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCalendarRangePickerNextYearTrigger = defineComponent({\n  name: 'XhCalendarRangePickerNextYearTrigger',\n  setup(_, { slots }) {\n    const ctx = useCalendarRangePickerContext()\n    return () => h('button', ctx.api.value.getNextYearTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCalendarRangePickerHeading = defineComponent({\n  name: 'XhCalendarRangePickerHeading',\n  props: {\n    /** 属于第几个面板，默认 0。单面板时不必写。 */\n    index: { type: Number, default: 0 },\n  },\n  setup(props, { slots }) {\n    const ctx = useCalendarRangePickerContext()\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 XhCalendarRangePickerHeadingYearTrigger = defineComponent({\n  name: 'XhCalendarRangePickerHeadingYearTrigger',\n  props: {\n    /** 属于第几个面板，默认 0。单面板时不必写。 */\n    index: { type: Number, default: 0 },\n  },\n  setup(props, { slots }) {\n    const ctx = useCalendarRangePickerContext()\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 XhCalendarRangePickerHeadingMonthTrigger = defineComponent({\n  name: 'XhCalendarRangePickerHeadingMonthTrigger',\n  props: {\n    /** 属于第几个面板，默认 0。单面板时不必写。 */\n    index: { type: Number, default: 0 },\n  },\n  setup(props, { slots }) {\n    const ctx = useCalendarRangePickerContext()\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 XhCalendarRangePickerGrid = defineComponent({\n  name: 'XhCalendarRangePickerGrid',\n  props: {\n    /** 属于第几个面板，默认 0。单面板时不必写。 */\n    index: { type: Number, default: 0 },\n  },\n  setup(props, { slots }) {\n    const ctx = useCalendarRangePickerContext()\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 XhCalendarRangePickerGridHead = defineComponent({\n  name: 'XhCalendarRangePickerGridHead',\n  setup(_, { slots }) {\n    const ctx = useCalendarRangePickerContext()\n    return () => h('div', ctx.api.value.getGridHeadProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCalendarRangePickerGridBody = defineComponent({\n  name: 'XhCalendarRangePickerGridBody',\n  setup(_, { slots }) {\n    const ctx = useCalendarRangePickerContext()\n    return () => h('div', ctx.api.value.getGridBodyProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 表头行与日期行共用同一个 role=row\nexport const XhCalendarRangePickerWeekRow = defineComponent({\n  name: 'XhCalendarRangePickerWeekRow',\n  setup(_, { slots }) {\n    const ctx = useCalendarRangePickerContext()\n    return () => h('div', ctx.api.value.getWeekRowProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCalendarRangePickerWeekNumber = defineComponent({\n  name: 'XhCalendarRangePickerWeekNumber',\n  props: {\n    /** 该行行首那一天的 ISO 串。 */\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useCalendarRangePickerContext()\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 XhCalendarRangePickerWeekDay = defineComponent({\n  name: 'XhCalendarRangePickerWeekDay',\n  props: {\n    // 列序 0-6，兼收字符串\n    value: { type: [Number, String] as PropType<number | string>, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useCalendarRangePickerContext()\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 XhCalendarRangePickerCell = defineComponent({\n  name: 'XhCalendarRangePickerCell',\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 = useCalendarRangePickerContext()\n    const cell = computed<CalendarCellProps>(() => ({ value: props.value, index: props.index }))\n    provideCalendarRangePickerCell({ cell })\n    // 不上报格子卸载，翻月后由机器按聚焦日重新落点\n    return () => h('div', ctx.api.value.getCellProps(cell.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCalendarRangePickerCellTrigger = defineComponent({\n  name: 'XhCalendarRangePickerCellTrigger',\n  setup(_, { slots }) {\n    const ctx = useCalendarRangePickerContext()\n    const { cell } = useCalendarRangePickerCellContext()\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/use-calendar-range-picker.d.ts

@@ -1,6 +1,6 @@
+import { CalendarRangePickerApi, CalendarRangePickerSchema } from "@xihan-ui/headless";
 import { ComputedRef, Ref } from "vue";
 import { Service } from "@xihan-ui/core";
-import { CalendarRangePickerApi, CalendarRangePickerSchema } from "@xihan-ui/headless";
 //#region src/components/calendar-range-picker/use-calendar-range-picker.d.ts
 interface CalendarRangePickerContext {
   api: ComputedRef<CalendarRangePickerApi>;

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

@@ -1,9 +1,9 @@
 import { vueNormalize } from "../../runtime/normalize-props.js";
 import { useMachine } from "../../runtime/use-machine.js";
 import { createVueIdGenerator } from "../../runtime/vue-id.js";
+import { calendarRangePickerMachine, connectCalendarRangePicker } from "@xihan-ui/headless";
 import { computed, ref } from "vue";
 import { createScope } from "@xihan-ui/core";
-import { calendarRangePickerMachine, connectCalendarRangePicker } from "@xihan-ui/headless";
 //#region src/components/calendar-range-picker/use-calendar-range-picker.ts
 function useCalendarRangePicker(props, onValueChange, onFocusedValueChange, onActiveViewChange) {
 	const gridRef = ref(null);