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

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

@@ -1,10 +1,10 @@
 import { PayloadOf } from "../../runtime/payload.js";
 import { PropType, SlotsType, VNode } from "vue";
-import { CalendarApi, CalendarSchema, CalendarSelectionMode, CalendarWeekdayFormat } from "@xihan-ui/headless";
+import { CalendarApi, CalendarSchema, CalendarSelectionMode, CalendarView, CalendarWeekdayFormat } from "@xihan-ui/headless";
 //#region src/components/calendar/calendar.d.ts
 type CalendarProps = CalendarSchema['props'];
 /** 默认插槽的载荷：选中值与聚焦日、展示月的日期矩阵与表头，以及选中、聚焦、翻月的动作。 */
-type CalendarRootSlotProps = Pick<CalendarApi, 'value' | 'focusedValue' | 'visibleMonth' | 'weeks' | 'weekDays' | 'headingLabel' | 'canGoPrev' | 'canGoNext' | 'isSelected' | 'isUnavailable' | 'setValue' | 'select' | 'focus' | 'goToPrevMonth' | 'goToNextMonth'>;
+type CalendarRootSlotProps = Pick<CalendarApi, 'value' | 'focusedValue' | 'visibleMonth' | 'panels' | 'weeks' | 'weekDays' | 'headingLabel' | 'canGoPrev' | 'canGoNext' | 'isSelected' | 'isUnavailable' | 'setValue' | 'select' | 'focus' | 'goToPrevMonth' | 'goToNextMonth'>;
 declare const XhCalendarRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   value: {
     type: PropType<string | string[]>;
@@ -53,6 +53,31 @@ declare const XhCalendarRoot: import("vue").DefineComponent<import("vue").Extrac
     default: undefined;
   };
   fixedWeeks: BooleanConstructor;
+  /** 挑的粒度：天（默认）/ 月 / 季度 / 年。这一档也是「点一格即选中」的那一档。 */
+  view: {
+    type: PropType<CalendarView>;
+    default: undefined;
+  };
+  /** 面板此刻钻到了哪一层；给定即受控，缺省跟着 view。 */
+  activeView: {
+    type: PropType<CalendarView>;
+    default: undefined;
+  };
+  /** 非受控初值，缺省同 view。 */
+  defaultActiveView: {
+    type: PropType<CalendarView>;
+    default: undefined;
+  };
+  /** 周选：点任意一天选中它所在的整周。只在 view=day 且区间模式下生效。 */
+  weekSelection: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  /** 并排展示几页，默认 1。 */
+  visibleCount: {
+    type: NumberConstructor;
+    default: undefined;
+  };
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -60,6 +85,8 @@ declare const XhCalendarRoot: import("vue").DefineComponent<import("vue").Extrac
   'update:value': (_value: PayloadOf<CalendarProps, "onValueChange">["value"]) => true;
   'focused-value-change': (_details: PayloadOf<CalendarProps, "onFocusedValueChange">) => true;
   'update:focusedValue': (_focusedValue: PayloadOf<CalendarProps, "onFocusedValueChange">["focusedValue"]) => true;
+  'active-view-change': (_details: PayloadOf<CalendarProps, "onActiveViewChange">) => true;
+  'update:activeView': (_activeView: PayloadOf<CalendarProps, "onActiveViewChange">["activeView"]) => true;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   value: {
     type: PropType<string | string[]>;
@@ -108,17 +135,45 @@ declare const XhCalendarRoot: import("vue").DefineComponent<import("vue").Extrac
     default: undefined;
   };
   fixedWeeks: BooleanConstructor;
+  /** 挑的粒度：天（默认）/ 月 / 季度 / 年。这一档也是「点一格即选中」的那一档。 */
+  view: {
+    type: PropType<CalendarView>;
+    default: undefined;
+  };
+  /** 面板此刻钻到了哪一层；给定即受控，缺省跟着 view。 */
+  activeView: {
+    type: PropType<CalendarView>;
+    default: undefined;
+  };
+  /** 非受控初值，缺省同 view。 */
+  defaultActiveView: {
+    type: PropType<CalendarView>;
+    default: undefined;
+  };
+  /** 周选：点任意一天选中它所在的整周。只在 view=day 且区间模式下生效。 */
+  weekSelection: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  /** 并排展示几页，默认 1。 */
+  visibleCount: {
+    type: NumberConstructor;
+    default: undefined;
+  };
 }>> & Readonly<{
   "onValue-change"?: ((_details: import("@xihan-ui/headless").CalendarValueChangeDetails) => any) | undefined;
   "onUpdate:value"?: ((_value: string[]) => any) | undefined;
   "onFocused-value-change"?: ((_details: import("@xihan-ui/headless").CalendarFocusChangeDetails) => any) | undefined;
   "onUpdate:focusedValue"?: ((_focusedValue: string) => any) | undefined;
+  "onActive-view-change"?: ((_details: import("@xihan-ui/headless").CalendarViewChangeDetails) => any) | undefined;
+  "onUpdate:activeView"?: ((_activeView: CalendarView) => any) | undefined;
 }>, {
   value: string | string[];
   defaultValue: string | string[];
   disabled: boolean;
   max: string;
   focusedValue: string;
+  activeView: CalendarView;
   readOnly: boolean;
   fixedWeeks: boolean;
   selectionMode: CalendarSelectionMode;
@@ -128,24 +183,96 @@ declare const XhCalendarRoot: import("vue").DefineComponent<import("vue").Extrac
   locale: string;
   timeZone: string;
   weekdayFormat: CalendarWeekdayFormat;
+  view: CalendarView;
+  defaultActiveView: CalendarView;
+  weekSelection: boolean;
+  visibleCount: number;
 }, SlotsType<{
   default?: (props: CalendarRootSlotProps) => VNode[];
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhCalendarHeader: 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 XhCalendarPrevYearTrigger: 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 XhCalendarPrevTrigger: 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 XhCalendarNextTrigger: 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 XhCalendarHeading: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+declare const XhCalendarNextYearTrigger: 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 XhCalendarGrid: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+declare const XhCalendarHeading: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  /** 属于第几个面板，默认 0。单面板时不用写。 */
+  index: {
+    type: NumberConstructor;
+    default: number;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  /** 属于第几个面板，默认 0。单面板时不用写。 */
+  index: {
+    type: NumberConstructor;
+    default: number;
+  };
+}>> & Readonly<{}>, {
+  index: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhCalendarHeadingYearTrigger: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  /** 属于第几个面板，默认 0。单面板时不用写。 */
+  index: {
+    type: NumberConstructor;
+    default: number;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  /** 属于第几个面板，默认 0。单面板时不用写。 */
+  index: {
+    type: NumberConstructor;
+    default: number;
+  };
+}>> & Readonly<{}>, {
+  index: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhCalendarHeadingMonthTrigger: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  /** 属于第几个面板，默认 0。单面板时不用写。 */
+  index: {
+    type: NumberConstructor;
+    default: number;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  /** 属于第几个面板，默认 0。单面板时不用写。 */
+  index: {
+    type: NumberConstructor;
+    default: number;
+  };
+}>> & Readonly<{}>, {
+  index: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhCalendarGrid: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  /** 属于第几个面板，默认 0。单面板时不用写。 */
+  index: {
+    type: NumberConstructor;
+    default: number;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  /** 属于第几个面板，默认 0。单面板时不用写。 */
+  index: {
+    type: NumberConstructor;
+    default: number;
+  };
+}>> & Readonly<{}>, {
+  index: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhCalendarGridHead: 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>;
@@ -155,6 +282,21 @@ declare const XhCalendarGridBody: import("vue").DefineComponent<{}, () => VNode<
 declare const XhCalendarWeekRow: 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 XhCalendarWeekNumber: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  /** 这一行行首那天的 ISO 串。 */
+  value: {
+    type: StringConstructor;
+    required: true;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  /** 这一行行首那天的 ISO 串。 */
+  value: {
+    type: StringConstructor;
+    required: true;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhCalendarWeekDay: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   value: {
     type: PropType<number | string>;
@@ -174,6 +316,14 @@ declare const XhCalendarCell: import("vue").DefineComponent<import("vue").Extrac
     type: StringConstructor;
     required: true;
   };
+  /**
+   * 属于第几个面板，默认 0。多面板时必须给：同一天会同时出现在两个面板里
+   * （8 月末那几天也铺在 9 月的首行），「是不是本月」只有连着面板一起看才判得出来。
+   */
+  index: {
+    type: NumberConstructor;
+    default: number;
+  };
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -182,10 +332,20 @@ declare const XhCalendarCell: import("vue").DefineComponent<import("vue").Extrac
     type: StringConstructor;
     required: true;
   };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+  /**
+   * 属于第几个面板，默认 0。多面板时必须给：同一天会同时出现在两个面板里
+   * （8 月末那几天也铺在 9 月的首行），「是不是本月」只有连着面板一起看才判得出来。
+   */
+  index: {
+    type: NumberConstructor;
+    default: number;
+  };
+}>> & Readonly<{}>, {
+  index: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhCalendarCellTrigger: 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 { CalendarRootSlotProps, XhCalendarCell, XhCalendarCellTrigger, XhCalendarGrid, XhCalendarGridBody, XhCalendarGridHead, XhCalendarHeader, XhCalendarHeading, XhCalendarNextTrigger, XhCalendarPrevTrigger, XhCalendarRoot, XhCalendarWeekDay, XhCalendarWeekRow };
+export { CalendarRootSlotProps, XhCalendarCell, XhCalendarCellTrigger, XhCalendarGrid, XhCalendarGridBody, XhCalendarGridHead, XhCalendarHeader, XhCalendarHeading, XhCalendarHeadingMonthTrigger, XhCalendarHeadingYearTrigger, XhCalendarNextTrigger, XhCalendarNextYearTrigger, XhCalendarPrevTrigger, XhCalendarPrevYearTrigger, XhCalendarRoot, XhCalendarWeekDay, XhCalendarWeekNumber, XhCalendarWeekRow };
 //# sourceMappingURL=calendar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"calendar.d.ts","names":[],"sources":["../../../src/components/calendar/calendar.ts"],"mappings":";;;;KAQK,gBAAgB;;KAGT,wBAAwB,KAClC;cAkBW,8BAAc,8BAAA;;IAIW,MAAA;;;;IACO,MAAA;;;;IACR,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;IAKH,MAAA,UAAU;;;;;;;;;;;;;;IAKhB,MAAA,SAAS;;;;;;;EAKf,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;EACA,yBAAA,UAAA,UAAU;EACN,wBAAA,eAAA,UAAU;;;IApBf,MAAA;;;;IACO,MAAA;;;;IACR,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;IAKH,MAAA,UAAU;;;;;;;;;;;;;;IAKhB,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;EALc,oBAAA;;;;;EAgB9C,WAAC,OAAO,0BAA0B;kCAgC9C;cAEW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAM3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAMhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAMhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAW5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,8BAAc,0BAAA,oBAAA,4BAAA;;8BAUzB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAM7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAM7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAGW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,8BAAA;;IAIS,MAAA;;;;;;;IAAA,MAAA;;;MAWrC,oDAAA;cAEW,8BAAc,8BAAA;;;;;;;;;;;;;;MAazB,oDAAA;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAOhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"calendar.d.ts","names":[],"sources":["../../../src/components/calendar/calendar.ts"],"mappings":";;;;KAQK,gBAAgB;;KAGT,wBAAwB,KAClC;cAmBW,8BAAc,8BAAA;;IAIW,MAAA;;;;IACO,MAAA;;;;IACR,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;IAKH,MAAA,UAAU;;;;;;;;;;;;;;IAKhB,MAAA,SAAS;;;;;;IAGlB,MAAA,SAAS;;;;;IAEH,MAAA,SAAS;;;;;IAEF,MAAA,SAAS;;;;;;;;;;;;;;;;EAQnB,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;EACA,yBAAA,UAAA,UAAU;EACN,wBAAA,eAAA,UAAU;EAChB,uBAAA,UAAA,UAAU;EACR,sBAAA,aAAA,UAAU;;;IAhCX,MAAA;;;;IACO,MAAA;;;;IACR,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;IAKH,MAAA,UAAU;;;;;;;;;;;;;;IAKhB,MAAA,SAAS;;;;;;IAGlB,MAAA,SAAS;;;;;IAEH,MAAA,SAAS;;;;;IAEF,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAZU,oBAAA;;;;;;;;;EA4B9C,WAAC,OAAO,0BAA0B;kCAqC9C;cAEW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAM3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,yCAAyB,0BAAA,oBAAA,4BAAA;;8BAMpC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAMhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAMhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,yCAAyB,0BAAA,oBAAA,4BAAA;;8BAMpC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,8BAAA;;;;;;;;;;;;;;;;qCAe5B;cAEW,4CAA4B,8BAAA;;;;;;;;;;;;;;;;qCAevC;cAEW,6CAA6B,8BAAA;;;;;;;;;;;;;;;;qCAcxC;cAEW,8BAAc,8BAAA;;;;;;;;;;;;;;;;qCAkBzB;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAM7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAM7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAGW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oCAAoB,8BAAA;;;;;;;;;;;;;;MAe/B,oDAAA;cAEW,iCAAiB,8BAAA;;IAIS,MAAA;;;;;;;IAAA,MAAA;;;MAWrC,oDAAA;cAEW,8BAAc,8BAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qCAkBzB;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAOhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/calendar/calendar.js

@@ -52,13 +52,40 @@ const XhCalendarRoot = defineComponent({
 			type: String,
 			default: void 0
 		},
-		fixedWeeks: Boolean
+		fixedWeeks: Boolean,
+		/** 挑的粒度：天（默认）/ 月 / 季度 / 年。这一档也是「点一格即选中」的那一档。 */
+		view: {
+			type: String,
+			default: void 0
+		},
+		/** 面板此刻钻到了哪一层；给定即受控，缺省跟着 view。 */
+		activeView: {
+			type: String,
+			default: void 0
+		},
+		/** 非受控初值，缺省同 view。 */
+		defaultActiveView: {
+			type: String,
+			default: void 0
+		},
+		/** 周选：点任意一天选中它所在的整周。只在 view=day 且区间模式下生效。 */
+		weekSelection: {
+			type: Boolean,
+			default: void 0
+		},
+		/** 并排展示几页，默认 1。 */
+		visibleCount: {
+			type: Number,
+			default: void 0
+		}
 	},
 	emits: {
 		"value-change": (_details) => true,
 		"update:value": (_value) => true,
 		"focused-value-change": (_details) => true,
-		"update:focusedValue": (_focusedValue) => true
+		"update:focusedValue": (_focusedValue) => true,
+		"active-view-change": (_details) => true,
+		"update:activeView": (_activeView) => true
 	},
 	slots: Object,
 	setup(props, { slots, emit }) {
@@ -70,12 +97,17 @@ const XhCalendarRoot = defineComponent({
 			emit("focused-value-change", details);
 			emit("update:focusedValue", details.focusedValue);
 		};
-		const ctx = useCalendar(withXhConfig("calendar", props), notifyValue, notifyFocus);
+		const notifyActiveView = (details) => {
+			emit("active-view-change", details);
+			emit("update:activeView", details.activeView);
+		};
+		const ctx = useCalendar(withXhConfig("calendar", props), notifyValue, notifyFocus, notifyActiveView);
 		provideCalendar(ctx);
 		return () => h("div", ctx.api.value.getRootProps(), slots.default?.({
 			value: ctx.api.value.value,
 			focusedValue: ctx.api.value.focusedValue,
 			visibleMonth: ctx.api.value.visibleMonth,
+			panels: ctx.api.value.panels,
 			weeks: ctx.api.value.weeks,
 			weekDays: ctx.api.value.weekDays,
 			headingLabel: ctx.api.value.headingLabel,
@@ -98,6 +130,13 @@ const XhCalendarHeader = defineComponent({
 		return () => h("div", ctx.api.value.getHeaderProps(), slots.default?.());
 	}
 });
+const XhCalendarPrevYearTrigger = defineComponent({
+	name: "XhCalendarPrevYearTrigger",
+	setup(_, { slots }) {
+		const ctx = useCalendarContext();
+		return () => h("button", ctx.api.value.getPrevYearTriggerProps(), slots.default?.());
+	}
+});
 const XhCalendarPrevTrigger = defineComponent({
 	name: "XhCalendarPrevTrigger",
 	setup(_, { slots }) {
@@ -112,20 +151,65 @@ const XhCalendarNextTrigger = defineComponent({
 		return () => h("button", ctx.api.value.getNextTriggerProps(), slots.default?.());
 	}
 });
+const XhCalendarNextYearTrigger = defineComponent({
+	name: "XhCalendarNextYearTrigger",
+	setup(_, { slots }) {
+		const ctx = useCalendarContext();
+		return () => h("button", ctx.api.value.getNextYearTriggerProps(), slots.default?.());
+	}
+});
 const XhCalendarHeading = defineComponent({
 	name: "XhCalendarHeading",
-	setup(_, { slots }) {
+	props: { 
+	/** 属于第几个面板，默认 0。单面板时不用写。 */
+index: {
+		type: Number,
+		default: 0
+	} },
+	setup(props, { slots }) {
+		const ctx = useCalendarContext();
+		return () => h("div", ctx.api.value.getHeadingProps({ index: props.index }), slots.default?.() ?? ctx.api.value.panels[props.index]?.headingLabel ?? ctx.api.value.headingLabel);
+	}
+});
+const XhCalendarHeadingYearTrigger = defineComponent({
+	name: "XhCalendarHeadingYearTrigger",
+	props: { 
+	/** 属于第几个面板，默认 0。单面板时不用写。 */
+index: {
+		type: Number,
+		default: 0
+	} },
+	setup(props, { slots }) {
 		const ctx = useCalendarContext();
-		return () => h("div", ctx.api.value.getHeadingProps(), slots.default?.() ?? ctx.api.value.headingLabel);
+		return () => h("button", ctx.api.value.getHeadingYearTriggerProps({ index: props.index }), slots.default?.() ?? ctx.api.value.panels[props.index]?.headingYear);
+	}
+});
+const XhCalendarHeadingMonthTrigger = defineComponent({
+	name: "XhCalendarHeadingMonthTrigger",
+	props: { 
+	/** 属于第几个面板，默认 0。单面板时不用写。 */
+index: {
+		type: Number,
+		default: 0
+	} },
+	setup(props, { slots }) {
+		const ctx = useCalendarContext();
+		return () => h("button", ctx.api.value.getHeadingMonthTriggerProps({ index: props.index }), slots.default?.() ?? ctx.api.value.panels[props.index]?.headingMonth);
 	}
 });
 const XhCalendarGrid = defineComponent({
 	name: "XhCalendarGrid",
-	setup(_, { slots }) {
+	props: { 
+	/** 属于第几个面板，默认 0。单面板时不用写。 */
+index: {
+		type: Number,
+		default: 0
+	} },
+	setup(props, { slots }) {
 		const ctx = useCalendarContext();
 		return () => h("div", {
-			...ctx.api.value.getGridProps(),
-			ref: ctx.gridRef
+			...ctx.api.value.getGridProps({ index: props.index }),
+			ref: props.index === 0 ? ctx.gridRef : void 0
 		}, slots.default?.());
 	}
 });
@@ -150,6 +234,19 @@ const XhCalendarWeekRow = defineComponent({
 		return () => h("div", ctx.api.value.getWeekRowProps(), slots.default?.());
 	}
 });
+const XhCalendarWeekNumber = defineComponent({
+	name: "XhCalendarWeekNumber",
+	props: { 
+	/** 这一行行首那天的 ISO 串。 */
+value: {
+		type: String,
+		required: true
+	} },
+	setup(props, { slots }) {
+		const ctx = useCalendarContext();
+		return () => h("span", ctx.api.value.getWeekNumberProps({ value: props.value }), slots.default?.() ?? ctx.api.value.getWeekNumberText({ value: props.value }));
+	}
+});
 const XhCalendarWeekDay = defineComponent({
 	name: "XhCalendarWeekDay",
 	props: { value: {
@@ -164,15 +261,27 @@ const XhCalendarWeekDay = defineComponent({
 });
 const XhCalendarCell = defineComponent({
 	name: "XhCalendarCell",
-	props: { 
-	/** ISO 日期串。 */
-value: {
-		type: String,
-		required: true
-	} },
+	props: {
+		/** ISO 日期串。 */
+		value: {
+			type: String,
+			required: true
+		},
+		/**
+		* 属于第几个面板，默认 0。多面板时必须给：同一天会同时出现在两个面板里
+		* （8 月末那几天也铺在 9 月的首行），「是不是本月」只有连着面板一起看才判得出来。
+		*/
+		index: {
+			type: Number,
+			default: 0
+		}
+	},
 	setup(props, { slots }) {
 		const ctx = useCalendarContext();
-		const cell = computed(() => ({ value: props.value }));
+		const cell = computed(() => ({
+			value: props.value,
+			index: props.index
+		}));
 		provideCalendarCell({ cell });
 		return () => h("div", ctx.api.value.getCellProps(cell.value), slots.default?.());
 	}
@@ -186,6 +295,6 @@ const XhCalendarCellTrigger = defineComponent({
 	}
 });
 //#endregion
-export { XhCalendarCell, XhCalendarCellTrigger, XhCalendarGrid, XhCalendarGridBody, XhCalendarGridHead, XhCalendarHeader, XhCalendarHeading, XhCalendarNextTrigger, XhCalendarPrevTrigger, XhCalendarRoot, XhCalendarWeekDay, XhCalendarWeekRow };
+export { XhCalendarCell, XhCalendarCellTrigger, XhCalendarGrid, XhCalendarGridBody, XhCalendarGridHead, XhCalendarHeader, XhCalendarHeading, XhCalendarHeadingMonthTrigger, XhCalendarHeadingYearTrigger, XhCalendarNextTrigger, XhCalendarNextYearTrigger, XhCalendarPrevTrigger, XhCalendarPrevYearTrigger, XhCalendarRoot, XhCalendarWeekDay, XhCalendarWeekNumber, XhCalendarWeekRow };
 
 //# sourceMappingURL=calendar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"calendar.js","names":[],"sources":["../../../src/components/calendar/calendar.ts"],"sourcesContent":["import type { CalendarApi, CalendarCellProps, CalendarSchema, CalendarSelectionMode, 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 { provideCalendar, provideCalendarCell, useCalendarCellContext, useCalendarContext } from './context'\nimport { useCalendar } from './use-calendar'\n\ntype CalendarProps = CalendarSchema['props']\n\n/** 默认插槽的载荷：选中值与聚焦日、展示月的日期矩阵与表头，以及选中、聚焦、翻月的动作。 */\nexport type CalendarRootSlotProps = Pick<\n  CalendarApi,\n  | 'value'\n  | 'focusedValue'\n  | 'visibleMonth'\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 XhCalendarRoot = defineComponent({\n  name: 'XhCalendarRoot',\n  // 缺省值由 connect 与机器给出，这里一律 default: undefined\n  props: {\n    value: { type: [String, Array] as PropType<string | string[]>, default: undefined },\n    defaultValue: { type: [String, Array] as PropType<string | string[]>, default: undefined },\n    selectionMode: { type: String as PropType<CalendarSelectionMode>, default: undefined },\n    focusedValue: { type: String, default: undefined },\n    defaultFocusedValue: { type: String, default: undefined },\n    min: { type: String, default: undefined },\n    max: { type: String, default: undefined },\n    isDateUnavailable: { type: Function as PropType<(value: string) => boolean>, default: undefined },\n    locale: { type: String, default: undefined },\n    timeZone: { type: String, default: undefined },\n    disabled: Boolean,\n    readOnly: Boolean,\n    weekdayFormat: { type: String as PropType<CalendarWeekdayFormat>, default: undefined },\n    fixedWeeks: Boolean,\n  },\n  // *-change 携带 details 对象，update:* 携带裸值；选中值恒为数组，单选时长度 ≤ 1\n  emits: {\n    'value-change': (_details: PayloadOf<CalendarProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<CalendarProps, 'onValueChange'>['value']) => true,\n    'focused-value-change': (_details: PayloadOf<CalendarProps, 'onFocusedValueChange'>) => true,\n    'update:focusedValue': (_focusedValue: PayloadOf<CalendarProps, 'onFocusedValueChange'>['focusedValue']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: CalendarRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notifyValue: CalendarProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const notifyFocus: CalendarProps['onFocusedValueChange'] = (details) => {\n      emit('focused-value-change', details)\n      emit('update:focusedValue', details.focusedValue)\n    }\n    const ctx = useCalendar(withXhConfig('calendar', props) as CalendarProps, notifyValue, notifyFocus)\n    provideCalendar(ctx)\n    // 网格与表头由作者照插槽里的 weeks / weekDays 自行渲染\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      value: ctx.api.value.value,\n      focusedValue: ctx.api.value.focusedValue,\n      visibleMonth: ctx.api.value.visibleMonth,\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 XhCalendarHeader = defineComponent({\n  name: 'XhCalendarHeader',\n  setup(_, { slots }) {\n    const ctx = useCalendarContext()\n    return () => h('div', ctx.api.value.getHeaderProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCalendarPrevTrigger = defineComponent({\n  name: 'XhCalendarPrevTrigger',\n  setup(_, { slots }) {\n    const ctx = useCalendarContext()\n    return () => h('button', ctx.api.value.getPrevTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCalendarNextTrigger = defineComponent({\n  name: 'XhCalendarNextTrigger',\n  setup(_, { slots }) {\n    const ctx = useCalendarContext()\n    return () => h('button', ctx.api.value.getNextTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCalendarHeading = defineComponent({\n  name: 'XhCalendarHeading',\n  setup(_, { slots }) {\n    const ctx = useCalendarContext()\n    // 有插槽用插槽，否则渲染 headingLabel\n    return () => h(\n      'div',\n      ctx.api.value.getHeadingProps() as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.headingLabel,\n    )\n  },\n})\n\nexport const XhCalendarGrid = defineComponent({\n  name: 'XhCalendarGrid',\n  setup(_, { slots }) {\n    const ctx = useCalendarContext()\n    return () => h(\n      'div',\n      { ...ctx.api.value.getGridProps() as Record<string, unknown>, ref: ctx.gridRef },\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhCalendarGridHead = defineComponent({\n  name: 'XhCalendarGridHead',\n  setup(_, { slots }) {\n    const ctx = useCalendarContext()\n    return () => h('div', ctx.api.value.getGridHeadProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCalendarGridBody = defineComponent({\n  name: 'XhCalendarGridBody',\n  setup(_, { slots }) {\n    const ctx = useCalendarContext()\n    return () => h('div', ctx.api.value.getGridBodyProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 表头行与日期行共用同一个 role=row\nexport const XhCalendarWeekRow = defineComponent({\n  name: 'XhCalendarWeekRow',\n  setup(_, { slots }) {\n    const ctx = useCalendarContext()\n    return () => h('div', ctx.api.value.getWeekRowProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCalendarWeekDay = defineComponent({\n  name: 'XhCalendarWeekDay',\n  props: {\n    // 列序 0-6，兼收字符串\n    value: { type: [Number, String] as PropType<number | string>, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useCalendarContext()\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 XhCalendarCell = defineComponent({\n  name: 'XhCalendarCell',\n  props: {\n    /** ISO 日期串。 */\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useCalendarContext()\n    const cell = computed<CalendarCellProps>(() => ({ value: props.value }))\n    provideCalendarCell({ cell })\n    // 不上报格子卸载，翻月后由机器按聚焦日重新落点\n    return () => h('div', ctx.api.value.getCellProps(cell.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCalendarCellTrigger = defineComponent({\n  name: 'XhCalendarCellTrigger',\n  setup(_, { slots }) {\n    const ctx = useCalendarContext()\n    const { cell } = useCalendarCellContext()\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.js","names":[],"sources":["../../../src/components/calendar/calendar.ts"],"sourcesContent":["import type { CalendarApi, CalendarCellProps, CalendarSchema, CalendarSelectionMode, 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 { provideCalendar, provideCalendarCell, useCalendarCellContext, useCalendarContext } from './context'\nimport { useCalendar } from './use-calendar'\n\ntype CalendarProps = CalendarSchema['props']\n\n/** 默认插槽的载荷：选中值与聚焦日、展示月的日期矩阵与表头，以及选中、聚焦、翻月的动作。 */\nexport type CalendarRootSlotProps = Pick<\n  CalendarApi,\n  | 'value'\n  | 'focusedValue'\n  | 'visibleMonth'\n  | 'panels'\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 XhCalendarRoot = defineComponent({\n  name: 'XhCalendarRoot',\n  // 缺省值由 connect 与机器给出，这里一律 default: undefined\n  props: {\n    value: { type: [String, Array] as PropType<string | string[]>, default: undefined },\n    defaultValue: { type: [String, Array] as PropType<string | string[]>, default: undefined },\n    selectionMode: { type: String as PropType<CalendarSelectionMode>, default: undefined },\n    focusedValue: { type: String, default: undefined },\n    defaultFocusedValue: { type: String, default: undefined },\n    min: { type: String, default: undefined },\n    max: { type: String, default: undefined },\n    isDateUnavailable: { type: Function as PropType<(value: string) => boolean>, default: undefined },\n    locale: { type: String, default: undefined },\n    timeZone: { type: String, default: undefined },\n    disabled: Boolean,\n    readOnly: Boolean,\n    weekdayFormat: { type: String as PropType<CalendarWeekdayFormat>, default: undefined },\n    fixedWeeks: Boolean,\n    /** 挑的粒度：天（默认）/ 月 / 季度 / 年。这一档也是「点一格即选中」的那一档。 */\n    view: { type: String as PropType<CalendarView>, default: undefined },\n    /** 面板此刻钻到了哪一层；给定即受控，缺省跟着 view。 */\n    activeView: { type: String as PropType<CalendarView>, default: undefined },\n    /** 非受控初值，缺省同 view。 */\n    defaultActiveView: { type: String as PropType<CalendarView>, default: undefined },\n    /** 周选：点任意一天选中它所在的整周。只在 view=day 且区间模式下生效。 */\n    weekSelection: { type: Boolean, default: undefined },\n    /** 并排展示几页，默认 1。 */\n    visibleCount: { type: Number, default: undefined },\n  },\n  // *-change 携带 details 对象，update:* 携带裸值；选中值恒为数组，单选时长度 ≤ 1\n  emits: {\n    'value-change': (_details: PayloadOf<CalendarProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<CalendarProps, 'onValueChange'>['value']) => true,\n    'focused-value-change': (_details: PayloadOf<CalendarProps, 'onFocusedValueChange'>) => true,\n    'update:focusedValue': (_focusedValue: PayloadOf<CalendarProps, 'onFocusedValueChange'>['focusedValue']) => true,\n    'active-view-change': (_details: PayloadOf<CalendarProps, 'onActiveViewChange'>) => true,\n    'update:activeView': (_activeView: PayloadOf<CalendarProps, 'onActiveViewChange'>['activeView']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: CalendarRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notifyValue: CalendarProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const notifyFocus: CalendarProps['onFocusedValueChange'] = (details) => {\n      emit('focused-value-change', details)\n      emit('update:focusedValue', details.focusedValue)\n    }\n    const notifyActiveView: CalendarProps['onActiveViewChange'] = (details) => {\n      emit('active-view-change', details)\n      emit('update:activeView', details.activeView)\n    }\n    const ctx = useCalendar(withXhConfig('calendar', props) as CalendarProps, notifyValue, notifyFocus, notifyActiveView)\n    provideCalendar(ctx)\n    // 网格与表头由作者照插槽里的 weeks / weekDays 自行渲染\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, 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      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 XhCalendarHeader = defineComponent({\n  name: 'XhCalendarHeader',\n  setup(_, { slots }) {\n    const ctx = useCalendarContext()\n    return () => h('div', ctx.api.value.getHeaderProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCalendarPrevYearTrigger = defineComponent({\n  name: 'XhCalendarPrevYearTrigger',\n  setup(_, { slots }) {\n    const ctx = useCalendarContext()\n    return () => h('button', ctx.api.value.getPrevYearTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCalendarPrevTrigger = defineComponent({\n  name: 'XhCalendarPrevTrigger',\n  setup(_, { slots }) {\n    const ctx = useCalendarContext()\n    return () => h('button', ctx.api.value.getPrevTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCalendarNextTrigger = defineComponent({\n  name: 'XhCalendarNextTrigger',\n  setup(_, { slots }) {\n    const ctx = useCalendarContext()\n    return () => h('button', ctx.api.value.getNextTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCalendarNextYearTrigger = defineComponent({\n  name: 'XhCalendarNextYearTrigger',\n  setup(_, { slots }) {\n    const ctx = useCalendarContext()\n    return () => h('button', ctx.api.value.getNextYearTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCalendarHeading = defineComponent({\n  name: 'XhCalendarHeading',\n  props: {\n    /** 属于第几个面板，默认 0。单面板时不用写。 */\n    index: { type: Number, default: 0 },\n  },\n  setup(props, { slots }) {\n    const ctx = useCalendarContext()\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 XhCalendarHeadingYearTrigger = defineComponent({\n  name: 'XhCalendarHeadingYearTrigger',\n  props: {\n    /** 属于第几个面板，默认 0。单面板时不用写。 */\n    index: { type: Number, default: 0 },\n  },\n  setup(props, { slots }) {\n    const ctx = useCalendarContext()\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 XhCalendarHeadingMonthTrigger = defineComponent({\n  name: 'XhCalendarHeadingMonthTrigger',\n  props: {\n    /** 属于第几个面板，默认 0。单面板时不用写。 */\n    index: { type: Number, default: 0 },\n  },\n  setup(props, { slots }) {\n    const ctx = useCalendarContext()\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 XhCalendarGrid = defineComponent({\n  name: 'XhCalendarGrid',\n  props: {\n    /** 属于第几个面板，默认 0。单面板时不用写。 */\n    index: { type: Number, default: 0 },\n  },\n  setup(props, { slots }) {\n    const ctx = useCalendarContext()\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 XhCalendarGridHead = defineComponent({\n  name: 'XhCalendarGridHead',\n  setup(_, { slots }) {\n    const ctx = useCalendarContext()\n    return () => h('div', ctx.api.value.getGridHeadProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCalendarGridBody = defineComponent({\n  name: 'XhCalendarGridBody',\n  setup(_, { slots }) {\n    const ctx = useCalendarContext()\n    return () => h('div', ctx.api.value.getGridBodyProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 表头行与日期行共用同一个 role=row\nexport const XhCalendarWeekRow = defineComponent({\n  name: 'XhCalendarWeekRow',\n  setup(_, { slots }) {\n    const ctx = useCalendarContext()\n    return () => h('div', ctx.api.value.getWeekRowProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCalendarWeekNumber = defineComponent({\n  name: 'XhCalendarWeekNumber',\n  props: {\n    /** 这一行行首那天的 ISO 串。 */\n    value: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useCalendarContext()\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 XhCalendarWeekDay = defineComponent({\n  name: 'XhCalendarWeekDay',\n  props: {\n    // 列序 0-6，兼收字符串\n    value: { type: [Number, String] as PropType<number | string>, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useCalendarContext()\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 XhCalendarCell = defineComponent({\n  name: 'XhCalendarCell',\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 = useCalendarContext()\n    const cell = computed<CalendarCellProps>(() => ({ value: props.value, index: props.index }))\n    provideCalendarCell({ cell })\n    // 不上报格子卸载，翻月后由机器按聚焦日重新落点\n    return () => h('div', ctx.api.value.getCellProps(cell.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCalendarCellTrigger = defineComponent({\n  name: 'XhCalendarCellTrigger',\n  setup(_, { slots }) {\n    const ctx = useCalendarContext()\n    const { cell } = useCalendarCellContext()\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/context.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/calendar/context.ts"],"sourcesContent":["import type { CalendarCellProps } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport type { CalendarContext } from './use-calendar'\nimport { inject, provide } from 'vue'\n\n/** 格子自报的那一天，供 cell-trigger 复用同一份声明（作者只写一次 value）。 */\nexport interface CalendarCellContext {\n  cell: ComputedRef<CalendarCellProps>\n}\n\nconst KEY: InjectionKey<CalendarContext> = Symbol('xh-calendar')\nconst CELL_KEY: InjectionKey<CalendarCellContext> = Symbol('xh-calendar-cell')\n\nexport function provideCalendar(ctx: CalendarContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useCalendarContext(): CalendarContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Calendar 部件必须用在 XhCalendarRoot 内')\n  return ctx\n}\n\nexport function provideCalendarCell(ctx: CalendarCellContext): void {\n  provide(CELL_KEY, ctx)\n}\n\nexport function useCalendarCellContext(): CalendarCellContext {\n  const ctx = inject(CELL_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Calendar 日期触发器必须用在 XhCalendarCell 内')\n  return ctx\n}\n"],"mappings":";;AAUA,MAAM,MAAqC,OAAO,aAAa;AAC/D,MAAM,WAA8C,OAAO,kBAAkB;AAE7E,SAAgB,gBAAgB,KAA4B;CAC1D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,qBAAsC;CACpD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,uCAAuC;CACzD,OAAO;AACT;AAEA,SAAgB,oBAAoB,KAAgC;CAClE,QAAQ,UAAU,GAAG;AACvB;AAEA,SAAgB,yBAA8C;CAC5D,MAAM,MAAM,OAAO,UAAU,IAAI;CACjC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,0CAA0C;CAC5D,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/calendar/context.ts"],"sourcesContent":["import type { CalendarCellProps } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport type { CalendarContext } from './use-calendar'\nimport { inject, provide } from 'vue'\n\n/** 格子自报的那一天，供 cell-trigger 复用同一份声明（作者只写一次 value）。 */\nexport interface CalendarCellContext {\n  cell: ComputedRef<CalendarCellProps>\n}\n\nconst KEY: InjectionKey<CalendarContext> = Symbol.for('xh-calendar')\nconst CELL_KEY: InjectionKey<CalendarCellContext> = Symbol.for('xh-calendar-cell')\n\nexport function provideCalendar(ctx: CalendarContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useCalendarContext(): CalendarContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Calendar 部件必须用在 XhCalendarRoot 内')\n  return ctx\n}\n\nexport function provideCalendarCell(ctx: CalendarCellContext): void {\n  provide(CELL_KEY, ctx)\n}\n\nexport function useCalendarCellContext(): CalendarCellContext {\n  const ctx = inject(CELL_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Calendar 日期触发器必须用在 XhCalendarCell 内')\n  return ctx\n}\n"],"mappings":";;AAUA,MAAM,MAAqC,OAAO,IAAI,aAAa;AACnE,MAAM,WAA8C,OAAO,IAAI,kBAAkB;AAEjF,SAAgB,gBAAgB,KAA4B;CAC1D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,qBAAsC;CACpD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,uCAAuC;CACzD,OAAO;AACT;AAEA,SAAgB,oBAAoB,KAAgC;CAClE,QAAQ,UAAU,GAAG;AACvB;AAEA,SAAgB,yBAA8C;CAC5D,MAAM,MAAM,OAAO,UAAU,IAAI;CACjC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,0CAA0C;CAC5D,OAAO;AACT"}

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

@@ -8,7 +8,7 @@ interface CalendarContext {
   service: Service<CalendarSchema>;
   gridRef: Ref<HTMLElement | null>;
 }
-declare function useCalendar(props: CalendarSchema['props'], onValueChange?: CalendarSchema['props']['onValueChange'], onFocusedValueChange?: CalendarSchema['props']['onFocusedValueChange']): CalendarContext;
+declare function useCalendar(props: CalendarSchema['props'], onValueChange?: CalendarSchema['props']['onValueChange'], onFocusedValueChange?: CalendarSchema['props']['onFocusedValueChange'], onActiveViewChange?: CalendarSchema['props']['onActiveViewChange']): CalendarContext;
 //#endregion
 export { CalendarContext, useCalendar };
 //# sourceMappingURL=use-calendar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-calendar.d.ts","names":[],"sources":["../../../src/components/calendar/use-calendar.ts"],"mappings":";;;;UAUiB;EACf,KAAK,YAAY;;EAEjB,SAAS,QAAQ;EACjB,SAAS,IAAI;;iBAGC,YACd,OAAO,yBACP,gBAAgB,0CAChB,uBAAuB,kDACtB"}
+{"version":3,"file":"use-calendar.d.ts","names":[],"sources":["../../../src/components/calendar/use-calendar.ts"],"mappings":";;;;UAUiB;EACf,KAAK,YAAY;;EAEjB,SAAS,QAAQ;EACjB,SAAS,IAAI;;iBAGC,YACd,OAAO,yBACP,gBAAgB,0CAChB,uBAAuB,iDACvB,qBAAqB,gDACpB"}

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

@@ -5,12 +5,13 @@ import { computed, ref } from "vue";
 import { calendarMachine, connectCalendar } from "@xihan-ui/headless";
 import { createScope } from "@xihan-ui/kernel";
 //#region src/components/calendar/use-calendar.ts
-function useCalendar(props, onValueChange, onFocusedValueChange) {
+function useCalendar(props, onValueChange, onFocusedValueChange, onActiveViewChange) {
 	const gridRef = ref(null);
 	const service = useMachine(calendarMachine, () => ({
 		...props,
 		onValueChange,
-		onFocusedValueChange
+		onFocusedValueChange,
+		onActiveViewChange
 	}), createScope(null, createVueIdGenerator()));
 	service.refs.set("getGridEl", () => gridRef.value);
 	return {

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

@@ -1 +1 @@
-{"version":3,"file":"use-calendar.js","names":[],"sources":["../../../src/components/calendar/use-calendar.ts"],"sourcesContent":["import type { CalendarApi, CalendarSchema } from '@xihan-ui/headless'\nimport type { Service } from '@xihan-ui/machine'\nimport type { ComputedRef, Ref } from 'vue'\nimport { calendarMachine, connectCalendar } from '@xihan-ui/headless'\nimport { createScope } from '@xihan-ui/kernel'\nimport { computed, ref } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface CalendarContext {\n  api: ComputedRef<CalendarApi>\n  /** 机器实例，供部件上报 DOM 侧的事实。 */\n  service: Service<CalendarSchema>\n  gridRef: Ref<HTMLElement | null>\n}\n\nexport function useCalendar(\n  props: CalendarSchema['props'],\n  onValueChange?: CalendarSchema['props']['onValueChange'],\n  onFocusedValueChange?: CalendarSchema['props']['onFocusedValueChange'],\n): CalendarContext {\n  const gridRef = ref<HTMLElement | null>(null)\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(calendarMachine, () => ({ ...props, onValueChange, onFocusedValueChange }), scope)\n\n  // 跨月后的焦点落点要等重渲，机器推迟一拍再从这里取网格现查\n  service.refs.set('getGridEl', () => gridRef.value)\n\n  const api = computed(() => connectCalendar(service, vueNormalize))\n  return { api, service, gridRef }\n}\n"],"mappings":";;;;;;;AAiBA,SAAgB,YACd,OACA,eACA,sBACiB;CACjB,MAAM,UAAU,IAAwB,IAAI;CAG5C,MAAM,UAAU,WAAW,wBAAwB;EAAE,GAAG;EAAO;EAAe;CAAqB,IADrF,YAAY,MADZ,qBACsB,CACuE,CAAC;CAG5G,QAAQ,KAAK,IAAI,mBAAmB,QAAQ,KAAK;CAGjD,OAAO;EAAE,KADG,eAAe,gBAAgB,SAAS,YAAY,CACrD;EAAG;EAAS;CAAQ;AACjC"}
+{"version":3,"file":"use-calendar.js","names":[],"sources":["../../../src/components/calendar/use-calendar.ts"],"sourcesContent":["import type { CalendarApi, CalendarSchema } from '@xihan-ui/headless'\nimport type { Service } from '@xihan-ui/machine'\nimport type { ComputedRef, Ref } from 'vue'\nimport { calendarMachine, connectCalendar } from '@xihan-ui/headless'\nimport { createScope } from '@xihan-ui/kernel'\nimport { computed, ref } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface CalendarContext {\n  api: ComputedRef<CalendarApi>\n  /** 机器实例，供部件上报 DOM 侧的事实。 */\n  service: Service<CalendarSchema>\n  gridRef: Ref<HTMLElement | null>\n}\n\nexport function useCalendar(\n  props: CalendarSchema['props'],\n  onValueChange?: CalendarSchema['props']['onValueChange'],\n  onFocusedValueChange?: CalendarSchema['props']['onFocusedValueChange'],\n  onActiveViewChange?: CalendarSchema['props']['onActiveViewChange'],\n): CalendarContext {\n  const gridRef = ref<HTMLElement | null>(null)\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(calendarMachine, () => ({ ...props, onValueChange, onFocusedValueChange, onActiveViewChange }), scope)\n\n  // 跨月后的焦点落点要等重渲，机器推迟一拍再从这里取网格现查\n  service.refs.set('getGridEl', () => gridRef.value)\n\n  const api = computed(() => connectCalendar(service, vueNormalize))\n  return { api, service, gridRef }\n}\n"],"mappings":";;;;;;;AAiBA,SAAgB,YACd,OACA,eACA,sBACA,oBACiB;CACjB,MAAM,UAAU,IAAwB,IAAI;CAG5C,MAAM,UAAU,WAAW,wBAAwB;EAAE,GAAG;EAAO;EAAe;EAAsB;CAAmB,IADzG,YAAY,MADZ,qBACsB,CAC2F,CAAC;CAGhI,QAAQ,KAAK,IAAI,mBAAmB,QAAQ,KAAK;CAGjD,OAAO;EAAE,KADG,eAAe,gBAAgB,SAAS,YAAY,CACrD;EAAG;EAAS;CAAQ;AACjC"}

package/dist/components/card/card.d.ts

@@ -29,8 +29,8 @@ declare const XhCardRoot: import("vue").DefineComponent<import("vue").ExtractPro
 }>> & Readonly<{}>, {
   size: Size;
   variant: CardVariant;
-  hoverable: boolean;
   segmented: boolean;
+  hoverable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhCardCover: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;

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

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","names":[],"sources":["../../../src/components/card/card.ts"],"mappings":";;;;cAQa,0BAAU,8BAAA;;IAIQ,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;;;;;;IADN,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;;;;;;;qCASnC;cAEW,2BAAW,wCAAA,oBAAA,4BAAA;;8BAMtB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,4BAAY,wCAAA,oBAAA,4BAAA;;8BAMvB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,2BAAW,wCAAA,oBAAA,4BAAA;;8BAMtB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,wCAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,0BAAU,wCAAA,oBAAA,4BAAA;;8BAMrB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,4BAAY,wCAAA,oBAAA,4BAAA;;8BAMvB,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"card.d.ts","names":[],"sources":["../../../src/components/card/card.ts"],"mappings":";;;;cASa,0BAAU,8BAAA;;IAIQ,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;;;;;;IADN,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;;;;;;;qCASnC;cAEW,2BAAW,wCAAA,oBAAA,4BAAA;;8BAMtB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,4BAAY,wCAAA,oBAAA,4BAAA;;8BAMvB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,2BAAW,wCAAA,oBAAA,4BAAA;;8BAMtB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,wCAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,0BAAU,wCAAA,oBAAA,4BAAA;;8BAMrB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,4BAAY,wCAAA,oBAAA,4BAAA;;8BAMvB,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}