@koi-design/uxd-ui 13.2.7 → 14.0.0

package/es/components/Calendar/table/DateTable.mjs

@@ -236,11 +236,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               renderSlot(_ctx.$slots, "date", { current: cell }, () => [
                 createElementVNode("div", {
                   class: normalizeClass(`${_ctx.prefixCls}-date`)
-                }, [
-                  createElementVNode("span", {
-                    class: normalizeClass(`${_ctx.prefixCls}-inner`)
-                  }, toDisplayString(cell.text), 3)
-                ], 2)
+                }, toDisplayString(cell.text), 3)
               ])
             ], 42, _hoisted_2);
           }), 128))
@@ -249,7 +245,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 2);
 }
-var DateTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Calendar\\table\\DateTable.vue"]]);
+var DateTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Calendar/table/DateTable.vue"]]);
 
 export { DateTable as default };
 //# sourceMappingURL=DateTable.mjs.map

package/es/components/Calendar/table/DateTable.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DateTable.mjs","sources":["../../../../../src/components/Calendar/table/DateTable.vue"],"sourcesContent":["<template>\n  <table :class=\"[`${prefixCls}-table`]\">\n    <thead>\n      <tr>\n        <th v-if=\"weekMode\" :class=\"`${prefixCls}-column-header ${prefixCls}-week-number-header`\">&nbsp;</th>\n        <th v-for=\"day in weekDays\" :key=\"day.key\" :class=\"`${prefixCls}-column-header`\">\n          {{ day.text }}\n        </th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr\n        v-for=\"(row, index) in dateTable\"\n        :key=\"index\"\n        :class=\"{\n          [`${prefixCls}-week-row`]: weekMode,\n          [`${prefixCls}-week-row-active`]: row[0].active\n        }\"\n        @click=\"() => weekMode && onDateSelected(row[1])\"\n        @mouseenter=\"() => weekMode && onDateHover(row[1])\"\n      >\n        <td\n          v-for=\"(cell, cellIndex) in row\"\n          :key=\"cellIndex\"\n          :class=\"cell.class\"\n          @click=\"() => !weekMode && onDateSelected(cell)\"\n          @mouseenter=\"() => !weekMode && onDateHover(cell)\"\n        >\n          <slot name=\"date\" :current=\"cell\">\n            <div :class=\"`${prefixCls}-date`\">\n              <span :class=\"`${prefixCls}-inner`\">{{ cell.text }}</span>\n            </div>\n          </slot>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, watch } from 'vue';\nimport type { PropType } from 'vue';\nimport type { Dayjs } from 'dayjs';\nimport dayjs from 'dayjs';\nimport localeData from 'dayjs/plugin/localeData';\nimport weekOfYear from 'dayjs/plugin/weekOfYear';\nimport { isBeforeCurrentMonth, isAfterCurrentMonth } from '../utils';\nimport type { DateTableCell, DisabledDateFunction, WeekShortKeys } from '../Calendar.type';\nimport type { DatePickerLocal } from '../../locale/default';\n\nexport default defineComponent({\n  name: 'DateTable',\n  props: {\n    prefixCls: {\n      type: String,\n      default: ''\n    },\n    currentDate: {\n      type: Object as PropType<Dayjs>,\n      required: true\n    },\n    selectedDate: {\n      type: [Object, Array] as PropType<Dayjs | null | Array<Dayjs | null>>,\n      default: null\n    },\n    hoveredDate: {\n      type: Object as PropType<Dayjs | null>,\n      default: null\n    },\n    locale: {\n      type: Object as PropType<DatePickerLocal>\n    },\n    disabledDate: {\n      type: Function as PropType<DisabledDateFunction>\n    },\n    weekMode: {\n      type: Boolean,\n      default: false\n    }\n  },\n  emits: ['select', 'hover'],\n  setup(props, { emit }) {\n    dayjs.extend(localeData);\n    dayjs.extend(weekOfYear);\n    const firstDayOfWeek = dayjs().localeData().firstDayOfWeek() + (props.weekMode ? 1 : 0);\n    // const firstDayOfWeek = dayjs().localeData().firstDayOfWeek();\n    // ===========  thead ===============\n    const weekDays: { text: string; key: string }[] = [];\n    watch(\n      () => props.locale,\n      () => {\n        for (let i = 0; i < 7; i++) {\n          const _dayIndex = (firstDayOfWeek + i) % 7;\n          const _day = dayjs().day(_dayIndex);\n          const _short = _day.format('ddd');\n          weekDays[i] = {\n            text: props.locale && props.locale.weeks ? props.locale.weeks[_short.toLowerCase() as WeekShortKeys] : _short,\n            key: _short\n          };\n        }\n      },\n      { immediate: true }\n    );\n\n    // ============= tbody ===============\n\n    const dateTable = computed(() => {\n      const { currentDate } = props;\n      const { prefixCls } = props;\n\n      const startOfMonth = currentDate.date(1);\n      const startDay = startOfMonth.day();\n\n      const diff = (startDay + 7 - firstDayOfWeek) % 7;\n\n      const startDate = startOfMonth.subtract(diff, 'day');\n      let passed = 0;\n      const current = startDate;\n      const datas = [];\n      for (let i = 0; i < 6; i++) {\n        const row: DateTableCell[] = [];\n        if (props.weekMode) {\n          const day = current.add(passed, 'day');\n          row.push({\n            type: 'weekNumber',\n            text: day.week(),\n            class: `${prefixCls}-cell ${prefixCls}-week-number-cell`,\n            active: props.selectedDate !== null && !Array.isArray(props.selectedDate) ? day.week() === dayjs(props.selectedDate).week() : false\n          });\n        }\n        for (let j = 0; j < 7; j++) {\n          const day = current.add(passed, 'day');\n          let disabled = false;\n          let cls = `${prefixCls}-cell`;\n          if (day.isSame(dayjs(), 'day')) {\n            cls += ` ${prefixCls}-today`;\n          }\n          const isBeforeThisMonth = isBeforeCurrentMonth(day, currentDate);\n          const isAfterThisMonth = isAfterCurrentMonth(day, currentDate);\n\n          if (isBeforeThisMonth) {\n            cls += ` ${prefixCls}-last-month-cell`;\n          }\n          if (isAfterThisMonth) {\n            cls += ` ${prefixCls}-next-month-cell`;\n          }\n\n          if (props.disabledDate && props.disabledDate(day.toDate())) {\n            cls += ` ${prefixCls}-disabled-cell`;\n            disabled = true;\n          }\n\n          if (props.selectedDate && Array.isArray(props.selectedDate)) {\n            const [start, end] = props.selectedDate;\n            if (!isBeforeThisMonth && !isAfterThisMonth) {\n              if (start && !end) {\n                const hoverDate = props.hoveredDate;\n                if (hoverDate) {\n                  if (hoverDate.isAfter(start) || hoverDate.isSame(start)) {\n                    if (day.isSame(start, 'day')) {\n                      cls += ` ${prefixCls}-selected-start-date`;\n                    }\n                    const tempEnd = props.weekMode ? hoverDate.add(6, 'day') : hoverDate;\n                    if (day.isSame(tempEnd, 'day')) {\n                      cls += ` ${prefixCls}-selected-end-date`;\n                    }\n                    if (day.isAfter(start, 'day') && day.isBefore(tempEnd, 'day')) {\n                      cls += ` ${prefixCls}-in-range-cell`;\n                    }\n                  }\n                  if (hoverDate.isBefore(start)) {\n                    const tempEnd = props.weekMode ? start.add(6, 'day') : start;\n                    if (day.isSame(hoverDate, 'day')) {\n                      cls += ` ${prefixCls}-selected-start-date`;\n                    }\n                    if (day.isSame(tempEnd, 'day')) {\n                      cls += ` ${prefixCls}-selected-end-date`;\n                    }\n                    if (day.isAfter(hoverDate, 'day') && day.isBefore(tempEnd, 'day')) {\n                      cls += ` ${prefixCls}-in-range-cell`;\n                    }\n                  }\n                } else if (day.isSame(start, 'day')) {\n                  cls += ` ${prefixCls}-selected-start-date`;\n                  cls += ` ${prefixCls}-selected-end-date`;\n                }\n              } else if (start && end) {\n                if (day.isSame(start, 'day')) {\n                  cls += ` ${prefixCls}-selected-start-date`;\n                }\n                if (day.isSame(end, 'day')) {\n                  cls += ` ${prefixCls}-selected-end-date`;\n                }\n                if (day.isAfter(start, 'day') && day.isBefore(end, 'day')) {\n                  cls += ` ${prefixCls}-in-range-cell`;\n                }\n              }\n            }\n          } else if (props.selectedDate) {\n            const { selectedDate } = props;\n            if (props.weekMode) {\n              const _weekstart = selectedDate as Dayjs;\n              const _weekend = (selectedDate as Dayjs).add(6, 'day');\n              if (day.isSame(_weekstart, 'day')) {\n                cls += ` ${prefixCls}-selected-start-date`;\n              }\n              if (day.isSame(_weekend, 'day')) {\n                cls += ` ${prefixCls}-selected-end-date`;\n              }\n              if (day.isAfter(_weekstart, 'day') && day.isBefore(_weekend, 'day')) {\n                cls += ` ${prefixCls}-in-range-cell`;\n              }\n            } else if (day.isSame(selectedDate as Dayjs, 'day')) {\n              cls += ` ${prefixCls}-selected-date`;\n            }\n          }\n\n          row.push({\n            text: day.date(),\n            date: day,\n            rawDate: day.toDate(),\n            class: cls,\n            disabled\n          });\n          passed += 1;\n        }\n        datas.push(row);\n      }\n      return datas;\n    });\n\n    const onDateSelected = (cell: DateTableCell) => {\n      if (cell.disabled) {\n        return;\n      }\n      emit('select', cell.date);\n    };\n\n    const onDateHover = (cell: DateTableCell) => {\n      if (cell.disabled) {\n        return;\n      }\n      if (Array.isArray(props.selectedDate) && props.selectedDate[0] && !props.selectedDate[1]) {\n        emit('hover', cell.date);\n      }\n    };\n\n    return {\n      weekDays,\n      dateTable,\n      onDateSelected,\n      onDateHover\n    };\n  }\n});\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_Fragment","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"DateTable.mjs","sources":["../../../../../src/components/Calendar/table/DateTable.vue"],"sourcesContent":["<template>\n  <table :class=\"[`${prefixCls}-table`]\">\n    <thead>\n      <tr>\n        <th v-if=\"weekMode\" :class=\"`${prefixCls}-column-header ${prefixCls}-week-number-header`\">&nbsp;</th>\n        <th v-for=\"day in weekDays\" :key=\"day.key\" :class=\"`${prefixCls}-column-header`\">\n          {{ day.text }}\n        </th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr\n        v-for=\"(row, index) in dateTable\"\n        :key=\"index\"\n        :class=\"{\n          [`${prefixCls}-week-row`]: weekMode,\n          [`${prefixCls}-week-row-active`]: row[0].active\n        }\"\n        @click=\"() => weekMode && onDateSelected(row[1])\"\n        @mouseenter=\"() => weekMode && onDateHover(row[1])\"\n      >\n        <td\n          v-for=\"(cell, cellIndex) in row\"\n          :key=\"cellIndex\"\n          :class=\"cell.class\"\n          @click=\"() => !weekMode && onDateSelected(cell)\"\n          @mouseenter=\"() => !weekMode && onDateHover(cell)\"\n        >\n          <slot name=\"date\" :current=\"cell\">\n            <div :class=\"`${prefixCls}-date`\">\n              {{ cell.text }}\n            </div>\n          </slot>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, watch } from 'vue';\nimport type { PropType } from 'vue';\nimport type { Dayjs } from 'dayjs';\nimport dayjs from 'dayjs';\nimport localeData from 'dayjs/plugin/localeData';\nimport weekOfYear from 'dayjs/plugin/weekOfYear';\nimport { isBeforeCurrentMonth, isAfterCurrentMonth } from '../utils';\nimport type { DateTableCell, DisabledDateFunction, WeekShortKeys } from '../Calendar.type';\nimport type { DatePickerLocal } from '../../locale/default';\n\nexport default defineComponent({\n  name: 'DateTable',\n  props: {\n    prefixCls: {\n      type: String,\n      default: ''\n    },\n    currentDate: {\n      type: Object as PropType<Dayjs>,\n      required: true\n    },\n    selectedDate: {\n      type: [Object, Array] as PropType<Dayjs | null | Array<Dayjs | null>>,\n      default: null\n    },\n    hoveredDate: {\n      type: Object as PropType<Dayjs | null>,\n      default: null\n    },\n    locale: {\n      type: Object as PropType<DatePickerLocal>\n    },\n    disabledDate: {\n      type: Function as PropType<DisabledDateFunction>\n    },\n    weekMode: {\n      type: Boolean,\n      default: false\n    }\n  },\n  emits: ['select', 'hover'],\n  setup(props, { emit }) {\n    dayjs.extend(localeData);\n    dayjs.extend(weekOfYear);\n    const firstDayOfWeek = dayjs().localeData().firstDayOfWeek() + (props.weekMode ? 1 : 0);\n    // const firstDayOfWeek = dayjs().localeData().firstDayOfWeek();\n    // ===========  thead ===============\n    const weekDays: { text: string; key: string }[] = [];\n    watch(\n      () => props.locale,\n      () => {\n        for (let i = 0; i < 7; i++) {\n          const _dayIndex = (firstDayOfWeek + i) % 7;\n          const _day = dayjs().day(_dayIndex);\n          const _short = _day.format('ddd');\n          weekDays[i] = {\n            text: props.locale && props.locale.weeks ? props.locale.weeks[_short.toLowerCase() as WeekShortKeys] : _short,\n            key: _short\n          };\n        }\n      },\n      { immediate: true }\n    );\n\n    // ============= tbody ===============\n\n    const dateTable = computed(() => {\n      const { currentDate } = props;\n      const { prefixCls } = props;\n\n      const startOfMonth = currentDate.date(1);\n      const startDay = startOfMonth.day();\n\n      const diff = (startDay + 7 - firstDayOfWeek) % 7;\n\n      const startDate = startOfMonth.subtract(diff, 'day');\n      let passed = 0;\n      const current = startDate;\n      const datas = [];\n      for (let i = 0; i < 6; i++) {\n        const row: DateTableCell[] = [];\n        if (props.weekMode) {\n          const day = current.add(passed, 'day');\n          row.push({\n            type: 'weekNumber',\n            text: day.week(),\n            class: `${prefixCls}-cell ${prefixCls}-week-number-cell`,\n            active: props.selectedDate !== null && !Array.isArray(props.selectedDate) ? day.week() === dayjs(props.selectedDate).week() : false\n          });\n        }\n        for (let j = 0; j < 7; j++) {\n          const day = current.add(passed, 'day');\n          let disabled = false;\n          let cls = `${prefixCls}-cell`;\n          if (day.isSame(dayjs(), 'day')) {\n            cls += ` ${prefixCls}-today`;\n          }\n          const isBeforeThisMonth = isBeforeCurrentMonth(day, currentDate);\n          const isAfterThisMonth = isAfterCurrentMonth(day, currentDate);\n\n          if (isBeforeThisMonth) {\n            cls += ` ${prefixCls}-last-month-cell`;\n          }\n          if (isAfterThisMonth) {\n            cls += ` ${prefixCls}-next-month-cell`;\n          }\n\n          if (props.disabledDate && props.disabledDate(day.toDate())) {\n            cls += ` ${prefixCls}-disabled-cell`;\n            disabled = true;\n          }\n\n          if (props.selectedDate && Array.isArray(props.selectedDate)) {\n            const [start, end] = props.selectedDate;\n            if (!isBeforeThisMonth && !isAfterThisMonth) {\n              if (start && !end) {\n                const hoverDate = props.hoveredDate;\n                if (hoverDate) {\n                  if (hoverDate.isAfter(start) || hoverDate.isSame(start)) {\n                    if (day.isSame(start, 'day')) {\n                      cls += ` ${prefixCls}-selected-start-date`;\n                    }\n                    const tempEnd = props.weekMode ? hoverDate.add(6, 'day') : hoverDate;\n                    if (day.isSame(tempEnd, 'day')) {\n                      cls += ` ${prefixCls}-selected-end-date`;\n                    }\n                    if (day.isAfter(start, 'day') && day.isBefore(tempEnd, 'day')) {\n                      cls += ` ${prefixCls}-in-range-cell`;\n                    }\n                  }\n                  if (hoverDate.isBefore(start)) {\n                    const tempEnd = props.weekMode ? start.add(6, 'day') : start;\n                    if (day.isSame(hoverDate, 'day')) {\n                      cls += ` ${prefixCls}-selected-start-date`;\n                    }\n                    if (day.isSame(tempEnd, 'day')) {\n                      cls += ` ${prefixCls}-selected-end-date`;\n                    }\n                    if (day.isAfter(hoverDate, 'day') && day.isBefore(tempEnd, 'day')) {\n                      cls += ` ${prefixCls}-in-range-cell`;\n                    }\n                  }\n                } else if (day.isSame(start, 'day')) {\n                  cls += ` ${prefixCls}-selected-start-date`;\n                  cls += ` ${prefixCls}-selected-end-date`;\n                }\n              } else if (start && end) {\n                if (day.isSame(start, 'day')) {\n                  cls += ` ${prefixCls}-selected-start-date`;\n                }\n                if (day.isSame(end, 'day')) {\n                  cls += ` ${prefixCls}-selected-end-date`;\n                }\n                if (day.isAfter(start, 'day') && day.isBefore(end, 'day')) {\n                  cls += ` ${prefixCls}-in-range-cell`;\n                }\n              }\n            }\n          } else if (props.selectedDate) {\n            const { selectedDate } = props;\n            if (props.weekMode) {\n              const _weekstart = selectedDate as Dayjs;\n              const _weekend = (selectedDate as Dayjs).add(6, 'day');\n              if (day.isSame(_weekstart, 'day')) {\n                cls += ` ${prefixCls}-selected-start-date`;\n              }\n              if (day.isSame(_weekend, 'day')) {\n                cls += ` ${prefixCls}-selected-end-date`;\n              }\n              if (day.isAfter(_weekstart, 'day') && day.isBefore(_weekend, 'day')) {\n                cls += ` ${prefixCls}-in-range-cell`;\n              }\n            } else if (day.isSame(selectedDate as Dayjs, 'day')) {\n              cls += ` ${prefixCls}-selected-date`;\n            }\n          }\n\n          row.push({\n            text: day.date(),\n            date: day,\n            rawDate: day.toDate(),\n            class: cls,\n            disabled\n          });\n          passed += 1;\n        }\n        datas.push(row);\n      }\n      return datas;\n    });\n\n    const onDateSelected = (cell: DateTableCell) => {\n      if (cell.disabled) {\n        return;\n      }\n      emit('select', cell.date);\n    };\n\n    const onDateHover = (cell: DateTableCell) => {\n      if (cell.disabled) {\n        return;\n      }\n      if (Array.isArray(props.selectedDate) && props.selectedDate[0] && !props.selectedDate[1]) {\n        emit('hover', cell.date);\n      }\n    };\n\n    return {\n      weekDays,\n      dateTable,\n      onDateSelected,\n      onDateHover\n    };\n  }\n});\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_Fragment","_renderSlot"],"mappings":"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"}

package/es/components/Calendar/table/MonthTable.mjs

@@ -159,11 +159,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               renderSlot(_ctx.$slots, "month", { current: cell }, () => [
                 createElementVNode("div", {
                   class: normalizeClass(`${_ctx.prefixCls}-date`)
-                }, [
-                  createElementVNode("a", {
-                    class: normalizeClass(`${_ctx.prefixCls}-inner`)
-                  }, toDisplayString(cell.text), 3)
-                ], 2)
+                }, toDisplayString(cell.text), 3)
               ])
             ], 42, _hoisted_1);
           }), 128))
@@ -172,7 +168,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 2);
 }
-var MonthTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Calendar\\table\\MonthTable.vue"]]);
+var MonthTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Calendar/table/MonthTable.vue"]]);
 
 export { MonthTable as default };
 //# sourceMappingURL=MonthTable.mjs.map

package/es/components/Calendar/table/MonthTable.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MonthTable.mjs","sources":["../../../../../src/components/Calendar/table/MonthTable.vue"],"sourcesContent":["<template>\n  <table :class=\"`${prefixCls}-table`\">\n    <tbody>\n      <tr v-for=\"(row, index) in tableData\" :key=\"index\">\n        <td\n          v-for=\"(cell, cellIndex) in row\"\n          :key=\"cellIndex\"\n          :class=\"cell.class\"\n          @click.stop=\"() => onSelected(cell)\"\n          @mouseenter=\"() => onHover(cell)\"\n        >\n          <slot name=\"month\" :current=\"cell\">\n            <div :class=\"`${prefixCls}-date`\">\n              <a :class=\"`${prefixCls}-inner`\">\n                {{ cell.text }}\n              </a>\n            </div>\n          </slot>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue';\nimport type { PropType } from 'vue';\nimport type { Dayjs } from 'dayjs';\nimport dayjs from 'dayjs';\nimport type { DisabledMonthFunction, DisabledDateFunction, MonthShortKeys, MonthTableCell } from '../Calendar.type';\nimport type { DatePickerLocal } from '../../locale/default';\n\nexport default defineComponent({\n  name: 'MonthTable',\n  props: {\n    prefixCls: {\n      type: String,\n      default: ''\n    },\n    currentDate: {\n      type: Object as PropType<Dayjs>,\n      required: true\n    },\n    selectedDate: {\n      type: [Object, Array] as PropType<Dayjs | null | Array<Dayjs | null>>,\n      default: null\n    },\n    hoveredDate: {\n      type: Object as PropType<Dayjs | null>,\n      default: null\n    },\n    locale: {\n      type: Object as PropType<DatePickerLocal>\n    },\n    disabledDate: {\n      type: Function as PropType<DisabledDateFunction>\n    },\n    disabledMonth: {\n      type: Function as PropType<DisabledMonthFunction>\n    }\n  },\n  emits: ['select', 'hover'],\n  setup(props, { emit }) {\n    // ============= tbody ===============\\\n    const tableData = computed(() => {\n      const { currentDate } = props;\n      const { prefixCls } = props;\n\n      let passed = 0;\n      const datas = [];\n      for (let i = 0; i < 3; i++) {\n        const row: MonthTableCell[] = [];\n        for (let j = 0; j < 4; j++) {\n          const monthDate = dayjs(currentDate).month(passed);\n          let disabled = false;\n          let cls = `${prefixCls}-cell`;\n          const monthName = monthDate.format('MMM');\n          const text = props.locale && props.locale.months ? props.locale.months[monthName.toLowerCase() as MonthShortKeys] : monthName;\n          if (currentDate.month() === monthDate.month()) {\n            cls += ` ${prefixCls}-current-cell`;\n          }\n          if (monthDate.isSame(dayjs(), 'month')) {\n            cls += ` ${prefixCls}-today-cell`;\n          }\n          // if (Array.isArray(props.selectedDate)) {\n          //   if (\n          //     props.selectedDate.some((s) => s && monthDate.isSame(s, 'month'))\n          //   ) {\n          //     cls += ` ${prefixCls}-selected-cell`;\n          //   }\n          // } else {\n          // if (props.selectedDate && monthDate.isSame(props.selectedDate, 'month')) {\n          //   cls += ` ${prefixCls}-selected-cell`;\n          // }\n          // }\n          if (props.selectedDate) {\n            if (Array.isArray(props.selectedDate)) {\n              const [start, end] = props.selectedDate;\n              if (start && !end) {\n                const hoverDate = props.hoveredDate;\n                if (hoverDate) {\n                  if (hoverDate.isAfter(start, 'month') || hoverDate.isSame(start, 'month')) {\n                    if (monthDate.isSame(start, 'month')) {\n                      cls += ` ${prefixCls}-selected-start-date`;\n                    }\n                    if (monthDate.isSame(hoverDate, 'month')) {\n                      cls += ` ${prefixCls}-selected-end-date`;\n                    }\n                    if (monthDate.isAfter(start, 'month') && monthDate.isBefore(hoverDate, 'month')) {\n                      cls += ` ${prefixCls}-in-range-cell`;\n                    }\n                  }\n                  if (hoverDate.isBefore(start, 'month')) {\n                    if (monthDate.isSame(hoverDate, 'month')) {\n                      cls += ` ${prefixCls}-selected-start-date`;\n                    }\n                    if (monthDate.isSame(start, 'month')) {\n                      cls += ` ${prefixCls}-selected-end-date`;\n                    }\n                    if (monthDate.isAfter(hoverDate, 'month') && monthDate.isBefore(start, 'month')) {\n                      cls += ` ${prefixCls}-in-range-cell`;\n                    }\n                  }\n                } else if (monthDate.isSame(start, 'month')) {\n                  cls += ` ${prefixCls}-selected-start-date`;\n                  cls += ` ${prefixCls}-selected-end-date`;\n                }\n              } else if (start && end) {\n                if (monthDate.isSame(start, 'month')) {\n                  cls += ` ${prefixCls}-selected-start-date`;\n                }\n                if (monthDate.isSame(end, 'month')) {\n                  cls += ` ${prefixCls}-selected-end-date`;\n                }\n                if (monthDate.isAfter(start, 'month') && monthDate.isBefore(end, 'month')) {\n                  cls += ` ${prefixCls}-in-range-cell`;\n                }\n              }\n            } else if (monthDate.isSame(props.selectedDate, 'month')) {\n              cls += ` ${prefixCls}-selected-cell`;\n            }\n          }\n\n          if (props.disabledDate && props.disabledDate(monthDate.toDate())) {\n            cls += ` ${prefixCls}-disabled-cell`;\n            disabled = true;\n          }\n          if (props.disabledMonth && props.disabledMonth(monthDate)) {\n            cls += ` ${prefixCls}-disabled-cell`;\n            disabled = true;\n          }\n          row.push({\n            text,\n            month: monthDate,\n            rawDate: monthDate.toDate(),\n            class: cls,\n            disabled\n          });\n          passed += 1;\n        }\n        datas.push(row);\n      }\n      return datas;\n    });\n\n    const onSelected = (cell: MonthTableCell) => {\n      if (cell.disabled) {\n        return;\n      }\n      emit('select', cell.month);\n    };\n\n    const onHover = (cell: MonthTableCell) => {\n      if (cell.disabled) {\n        return;\n      }\n\n      if (Array.isArray(props.selectedDate) && props.selectedDate[0] && !props.selectedDate[1]) {\n        emit('hover', cell.month);\n      }\n    };\n\n    return {\n      tableData,\n      onSelected,\n      onHover\n    };\n  }\n});\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_Fragment","_withModifiers","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"MonthTable.mjs","sources":["../../../../../src/components/Calendar/table/MonthTable.vue"],"sourcesContent":["<template>\n  <table :class=\"`${prefixCls}-table`\">\n    <tbody>\n      <tr v-for=\"(row, index) in tableData\" :key=\"index\">\n        <td\n          v-for=\"(cell, cellIndex) in row\"\n          :key=\"cellIndex\"\n          :class=\"cell.class\"\n          @click.stop=\"() => onSelected(cell)\"\n          @mouseenter=\"() => onHover(cell)\"\n        >\n          <slot name=\"month\" :current=\"cell\">\n            <div :class=\"`${prefixCls}-date`\">\n              {{ cell.text }}\n            </div>\n          </slot>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue';\nimport type { PropType } from 'vue';\nimport type { Dayjs } from 'dayjs';\nimport dayjs from 'dayjs';\nimport type { DisabledMonthFunction, DisabledDateFunction, MonthShortKeys, MonthTableCell } from '../Calendar.type';\nimport type { DatePickerLocal } from '../../locale/default';\n\nexport default defineComponent({\n  name: 'MonthTable',\n  props: {\n    prefixCls: {\n      type: String,\n      default: ''\n    },\n    currentDate: {\n      type: Object as PropType<Dayjs>,\n      required: true\n    },\n    selectedDate: {\n      type: [Object, Array] as PropType<Dayjs | null | Array<Dayjs | null>>,\n      default: null\n    },\n    hoveredDate: {\n      type: Object as PropType<Dayjs | null>,\n      default: null\n    },\n    locale: {\n      type: Object as PropType<DatePickerLocal>\n    },\n    disabledDate: {\n      type: Function as PropType<DisabledDateFunction>\n    },\n    disabledMonth: {\n      type: Function as PropType<DisabledMonthFunction>\n    }\n  },\n  emits: ['select', 'hover'],\n  setup(props, { emit }) {\n    // ============= tbody ===============\\\n    const tableData = computed(() => {\n      const { currentDate } = props;\n      const { prefixCls } = props;\n\n      let passed = 0;\n      const datas = [];\n      for (let i = 0; i < 3; i++) {\n        const row: MonthTableCell[] = [];\n        for (let j = 0; j < 4; j++) {\n          const monthDate = dayjs(currentDate).month(passed);\n          let disabled = false;\n          let cls = `${prefixCls}-cell`;\n          const monthName = monthDate.format('MMM');\n          const text = props.locale && props.locale.months ? props.locale.months[monthName.toLowerCase() as MonthShortKeys] : monthName;\n          if (currentDate.month() === monthDate.month()) {\n            cls += ` ${prefixCls}-current-cell`;\n          }\n          if (monthDate.isSame(dayjs(), 'month')) {\n            cls += ` ${prefixCls}-today-cell`;\n          }\n          // if (Array.isArray(props.selectedDate)) {\n          //   if (\n          //     props.selectedDate.some((s) => s && monthDate.isSame(s, 'month'))\n          //   ) {\n          //     cls += ` ${prefixCls}-selected-cell`;\n          //   }\n          // } else {\n          // if (props.selectedDate && monthDate.isSame(props.selectedDate, 'month')) {\n          //   cls += ` ${prefixCls}-selected-cell`;\n          // }\n          // }\n          if (props.selectedDate) {\n            if (Array.isArray(props.selectedDate)) {\n              const [start, end] = props.selectedDate;\n              if (start && !end) {\n                const hoverDate = props.hoveredDate;\n                if (hoverDate) {\n                  if (hoverDate.isAfter(start, 'month') || hoverDate.isSame(start, 'month')) {\n                    if (monthDate.isSame(start, 'month')) {\n                      cls += ` ${prefixCls}-selected-start-date`;\n                    }\n                    if (monthDate.isSame(hoverDate, 'month')) {\n                      cls += ` ${prefixCls}-selected-end-date`;\n                    }\n                    if (monthDate.isAfter(start, 'month') && monthDate.isBefore(hoverDate, 'month')) {\n                      cls += ` ${prefixCls}-in-range-cell`;\n                    }\n                  }\n                  if (hoverDate.isBefore(start, 'month')) {\n                    if (monthDate.isSame(hoverDate, 'month')) {\n                      cls += ` ${prefixCls}-selected-start-date`;\n                    }\n                    if (monthDate.isSame(start, 'month')) {\n                      cls += ` ${prefixCls}-selected-end-date`;\n                    }\n                    if (monthDate.isAfter(hoverDate, 'month') && monthDate.isBefore(start, 'month')) {\n                      cls += ` ${prefixCls}-in-range-cell`;\n                    }\n                  }\n                } else if (monthDate.isSame(start, 'month')) {\n                  cls += ` ${prefixCls}-selected-start-date`;\n                  cls += ` ${prefixCls}-selected-end-date`;\n                }\n              } else if (start && end) {\n                if (monthDate.isSame(start, 'month')) {\n                  cls += ` ${prefixCls}-selected-start-date`;\n                }\n                if (monthDate.isSame(end, 'month')) {\n                  cls += ` ${prefixCls}-selected-end-date`;\n                }\n                if (monthDate.isAfter(start, 'month') && monthDate.isBefore(end, 'month')) {\n                  cls += ` ${prefixCls}-in-range-cell`;\n                }\n              }\n            } else if (monthDate.isSame(props.selectedDate, 'month')) {\n              cls += ` ${prefixCls}-selected-cell`;\n            }\n          }\n\n          if (props.disabledDate && props.disabledDate(monthDate.toDate())) {\n            cls += ` ${prefixCls}-disabled-cell`;\n            disabled = true;\n          }\n          if (props.disabledMonth && props.disabledMonth(monthDate)) {\n            cls += ` ${prefixCls}-disabled-cell`;\n            disabled = true;\n          }\n          row.push({\n            text,\n            month: monthDate,\n            rawDate: monthDate.toDate(),\n            class: cls,\n            disabled\n          });\n          passed += 1;\n        }\n        datas.push(row);\n      }\n      return datas;\n    });\n\n    const onSelected = (cell: MonthTableCell) => {\n      if (cell.disabled) {\n        return;\n      }\n      emit('select', cell.month);\n    };\n\n    const onHover = (cell: MonthTableCell) => {\n      if (cell.disabled) {\n        return;\n      }\n\n      if (Array.isArray(props.selectedDate) && props.selectedDate[0] && !props.selectedDate[1]) {\n        emit('hover', cell.month);\n      }\n    };\n\n    return {\n      tableData,\n      onSelected,\n      onHover\n    };\n  }\n});\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_Fragment","_withModifiers","_renderSlot"],"mappings":"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"}

package/es/components/Calendar/table/YearTable.mjs

@@ -163,11 +163,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             }, [
               createElementVNode("div", {
                 class: normalizeClass(`${_ctx.prefixCls}-date`)
-              }, [
-                createElementVNode("a", {
-                  class: normalizeClass(`${_ctx.prefixCls}-inner`)
-                }, toDisplayString(cell.text), 3)
-              ], 2)
+              }, toDisplayString(cell.text), 3)
             ], 42, _hoisted_1);
           }), 128))
         ]);
@@ -175,7 +171,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 2);
 }
-var YearTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Calendar\\table\\YearTable.vue"]]);
+var YearTable = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Calendar/table/YearTable.vue"]]);
 
 export { YearTable as default };
 //# sourceMappingURL=YearTable.mjs.map

package/es/components/Calendar/table/YearTable.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"YearTable.mjs","sources":["../../../../../src/components/Calendar/table/YearTable.vue"],"sourcesContent":["<template>\n  <table :class=\"`${prefixCls}-table`\">\n    <tbody>\n      <tr v-for=\"(row, index) in tableData\" :key=\"index\">\n        <td\n          v-for=\"(cell, cellIndex) in row\"\n          :key=\"cellIndex\"\n          :class=\"cell.class\"\n          @click.stop=\"() => onSelected(cell)\"\n          @mouseenter=\"() => onHover(cell)\"\n        >\n          <div :class=\"`${prefixCls}-date`\">\n            <a :class=\"`${prefixCls}-inner`\">\n              {{ cell.text }}\n            </a>\n          </div>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue';\nimport type { PropType } from 'vue';\nimport type { Dayjs } from 'dayjs';\nimport dayjs from 'dayjs';\nimport type { DisabledDateFunction, DisabledYearFunction, YearTableCell } from '../Calendar.type';\nimport type { DatePickerLocal } from '../../locale/default';\n\nexport default defineComponent({\n  name: 'YearTable',\n  props: {\n    prefixCls: {\n      type: String,\n      default: ''\n    },\n    currentDate: {\n      type: Object as PropType<Dayjs>,\n      required: true\n    },\n    selectedDate: {\n      type: [Object, Array] as PropType<Dayjs | null | Array<Dayjs | null>>,\n      default: null\n    },\n    hoveredDate: {\n      type: Object as PropType<Dayjs | null>,\n      default: null\n    },\n    locale: {\n      type: Object as PropType<DatePickerLocal>\n    },\n    disabledDate: {\n      type: Function as PropType<DisabledDateFunction>\n    },\n    disabledYear: {\n      type: Function as PropType<DisabledYearFunction>\n    }\n  },\n  emits: ['select', 'hover'],\n  setup(props, { emit }) {\n    // ============= tbody ===============\\\n    const tableData = computed(() => {\n      const currentYear = props.currentDate.year();\n      const startYear = Math.floor(currentYear / 10) * 10 - 1;\n      const { prefixCls } = props;\n      let passed = 0;\n\n      const datas = [];\n      for (let i = 0; i < 3; i++) {\n        const row = [];\n        for (let j = 0; j < 4; j++) {\n          const year = startYear + passed;\n\n          let disabled = false;\n          let cls = `${prefixCls}-cell`;\n          if (currentYear === year) {\n            cls += ` ${prefixCls}-current-cell`;\n          }\n          if (dayjs().year() === year) {\n            cls += ` ${prefixCls}-today-cell`;\n          }\n\n          if (year < startYear + 1) {\n            cls += ` ${prefixCls}-last-decade-cell`;\n          } else if (year > startYear + 10) {\n            cls += ` ${prefixCls}-next-decade-cell`;\n          } else if (props.selectedDate) {\n            if (Array.isArray(props.selectedDate)) {\n              const [start, end] = props.selectedDate;\n              if (start && !end) {\n                const _hoverYear = props.hoveredDate?.year();\n                const _startYear = start.year();\n                if (_hoverYear) {\n                  if (_hoverYear >= _startYear) {\n                    if (year === _startYear) {\n                      cls += ` ${prefixCls}-selected-start-date`;\n                    }\n                    if (year === _hoverYear) {\n                      cls += ` ${prefixCls}-selected-end-date`;\n                    }\n                    if (year < _hoverYear && year > _startYear) {\n                      cls += ` ${prefixCls}-in-range-cell`;\n                    }\n                  } else {\n                    if (year === _hoverYear) {\n                      cls += ` ${prefixCls}-selected-start-date`;\n                    }\n                    if (year === _startYear) {\n                      cls += ` ${prefixCls}-selected-end-date`;\n                    }\n                    if (year < _startYear && year > _hoverYear) {\n                      cls += ` ${prefixCls}-in-range-cell`;\n                    }\n                  }\n                } else if (year === _startYear) {\n                  cls += ` ${prefixCls}-selected-start-date`;\n                  cls += ` ${prefixCls}-selected-end-date`;\n                }\n              } else if (start && end) {\n                if (year === start.year()) {\n                  cls += ` ${prefixCls}-selected-start-date`;\n                }\n                if (year === end.year()) {\n                  cls += ` ${prefixCls}-selected-end-date`;\n                }\n                if (year < end.year() && year > start.year()) {\n                  cls += ` ${prefixCls}-in-range-cell`;\n                }\n              }\n            } else if (year === props.selectedDate.year()) {\n              cls += ` ${prefixCls}-selected-cell`;\n            }\n          }\n\n          if (\n            props.disabledDate &&\n            props.disabledDate(\n              dayjs()\n                .year(year + 1)\n                .startOf('year')\n                .toDate()\n            )\n          ) {\n            cls += ` ${prefixCls}-disabled-cell`;\n            disabled = true;\n          }\n          if (props.disabledYear && props.disabledYear(year)) {\n            cls += ` ${prefixCls}-disabled-cell`;\n            disabled = true;\n          }\n          row.push({\n            text: year,\n            year,\n            class: cls,\n            disabled\n          });\n          passed += 1;\n        }\n        datas.push(row);\n      }\n      return datas;\n    });\n\n    const onSelected = (cell: YearTableCell) => {\n      if (cell.disabled) {\n        return;\n      }\n      emit('select', cell.year);\n    };\n\n    const onHover = (cell: YearTableCell) => {\n      if (cell.disabled) {\n        return;\n      }\n\n      if (Array.isArray(props.selectedDate) && props.selectedDate[0] && !props.selectedDate[1]) {\n        emit('hover', dayjs().year(cell.year).startOf('year'));\n      }\n    };\n\n    return {\n      tableData,\n      onSelected,\n      onHover\n    };\n  }\n});\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_Fragment","_withModifiers"],"mappings":"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"}
+{"version":3,"file":"YearTable.mjs","sources":["../../../../../src/components/Calendar/table/YearTable.vue"],"sourcesContent":["<template>\n  <table :class=\"`${prefixCls}-table`\">\n    <tbody>\n      <tr v-for=\"(row, index) in tableData\" :key=\"index\">\n        <td\n          v-for=\"(cell, cellIndex) in row\"\n          :key=\"cellIndex\"\n          :class=\"cell.class\"\n          @click.stop=\"() => onSelected(cell)\"\n          @mouseenter=\"() => onHover(cell)\"\n        >\n          <div :class=\"`${prefixCls}-date`\">\n            {{ cell.text }}\n          </div>\n        </td>\n      </tr>\n    </tbody>\n  </table>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, computed } from 'vue';\nimport type { PropType } from 'vue';\nimport type { Dayjs } from 'dayjs';\nimport dayjs from 'dayjs';\nimport type { DisabledDateFunction, DisabledYearFunction, YearTableCell } from '../Calendar.type';\nimport type { DatePickerLocal } from '../../locale/default';\n\nexport default defineComponent({\n  name: 'YearTable',\n  props: {\n    prefixCls: {\n      type: String,\n      default: ''\n    },\n    currentDate: {\n      type: Object as PropType<Dayjs>,\n      required: true\n    },\n    selectedDate: {\n      type: [Object, Array] as PropType<Dayjs | null | Array<Dayjs | null>>,\n      default: null\n    },\n    hoveredDate: {\n      type: Object as PropType<Dayjs | null>,\n      default: null\n    },\n    locale: {\n      type: Object as PropType<DatePickerLocal>\n    },\n    disabledDate: {\n      type: Function as PropType<DisabledDateFunction>\n    },\n    disabledYear: {\n      type: Function as PropType<DisabledYearFunction>\n    }\n  },\n  emits: ['select', 'hover'],\n  setup(props, { emit }) {\n    // ============= tbody ===============\\\n    const tableData = computed(() => {\n      const currentYear = props.currentDate.year();\n      const startYear = Math.floor(currentYear / 10) * 10 - 1;\n      const { prefixCls } = props;\n      let passed = 0;\n\n      const datas = [];\n      for (let i = 0; i < 3; i++) {\n        const row = [];\n        for (let j = 0; j < 4; j++) {\n          const year = startYear + passed;\n\n          let disabled = false;\n          let cls = `${prefixCls}-cell`;\n          if (currentYear === year) {\n            cls += ` ${prefixCls}-current-cell`;\n          }\n          if (dayjs().year() === year) {\n            cls += ` ${prefixCls}-today-cell`;\n          }\n\n          if (year < startYear + 1) {\n            cls += ` ${prefixCls}-last-decade-cell`;\n          } else if (year > startYear + 10) {\n            cls += ` ${prefixCls}-next-decade-cell`;\n          } else if (props.selectedDate) {\n            if (Array.isArray(props.selectedDate)) {\n              const [start, end] = props.selectedDate;\n              if (start && !end) {\n                const _hoverYear = props.hoveredDate?.year();\n                const _startYear = start.year();\n                if (_hoverYear) {\n                  if (_hoverYear >= _startYear) {\n                    if (year === _startYear) {\n                      cls += ` ${prefixCls}-selected-start-date`;\n                    }\n                    if (year === _hoverYear) {\n                      cls += ` ${prefixCls}-selected-end-date`;\n                    }\n                    if (year < _hoverYear && year > _startYear) {\n                      cls += ` ${prefixCls}-in-range-cell`;\n                    }\n                  } else {\n                    if (year === _hoverYear) {\n                      cls += ` ${prefixCls}-selected-start-date`;\n                    }\n                    if (year === _startYear) {\n                      cls += ` ${prefixCls}-selected-end-date`;\n                    }\n                    if (year < _startYear && year > _hoverYear) {\n                      cls += ` ${prefixCls}-in-range-cell`;\n                    }\n                  }\n                } else if (year === _startYear) {\n                  cls += ` ${prefixCls}-selected-start-date`;\n                  cls += ` ${prefixCls}-selected-end-date`;\n                }\n              } else if (start && end) {\n                if (year === start.year()) {\n                  cls += ` ${prefixCls}-selected-start-date`;\n                }\n                if (year === end.year()) {\n                  cls += ` ${prefixCls}-selected-end-date`;\n                }\n                if (year < end.year() && year > start.year()) {\n                  cls += ` ${prefixCls}-in-range-cell`;\n                }\n              }\n            } else if (year === props.selectedDate.year()) {\n              cls += ` ${prefixCls}-selected-cell`;\n            }\n          }\n\n          if (\n            props.disabledDate &&\n            props.disabledDate(\n              dayjs()\n                .year(year + 1)\n                .startOf('year')\n                .toDate()\n            )\n          ) {\n            cls += ` ${prefixCls}-disabled-cell`;\n            disabled = true;\n          }\n          if (props.disabledYear && props.disabledYear(year)) {\n            cls += ` ${prefixCls}-disabled-cell`;\n            disabled = true;\n          }\n          row.push({\n            text: year,\n            year,\n            class: cls,\n            disabled\n          });\n          passed += 1;\n        }\n        datas.push(row);\n      }\n      return datas;\n    });\n\n    const onSelected = (cell: YearTableCell) => {\n      if (cell.disabled) {\n        return;\n      }\n      emit('select', cell.year);\n    };\n\n    const onHover = (cell: YearTableCell) => {\n      if (cell.disabled) {\n        return;\n      }\n\n      if (Array.isArray(props.selectedDate) && props.selectedDate[0] && !props.selectedDate[1]) {\n        emit('hover', dayjs().year(cell.year).startOf('year'));\n      }\n    };\n\n    return {\n      tableData,\n      onSelected,\n      onHover\n    };\n  }\n});\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_Fragment","_withModifiers"],"mappings":"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"}

package/es/components/Card/Card.d.ts

@@ -200,6 +200,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, string, {
         color: string;
         spin: boolean;
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/components/Card/Card.type.mjs

@@ -20,7 +20,7 @@ const cardProps = {
     default: ""
   },
   icon: {
-    type: [String, Object]
+    type: [String, Object, Function]
   },
   grid: {
     type: Number,

package/es/components/Card/Card.type.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Card.type.mjs","sources":["../../../../src/components/Card/Card.type.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType } from 'vue';\nimport type { IconPropType } from '../../utils/globalType';\nimport type Card from './Card';\nimport type CardMeta from './CardMeta.vue';\n\nexport const cardProps = {\n  bordered: {\n    type: Boolean,\n    default: true\n  },\n  disHover: {\n    type: Boolean,\n    default: false\n  },\n  shadow: {\n    type: Boolean,\n    default: false\n  },\n  padding: {\n    type: Number,\n    default: 16\n  },\n  title: {\n    type: String,\n    default: ''\n  },\n  icon: {\n    type: [String, Object] as PropType<IconPropType>\n  },\n  grid: {\n    type: Number,\n    default: 0\n  }\n};\n\nexport type CardProps = ExtractPropTypes<typeof cardProps>;\n\nexport const cardMetaProps = {\n  avatar: {\n    type: String,\n    default: ''\n  },\n  title: {\n    type: String,\n    default: ''\n  },\n  description: {\n    type: String,\n    default: ''\n  }\n};\n\nexport type CardMetaProps = ExtractPropTypes<typeof cardMetaProps>;\n\nexport type CardInstanceType = InstanceType<typeof Card>;\n\nexport type CardMetaInstanceType = InstanceType<typeof CardMeta>;\n"],"names":[],"mappings":"MAKa,YAAY;AAAA,EACvB,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,MAAM;AAAA,IACJ,MAAM,CAAC,QAAQ,MAAM;AAAA;AACvB,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA;AAEb;MAIa,gBAAgB;AAAA,EAC3B,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AAEb;;;;"}
+{"version":3,"file":"Card.type.mjs","sources":["../../../../src/components/Card/Card.type.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType } from 'vue';\nimport type { IconPropType } from '../../utils/globalType';\nimport type Card from './Card';\nimport type CardMeta from './CardMeta.vue';\n\nexport const cardProps = {\n  bordered: {\n    type: Boolean,\n    default: true\n  },\n  disHover: {\n    type: Boolean,\n    default: false\n  },\n  shadow: {\n    type: Boolean,\n    default: false\n  },\n  padding: {\n    type: Number,\n    default: 16\n  },\n  title: {\n    type: String,\n    default: ''\n  },\n  icon: {\n    type: [String, Object, Function] as PropType<IconPropType>\n  },\n  grid: {\n    type: Number,\n    default: 0\n  }\n};\n\nexport type CardProps = ExtractPropTypes<typeof cardProps>;\n\nexport const cardMetaProps = {\n  avatar: {\n    type: String,\n    default: ''\n  },\n  title: {\n    type: String,\n    default: ''\n  },\n  description: {\n    type: String,\n    default: ''\n  }\n};\n\nexport type CardMetaProps = ExtractPropTypes<typeof cardMetaProps>;\n\nexport type CardInstanceType = InstanceType<typeof Card>;\n\nexport type CardMetaInstanceType = InstanceType<typeof CardMeta>;\n"],"names":[],"mappings":"MAKa,YAAY;AAAA,EACvB,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,MAAM;AAAA,IACJ,MAAM,CAAC,QAAQ,QAAQ,QAAQ;AAAA;AACjC,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA;AAEb;MAIa,gBAAgB;AAAA,EAC3B,QAAQ;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA;AACX,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA;AAEb;;;;"}

package/es/components/Card/CardMeta.mjs

@@ -52,7 +52,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)
   ], 2);
 }
-var CardMeta = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Card\\CardMeta.vue"]]);
+var CardMeta = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Card/CardMeta.vue"]]);
 
 export { CardMeta as default };
 //# sourceMappingURL=CardMeta.mjs.map

package/es/components/Card/CardMeta.vue.d.ts

@@ -56,8 +56,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             prefixCls: import("vue").ComputedRef<string>;
             styles: import("vue").ComputedRef<{}>;
             sizeList: string[];
-            avatar: import("vue").Ref<HTMLElement, HTMLElement>;
-            children: import("vue").Ref<HTMLElement, HTMLElement>;
+            avatar: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+            children: import("vue").ShallowRef<HTMLElement, HTMLElement>;
             childrenStyle: import("vue").ComputedRef<{}>;
             handleError: (e: any) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -197,7 +197,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, string, {
                 color: string;
                 spin: boolean;
-            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
+            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
         } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
@@ -229,8 +229,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             prefixCls: import("vue").ComputedRef<string>;
             styles: import("vue").ComputedRef<{}>;
             sizeList: string[];
-            avatar: import("vue").Ref<HTMLElement, HTMLElement>;
-            children: import("vue").Ref<HTMLElement, HTMLElement>;
+            avatar: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+            children: import("vue").ShallowRef<HTMLElement, HTMLElement>;
             childrenStyle: import("vue").ComputedRef<{}>;
             handleError: (e: any) => void;
         }, {}, {}, {}, {
@@ -265,8 +265,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         prefixCls: import("vue").ComputedRef<string>;
         styles: import("vue").ComputedRef<{}>;
         sizeList: string[];
-        avatar: import("vue").Ref<HTMLElement, HTMLElement>;
-        children: import("vue").Ref<HTMLElement, HTMLElement>;
+        avatar: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+        children: import("vue").ShallowRef<HTMLElement, HTMLElement>;
         childrenStyle: import("vue").ComputedRef<{}>;
         handleError: (e: any) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -406,8 +406,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }, string, {
             color: string;
             spin: boolean;
-        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
-    } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & {
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+    } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & {
         Group: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             maxCount: {
                 type: NumberConstructor;

package/es/components/Card/index.d.ts

@@ -175,7 +175,7 @@ export declare const UCard: {
         }, string, {
             color: string;
             spin: boolean;
-        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
+        }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
     } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -396,8 +396,8 @@ export declare const UCard: {
     }, string, {
         color: string;
         spin: boolean;
-    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
-} & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & {
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+} & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & {
     UCard: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         span: {
             type: NumberConstructor;
@@ -465,8 +465,8 @@ export declare const UCard: {
                 prefixCls: import("vue").ComputedRef<string>;
                 styles: import("vue").ComputedRef<{}>;
                 sizeList: string[];
-                avatar: import("vue").Ref<HTMLElement, HTMLElement>;
-                children: import("vue").Ref<HTMLElement, HTMLElement>;
+                avatar: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+                children: import("vue").ShallowRef<HTMLElement, HTMLElement>;
                 childrenStyle: import("vue").ComputedRef<{}>;
                 handleError: (e: any) => void;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -606,7 +606,7 @@ export declare const UCard: {
                 }, string, {
                     color: string;
                     spin: boolean;
-                }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
+                }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
             } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                 P: {};
                 B: {};
@@ -638,8 +638,8 @@ export declare const UCard: {
                 prefixCls: import("vue").ComputedRef<string>;
                 styles: import("vue").ComputedRef<{}>;
                 sizeList: string[];
-                avatar: import("vue").Ref<HTMLElement, HTMLElement>;
-                children: import("vue").Ref<HTMLElement, HTMLElement>;
+                avatar: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+                children: import("vue").ShallowRef<HTMLElement, HTMLElement>;
                 childrenStyle: import("vue").ComputedRef<{}>;
                 handleError: (e: any) => void;
             }, {}, {}, {}, {
@@ -674,8 +674,8 @@ export declare const UCard: {
             prefixCls: import("vue").ComputedRef<string>;
             styles: import("vue").ComputedRef<{}>;
             sizeList: string[];
-            avatar: import("vue").Ref<HTMLElement, HTMLElement>;
-            children: import("vue").Ref<HTMLElement, HTMLElement>;
+            avatar: import("vue").ShallowRef<HTMLElement, HTMLElement>;
+            children: import("vue").ShallowRef<HTMLElement, HTMLElement>;
             childrenStyle: import("vue").ComputedRef<{}>;
             handleError: (e: any) => void;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -815,8 +815,8 @@ export declare const UCard: {
             }, string, {
                 color: string;
                 spin: boolean;
-            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & Record<string, any>;
-        } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[], any[]> & {
+            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Record<string, any>;
+        } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & {
             Group: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                 maxCount: {
                     type: NumberConstructor;

package/es/components/Carousel/Carousel.mjs

@@ -1,5 +1,5 @@
-import { defineComponent, ref, reactive, computed, watch, onMounted, nextTick, onBeforeUnmount, provide, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, withModifiers, createElementVNode, normalizeStyle, createBlock, Transition, withCtx, withDirectives, renderSlot, createVNode, vShow, createCommentVNode, Fragment, renderList } from 'vue';
-import { ULineLeft, ULineRight } from '@koi-design/uxd-icon';
+import { defineComponent, shallowRef, ref, reactive, computed, watch, onMounted, nextTick, onBeforeUnmount, provide, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, withModifiers, createElementVNode, normalizeStyle, createBlock, Transition, withCtx, withDirectives, renderSlot, createVNode, vShow, createCommentVNode, Fragment, renderList } from 'vue';
+import { ChevronLeft, ChevronRight } from 'lucide-vue-next';
 import { UIcon } from '../Icon/index.mjs';
 import { debounce } from '../../utils/tools.mjs';
 import warning from '../../utils/warn.mjs';
@@ -15,14 +15,14 @@ const _sfc_main = defineComponent({
   components: {
     UIcon,
     URender: Render,
-    ULineLeft,
-    ULineRight
+    ChevronLeft,
+    ChevronRight
   },
   props: carouselProps,
   emits: carouselEmits,
   setup(props, { emit }) {
     const { prefixCls } = useGlobalConfig("carousel");
-    const root = ref(null);
+    const root = shallowRef(null);
     const offsetWidth = ref(0);
     const offsetHeight = ref(0);
     const state = reactive({
@@ -310,9 +310,9 @@ const _hoisted_1 = ["disabled"];
 const _hoisted_2 = ["disabled"];
 const _hoisted_3 = ["onMouseenter", "onClick"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ULineLeft = resolveComponent("ULineLeft");
+  const _component_ChevronLeft = resolveComponent("ChevronLeft");
   const _component_UIcon = resolveComponent("UIcon");
-  const _component_ULineRight = resolveComponent("ULineRight");
+  const _component_ChevronRight = resolveComponent("ChevronRight");
   const _component_URender = resolveComponent("URender");
   return openBlock(), createElementBlock("div", {
     ref: "root",
@@ -347,7 +347,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             renderSlot(_ctx.$slots, "prevArrow", {}, () => [
               createVNode(_component_UIcon, null, {
                 default: withCtx(() => [
-                  createVNode(_component_ULineLeft)
+                  createVNode(_component_ChevronLeft)
                 ]),
                 _: 1
               })
@@ -375,7 +375,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             renderSlot(_ctx.$slots, "nextArrow", {}, () => [
               createVNode(_component_UIcon, null, {
                 default: withCtx(() => [
-                  createVNode(_component_ULineRight)
+                  createVNode(_component_ChevronRight)
                 ]),
                 _: 1
               })
@@ -446,7 +446,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)) : createCommentVNode("v-if", true)
   ], 34);
 }
-var Carousel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\Carousel\\Carousel.vue"]]);
+var Carousel = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/Carousel/Carousel.vue"]]);
 
 export { Carousel as default };
 //# sourceMappingURL=Carousel.mjs.map

package/es/components/Carousel/Carousel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.mjs","sources":["../../../../src/components/Carousel/Carousel.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"root\"\n    :class=\"{\n      [`${prefixCls}`]: true,\n      [`${prefixCls}-${direction}`]: true,\n      [`${prefixCls}-card`]: cardMode,\n      [`${prefixCls}-scroll`]: effect === 'scroll',\n      [`${prefixCls}-fade`]: effect === 'fade'\n    }\"\n    @mouseenter.stop=\"onMouseEnter\"\n    @mouseleave.stop=\"onMouseLeave\"\n  >\n    <div :class=\"`${prefixCls}-container`\" :style=\"containerStyle\">\n      <transition v-if=\"showArrow\" name=\"carousel-arrow-prev\">\n        <button\n          v-show=\"arrow === 'always' || state.hover\"\n          type=\"button\"\n          :disabled=\"!loop && state.activeIndex === 0\"\n          :class=\"`${prefixCls}-arrow ${prefixCls}-arrow-prev ${arrowClass || ''}`\"\n          @mouseenter=\"onArrowEnter('prev')\"\n          @mouseleave=\"onArrowLeave\"\n          @click.stop=\"debounceArrowClick(state.activeIndex - 1)\"\n        >\n          <slot name=\"prevArrow\">\n            <UIcon>\n              <ULineLeft />\n            </UIcon>\n          </slot>\n        </button>\n      </transition>\n      <transition v-if=\"showArrow\" name=\"carousel-arrow-next\">\n        <button\n          v-show=\"arrow === 'always' || state.hover\"\n          type=\"button\"\n          :class=\"`${prefixCls}-arrow ${prefixCls}-arrow-next  ${arrowClass || ''}`\"\n          :disabled=\"!loop && state.activeIndex === itemsLength - 1\"\n          @mouseenter=\"onArrowEnter('next')\"\n          @mouseleave=\"onArrowLeave\"\n          @click.stop=\"debounceArrowClick(state.activeIndex + 1)\"\n        >\n          <slot name=\"nextArrow\">\n            <UIcon>\n              <ULineRight />\n            </UIcon>\n          </slot>\n        </button>\n      </transition>\n      <div\n        :class=\"{\n          [`${prefixCls}-track`]: true,\n          [`${prefixCls}-track-animating`]: state.animating\n        }\"\n        :style=\"trackStyle\"\n        @transitionend=\"onTrackTransitionEnd\"\n      >\n        <div v-if=\"effect === 'scroll' && loop\" :class=\"`${prefixCls}-item ${prefixCls}-item-clone`\" :style=\"itemStyle\">\n          <URender :render=\"getItemRender(itemsLength - 1)\" />\n        </div>\n        <slot />\n        <div v-if=\"effect === 'scroll' && loop\" :class=\"`${prefixCls}-item ${prefixCls}-item-clone`\" :style=\"itemStyle\">\n          <URender :render=\"getItemRender(0)\" />\n        </div>\n      </div>\n    </div>\n    <ul\n      v-if=\"dots !== 'none'\"\n      :class=\"{\n        [`${prefixCls}-dots`]: true,\n        [`${prefixCls}-dots-${direction}`]: true,\n        [`${prefixCls}-dots-outside`]: (dots === 'outside' && direction !== 'vertical') || cardMode\n      }\"\n    >\n      <li\n        v-for=\"(item, index) in itemsLength\"\n        :key=\"index\"\n        :class=\"{\n          [`${prefixCls}-dot`]: true,\n          [`${prefixCls}-dot-${direction}`]: true,\n          [`${prefixCls}-dot-active`]: index === state.activeIndex,\n          'is-active': index === state.activeIndex,\n          [`${dotClass}`]: dotClass\n        }\"\n        @mouseenter=\"debounceDotHover(index)\"\n        @click.stop=\"onDotClick(index)\"\n      >\n        <slot name=\"dot\" :index=\"index\">\n          <button :class=\"`${prefixCls}-button`\" />\n        </slot>\n      </li>\n    </ul>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, nextTick, onBeforeUnmount, onMounted, provide, reactive, ref, toRefs, watch } from 'vue';\nimport type { CSSProperties } from 'vue';\nimport { ULineLeft, ULineRight } from '@koi-design/uxd-icon';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { debounce } from '../../utils/tools';\nimport warning from '../../utils/warn';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport useResizeObserver from '../base/hooks/useResizeObserver';\nimport { autoCssPrefix } from '../../utils/dom';\nimport URender from '../base/Render';\nimport { carouselProps, carouselEmits } from './Carousel.type';\nimport type { CarouselItemInstance, CarouselState } from './Carousel.type';\n\nexport default defineComponent({\n  name: 'UCarousel',\n  components: {\n    UIcon,\n    URender,\n    ULineLeft,\n    ULineRight\n  },\n  props: carouselProps,\n  emits: carouselEmits,\n  setup(props, { emit }) {\n    const { prefixCls } = useGlobalConfig('carousel');\n    const root = ref<HTMLElement | null>(null);\n    const offsetWidth = ref(0);\n    const offsetHeight = ref(0);\n    const state = reactive({\n      hover: false,\n      activeIndex: -1,\n      timer: null,\n      translate: 0,\n      nextTranslate: null,\n      animating: false\n    } as CarouselState);\n\n    // ========== items =============\n    // #region\n    const itemsLength = ref(0);\n    const instanceList: CarouselItemInstance[] = [];\n    const addItem = (item: CarouselItemInstance) => {\n      item.setIndex(instanceList.length);\n      instanceList.push(item);\n      itemsLength.value += 1;\n    };\n\n    const removeItem = (item: CarouselItemInstance) => {\n      const index = instanceList.findIndex((x) => x.uid === item.uid);\n      if (index !== -1) {\n        instanceList.splice(index, 1);\n        itemsLength.value -= 1;\n      }\n      instanceList.forEach((instance, idx) => {\n        instance.setIndex(idx);\n      });\n    };\n\n    // #endregion\n\n    // ========== computed =============\n    // #region\n    const containerStyle = computed(() => {\n      const style = {} as CSSProperties;\n      if (props.height) {\n        style.height = `${props.height}px`;\n      }\n      return style;\n    });\n\n    const cardMode = computed(() => {\n      return props.effect === 'card' && props.direction === 'horizontal';\n    });\n\n    const showArrow = computed(() => {\n      return props.arrow !== 'none' && props.direction !== 'vertical';\n    });\n\n    const trackStyle = computed(() => {\n      const style = {} as CSSProperties;\n      if (offsetWidth.value === 0 || props.effect !== 'scroll') {\n        return style;\n      }\n      if (props.direction === 'horizontal') {\n        const width = (itemsLength.value + (props.loop ? 2 : 0)) * offsetWidth.value;\n        style.width = `${width}px`;\n        style.transform = `translateX(${state.translate}px)`;\n      } else {\n        style.transform = `translateY(${state.translate}px)`;\n      }\n      style.opacity = '1';\n      return autoCssPrefix(style);\n    });\n\n    const itemStyle = computed(() => {\n      const style = {} as CSSProperties;\n      if (props.direction === 'horizontal') {\n        style.width = `${offsetWidth.value}px`;\n      } else {\n        // style.width = `${offsetWidth.value}px`;\n        style.height = `${offsetHeight.value}px`;\n      }\n\n      return style;\n    });\n\n    // #endregion\n\n    // ========= auto Timer ============\n    // #region\n    const play = () => {\n      if (state.activeIndex < itemsLength.value - 1) {\n        state.activeIndex += 1;\n      } else {\n        state.activeIndex = 0;\n      }\n    };\n\n    const startTimer = () => {\n      if (props.autoplaySpeed <= 0 || !props.autoplay || state.timer) return;\n      state.timer = setInterval(() => play(), props.autoplaySpeed);\n    };\n\n    const pauseTimer = () => {\n      if (state.timer) {\n        clearInterval(state.timer);\n        state.timer = null;\n      }\n    };\n\n    // #endregion\n\n    // ======== active ===========\n    // #region\n    const setTrackTranslate = (oldIndex?: number) => {\n      const offset = props.direction === 'vertical' ? offsetHeight.value : offsetWidth.value;\n      if (oldIndex === undefined || oldIndex < 0) {\n        state.animating = false;\n        state.translate = -(state.activeIndex + (props.loop ? 1 : 0)) * offset;\n      } else if (oldIndex === itemsLength.value - 1 && state.activeIndex === 0 && props.loop) {\n        state.animating = true;\n        state.translate = -(itemsLength.value + 1) * offset;\n        state.nextTranslate = -offset;\n      } else if (oldIndex === 0 && state.activeIndex === itemsLength.value - 1 && props.loop) {\n        state.animating = true;\n        state.translate = 0;\n        state.nextTranslate = -itemsLength.value * offset;\n      } else {\n        state.animating = true;\n        state.translate = -(state.activeIndex + (props.loop ? 1 : 0)) * offset;\n      }\n    };\n\n    const resetItemPosition = (oldIndex?: number) => {\n      if (props.effect !== 'scroll') {\n        instanceList.forEach((item) => {\n          item.translateItem(state.activeIndex);\n        });\n      } else {\n        setTrackTranslate(oldIndex);\n      }\n    };\n\n    const setActiveItem = (_index: number) => {\n      let index = _index;\n      index = Number(index);\n      if (Number.isNaN(index) || index !== Math.floor(index)) {\n        warning('[UXD-UI][Carousel]index must be an integer.');\n        return;\n      }\n\n      const length = itemsLength.value;\n      const oldIndex = state.activeIndex;\n      if (index < 0) {\n        state.activeIndex = length - 1;\n      } else if (index >= length) {\n        state.activeIndex = 0;\n      } else {\n        state.activeIndex = index;\n      }\n      if (oldIndex === state.activeIndex) {\n        resetItemPosition(oldIndex);\n      }\n    };\n    // #endregion\n\n    // ======= event =========\n    // #region\n    const onMouseEnter = () => {\n      state.hover = true;\n      pauseTimer();\n    };\n\n    const onMouseLeave = () => {\n      state.hover = false;\n      startTimer();\n    };\n\n    const itemInCardArea = (item: CarouselItemInstance, index: number, arrow: string) => {\n      const length = itemsLength.value;\n      if (item.state.inArea) {\n        if (state.activeIndex === 0 && arrow === 'prev') {\n          return index === length - 1;\n        }\n        if (state.activeIndex === length - 1 && arrow === 'next') {\n          return index === 0;\n        }\n        if (arrow === 'prev') {\n          return index === state.activeIndex - 1;\n        }\n        return index === state.activeIndex + 1;\n      }\n    };\n\n    const onArrowEnter = (arrow: string) => {\n      instanceList.forEach((item, index) => {\n        if (itemInCardArea(item, index, arrow)) {\n          item.state.hover = true;\n        }\n      });\n    };\n\n    const onArrowLeave = () => {\n      instanceList.forEach((item) => {\n        item.state.hover = false;\n      });\n    };\n\n    const onArrowClick = (index: number) => {\n      if (index !== state.activeIndex) {\n        setActiveItem(index);\n      }\n    };\n\n    const debounceArrowClick = debounce(onArrowClick, 300);\n\n    const onDotHover = (index: number) => {\n      if (props.trigger === 'hover' && index !== state.activeIndex) {\n        setActiveItem(index);\n      }\n    };\n\n    const debounceDotHover = debounce(onDotHover, 300);\n\n    const onDotClick = (index: number) => {\n      setActiveItem(index);\n    };\n\n    const onTrackTransitionEnd = () => {\n      state.animating = false;\n      if (state.nextTranslate) {\n        state.translate = state.nextTranslate;\n        state.nextTranslate = null;\n      }\n    };\n\n    // #endregion\n\n    // ======= public method =========\n    // #region\n    const prev = () => {\n      setActiveItem(state.activeIndex - 1);\n    };\n\n    const next = () => {\n      setActiveItem(state.activeIndex + 1);\n    };\n    // #endregion\n\n    // ========== watch =========\n    // #region\n    watch(\n      () => state.activeIndex,\n      (cur, old) => {\n        resetItemPosition(old);\n        if (old > -1) {\n          emit('change', cur, old);\n        }\n      }\n    );\n\n    watch(\n      () => props.autoplay,\n      (val) => {\n        val ? startTimer() : pauseTimer();\n      }\n    );\n\n    watch(\n      () => props.autoplaySpeed,\n      () => {\n        pauseTimer();\n        startTimer();\n      }\n    );\n\n    watch(\n      () => [props.effect, props.direction],\n      () => {\n        resetItemPosition();\n      }\n    );\n    // #endregion\n\n    // ======= life circle =========\n    // #region\n    const debounceReszie = debounce(() => {\n      if (root.value) {\n        offsetWidth.value = root.value.offsetWidth;\n        offsetHeight.value = root.value.offsetHeight;\n      }\n      resetItemPosition();\n    }, 300);\n\n    useResizeObserver(root, debounceReszie);\n\n    onMounted(() => {\n      nextTick(() => {\n        if (root.value) {\n          offsetWidth.value = root.value.offsetWidth;\n          offsetHeight.value = root.value.offsetHeight;\n        }\n        if (props.initialIndex < itemsLength.value && props.initialIndex >= 0) {\n          state.activeIndex = props.initialIndex;\n        }\n        startTimer();\n      });\n    });\n\n    onBeforeUnmount(() => {\n      debounceReszie.cancel();\n      debounceArrowClick.cancel();\n      debounceDotHover.cancel();\n      pauseTimer();\n    });\n\n    // #endregion\n\n    const getItemRender = (index: number) => {\n      return instanceList[index] ? instanceList[index].slot : () => null as any;\n    };\n\n    // ==== provide ========\n\n    provide('CarouselContext', {\n      ...toRefs(props),\n      offsetWidth,\n      offsetHeight,\n      itemsLength,\n      addItem,\n      removeItem,\n      setActiveItem\n    });\n\n    return {\n      prefixCls,\n      root,\n      state,\n      itemsLength,\n      containerStyle,\n      trackStyle,\n      itemStyle,\n      cardMode,\n      showArrow,\n      onMouseEnter,\n      onMouseLeave,\n      onArrowEnter,\n      onArrowLeave,\n      debounceArrowClick,\n      debounceDotHover,\n      onDotClick,\n      onTrackTransitionEnd,\n      setActiveItem,\n      getItemRender,\n      prev,\n      next\n    };\n  }\n});\n</script>\n"],"names":["URender","_createElementBlock","_normalizeClass","_createElementVNode","_normalizeStyle","_createBlock","_Transition","_renderSlot","_createVNode","_Fragment","_withModifiers"],"mappings":"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"}
+{"version":3,"file":"Carousel.mjs","sources":["../../../../src/components/Carousel/Carousel.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"root\"\n    :class=\"{\n      [`${prefixCls}`]: true,\n      [`${prefixCls}-${direction}`]: true,\n      [`${prefixCls}-card`]: cardMode,\n      [`${prefixCls}-scroll`]: effect === 'scroll',\n      [`${prefixCls}-fade`]: effect === 'fade'\n    }\"\n    @mouseenter.stop=\"onMouseEnter\"\n    @mouseleave.stop=\"onMouseLeave\"\n  >\n    <div :class=\"`${prefixCls}-container`\" :style=\"containerStyle\">\n      <transition v-if=\"showArrow\" name=\"carousel-arrow-prev\">\n        <button\n          v-show=\"arrow === 'always' || state.hover\"\n          type=\"button\"\n          :disabled=\"!loop && state.activeIndex === 0\"\n          :class=\"`${prefixCls}-arrow ${prefixCls}-arrow-prev ${arrowClass || ''}`\"\n          @mouseenter=\"onArrowEnter('prev')\"\n          @mouseleave=\"onArrowLeave\"\n          @click.stop=\"debounceArrowClick(state.activeIndex - 1)\"\n        >\n          <slot name=\"prevArrow\">\n            <UIcon>\n              <ChevronLeft />\n            </UIcon>\n          </slot>\n        </button>\n      </transition>\n      <transition v-if=\"showArrow\" name=\"carousel-arrow-next\">\n        <button\n          v-show=\"arrow === 'always' || state.hover\"\n          type=\"button\"\n          :class=\"`${prefixCls}-arrow ${prefixCls}-arrow-next  ${arrowClass || ''}`\"\n          :disabled=\"!loop && state.activeIndex === itemsLength - 1\"\n          @mouseenter=\"onArrowEnter('next')\"\n          @mouseleave=\"onArrowLeave\"\n          @click.stop=\"debounceArrowClick(state.activeIndex + 1)\"\n        >\n          <slot name=\"nextArrow\">\n            <UIcon>\n              <ChevronRight />\n            </UIcon>\n          </slot>\n        </button>\n      </transition>\n      <div\n        :class=\"{\n          [`${prefixCls}-track`]: true,\n          [`${prefixCls}-track-animating`]: state.animating\n        }\"\n        :style=\"trackStyle\"\n        @transitionend=\"onTrackTransitionEnd\"\n      >\n        <div v-if=\"effect === 'scroll' && loop\" :class=\"`${prefixCls}-item ${prefixCls}-item-clone`\" :style=\"itemStyle\">\n          <URender :render=\"getItemRender(itemsLength - 1)\" />\n        </div>\n        <slot />\n        <div v-if=\"effect === 'scroll' && loop\" :class=\"`${prefixCls}-item ${prefixCls}-item-clone`\" :style=\"itemStyle\">\n          <URender :render=\"getItemRender(0)\" />\n        </div>\n      </div>\n    </div>\n    <ul\n      v-if=\"dots !== 'none'\"\n      :class=\"{\n        [`${prefixCls}-dots`]: true,\n        [`${prefixCls}-dots-${direction}`]: true,\n        [`${prefixCls}-dots-outside`]: (dots === 'outside' && direction !== 'vertical') || cardMode\n      }\"\n    >\n      <li\n        v-for=\"(item, index) in itemsLength\"\n        :key=\"index\"\n        :class=\"{\n          [`${prefixCls}-dot`]: true,\n          [`${prefixCls}-dot-${direction}`]: true,\n          [`${prefixCls}-dot-active`]: index === state.activeIndex,\n          'is-active': index === state.activeIndex,\n          [`${dotClass}`]: dotClass\n        }\"\n        @mouseenter=\"debounceDotHover(index)\"\n        @click.stop=\"onDotClick(index)\"\n      >\n        <slot name=\"dot\" :index=\"index\">\n          <button :class=\"`${prefixCls}-button`\" />\n        </slot>\n      </li>\n    </ul>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, nextTick, onBeforeUnmount, onMounted, provide, reactive, ref, toRefs, watch, shallowRef } from 'vue';\nimport type { CSSProperties } from 'vue';\nimport { ChevronLeft, ChevronRight } from 'lucide-vue-next';\nimport UIcon from '@uxd-ui/components/Icon';\nimport { debounce } from '../../utils/tools';\nimport warning from '../../utils/warn';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport useResizeObserver from '../base/hooks/useResizeObserver';\nimport { autoCssPrefix } from '../../utils/dom';\nimport URender from '../base/Render';\nimport { carouselProps, carouselEmits } from './Carousel.type';\nimport type { CarouselItemInstance, CarouselState } from './Carousel.type';\n\nexport default defineComponent({\n  name: 'UCarousel',\n  components: {\n    UIcon,\n    URender,\n    ChevronLeft,\n    ChevronRight\n  },\n  props: carouselProps,\n  emits: carouselEmits,\n  setup(props, { emit }) {\n    const { prefixCls } = useGlobalConfig('carousel');\n    const root = shallowRef<HTMLElement | null>(null);\n    const offsetWidth = ref(0);\n    const offsetHeight = ref(0);\n    const state = reactive({\n      hover: false,\n      activeIndex: -1,\n      timer: null,\n      translate: 0,\n      nextTranslate: null,\n      animating: false\n    } as CarouselState);\n\n    // ========== items =============\n    // #region\n    const itemsLength = ref(0);\n    const instanceList: CarouselItemInstance[] = [];\n    const addItem = (item: CarouselItemInstance) => {\n      item.setIndex(instanceList.length);\n      instanceList.push(item);\n      itemsLength.value += 1;\n    };\n\n    const removeItem = (item: CarouselItemInstance) => {\n      const index = instanceList.findIndex((x) => x.uid === item.uid);\n      if (index !== -1) {\n        instanceList.splice(index, 1);\n        itemsLength.value -= 1;\n      }\n      instanceList.forEach((instance, idx) => {\n        instance.setIndex(idx);\n      });\n    };\n\n    // #endregion\n\n    // ========== computed =============\n    // #region\n    const containerStyle = computed(() => {\n      const style = {} as CSSProperties;\n      if (props.height) {\n        style.height = `${props.height}px`;\n      }\n      return style;\n    });\n\n    const cardMode = computed(() => {\n      return props.effect === 'card' && props.direction === 'horizontal';\n    });\n\n    const showArrow = computed(() => {\n      return props.arrow !== 'none' && props.direction !== 'vertical';\n    });\n\n    const trackStyle = computed(() => {\n      const style = {} as CSSProperties;\n      if (offsetWidth.value === 0 || props.effect !== 'scroll') {\n        return style;\n      }\n      if (props.direction === 'horizontal') {\n        const width = (itemsLength.value + (props.loop ? 2 : 0)) * offsetWidth.value;\n        style.width = `${width}px`;\n        style.transform = `translateX(${state.translate}px)`;\n      } else {\n        style.transform = `translateY(${state.translate}px)`;\n      }\n      style.opacity = '1';\n      return autoCssPrefix(style);\n    });\n\n    const itemStyle = computed(() => {\n      const style = {} as CSSProperties;\n      if (props.direction === 'horizontal') {\n        style.width = `${offsetWidth.value}px`;\n      } else {\n        // style.width = `${offsetWidth.value}px`;\n        style.height = `${offsetHeight.value}px`;\n      }\n\n      return style;\n    });\n\n    // #endregion\n\n    // ========= auto Timer ============\n    // #region\n    const play = () => {\n      if (state.activeIndex < itemsLength.value - 1) {\n        state.activeIndex += 1;\n      } else {\n        state.activeIndex = 0;\n      }\n    };\n\n    const startTimer = () => {\n      if (props.autoplaySpeed <= 0 || !props.autoplay || state.timer) return;\n      state.timer = setInterval(() => play(), props.autoplaySpeed);\n    };\n\n    const pauseTimer = () => {\n      if (state.timer) {\n        clearInterval(state.timer);\n        state.timer = null;\n      }\n    };\n\n    // #endregion\n\n    // ======== active ===========\n    // #region\n    const setTrackTranslate = (oldIndex?: number) => {\n      const offset = props.direction === 'vertical' ? offsetHeight.value : offsetWidth.value;\n      if (oldIndex === undefined || oldIndex < 0) {\n        state.animating = false;\n        state.translate = -(state.activeIndex + (props.loop ? 1 : 0)) * offset;\n      } else if (oldIndex === itemsLength.value - 1 && state.activeIndex === 0 && props.loop) {\n        state.animating = true;\n        state.translate = -(itemsLength.value + 1) * offset;\n        state.nextTranslate = -offset;\n      } else if (oldIndex === 0 && state.activeIndex === itemsLength.value - 1 && props.loop) {\n        state.animating = true;\n        state.translate = 0;\n        state.nextTranslate = -itemsLength.value * offset;\n      } else {\n        state.animating = true;\n        state.translate = -(state.activeIndex + (props.loop ? 1 : 0)) * offset;\n      }\n    };\n\n    const resetItemPosition = (oldIndex?: number) => {\n      if (props.effect !== 'scroll') {\n        instanceList.forEach((item) => {\n          item.translateItem(state.activeIndex);\n        });\n      } else {\n        setTrackTranslate(oldIndex);\n      }\n    };\n\n    const setActiveItem = (_index: number) => {\n      let index = _index;\n      index = Number(index);\n      if (Number.isNaN(index) || index !== Math.floor(index)) {\n        warning('[UXD-UI][Carousel]index must be an integer.');\n        return;\n      }\n\n      const length = itemsLength.value;\n      const oldIndex = state.activeIndex;\n      if (index < 0) {\n        state.activeIndex = length - 1;\n      } else if (index >= length) {\n        state.activeIndex = 0;\n      } else {\n        state.activeIndex = index;\n      }\n      if (oldIndex === state.activeIndex) {\n        resetItemPosition(oldIndex);\n      }\n    };\n    // #endregion\n\n    // ======= event =========\n    // #region\n    const onMouseEnter = () => {\n      state.hover = true;\n      pauseTimer();\n    };\n\n    const onMouseLeave = () => {\n      state.hover = false;\n      startTimer();\n    };\n\n    const itemInCardArea = (item: CarouselItemInstance, index: number, arrow: string) => {\n      const length = itemsLength.value;\n      if (item.state.inArea) {\n        if (state.activeIndex === 0 && arrow === 'prev') {\n          return index === length - 1;\n        }\n        if (state.activeIndex === length - 1 && arrow === 'next') {\n          return index === 0;\n        }\n        if (arrow === 'prev') {\n          return index === state.activeIndex - 1;\n        }\n        return index === state.activeIndex + 1;\n      }\n    };\n\n    const onArrowEnter = (arrow: string) => {\n      instanceList.forEach((item, index) => {\n        if (itemInCardArea(item, index, arrow)) {\n          item.state.hover = true;\n        }\n      });\n    };\n\n    const onArrowLeave = () => {\n      instanceList.forEach((item) => {\n        item.state.hover = false;\n      });\n    };\n\n    const onArrowClick = (index: number) => {\n      if (index !== state.activeIndex) {\n        setActiveItem(index);\n      }\n    };\n\n    const debounceArrowClick = debounce(onArrowClick, 300);\n\n    const onDotHover = (index: number) => {\n      if (props.trigger === 'hover' && index !== state.activeIndex) {\n        setActiveItem(index);\n      }\n    };\n\n    const debounceDotHover = debounce(onDotHover, 300);\n\n    const onDotClick = (index: number) => {\n      setActiveItem(index);\n    };\n\n    const onTrackTransitionEnd = () => {\n      state.animating = false;\n      if (state.nextTranslate) {\n        state.translate = state.nextTranslate;\n        state.nextTranslate = null;\n      }\n    };\n\n    // #endregion\n\n    // ======= public method =========\n    // #region\n    const prev = () => {\n      setActiveItem(state.activeIndex - 1);\n    };\n\n    const next = () => {\n      setActiveItem(state.activeIndex + 1);\n    };\n    // #endregion\n\n    // ========== watch =========\n    // #region\n    watch(\n      () => state.activeIndex,\n      (cur, old) => {\n        resetItemPosition(old);\n        if (old > -1) {\n          emit('change', cur, old);\n        }\n      }\n    );\n\n    watch(\n      () => props.autoplay,\n      (val) => {\n        val ? startTimer() : pauseTimer();\n      }\n    );\n\n    watch(\n      () => props.autoplaySpeed,\n      () => {\n        pauseTimer();\n        startTimer();\n      }\n    );\n\n    watch(\n      () => [props.effect, props.direction],\n      () => {\n        resetItemPosition();\n      }\n    );\n    // #endregion\n\n    // ======= life circle =========\n    // #region\n    const debounceReszie = debounce(() => {\n      if (root.value) {\n        offsetWidth.value = root.value.offsetWidth;\n        offsetHeight.value = root.value.offsetHeight;\n      }\n      resetItemPosition();\n    }, 300);\n\n    useResizeObserver(root, debounceReszie);\n\n    onMounted(() => {\n      nextTick(() => {\n        if (root.value) {\n          offsetWidth.value = root.value.offsetWidth;\n          offsetHeight.value = root.value.offsetHeight;\n        }\n        if (props.initialIndex < itemsLength.value && props.initialIndex >= 0) {\n          state.activeIndex = props.initialIndex;\n        }\n        startTimer();\n      });\n    });\n\n    onBeforeUnmount(() => {\n      debounceReszie.cancel();\n      debounceArrowClick.cancel();\n      debounceDotHover.cancel();\n      pauseTimer();\n    });\n\n    // #endregion\n\n    const getItemRender = (index: number) => {\n      return instanceList[index] ? instanceList[index].slot : () => null as any;\n    };\n\n    // ==== provide ========\n\n    provide('CarouselContext', {\n      ...toRefs(props),\n      offsetWidth,\n      offsetHeight,\n      itemsLength,\n      addItem,\n      removeItem,\n      setActiveItem\n    });\n\n    return {\n      prefixCls,\n      root,\n      state,\n      itemsLength,\n      containerStyle,\n      trackStyle,\n      itemStyle,\n      cardMode,\n      showArrow,\n      onMouseEnter,\n      onMouseLeave,\n      onArrowEnter,\n      onArrowLeave,\n      debounceArrowClick,\n      debounceDotHover,\n      onDotClick,\n      onTrackTransitionEnd,\n      setActiveItem,\n      getItemRender,\n      prev,\n      next\n    };\n  }\n});\n</script>\n"],"names":["URender","_createElementBlock","_normalizeClass","_createElementVNode","_normalizeStyle","_createBlock","_Transition","_renderSlot","_createVNode","_Fragment","_withModifiers"],"mappings":"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"}