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

package/dist/components/date-field/date-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-field.js","names":[],"sources":["../../../src/components/date-field/date-field.ts"],"sourcesContent":["import type { DateFieldApi, DateFieldSchema, DateFieldSegmentState, DateGranularity, DateSegmentType } from '@xihan-ui/headless'\nimport type { ControlVariant, Size, Tone } from '@xihan-ui/kernel'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { provideDateField, useDateFieldContext } from './context'\nimport { useDateField } from './use-date-field'\n\ntype DateFieldProps = DateFieldSchema['props']\ntype SegmentTexts = { readonly [K in DateSegmentType]?: string }\n\n/** 默认插槽的载荷：整份值、逐段投影、填写状态，以及改写与清空的句柄。 */\nexport type DateFieldRootSlotProps = Pick<\n  DateFieldApi,\n  | 'value'\n  | 'valueAsDate'\n  | 'segments'\n  | 'complete'\n  | 'empty'\n  | 'outOfRange'\n  | 'focusedSegment'\n  | 'setValue'\n  | 'clear'\n>\n\n/** 段位默认插槽的载荷：本段的投影；下标越界时缺席。 */\nexport interface DateFieldSegmentSlotProps {\n  segment: DateFieldSegmentState | undefined\n}\n\nexport const XhDateFieldRoot = defineComponent({\n  name: 'XhDateFieldRoot',\n  // 缺省值由 connect 给出，这里一律 default: undefined\n  props: {\n    value: { type: String as PropType<string | null>, default: undefined },\n    defaultValue: { type: String as PropType<string | null>, default: undefined },\n    min: { type: String, default: undefined },\n    max: { type: String, default: undefined },\n    locale: { type: String, default: undefined },\n    timeZone: { type: String, default: undefined },\n    granularity: { type: String as PropType<DateGranularity>, default: undefined },\n    disabled: Boolean,\n    readOnly: Boolean,\n    invalid: Boolean,\n    required: Boolean,\n    name: { type: String, default: undefined },\n    placeholder: { type: Object as PropType<SegmentTexts>, default: undefined },\n    translations: { type: Object as PropType<SegmentTexts>, default: undefined },\n    variant: { type: String as PropType<ControlVariant>, default: undefined },\n    tone: { type: String as PropType<Tone>, default: undefined },\n    size: { type: String as PropType<Size>, default: undefined },\n  },\n  // value-change 携带 { value }，update:value 携带裸串\n  emits: {\n    'value-change': (_details: PayloadOf<DateFieldProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<DateFieldProps, 'onValueChange'>['value']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: DateFieldRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const onValueChange: DateFieldProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const ctx = useDateField(withXhConfig('date-field', props) as DateFieldProps, { onValueChange })\n    provideDateField(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      value: ctx.api.value.value,\n      valueAsDate: ctx.api.value.valueAsDate,\n      segments: ctx.api.value.segments,\n      complete: ctx.api.value.complete,\n      empty: ctx.api.value.empty,\n      outOfRange: ctx.api.value.outOfRange,\n      focusedSegment: ctx.api.value.focusedSegment,\n      setValue: ctx.api.value.setValue,\n      clear: ctx.api.value.clear,\n    }))\n  },\n})\n\nexport const XhDateFieldLabel = defineComponent({\n  name: 'XhDateFieldLabel',\n  setup(_, { slots }) {\n    const ctx = useDateFieldContext()\n    // 渲染为 span 而非 label，段位不是可被 for 标注的控件；点标题聚焦由连接层接管\n    return () => h('span', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDateFieldControl = defineComponent({\n  name: 'XhDateFieldControl',\n  setup(_, { slots }) {\n    const ctx = useDateFieldContext()\n    return () => h('div', ctx.api.value.getControlProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDateFieldSegment = defineComponent({\n  name: 'XhDateFieldSegment',\n  props: {\n    // 下标由作者声明，是哪一段由 locale 与 granularity 算出；兼收字符串\n    index: { type: [Number, String] as PropType<number | string>, required: true },\n  },\n  slots: Object as SlotsType<{\n    default?: (props: DateFieldSegmentSlotProps) => VNode[]\n  }>,\n  setup(props, { slots }) {\n    const ctx = useDateFieldContext()\n    return () => {\n      const index = Math.trunc(Number(props.index))\n      const api = ctx.api.value\n      const state = api.segments[index]\n      // 有插槽用插槽，否则渲染连接层算好的段位文本\n      return h(\n        'div',\n        api.getSegmentProps({ index }) as Record<string, unknown>,\n        slots.default ? slots.default({ segment: state }) : state?.text,\n      )\n    }\n  },\n})\n\nexport const XhDateFieldHiddenInput = defineComponent({\n  name: 'XhDateFieldHiddenInput',\n  setup() {\n    const ctx = useDateFieldContext()\n    return () => h('input', ctx.api.value.getHiddenInputProps() as Record<string, unknown>)\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"date-field.js","names":[],"sources":["../../../src/components/date-field/date-field.ts"],"sourcesContent":["import type { DateFieldApi, DateFieldSchema, DateFieldSegmentState, DateFieldTranslations, DateGranularity, DateSegmentSet, DateSegmentType } from '@xihan-ui/headless'\nimport type { ControlVariant, Size, Tone } from '@xihan-ui/kernel'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { provideDateField, useDateFieldContext } from './context'\nimport { useDateField } from './use-date-field'\n\ntype DateFieldProps = DateFieldSchema['props']\ntype SegmentTexts = { readonly [K in DateSegmentType]?: string }\n\n/** 默认插槽的载荷：整份值、逐段投影、填写状态，以及改写与清空的句柄。 */\nexport type DateFieldRootSlotProps = Pick<\n  DateFieldApi,\n  | 'value'\n  | 'valueAsDate'\n  | 'segments'\n  | 'complete'\n  | 'empty'\n  | 'outOfRange'\n  | 'focusedSegment'\n  | 'setValue'\n  | 'clear'\n  | 'canClear'\n>\n\n/** 段位默认插槽的载荷：本段的投影；下标越界时缺席。 */\nexport interface DateFieldSegmentSlotProps {\n  segment: DateFieldSegmentState | undefined\n}\n\nexport const XhDateFieldRoot = defineComponent({\n  name: 'XhDateFieldRoot',\n  // 缺省值由 connect 给出，这里一律 default: undefined\n  props: {\n    value: { type: String as PropType<string | null>, default: undefined },\n    defaultValue: { type: String as PropType<string | null>, default: undefined },\n    min: { type: String, default: undefined },\n    max: { type: String, default: undefined },\n    locale: { type: String, default: undefined },\n    timeZone: { type: String, default: undefined },\n    granularity: { type: String as PropType<DateGranularity>, default: undefined },\n    // 段集：给了就以它为准，granularity 让路。段位节点仍按下标认段，段集是有序的\n    segments: { type: Array as PropType<DateSegmentSet>, default: undefined },\n    disabled: Boolean,\n    readOnly: Boolean,\n    invalid: Boolean,\n    required: Boolean,\n    name: { type: String, default: undefined },\n    placeholder: { type: Object as PropType<SegmentTexts>, default: undefined },\n    translations: { type: Object as PropType<DateFieldTranslations>, default: undefined },\n    variant: { type: String as PropType<ControlVariant>, default: undefined },\n    tone: { type: String as PropType<Tone>, default: undefined },\n    size: { type: String as PropType<Size>, default: undefined },\n  },\n  // value-change 携带 { value }，update:value 携带裸串\n  emits: {\n    'value-change': (_details: PayloadOf<DateFieldProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<DateFieldProps, 'onValueChange'>['value']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: DateFieldRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const onValueChange: DateFieldProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const ctx = useDateField(withXhConfig('date-field', props) as DateFieldProps, { onValueChange })\n    provideDateField(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      value: ctx.api.value.value,\n      valueAsDate: ctx.api.value.valueAsDate,\n      segments: ctx.api.value.segments,\n      complete: ctx.api.value.complete,\n      empty: ctx.api.value.empty,\n      outOfRange: ctx.api.value.outOfRange,\n      focusedSegment: ctx.api.value.focusedSegment,\n      setValue: ctx.api.value.setValue,\n      clear: ctx.api.value.clear,\n      canClear: ctx.api.value.canClear,\n    }))\n  },\n})\n\nexport const XhDateFieldLabel = defineComponent({\n  name: 'XhDateFieldLabel',\n  setup(_, { slots }) {\n    const ctx = useDateFieldContext()\n    // 渲染为 span 而非 label，段位不是可被 for 标注的控件；点标题聚焦由连接层接管\n    return () => h('span', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDateFieldControl = defineComponent({\n  name: 'XhDateFieldControl',\n  setup(_, { slots }) {\n    const ctx = useDateFieldContext()\n    return () => h('div', ctx.api.value.getControlProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDateFieldSegmentGroup = defineComponent({\n  name: 'XhDateFieldSegmentGroup',\n  setup(_, { slots }) {\n    const ctx = useDateFieldContext()\n    return () => h('div', ctx.api.value.getSegmentGroupProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDateFieldSegment = defineComponent({\n  name: 'XhDateFieldSegment',\n  props: {\n    // 下标由作者声明，是哪一段由 locale 与段集算出；兼收字符串\n    index: { type: [Number, String] as PropType<number | string>, default: undefined },\n    /** 按段名声明这一格。段集里没有这一块时它收起；与 index 二选一，两个都写按段名算。 */\n    segment: { type: String as PropType<DateSegmentType>, default: undefined },\n  },\n  slots: Object as SlotsType<{\n    default?: (props: DateFieldSegmentSlotProps) => VNode[]\n  }>,\n  setup(props, { slots }) {\n    const ctx = useDateFieldContext()\n    return () => {\n      const api = ctx.api.value\n      // 落点由连接层算：按下标还是按段名是同一条路，适配器这边不重写一份\n      const declared = props.segment != null\n        ? { segment: props.segment }\n        : { index: Math.trunc(Number(props.index)) }\n      const state = api.segmentOf(declared)\n      // 有插槽用插槽，否则渲染连接层算好的段位文本\n      return h(\n        'div',\n        api.getSegmentProps(declared) as Record<string, unknown>,\n        slots.default ? slots.default({ segment: state }) : state?.text,\n      )\n    }\n  },\n})\n\nexport const XhDateFieldClearTrigger = defineComponent({\n  name: 'XhDateFieldClearTrigger',\n  setup(_, { slots }) {\n    const ctx = useDateFieldContext()\n    // 没有默认插槽时由皮肤画兜底字形\n    return () => h('button', ctx.api.value.getClearTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDateFieldHiddenInput = defineComponent({\n  name: 'XhDateFieldHiddenInput',\n  setup() {\n    const ctx = useDateFieldContext()\n    return () => h('input', ctx.api.value.getHiddenInputProps() as Record<string, unknown>)\n  },\n})\n"],"mappings":"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"}

package/dist/components/date-picker/context.js

@@ -1,10 +1,13 @@
 import { computed, inject, provide } from "vue";
 //#region src/components/date-picker/context.ts
-const KEY = Symbol("xh-date-picker");
-const CELL_KEY = Symbol("xh-date-picker-cell");
-const INPUT_KEY = Symbol("xh-date-picker-input");
+const KEY = Symbol.for("xh-date-picker");
+const CELL_KEY = Symbol.for("xh-date-picker-cell");
+const SEGMENT_GROUP_KEY = Symbol.for("xh-date-picker-segment-group");
+const PANEL_KEY = Symbol.for("xh-date-picker-panel");
 /** 没有分段容器时的组号，段位与隐藏输入落到起点那组。 */
 const START_GROUP = { index: computed(() => 0) };
+/** 日历没自报面板号时的落点，与单面板时一致。 */
+const FIRST_PANEL = { index: computed(() => 0) };
 function provideDatePicker(ctx) {
 	provide(KEY, ctx);
 }
@@ -21,13 +24,19 @@ function useDatePickerCellContext() {
 	if (!ctx) throw new Error("[xh] DatePicker 日期触发器必须用在 XhDatePickerCell 内");
 	return ctx;
 }
-function provideDatePickerInput(ctx) {
-	provide(INPUT_KEY, ctx);
+function provideDatePickerSegmentGroup(ctx) {
+	provide(SEGMENT_GROUP_KEY, ctx);
 }
-function useDatePickerInputContext() {
-	return inject(INPUT_KEY, START_GROUP);
+function useDatePickerSegmentGroupContext() {
+	return inject(SEGMENT_GROUP_KEY, START_GROUP);
+}
+function provideDatePickerPanel(ctx) {
+	provide(PANEL_KEY, ctx);
+}
+function useDatePickerPanelContext() {
+	return inject(PANEL_KEY, FIRST_PANEL);
 }
 //#endregion
-export { provideDatePicker, provideDatePickerCell, provideDatePickerInput, useDatePickerCellContext, useDatePickerContext, useDatePickerInputContext };
+export { provideDatePicker, provideDatePickerCell, provideDatePickerPanel, provideDatePickerSegmentGroup, useDatePickerCellContext, useDatePickerContext, useDatePickerPanelContext, useDatePickerSegmentGroupContext };
 
 //# sourceMappingURL=context.js.map

package/dist/components/date-picker/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/date-picker/context.ts"],"sourcesContent":["import type { CalendarCellProps } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport type { DatePickerContext } from './use-date-picker'\nimport { computed, inject, provide } from 'vue'\n\n/** 格子自报的那一天，供 cell-trigger 复用同一份声明（作者只写一次 value）。 */\nexport interface DatePickerCellContext {\n  cell: ComputedRef<CalendarCellProps>\n}\n\n/** 分段容器自报组号，供组内的段位与隐藏输入认领起止两组之一。 */\nexport interface DatePickerInputContext {\n  /** 0 是起点那组，1 是区间终点那组。 */\n  index: ComputedRef<0 | 1>\n}\n\nconst KEY: InjectionKey<DatePickerContext> = Symbol('xh-date-picker')\nconst CELL_KEY: InjectionKey<DatePickerCellContext> = Symbol('xh-date-picker-cell')\nconst INPUT_KEY: InjectionKey<DatePickerInputContext> = Symbol('xh-date-picker-input')\n\n/** 没有分段容器时的组号，段位与隐藏输入落到起点那组。 */\nconst START_GROUP: DatePickerInputContext = { index: computed<0 | 1>(() => 0) }\n\nexport function provideDatePicker(ctx: DatePickerContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useDatePickerContext(): DatePickerContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] DatePicker 部件必须用在 XhDatePickerRoot 内')\n  return ctx\n}\n\nexport function provideDatePickerCell(ctx: DatePickerCellContext): void {\n  provide(CELL_KEY, ctx)\n}\n\nexport function useDatePickerCellContext(): DatePickerCellContext {\n  const ctx = inject(CELL_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] DatePicker 日期触发器必须用在 XhDatePickerCell 内')\n  return ctx\n}\n\nexport function provideDatePickerInput(ctx: DatePickerInputContext): void {\n  provide(INPUT_KEY, ctx)\n}\n\nexport function useDatePickerInputContext(): DatePickerInputContext {\n  return inject(INPUT_KEY, START_GROUP)\n}\n"],"mappings":";;AAgBA,MAAM,MAAuC,OAAO,gBAAgB;AACpE,MAAM,WAAgD,OAAO,qBAAqB;AAClF,MAAM,YAAkD,OAAO,sBAAsB;;AAGrF,MAAM,cAAsC,EAAE,OAAO,eAAsB,CAAC,EAAE;AAE9E,SAAgB,kBAAkB,KAA8B;CAC9D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,uBAA0C;CACxD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,2CAA2C;CAC7D,OAAO;AACT;AAEA,SAAgB,sBAAsB,KAAkC;CACtE,QAAQ,UAAU,GAAG;AACvB;AAEA,SAAgB,2BAAkD;CAChE,MAAM,MAAM,OAAO,UAAU,IAAI;CACjC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,8CAA8C;CAChE,OAAO;AACT;AAEA,SAAgB,uBAAuB,KAAmC;CACxE,QAAQ,WAAW,GAAG;AACxB;AAEA,SAAgB,4BAAoD;CAClE,OAAO,OAAO,WAAW,WAAW;AACtC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/date-picker/context.ts"],"sourcesContent":["import type { CalendarCellProps } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport type { DatePickerContext } from './use-date-picker'\nimport { computed, inject, provide } from 'vue'\n\n/** 格子自报的那一天，供 cell-trigger 复用同一份声明（作者只写一次 value）。 */\nexport interface DatePickerCellContext {\n  cell: ComputedRef<CalendarCellProps>\n}\n\n/** 分段容器自报组号，供组内的段位与隐藏输入认领起止两组之一。 */\nexport interface DatePickerSegmentGroupContext {\n  /** 0 是起点那组，1 是区间终点那组。 */\n  index: ComputedRef<0 | 1>\n}\n\n/** 日历自报面板号，供面板内的标题、网格与格子认领自己属于并排的第几张。 */\nexport interface DatePickerPanelContext {\n  index: ComputedRef<number>\n}\n\nconst KEY: InjectionKey<DatePickerContext> = Symbol.for('xh-date-picker')\nconst CELL_KEY: InjectionKey<DatePickerCellContext> = Symbol.for('xh-date-picker-cell')\nconst SEGMENT_GROUP_KEY: InjectionKey<DatePickerSegmentGroupContext> = Symbol.for('xh-date-picker-segment-group')\nconst PANEL_KEY: InjectionKey<DatePickerPanelContext> = Symbol.for('xh-date-picker-panel')\n\n/** 没有分段容器时的组号，段位与隐藏输入落到起点那组。 */\nconst START_GROUP: DatePickerSegmentGroupContext = { index: computed<0 | 1>(() => 0) }\n\n/** 日历没自报面板号时的落点，与单面板时一致。 */\nconst FIRST_PANEL: DatePickerPanelContext = { index: computed(() => 0) }\n\nexport function provideDatePicker(ctx: DatePickerContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useDatePickerContext(): DatePickerContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] DatePicker 部件必须用在 XhDatePickerRoot 内')\n  return ctx\n}\n\nexport function provideDatePickerCell(ctx: DatePickerCellContext): void {\n  provide(CELL_KEY, ctx)\n}\n\nexport function useDatePickerCellContext(): DatePickerCellContext {\n  const ctx = inject(CELL_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] DatePicker 日期触发器必须用在 XhDatePickerCell 内')\n  return ctx\n}\n\nexport function provideDatePickerSegmentGroup(ctx: DatePickerSegmentGroupContext): void {\n  provide(SEGMENT_GROUP_KEY, ctx)\n}\n\nexport function useDatePickerSegmentGroupContext(): DatePickerSegmentGroupContext {\n  return inject(SEGMENT_GROUP_KEY, START_GROUP)\n}\n\nexport function provideDatePickerPanel(ctx: DatePickerPanelContext): void {\n  provide(PANEL_KEY, ctx)\n}\n\nexport function useDatePickerPanelContext(): DatePickerPanelContext {\n  return inject(PANEL_KEY, FIRST_PANEL)\n}\n"],"mappings":";;AAqBA,MAAM,MAAuC,OAAO,IAAI,gBAAgB;AACxE,MAAM,WAAgD,OAAO,IAAI,qBAAqB;AACtF,MAAM,oBAAiE,OAAO,IAAI,8BAA8B;AAChH,MAAM,YAAkD,OAAO,IAAI,sBAAsB;;AAGzF,MAAM,cAA6C,EAAE,OAAO,eAAsB,CAAC,EAAE;;AAGrF,MAAM,cAAsC,EAAE,OAAO,eAAe,CAAC,EAAE;AAEvE,SAAgB,kBAAkB,KAA8B;CAC9D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,uBAA0C;CACxD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,2CAA2C;CAC7D,OAAO;AACT;AAEA,SAAgB,sBAAsB,KAAkC;CACtE,QAAQ,UAAU,GAAG;AACvB;AAEA,SAAgB,2BAAkD;CAChE,MAAM,MAAM,OAAO,UAAU,IAAI;CACjC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,8CAA8C;CAChE,OAAO;AACT;AAEA,SAAgB,8BAA8B,KAA0C;CACtF,QAAQ,mBAAmB,GAAG;AAChC;AAEA,SAAgB,mCAAkE;CAChF,OAAO,OAAO,mBAAmB,WAAW;AAC9C;AAEA,SAAgB,uBAAuB,KAAmC;CACxE,QAAQ,WAAW,GAAG;AACxB;AAEA,SAAgB,4BAAoD;CAClE,OAAO,OAAO,WAAW,WAAW;AACtC"}

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

@@ -1,11 +1,11 @@
 import { PayloadOf } from "../../runtime/payload.js";
 import { PropType, SlotsType, VNode } from "vue";
-import { CalendarApi, CalendarSelectionMode, DateFieldSegmentState, DatePickerApi, DatePickerSchema } from "@xihan-ui/headless";
-import { Placement } from "@xihan-ui/kernel";
+import { CalendarApi, CalendarSelectionMode, CalendarView, DateFieldSegmentState, DatePickerApi, DatePickerPreset, DatePickerPresetState, DatePickerSchema, DateSegmentSet, DateSegmentType } from "@xihan-ui/headless";
+import { ControlVariant, Placement, Size, Tone } from "@xihan-ui/kernel";
 //#region src/components/date-picker/date-picker.d.ts
 type DatePickerProps = DatePickerSchema['props'];
 /** 默认插槽的载荷：选择器的开合与选中值、内嵌日历的展示数据、两组段位，以及改写值的句柄。 */
-type DatePickerRootSlotProps = Pick<DatePickerApi, 'open' | 'value' | 'valueAsString' | 'focusedValue' | 'canClear' | 'setOpen' | 'setValue' | 'clear'> & Pick<CalendarApi, 'visibleMonth' | 'weeks' | 'weekDays' | 'headingLabel' | 'canGoPrev' | 'canGoNext'> & {
+type DatePickerRootSlotProps = Pick<DatePickerApi, 'open' | 'value' | 'valueAsString' | 'focusedValue' | 'canClear' | 'setOpen' | 'setValue' | 'clear'> & Pick<CalendarApi, 'visibleMonth' | 'panels' | 'weeks' | 'weekDays' | 'headingLabel' | 'canGoPrev' | 'canGoNext'> & {
   segments: DateFieldSegmentState[];
   /** 区间终点那组段位；非区间模式为空数组。 */
   endSegments: DateFieldSegmentState[];
@@ -14,6 +14,10 @@ type DatePickerRootSlotProps = Pick<DatePickerApi, 'open' | 'value' | 'valueAsSt
 interface DatePickerSegmentSlotProps {
   segment: DateFieldSegmentState | undefined;
 }
+/** 快捷选项列默认插槽的载荷：逐条的投影，作者据此自己铺条目。 */
+interface DatePickerPresetsSlotProps {
+  presets: readonly DatePickerPresetState[];
+}
 declare const XhDatePickerRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   value: {
     type: PropType<string | string[]>;
@@ -48,6 +52,46 @@ declare const XhDatePickerRoot: import("vue").DefineComponent<import("vue").Extr
     type: PropType<CalendarSelectionMode>;
     default: undefined;
   };
+  /** 挑的粒度：天（默认）/ 月 / 季度 / 年。输入行铺哪几段也跟着它走。 */
+  view: {
+    type: PropType<CalendarView>;
+    default: undefined;
+  };
+  /** 面板此刻钻到了哪一层；给定即受控，缺省跟着 view。 */
+  activeView: {
+    type: PropType<CalendarView>;
+    default: undefined;
+  };
+  /** 输入行铺哪几段；不给就按 view 推。 */
+  segments: {
+    type: PropType<DateSegmentSet>;
+    default: undefined;
+  };
+  /** 周选：点任意一天选中它所在的整周。只在 view=day 且区间模式下生效。 */
+  weekSelection: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  /** 并排展示几页；缺省单选 1，区间按两端定：同一页放得下就 1，跨页才 2。 */
+  visibleCount: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  /** 日历恒渲染六行，默认开。关掉后翻页时浮层高度会跟着月份变。 */
+  fixedWeeks: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  /** 初始聚焦日，同时决定展开时先落在哪一页；不给就退回首个选中值，再退回今天。 */
+  defaultFocusedValue: {
+    type: StringConstructor;
+    default: undefined;
+  };
+  /** 快捷选项；给了就在浮层里多出一列，日子要在自己的 computed 里算好再传。 */
+  presets: {
+    type: PropType<DatePickerPreset[]>;
+    default: undefined;
+  };
   isDateUnavailable: {
     type: PropType<(value: string) => boolean>;
     default: undefined;
@@ -68,6 +112,18 @@ declare const XhDatePickerRoot: import("vue").DefineComponent<import("vue").Extr
     type: PropType<DatePickerProps["translations"]>;
     default: undefined;
   };
+  variant: {
+    type: PropType<ControlVariant>;
+    default: undefined;
+  };
+  tone: {
+    type: PropType<Tone>;
+    default: undefined;
+  };
+  size: {
+    type: PropType<Size>;
+    default: undefined;
+  };
   placement: {
     type: PropType<Placement>;
     default: undefined;
@@ -94,8 +150,10 @@ declare const XhDatePickerRoot: import("vue").DefineComponent<import("vue").Extr
   'value-change': (_details: PayloadOf<DatePickerProps, "onValueChange">) => true;
   'open-change': (_details: PayloadOf<DatePickerProps, "onOpenChange">) => true;
   'focused-value-change': (_details: PayloadOf<DatePickerProps, "onFocusedValueChange">) => true;
+  'active-view-change': (_details: PayloadOf<DatePickerProps, "onActiveViewChange">) => true;
   'update:value': (_value: PayloadOf<DatePickerProps, "onValueChange">["value"]) => true;
   'update:open': (_open: PayloadOf<DatePickerProps, "onOpenChange">["open"]) => true;
+  'update:activeView': (_view: PayloadOf<DatePickerProps, "onActiveViewChange">["activeView"]) => true;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   value: {
     type: PropType<string | string[]>;
@@ -130,6 +188,46 @@ declare const XhDatePickerRoot: import("vue").DefineComponent<import("vue").Extr
     type: PropType<CalendarSelectionMode>;
     default: undefined;
   };
+  /** 挑的粒度：天（默认）/ 月 / 季度 / 年。输入行铺哪几段也跟着它走。 */
+  view: {
+    type: PropType<CalendarView>;
+    default: undefined;
+  };
+  /** 面板此刻钻到了哪一层；给定即受控，缺省跟着 view。 */
+  activeView: {
+    type: PropType<CalendarView>;
+    default: undefined;
+  };
+  /** 输入行铺哪几段；不给就按 view 推。 */
+  segments: {
+    type: PropType<DateSegmentSet>;
+    default: undefined;
+  };
+  /** 周选：点任意一天选中它所在的整周。只在 view=day 且区间模式下生效。 */
+  weekSelection: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  /** 并排展示几页；缺省单选 1，区间按两端定：同一页放得下就 1，跨页才 2。 */
+  visibleCount: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  /** 日历恒渲染六行，默认开。关掉后翻页时浮层高度会跟着月份变。 */
+  fixedWeeks: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  /** 初始聚焦日，同时决定展开时先落在哪一页；不给就退回首个选中值，再退回今天。 */
+  defaultFocusedValue: {
+    type: StringConstructor;
+    default: undefined;
+  };
+  /** 快捷选项；给了就在浮层里多出一列，日子要在自己的 computed 里算好再传。 */
+  presets: {
+    type: PropType<DatePickerPreset[]>;
+    default: undefined;
+  };
   isDateUnavailable: {
     type: PropType<(value: string) => boolean>;
     default: undefined;
@@ -150,6 +248,18 @@ declare const XhDatePickerRoot: import("vue").DefineComponent<import("vue").Extr
     type: PropType<DatePickerProps["translations"]>;
     default: undefined;
   };
+  variant: {
+    type: PropType<ControlVariant>;
+    default: undefined;
+  };
+  tone: {
+    type: PropType<Tone>;
+    default: undefined;
+  };
+  size: {
+    type: PropType<Size>;
+    default: undefined;
+  };
   placement: {
     type: PropType<Placement>;
     default: undefined;
@@ -176,26 +286,39 @@ declare const XhDatePickerRoot: import("vue").DefineComponent<import("vue").Extr
   "onOpen-change"?: ((_details: import("@xihan-ui/headless").DatePickerOpenChangeDetails) => any) | undefined;
   "onUpdate:open"?: ((_open: boolean) => any) | undefined;
   "onFocused-value-change"?: ((_details: import("@xihan-ui/headless").DatePickerFocusChangeDetails) => any) | undefined;
+  "onActive-view-change"?: ((_details: import("@xihan-ui/headless").CalendarViewChangeDetails) => any) | undefined;
+  "onUpdate:activeView"?: ((_view: CalendarView) => any) | undefined;
 }>, {
   required: boolean;
   name: string;
   invalid: boolean;
   value: string | string[];
   defaultValue: string | string[];
+  tone: Tone;
+  size: Size;
   disabled: boolean;
+  offset: number;
+  translations: Partial<import("@xihan-ui/headless").DatePickerTranslations> | undefined;
   open: boolean;
   defaultOpen: boolean;
-  translations: Partial<import("@xihan-ui/headless").DatePickerTranslations> | undefined;
-  offset: number;
+  variant: ControlVariant;
   max: string;
+  activeView: CalendarView;
   readOnly: boolean;
+  fixedWeeks: boolean;
   selectionMode: CalendarSelectionMode;
+  defaultFocusedValue: string;
   min: string;
   isDateUnavailable: (value: string) => boolean;
   locale: string;
   timeZone: string;
+  view: CalendarView;
+  weekSelection: boolean;
+  visibleCount: number;
   placement: Placement;
+  presets: DatePickerPreset[];
   timeGranularity: import("@xihan-ui/headless").DatePickerTimeGranularity | undefined;
+  segments: DateSegmentSet;
   endName: string;
   closeOnSelect: boolean;
   showTime: boolean;
@@ -208,7 +331,7 @@ declare const XhDatePickerLabel: import("vue").DefineComponent<{}, () => VNode<i
 declare const XhDatePickerControl: 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 XhDatePickerInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const XhDatePickerSegmentGroup: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   index: {
     type: PropType<number | string>;
     default: number;
@@ -226,16 +349,29 @@ declare const XhDatePickerInput: import("vue").DefineComponent<import("vue").Ext
 declare const XhDatePickerSegment: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   index: {
     type: PropType<number | string>;
-    required: true;
+    default: undefined;
+  };
+  /** 按段名声明这一格。段集里没有这一块时它收起；与 index 二选一，两个都写按段名算。 */
+  segment: {
+    type: PropType<DateSegmentType>;
+    default: undefined;
   };
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   index: {
     type: PropType<number | string>;
-    required: true;
+    default: undefined;
   };
-}>> & Readonly<{}>, {}, SlotsType<{
+  /** 按段名声明这一格。段集里没有这一块时它收起；与 index 二选一，两个都写按段名算。 */
+  segment: {
+    type: PropType<DateSegmentType>;
+    default: undefined;
+  };
+}>> & Readonly<{}>, {
+  index: string | number;
+  segment: DateSegmentType;
+}, SlotsType<{
   default?: (props: DatePickerSegmentSlotProps) => VNode[];
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhDatePickerClearTrigger: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -250,9 +386,47 @@ declare const XhDatePickerPositioner: import("vue").DefineComponent<{}, () => VN
 declare const XhDatePickerContent: 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 XhDatePickerCalendar: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+declare const XhDatePickerCalendar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  /** 并排的第几张面板，默认 0。写在这里，面板内的标题、网格与格子就不必各写一遍。 */
+  index: {
+    type: (StringConstructor | 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: (StringConstructor | NumberConstructor)[];
+    default: number;
+  };
+}>> & Readonly<{}>, {
+  index: string | number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhDatePickerPresets: 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<{}>, {}, SlotsType<{
+  /** 自己铺条目；不写就按 presets 数据自动铺，两者产出的 DOM 一致。 */
+  default?: (props: DatePickerPresetsSlotProps) => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhDatePickerPreset: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  /** 这一条的身份，与 presets 数据里的 value 逐字对上。 */
+  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<{
+  /** 这一条的身份，与 presets 数据里的 value 逐字对上。 */
+  value: {
+    type: StringConstructor;
+    required: true;
+  };
+}>> & Readonly<{}>, {}, SlotsType<{
+  /** 条目内容；不写就用数据里的 label。 */
+  default?: () => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhDatePickerTimePanel: 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>;
@@ -262,18 +436,86 @@ declare const XhDatePickerConfirmTrigger: import("vue").DefineComponent<{}, () =
 declare const XhDatePickerHeader: 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 XhDatePickerPrevYearTrigger: 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 XhDatePickerPrevTrigger: 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 XhDatePickerNextTrigger: 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 XhDatePickerHeading: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+declare const XhDatePickerNextYearTrigger: 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 XhDatePickerGrid: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+declare const XhDatePickerHeading: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  /** 属于第几个面板；不写就跟着所在的日历走。 */
+  index: {
+    type: (StringConstructor | NumberConstructor)[];
+    default: undefined;
+  };
+}>, () => 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<{
+  /** 属于第几个面板；不写就跟着所在的日历走。 */
+  index: {
+    type: (StringConstructor | NumberConstructor)[];
+    default: undefined;
+  };
+}>> & Readonly<{}>, {
+  index: string | number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhDatePickerHeadingYearTrigger: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  /** 属于第几个面板；不写就跟着所在的日历走。 */
+  index: {
+    type: (StringConstructor | NumberConstructor)[];
+    default: undefined;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  /** 属于第几个面板；不写就跟着所在的日历走。 */
+  index: {
+    type: (StringConstructor | NumberConstructor)[];
+    default: undefined;
+  };
+}>> & Readonly<{}>, {
+  index: string | number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhDatePickerHeadingMonthTrigger: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  /** 属于第几个面板；不写就跟着所在的日历走。 */
+  index: {
+    type: (StringConstructor | NumberConstructor)[];
+    default: undefined;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  /** 属于第几个面板；不写就跟着所在的日历走。 */
+  index: {
+    type: (StringConstructor | NumberConstructor)[];
+    default: undefined;
+  };
+}>> & Readonly<{}>, {
+  index: string | number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhDatePickerGrid: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  /** 属于第几个面板；不写就跟着所在的日历走。 */
+  index: {
+    type: (StringConstructor | NumberConstructor)[];
+    default: undefined;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  /** 属于第几个面板；不写就跟着所在的日历走。 */
+  index: {
+    type: (StringConstructor | NumberConstructor)[];
+    default: undefined;
+  };
+}>> & Readonly<{}>, {
+  index: string | number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhDatePickerGridHead: 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>;
@@ -283,6 +525,21 @@ declare const XhDatePickerGridBody: import("vue").DefineComponent<{}, () => VNod
 declare const XhDatePickerWeekRow: 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 XhDatePickerWeekNumber: 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 XhDatePickerWeekDay: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   value: {
     type: PropType<number | string>;
@@ -302,6 +559,14 @@ declare const XhDatePickerCell: import("vue").DefineComponent<import("vue").Extr
     type: StringConstructor;
     required: true;
   };
+  /**
+   * 属于第几个面板；不写就跟着所在的日历走。同一天会同时出现在两个面板里
+   * （8 月末那几天也铺在 9 月的首行），「是不是本月」只有连着面板一起看才判得出来。
+   */
+  index: {
+    type: (StringConstructor | NumberConstructor)[];
+    default: undefined;
+  };
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -310,7 +575,17 @@ declare const XhDatePickerCell: import("vue").DefineComponent<import("vue").Extr
     type: StringConstructor;
     required: true;
   };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+  /**
+   * 属于第几个面板；不写就跟着所在的日历走。同一天会同时出现在两个面板里
+   * （8 月末那几天也铺在 9 月的首行），「是不是本月」只有连着面板一起看才判得出来。
+   */
+  index: {
+    type: (StringConstructor | NumberConstructor)[];
+    default: undefined;
+  };
+}>> & Readonly<{}>, {
+  index: string | number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhDatePickerCellTrigger: 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>;
@@ -330,5 +605,5 @@ declare const XhDatePickerHiddenInput: import("vue").DefineComponent<import("vue
   index: string | number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
-export { DatePickerRootSlotProps, DatePickerSegmentSlotProps, XhDatePickerCalendar, XhDatePickerCell, XhDatePickerCellTrigger, XhDatePickerClearTrigger, XhDatePickerConfirmTrigger, XhDatePickerContent, XhDatePickerControl, XhDatePickerGrid, XhDatePickerGridBody, XhDatePickerGridHead, XhDatePickerHeader, XhDatePickerHeading, XhDatePickerHiddenInput, XhDatePickerInput, XhDatePickerLabel, XhDatePickerNextTrigger, XhDatePickerPositioner, XhDatePickerPrevTrigger, XhDatePickerRoot, XhDatePickerSegment, XhDatePickerTimePanel, XhDatePickerTrigger, XhDatePickerWeekDay, XhDatePickerWeekRow };
+export { DatePickerPresetsSlotProps, DatePickerRootSlotProps, DatePickerSegmentSlotProps, XhDatePickerCalendar, XhDatePickerCell, XhDatePickerCellTrigger, XhDatePickerClearTrigger, XhDatePickerConfirmTrigger, XhDatePickerContent, XhDatePickerControl, XhDatePickerGrid, XhDatePickerGridBody, XhDatePickerGridHead, XhDatePickerHeader, XhDatePickerHeading, XhDatePickerHeadingMonthTrigger, XhDatePickerHeadingYearTrigger, XhDatePickerHiddenInput, XhDatePickerLabel, XhDatePickerNextTrigger, XhDatePickerNextYearTrigger, XhDatePickerPositioner, XhDatePickerPreset, XhDatePickerPresets, XhDatePickerPrevTrigger, XhDatePickerPrevYearTrigger, XhDatePickerRoot, XhDatePickerSegment, XhDatePickerSegmentGroup, XhDatePickerTimePanel, XhDatePickerTrigger, XhDatePickerWeekDay, XhDatePickerWeekNumber, XhDatePickerWeekRow };
 //# sourceMappingURL=date-picker.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"date-picker.d.ts","names":[],"sources":["../../../src/components/date-picker/date-picker.ts"],"mappings":"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"}
+{"version":3,"file":"date-picker.d.ts","names":[],"sources":["../../../src/components/date-picker/date-picker.ts"],"mappings":"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"}