@xihan-ui/vue 2.1.0 → 3.0.0

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

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

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

@@ -5,19 +5,54 @@ declare const XhCardRoot: import("vue").DefineComponent<import("vue").ExtractPro
   variant: {
     type: PropType<ControlVariant>;
   };
+  /** 整卡可交互：标题里的 trigger 把点击区铺满整张卡片。 */
+  interactive: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   variant: {
     type: PropType<ControlVariant>;
   };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+  /** 整卡可交互：标题里的 trigger 把点击区铺满整张卡片。 */
+  interactive: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+}>> & Readonly<{}>, {
+  interactive: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhCardHeader: import("vue").DefineComponent<{}, () => import("vue").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 XhCardTitle: import("vue").DefineComponent<{}, () => import("vue").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>;
+/**
+ * 整卡的触发器，放在 title 里：给了 href 渲染链接，不给渲染 `<button type="button">`；
+ * 路由链接等作者自己的节点用 asChild。卡片 interactive 时它的点击区铺满整张卡片。
+ */
+declare const XhCardTrigger: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  /** 链接地址；给了渲染 `<a>`，不给渲染按钮。 */
+  href: {
+    type: StringConstructor;
+  };
+  /** 借用作者的子节点作为触发器，不再渲染自己的元素；子节点须恰好一个。 */
+  asChild: BooleanConstructor;
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  /** 链接地址；给了渲染 `<a>`，不给渲染按钮。 */
+  href: {
+    type: StringConstructor;
+  };
+  /** 借用作者的子节点作为触发器，不再渲染自己的元素；子节点须恰好一个。 */
+  asChild: BooleanConstructor;
+}>> & Readonly<{}>, {
+  asChild: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhCardDescription: import("vue").DefineComponent<{}, () => import("vue").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>;
@@ -28,5 +63,5 @@ declare const XhCardFooter: import("vue").DefineComponent<{}, () => import("vue"
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
-export { XhCardContent, XhCardDescription, XhCardFooter, XhCardHeader, XhCardRoot, XhCardTitle };
+export { XhCardContent, XhCardDescription, XhCardFooter, XhCardHeader, XhCardRoot, XhCardTitle, XhCardTrigger };
 //# sourceMappingURL=card.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","names":[],"sources":["../../../src/components/card/card.ts"],"mappings":";;;cAgBa,0BAAU,8BAAA;;IAIQ,MAAA,SAAS;;;;;;IAAT,MAAA,SAAS;;MAStC,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,6BAAa,wCAAA,oBAAA,4BAAA;;8BAMxB,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":";;;cAkBa,0BAAU,8BAAA;;IAIQ,MAAA,SAAS;;;;;;;;;;;IAAT,MAAA,SAAS;;;;;;;;;qCAWtC;cAEW,4BAAY,wCAAA,oBAAA,4BAAA;;8BAMvB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,2BAAW,wCAAA,oBAAA,4BAAA;;8BAMtB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;;;;cAMW,6BAAa,8BAAA;;;;;;;;;;;;;;;;;;qCAsBxB;cAEW,iCAAiB,wCAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,6BAAa,wCAAA,oBAAA,4BAAA;;8BAMxB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,4BAAY,wCAAA,oBAAA,4BAAA;;8BAMvB,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/card/card.js

@@ -1,12 +1,21 @@
 import { vueNormalize } from "../../runtime/normalize-props.js";
 import { withXhConfig } from "../../config/config.js";
+import { mergePartProps } from "../../runtime/merge-props.js";
+import { mergeIntoChild } from "../../runtime/as-child.js";
 import { provideCard, useCardContext } from "./context.js";
 import { computed, defineComponent, h } from "vue";
 import { connectCard } from "@xihan-ui/headless";
 //#region src/components/card/card.ts
 const XhCardRoot = defineComponent({
 	name: "XhCardRoot",
-	props: { variant: { type: String } },
+	props: {
+		variant: { type: String },
+		/** 整卡可交互：标题里的 trigger 把点击区铺满整张卡片。 */
+		interactive: {
+			type: Boolean,
+			default: void 0
+		}
+	},
 	setup(props, { slots }) {
 		const configured = withXhConfig("card", props);
 		const api = computed(() => connectCard(configured, vueNormalize));
@@ -28,6 +37,35 @@ const XhCardTitle = defineComponent({
 		return () => h("h3", ctx.api.value.getTitleProps(), slots.default?.());
 	}
 });
+/**
+* 整卡的触发器，放在 title 里：给了 href 渲染链接，不给渲染 `<button type="button">`；
+* 路由链接等作者自己的节点用 asChild。卡片 interactive 时它的点击区铺满整张卡片。
+*/
+const XhCardTrigger = defineComponent({
+	name: "XhCardTrigger",
+	inheritAttrs: false,
+	props: {
+		/** 链接地址；给了渲染 `<a>`，不给渲染按钮。 */
+		href: { type: String },
+		/** 借用作者的子节点作为触发器，不再渲染自己的元素；子节点须恰好一个。 */
+		asChild: Boolean
+	},
+	setup(props, { slots, attrs }) {
+		const ctx = useCardContext();
+		return () => {
+			const part = mergePartProps(ctx.api.value.getTriggerProps(), attrs);
+			const children = slots.default?.();
+			if (props.asChild) return mergeIntoChild(children, part, "card");
+			return props.href == null ? h("button", {
+				type: "button",
+				...part
+			}, children) : h("a", {
+				...part,
+				href: props.href
+			}, children);
+		};
+	}
+});
 const XhCardDescription = defineComponent({
 	name: "XhCardDescription",
 	setup(_, { slots }) {
@@ -50,6 +88,6 @@ const XhCardFooter = defineComponent({
 	}
 });
 //#endregion
-export { XhCardContent, XhCardDescription, XhCardFooter, XhCardHeader, XhCardRoot, XhCardTitle };
+export { XhCardContent, XhCardDescription, XhCardFooter, XhCardHeader, XhCardRoot, XhCardTitle, XhCardTrigger };
 
 //# sourceMappingURL=card.js.map

package/dist/components/card/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","names":[],"sources":["../../../src/components/card/card.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 card 相关实现。\n\nimport type { ControlVariant } from '@xihan-ui/core'\nimport type { CardProps } from '@xihan-ui/headless'\nimport type { PropType } from 'vue'\nimport { connectCard } from '@xihan-ui/headless'\nimport { computed, defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { provideCard, useCardContext } from './context'\n\nexport const XhCardRoot = defineComponent({\n  name: 'XhCardRoot',\n  // 缺省值由 connect 给出。\n  props: {\n    variant: { type: String as PropType<ControlVariant> },\n  },\n  setup(props, { slots }) {\n    // withXhConfig 只能在 setup 期调，连接层在渲染期读这份代理\n    const configured = withXhConfig('card', props)\n    const api = computed(() => connectCard(configured as CardProps, vueNormalize))\n    provideCard({ api })\n    return () => h('div', api.value.getRootProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCardHeader = defineComponent({\n  name: 'XhCardHeader',\n  setup(_, { slots }) {\n    const ctx = useCardContext()\n    return () => h('div', ctx.api.value.getHeaderProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCardTitle = defineComponent({\n  name: 'XhCardTitle',\n  setup(_, { slots }) {\n    const ctx = useCardContext()\n    return () => h('h3', ctx.api.value.getTitleProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCardDescription = defineComponent({\n  name: 'XhCardDescription',\n  setup(_, { slots }) {\n    const ctx = useCardContext()\n    return () => h('p', ctx.api.value.getDescriptionProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCardContent = defineComponent({\n  name: 'XhCardContent',\n  setup(_, { slots }) {\n    const ctx = useCardContext()\n    return () => h('div', ctx.api.value.getContentProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCardFooter = defineComponent({\n  name: 'XhCardFooter',\n  setup(_, { slots }) {\n    const ctx = useCardContext()\n    return () => h('div', ctx.api.value.getFooterProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":";;;;;;AAgBA,MAAa,aAAa,gBAAgB;CACxC,MAAM;CAEN,OAAO,EACL,SAAS,EAAE,MAAM,OAAmC,EACtD;CACA,MAAM,OAAO,EAAE,SAAS;EAEtB,MAAM,aAAa,aAAa,QAAQ,KAAK;EAC7C,MAAM,MAAM,eAAe,YAAY,YAAyB,YAAY,CAAC;EAC7E,YAAY,EAAE,IAAI,CAAC;EACnB,aAAa,EAAE,OAAO,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CAC9F;AACF,CAAC;AAED,MAAa,eAAe,gBAAgB;CAC1C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,eAAe;EAC3B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,eAAe,GAA8B,MAAM,UAAU,CAAC;CACpG;AACF,CAAC;AAED,MAAa,cAAc,gBAAgB;CACzC,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,eAAe;EAC3B,aAAa,EAAE,MAAM,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CAClG;AACF,CAAC;AAED,MAAa,oBAAoB,gBAAgB;CAC/C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,eAAe;EAC3B,aAAa,EAAE,KAAK,IAAI,IAAI,MAAM,oBAAoB,GAA8B,MAAM,UAAU,CAAC;CACvG;AACF,CAAC;AAED,MAAa,gBAAgB,gBAAgB;CAC3C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,eAAe;EAC3B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,gBAAgB,GAA8B,MAAM,UAAU,CAAC;CACrG;AACF,CAAC;AAED,MAAa,eAAe,gBAAgB;CAC1C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,eAAe;EAC3B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,eAAe,GAA8B,MAAM,UAAU,CAAC;CACpG;AACF,CAAC"}
+{"version":3,"file":"card.js","names":[],"sources":["../../../src/components/card/card.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 card 相关实现。\n\nimport type { ControlVariant } from '@xihan-ui/core'\nimport type { CardProps } from '@xihan-ui/headless'\nimport type { PropType } from 'vue'\nimport { connectCard } from '@xihan-ui/headless'\nimport { computed, defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { mergeIntoChild } from '../../runtime/as-child'\nimport { mergePartProps } from '../../runtime/merge-props'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { provideCard, useCardContext } from './context'\n\nexport const XhCardRoot = defineComponent({\n  name: 'XhCardRoot',\n  // 缺省值由 connect 给出。\n  props: {\n    variant: { type: String as PropType<ControlVariant> },\n    /** 整卡可交互：标题里的 trigger 把点击区铺满整张卡片。 */\n    interactive: { type: Boolean, default: undefined },\n  },\n  setup(props, { slots }) {\n    // withXhConfig 只能在 setup 期调，连接层在渲染期读这份代理\n    const configured = withXhConfig('card', props)\n    const api = computed(() => connectCard(configured as CardProps, vueNormalize))\n    provideCard({ api })\n    return () => h('div', api.value.getRootProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCardHeader = defineComponent({\n  name: 'XhCardHeader',\n  setup(_, { slots }) {\n    const ctx = useCardContext()\n    return () => h('div', ctx.api.value.getHeaderProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCardTitle = defineComponent({\n  name: 'XhCardTitle',\n  setup(_, { slots }) {\n    const ctx = useCardContext()\n    return () => h('h3', ctx.api.value.getTitleProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/**\n * 整卡的触发器，放在 title 里：给了 href 渲染链接，不给渲染 `<button type=\"button\">`；\n * 路由链接等作者自己的节点用 asChild。卡片 interactive 时它的点击区铺满整张卡片。\n */\nexport const XhCardTrigger = defineComponent({\n  name: 'XhCardTrigger',\n  // 直通属性自己合：Vue 默认把作者的处理器排在部件的后面，这里改成作者先跑\n  inheritAttrs: false,\n  props: {\n    /** 链接地址；给了渲染 `<a>`，不给渲染按钮。 */\n    href: { type: String },\n    /** 借用作者的子节点作为触发器，不再渲染自己的元素；子节点须恰好一个。 */\n    asChild: Boolean,\n  },\n  setup(props, { slots, attrs }) {\n    const ctx = useCardContext()\n    return () => {\n      const part = mergePartProps(ctx.api.value.getTriggerProps() as Record<string, unknown>, attrs)\n      const children = slots.default?.()\n      if (props.asChild)\n        return mergeIntoChild(children, part, 'card')\n      return props.href == null\n        ? h('button', { type: 'button', ...part }, children)\n        : h('a', { ...part, href: props.href }, children)\n    }\n  },\n})\n\nexport const XhCardDescription = defineComponent({\n  name: 'XhCardDescription',\n  setup(_, { slots }) {\n    const ctx = useCardContext()\n    return () => h('p', ctx.api.value.getDescriptionProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCardContent = defineComponent({\n  name: 'XhCardContent',\n  setup(_, { slots }) {\n    const ctx = useCardContext()\n    return () => h('div', ctx.api.value.getContentProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCardFooter = defineComponent({\n  name: 'XhCardFooter',\n  setup(_, { slots }) {\n    const ctx = useCardContext()\n    return () => h('div', ctx.api.value.getFooterProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":";;;;;;;;AAkBA,MAAa,aAAa,gBAAgB;CACxC,MAAM;CAEN,OAAO;EACL,SAAS,EAAE,MAAM,OAAmC;;EAEpD,aAAa;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;CACnD;CACA,MAAM,OAAO,EAAE,SAAS;EAEtB,MAAM,aAAa,aAAa,QAAQ,KAAK;EAC7C,MAAM,MAAM,eAAe,YAAY,YAAyB,YAAY,CAAC;EAC7E,YAAY,EAAE,IAAI,CAAC;EACnB,aAAa,EAAE,OAAO,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CAC9F;AACF,CAAC;AAED,MAAa,eAAe,gBAAgB;CAC1C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,eAAe;EAC3B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,eAAe,GAA8B,MAAM,UAAU,CAAC;CACpG;AACF,CAAC;AAED,MAAa,cAAc,gBAAgB;CACzC,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,eAAe;EAC3B,aAAa,EAAE,MAAM,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CAClG;AACF,CAAC;;;;;AAMD,MAAa,gBAAgB,gBAAgB;CAC3C,MAAM;CAEN,cAAc;CACd,OAAO;;EAEL,MAAM,EAAE,MAAM,OAAO;;EAErB,SAAS;CACX;CACA,MAAM,OAAO,EAAE,OAAO,SAAS;EAC7B,MAAM,MAAM,eAAe;EAC3B,aAAa;GACX,MAAM,OAAO,eAAe,IAAI,IAAI,MAAM,gBAAgB,GAA8B,KAAK;GAC7F,MAAM,WAAW,MAAM,UAAU;GACjC,IAAI,MAAM,SACR,OAAO,eAAe,UAAU,MAAM,MAAM;GAC9C,OAAO,MAAM,QAAQ,OACjB,EAAE,UAAU;IAAE,MAAM;IAAU,GAAG;GAAK,GAAG,QAAQ,IACjD,EAAE,KAAK;IAAE,GAAG;IAAM,MAAM,MAAM;GAAK,GAAG,QAAQ;EACpD;CACF;AACF,CAAC;AAED,MAAa,oBAAoB,gBAAgB;CAC/C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,eAAe;EAC3B,aAAa,EAAE,KAAK,IAAI,IAAI,MAAM,oBAAoB,GAA8B,MAAM,UAAU,CAAC;CACvG;AACF,CAAC;AAED,MAAa,gBAAgB,gBAAgB;CAC3C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,eAAe;EAC3B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,gBAAgB,GAA8B,MAAM,UAAU,CAAC;CACrG;AACF,CAAC;AAED,MAAa,eAAe,gBAAgB;CAC1C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,eAAe;EAC3B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,eAAe,GAA8B,MAAM,UAAU,CAAC;CACpG;AACF,CAAC"}

package/dist/components/carousel/carousel.d.ts

@@ -1,7 +1,7 @@
 import { PayloadOf } from "../../runtime/payload.js";
 import { PropType, SlotsType, VNode } from "vue";
 import { Direction, Orientation } from "@xihan-ui/core";
-import { CarouselApi, CarouselSchema, CarouselTranslations } from "@xihan-ui/headless";
+import { CarouselApi, CarouselEffect, CarouselSchema, CarouselTranslations } from "@xihan-ui/headless";
 //#region src/components/carousel/carousel.d.ts
 type CarouselProps = CarouselSchema['props'];
 /** 默认插槽的载荷：当前页与翻页区间、自动播放与拖拽状态，以及翻页、播放的命令。 */
@@ -43,6 +43,9 @@ declare const XhCarouselRoot: import("vue").DefineComponent<import("vue").Extrac
   spacing: {
     type: StringConstructor;
   };
+  effect: {
+    type: PropType<CarouselEffect>;
+  };
   translations: {
     type: PropType<Partial<CarouselTranslations>>;
   };
@@ -88,6 +91,9 @@ declare const XhCarouselRoot: import("vue").DefineComponent<import("vue").Extrac
   spacing: {
     type: StringConstructor;
   };
+  effect: {
+    type: PropType<CarouselEffect>;
+  };
   translations: {
     type: PropType<Partial<CarouselTranslations>>;
   };

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

@@ -1 +1 @@
-{"version":3,"file":"carousel.d.ts","names":[],"sources":["../../../src/components/carousel/carousel.ts"],"mappings":";;;;;KAgBK,gBAAgB;;KAGT,wBAAwB,KAClC;cAqBW,8BAAc,8BAAA;;;;;;;;;;;;;;;;;IASQ,MAAA,SAAS;;;IACjB,MAAA,SAAS;;;;;;;IAGO,MAAA;;;;;;;;;;;IAGP,MAAA,SAAS,QAAQ;;;;;EAIvB,gBAAA,UAAA,UAAU;EACb,gBAAA,OAAA,UAAU;;;;;;;;;;;;;;;;;;IAZF,MAAA,SAAS;;;IACjB,MAAA,SAAS;;;;;;;IAGO,MAAA;;;;;;;;;;;IAGP,MAAA,SAAS,QAAQ;;;;;;;;;;EAQvC,WAAC,OAAO,0BAA0B;kCA8B9C;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAM7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,8BAAc,0BAAA,oBAAA,4BAAA;;8BAMzB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,8BAAc,8BAAA;;IAIY,MAAA;;;;;;;IAAA,MAAA;;;MAUrC,oDAAA;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAMhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAMhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;;;;;;cAQW,yCAAyB,0BAAA,oBAAA,4BAAA;;;EAGxB,WAAC;IAAS;QAAuB;kCAU7C;cAEW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BAMnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,8BAAA;;IAIO,MAAA;;;;;;;IAAA,MAAA;;;MAUrC,oDAAA"}
+{"version":3,"file":"carousel.d.ts","names":[],"sources":["../../../src/components/carousel/carousel.ts"],"mappings":";;;;;KAgBK,gBAAgB;;KAGT,wBAAwB,KAClC;cAqBW,8BAAc,8BAAA;;;;;;;;;;;;;;;;;IASQ,MAAA,SAAS;;;IACjB,MAAA,SAAS;;;;;;;IAGO,MAAA;;;;;;;;;;;IAGb,MAAA,SAAS;;;IACH,MAAA,SAAS,QAAQ;;;;;EAIvB,gBAAA,UAAA,UAAU;EACb,gBAAA,OAAA,UAAU;;;;;;;;;;;;;;;;;;IAbF,MAAA,SAAS;;;IACjB,MAAA,SAAS;;;;;;;IAGO,MAAA;;;;;;;;;;;IAGb,MAAA,SAAS;;;IACH,MAAA,SAAS,QAAQ;;;;;;;;;;EAQvC,WAAC,OAAO,0BAA0B;kCA8B9C;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAM7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,8BAAc,0BAAA,oBAAA,4BAAA;;8BAMzB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,8BAAc,8BAAA;;IAIY,MAAA;;;;;;;IAAA,MAAA;;;MAUrC,oDAAA;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAMhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAMhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;;;;;;cAQW,yCAAyB,0BAAA,oBAAA,4BAAA;;;EAGxB,WAAC;IAAS;QAAuB;kCAU7C;cAEW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BAMnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,8BAAA;;IAIO,MAAA;;;;;;;IAAA,MAAA;;;MAUrC,oDAAA"}

package/dist/components/carousel/carousel.js

@@ -26,6 +26,7 @@ const XhCarouselRoot = defineComponent({
 			default: void 0
 		},
 		spacing: { type: String },
+		effect: { type: String },
 		translations: { type: Object }
 	},
 	emits: {

package/dist/components/carousel/carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.js","names":[],"sources":["../../../src/components/carousel/carousel.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 carousel 相关实现。\n\nimport type { Direction, Orientation } from '@xihan-ui/core'\nimport type { CarouselApi, CarouselSchema, CarouselTranslations } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { provideCarousel, useCarouselContext } from './context'\nimport { useCarousel } from './use-carousel'\n\ntype CarouselProps = CarouselSchema['props']\n\n/** 默认插槽的载荷：当前页与翻页区间、自动播放与拖拽状态，以及翻页、播放的命令。 */\nexport type CarouselRootSlotProps = Pick<\n  CarouselApi,\n  | 'page'\n  | 'totalPages'\n  | 'slideCount'\n  | 'slideRange'\n  | 'pageSnapPoints'\n  | 'canScrollPrev'\n  | 'canScrollNext'\n  | 'autoplaying'\n  | 'paused'\n  | 'autoplayStopped'\n  | 'dragging'\n  | 'isInView'\n  | 'setPage'\n  | 'goToPrev'\n  | 'goToNext'\n  | 'play'\n  | 'pause'\n  | 'resume'\n>\n\nexport const XhCarouselRoot = defineComponent({\n  name: 'XhCarouselRoot',\n  // 缺省值由 connect 给出；普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    page: { type: Number },\n    defaultPage: { type: Number },\n    slideCount: { type: Number },\n    slidesPerPage: { type: Number },\n    slidesPerMove: { type: Number },\n    orientation: { type: String as PropType<Orientation> },\n    dir: { type: String as PropType<Direction> },\n    loop: { type: Boolean, default: undefined },\n    // 布尔或毫秒：true 用默认间隔，数值即间隔\n    autoplay: { type: [Boolean, Number] as PropType<boolean | number>, default: undefined },\n    allowPointerDrag: { type: Boolean, default: undefined },\n    spacing: { type: String },\n    translations: { type: Object as PropType<Partial<CarouselTranslations>> },\n  },\n  // page-change 携带 { page }，update:page 携带裸页码\n  emits: {\n    'page-change': (_details: PayloadOf<CarouselProps, 'onPageChange'>) => true,\n    'update:page': (_page: PayloadOf<CarouselProps, 'onPageChange'>['page']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: CarouselRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notify: CarouselProps['onPageChange'] = (details) => {\n      emit('page-change', details)\n      emit('update:page', details.page)\n    }\n    const ctx = useCarousel(withXhConfig('carousel', props) as CarouselProps, notify)\n    provideCarousel(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      page: ctx.api.value.page,\n      totalPages: ctx.api.value.totalPages,\n      slideCount: ctx.api.value.slideCount,\n      slideRange: ctx.api.value.slideRange,\n      pageSnapPoints: ctx.api.value.pageSnapPoints,\n      canScrollPrev: ctx.api.value.canScrollPrev,\n      canScrollNext: ctx.api.value.canScrollNext,\n      autoplaying: ctx.api.value.autoplaying,\n      paused: ctx.api.value.paused,\n      autoplayStopped: ctx.api.value.autoplayStopped,\n      dragging: ctx.api.value.dragging,\n      isInView: ctx.api.value.isInView,\n      setPage: ctx.api.value.setPage,\n      goToPrev: ctx.api.value.goToPrev,\n      goToNext: ctx.api.value.goToNext,\n      play: ctx.api.value.play,\n      pause: ctx.api.value.pause,\n      resume: ctx.api.value.resume,\n    }))\n  },\n})\n\nexport const XhCarouselViewport = defineComponent({\n  name: 'XhCarouselViewport',\n  setup(_, { slots }) {\n    const ctx = useCarouselContext()\n    return () => h('div', ctx.api.value.getViewportProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCarouselList = defineComponent({\n  name: 'XhCarouselList',\n  setup(_, { slots }) {\n    const ctx = useCarouselContext()\n    return () => h('div', ctx.api.value.getListProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCarouselItem = defineComponent({\n  name: 'XhCarouselItem',\n  props: {\n    // 下标由作者声明，兼收字符串以支持模板里写 index=\"0\"\n    index: { type: [Number, String] as PropType<number | string>, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useCarouselContext()\n    return () => h(\n      'div',\n      ctx.api.value.getItemProps({ index: Number(props.index) }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhCarouselPrevTrigger = defineComponent({\n  name: 'XhCarouselPrevTrigger',\n  setup(_, { slots }) {\n    const ctx = useCarouselContext()\n    return () => h('button', ctx.api.value.getPrevTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCarouselNextTrigger = defineComponent({\n  name: 'XhCarouselNextTrigger',\n  setup(_, { slots }) {\n    const ctx = useCarouselContext()\n    return () => h('button', ctx.api.value.getNextTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/**\n * 播放 / 暂停开关。开启 autoplay 后应当渲染它：\n * 自动翻页必须有一处能够停止，且停止之后不会被其他交互重新启动。\n *\n * 插槽得到的 `stopped` 是用户是否已按下停止，不含悬停与焦点两路的临时暂停。\n */\nexport const XhCarouselAutoplayTrigger = defineComponent({\n  name: 'XhCarouselAutoplayTrigger',\n  slots: Object as SlotsType<{\n    default?: (props: { stopped: boolean }) => VNode[]\n  }>,\n  setup(_, { slots }) {\n    const ctx = useCarouselContext()\n    return () => h(\n      'button',\n      ctx.api.value.getAutoplayTriggerProps() as Record<string, unknown>,\n      slots.default?.({ stopped: ctx.api.value.autoplayStopped }),\n    )\n  },\n})\n\nexport const XhCarouselIndicatorGroup = defineComponent({\n  name: 'XhCarouselIndicatorGroup',\n  setup(_, { slots }) {\n    const ctx = useCarouselContext()\n    return () => h('div', ctx.api.value.getIndicatorGroupProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCarouselIndicator = defineComponent({\n  name: 'XhCarouselIndicator',\n  props: {\n    // 指示点对应的页码，0 基；兼收字符串\n    index: { type: [Number, String] as PropType<number | string>, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useCarouselContext()\n    return () => h(\n      'button',\n      ctx.api.value.getIndicatorProps({ index: Number(props.index) }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"carousel.js","names":[],"sources":["../../../src/components/carousel/carousel.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 carousel 相关实现。\n\nimport type { Direction, Orientation } from '@xihan-ui/core'\nimport type { CarouselApi, CarouselEffect, CarouselSchema, CarouselTranslations } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { provideCarousel, useCarouselContext } from './context'\nimport { useCarousel } from './use-carousel'\n\ntype CarouselProps = CarouselSchema['props']\n\n/** 默认插槽的载荷：当前页与翻页区间、自动播放与拖拽状态，以及翻页、播放的命令。 */\nexport type CarouselRootSlotProps = Pick<\n  CarouselApi,\n  | 'page'\n  | 'totalPages'\n  | 'slideCount'\n  | 'slideRange'\n  | 'pageSnapPoints'\n  | 'canScrollPrev'\n  | 'canScrollNext'\n  | 'autoplaying'\n  | 'paused'\n  | 'autoplayStopped'\n  | 'dragging'\n  | 'isInView'\n  | 'setPage'\n  | 'goToPrev'\n  | 'goToNext'\n  | 'play'\n  | 'pause'\n  | 'resume'\n>\n\nexport const XhCarouselRoot = defineComponent({\n  name: 'XhCarouselRoot',\n  // 缺省值由 connect 给出；普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    page: { type: Number },\n    defaultPage: { type: Number },\n    slideCount: { type: Number },\n    slidesPerPage: { type: Number },\n    slidesPerMove: { type: Number },\n    orientation: { type: String as PropType<Orientation> },\n    dir: { type: String as PropType<Direction> },\n    loop: { type: Boolean, default: undefined },\n    // 布尔或毫秒：true 用默认间隔，数值即间隔\n    autoplay: { type: [Boolean, Number] as PropType<boolean | number>, default: undefined },\n    allowPointerDrag: { type: Boolean, default: undefined },\n    spacing: { type: String },\n    effect: { type: String as PropType<CarouselEffect> },\n    translations: { type: Object as PropType<Partial<CarouselTranslations>> },\n  },\n  // page-change 携带 { page }，update:page 携带裸页码\n  emits: {\n    'page-change': (_details: PayloadOf<CarouselProps, 'onPageChange'>) => true,\n    'update:page': (_page: PayloadOf<CarouselProps, 'onPageChange'>['page']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: CarouselRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notify: CarouselProps['onPageChange'] = (details) => {\n      emit('page-change', details)\n      emit('update:page', details.page)\n    }\n    const ctx = useCarousel(withXhConfig('carousel', props) as CarouselProps, notify)\n    provideCarousel(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      page: ctx.api.value.page,\n      totalPages: ctx.api.value.totalPages,\n      slideCount: ctx.api.value.slideCount,\n      slideRange: ctx.api.value.slideRange,\n      pageSnapPoints: ctx.api.value.pageSnapPoints,\n      canScrollPrev: ctx.api.value.canScrollPrev,\n      canScrollNext: ctx.api.value.canScrollNext,\n      autoplaying: ctx.api.value.autoplaying,\n      paused: ctx.api.value.paused,\n      autoplayStopped: ctx.api.value.autoplayStopped,\n      dragging: ctx.api.value.dragging,\n      isInView: ctx.api.value.isInView,\n      setPage: ctx.api.value.setPage,\n      goToPrev: ctx.api.value.goToPrev,\n      goToNext: ctx.api.value.goToNext,\n      play: ctx.api.value.play,\n      pause: ctx.api.value.pause,\n      resume: ctx.api.value.resume,\n    }))\n  },\n})\n\nexport const XhCarouselViewport = defineComponent({\n  name: 'XhCarouselViewport',\n  setup(_, { slots }) {\n    const ctx = useCarouselContext()\n    return () => h('div', ctx.api.value.getViewportProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCarouselList = defineComponent({\n  name: 'XhCarouselList',\n  setup(_, { slots }) {\n    const ctx = useCarouselContext()\n    return () => h('div', ctx.api.value.getListProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCarouselItem = defineComponent({\n  name: 'XhCarouselItem',\n  props: {\n    // 下标由作者声明，兼收字符串以支持模板里写 index=\"0\"\n    index: { type: [Number, String] as PropType<number | string>, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useCarouselContext()\n    return () => h(\n      'div',\n      ctx.api.value.getItemProps({ index: Number(props.index) }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhCarouselPrevTrigger = defineComponent({\n  name: 'XhCarouselPrevTrigger',\n  setup(_, { slots }) {\n    const ctx = useCarouselContext()\n    return () => h('button', ctx.api.value.getPrevTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCarouselNextTrigger = defineComponent({\n  name: 'XhCarouselNextTrigger',\n  setup(_, { slots }) {\n    const ctx = useCarouselContext()\n    return () => h('button', ctx.api.value.getNextTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/**\n * 播放 / 暂停开关。开启 autoplay 后应当渲染它：\n * 自动翻页必须有一处能够停止，且停止之后不会被其他交互重新启动。\n *\n * 插槽得到的 `stopped` 是用户是否已按下停止，不含悬停与焦点两路的临时暂停。\n */\nexport const XhCarouselAutoplayTrigger = defineComponent({\n  name: 'XhCarouselAutoplayTrigger',\n  slots: Object as SlotsType<{\n    default?: (props: { stopped: boolean }) => VNode[]\n  }>,\n  setup(_, { slots }) {\n    const ctx = useCarouselContext()\n    return () => h(\n      'button',\n      ctx.api.value.getAutoplayTriggerProps() as Record<string, unknown>,\n      slots.default?.({ stopped: ctx.api.value.autoplayStopped }),\n    )\n  },\n})\n\nexport const XhCarouselIndicatorGroup = defineComponent({\n  name: 'XhCarouselIndicatorGroup',\n  setup(_, { slots }) {\n    const ctx = useCarouselContext()\n    return () => h('div', ctx.api.value.getIndicatorGroupProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhCarouselIndicator = defineComponent({\n  name: 'XhCarouselIndicator',\n  props: {\n    // 指示点对应的页码，0 基；兼收字符串\n    index: { type: [Number, String] as PropType<number | string>, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useCarouselContext()\n    return () => h(\n      'button',\n      ctx.api.value.getIndicatorProps({ index: Number(props.index) }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"use-carousel.d.ts","names":[],"sources":["../../../src/components/carousel/use-carousel.ts"],"mappings":";;;UAciB;EACf,KAAK,YAAY;;iBAGH,YACd,OAAO,yBACP,eAAe,0CACd"}
+{"version":3,"file":"use-carousel.d.ts","names":[],"sources":["../../../src/components/carousel/use-carousel.ts"],"mappings":";;;UAgBiB;EACf,KAAK,YAAY;;iBAGH,YACd,OAAO,yBACP,eAAe,0CACd"}

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

@@ -1,13 +1,15 @@
 import { vueNormalize } from "../../runtime/normalize-props.js";
 import { useMachine } from "../../runtime/use-machine.js";
+import { createVueIdGenerator } from "../../runtime/vue-id.js";
 import { computed } from "vue";
+import { createScope } from "@xihan-ui/core";
 import { carouselMachine, connectCarousel } from "@xihan-ui/headless";
 //#region src/components/carousel/use-carousel.ts
 function useCarousel(props, onPageChange) {
 	const service = useMachine(carouselMachine, () => ({
 		...props,
 		onPageChange
-	}));
+	}), createScope(null, createVueIdGenerator()));
 	return { api: computed(() => connectCarousel(service, vueNormalize)) };
 }
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"use-carousel.js","names":[],"sources":["../../../src/components/carousel/use-carousel.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 use carousel 相关实现。\n\nimport type { CarouselApi, CarouselSchema } from '@xihan-ui/headless'\nimport type { ComputedRef } from 'vue'\nimport { carouselMachine, connectCarousel } from '@xihan-ui/headless'\nimport { computed } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\n\nexport interface CarouselContext {\n  api: ComputedRef<CarouselApi>\n}\n\nexport function useCarousel(\n  props: CarouselSchema['props'],\n  onPageChange?: CarouselSchema['props']['onPageChange'],\n): CarouselContext {\n  const service = useMachine(carouselMachine, () => ({ ...props, onPageChange }))\n  const api = computed(() => connectCarousel(service, vueNormalize))\n  return { api }\n}\n"],"mappings":";;;;;AAkBA,SAAgB,YACd,OACA,cACiB;CACjB,MAAM,UAAU,WAAW,wBAAwB;EAAE,GAAG;EAAO;CAAa,EAAE;CAE9E,OAAO,EAAE,KADG,eAAe,gBAAgB,SAAS,YAAY,CACrD,EAAE;AACf"}
+{"version":3,"file":"use-carousel.js","names":[],"sources":["../../../src/components/carousel/use-carousel.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 use carousel 相关实现。\n\nimport type { CarouselApi, CarouselSchema } from '@xihan-ui/headless'\nimport type { ComputedRef } from 'vue'\nimport { createScope } from '@xihan-ui/core'\nimport { carouselMachine, connectCarousel } from '@xihan-ui/headless'\nimport { computed } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface CarouselContext {\n  api: ComputedRef<CarouselApi>\n}\n\nexport function useCarousel(\n  props: CarouselSchema['props'],\n  onPageChange?: CarouselSchema['props']['onPageChange'],\n): CarouselContext {\n  // 根与视口带 id：用 Vue 的 useId 派生的 scope，服务端与水合两侧同号\n  const service = useMachine(carouselMachine, () => ({ ...props, onPageChange }), createScope(null, createVueIdGenerator()))\n  const api = computed(() => connectCarousel(service, vueNormalize))\n  return { api }\n}\n"],"mappings":";;;;;;;AAoBA,SAAgB,YACd,OACA,cACiB;CAEjB,MAAM,UAAU,WAAW,wBAAwB;EAAE,GAAG;EAAO;CAAa,IAAI,YAAY,MAAM,qBAAqB,CAAC,CAAC;CAEzH,OAAO,EAAE,KADG,eAAe,gBAAgB,SAAS,YAAY,CACrD,EAAE;AACf"}