@transsionfe/semi-ui-vue 0.0.1 → 0.0.2

package/lib/es/components/calendar/MonthCalendar.vue2.js

@@ -0,0 +1,228 @@
+import { defineComponent as Y, useAttrs as Z, ref as u, computed as c, onMounted as ee, nextTick as h, watch as g, createBlock as M, openBlock as P, withCtx as y, unref as te, createSlots as ne, renderSlot as p, normalizeProps as w, guardReactiveProps as k } from "vue";
+import C from "classnames";
+import { isEqual as S } from "lodash";
+import ae from "@douyinfe/semi-foundation/calendar/foundation";
+import { cssClasses as m } from "@douyinfe/semi-foundation/calendar/constants";
+import se from "../locale/LocaleConsumer.vue.js";
+import oe from "./MonthCalendarInner.vue.js";
+import { useBaseComponent as ie } from "../_utils/useBaseComponent.js";
+import { useFoundation as re } from "../../_utils/useFoundation.js";
+const ge = /* @__PURE__ */ Y({
+  name: "SemiMonthCalendar",
+  inheritAttrs: !1,
+  __name: "MonthCalendar",
+  props: {
+    displayValue: { default: () => /* @__PURE__ */ new Date() },
+    header: {},
+    events: { default: () => [] },
+    mode: { default: "month" },
+    weekStartsOn: {},
+    onClick: {},
+    onClose: {},
+    markWeekend: { type: Boolean },
+    minEventHeight: {},
+    width: {},
+    height: {},
+    renderDateDisplay: {},
+    dateGridRender: {},
+    allDayEventsRender: {}
+  },
+  setup(H) {
+    const R = Z(), t = H, L = `${m.PREFIX}-month`, I = u(), f = u(), r = u(null), s = u({
+      itemLimit: 0,
+      showCard: {},
+      parsedEvents: {},
+      cachedKeys: []
+    }), { adapter: b, getDataAttr: K } = ie(t, s), A = {
+      ...b,
+      registerClickOutsideHandler: (e, n) => () => {
+      },
+      unregisterClickOutsideHandler: () => {
+      },
+      setMonthlyData: (e) => {
+        r.value = e;
+      },
+      getMonthlyData: () => r.value,
+      notifyClose: (e, n) => {
+        const a = {};
+        a[n] = [!1], s.value.showCard = { ...s.value.showCard, ...a }, t.onClose && t.onClose(e);
+      },
+      openCard: (e, n) => {
+        const a = {}, i = n ? "leftTopOver" : "rightTopOver";
+        a[e] = [!0, i], s.value.showCard = { ...s.value.showCard, ...a };
+      },
+      setParsedEvents: (e) => {
+        s.value.parsedEvents = e;
+      },
+      setItemLimit: (e) => {
+        s.value.itemLimit = e;
+      },
+      cacheEventKeys: (e) => {
+        s.value.cachedKeys = e;
+      }
+    }, { foundation: l } = re(ae, A), O = c(() => C(L, t.className)), W = c(() => {
+      const e = {};
+      return t.height !== void 0 && t.height !== null && (e.height = typeof t.height == "number" ? `${t.height}px` : t.height), t.width !== void 0 && t.width !== null && (e.width = typeof t.width == "number" ? `${t.width}px` : t.width), {
+        ...e,
+        ...t.style,
+        ...R.style
+      };
+    }), F = c(() => t.displayValue || /* @__PURE__ */ new Date()), X = c(() => !r.value || !r.value[0] ? [] : r.value[0]), _ = c(() => r.value ? Object.values(r.value) : []), E = (e) => r.value ? Object.keys(r.value)[e] ?? String(e) : String(e), B = (e) => {
+      if (!e)
+        return;
+      const n = l.getMonthlyData(F.value, e);
+      n && (r.value = n);
+    }, v = () => {
+      if (f.value) {
+        const e = f.value.getBoundingClientRect().height;
+        return Math.max(0, Math.ceil((e - 60) / 24));
+      }
+      return 0;
+    }, G = (e) => C({
+      [`${m.PREFIX}-month-same`]: e.isSameMonth,
+      [`${m.PREFIX}-month-other`]: !e.isSameMonth,
+      [`${m.PREFIX}-today`]: e.isToday,
+      [`${m.PREFIX}-weekend`]: t.markWeekend && e.isWeekend
+    }), T = (e) => {
+      const n = e.toString(), a = s.value.parsedEvents;
+      if (a.day && Array.isArray(a.day)) {
+        for (const i of a.day)
+          if (Array.isArray(i)) {
+            const o = i.filter(
+              (d) => d && d.date && d.date.toString() === n
+            );
+            if (o.length > 0)
+              return o;
+          }
+      }
+      return [];
+    }, V = (e) => {
+      const n = s.value.parsedEvents, a = s.value.itemLimit, i = E(e);
+      if (n && n[i] && n[i].display) {
+        const o = n[i].display;
+        return a > 0 ? o.filter((d) => d.topInd < a) : o;
+      }
+      return [];
+    }, j = (e) => C({
+      [`${m.PREFIX}-weekend`]: t.markWeekend && e.isWeekend
+    }), N = (e) => {
+      const n = (a) => `${a < 1 ? a * 100 : 100}%`;
+      return {
+        left: n(e.leftPos || 0),
+        width: n(e.width || 0),
+        top: `${e.topInd || 0}em`
+      };
+    }, q = (e, n) => {
+      if (t.onClick) {
+        const a = l.formatCbValue(n);
+        t.onClick(e, a);
+      }
+    }, z = (e, n) => {
+      l.showCard(e, n);
+    }, x = (e, n) => {
+      l.closeCard(e, n);
+    }, J = c(() => s.value.showCard);
+    ee(async () => {
+      l.init(), await h(), await h();
+      let e = v();
+      if (e === 0 && t.height) {
+        const i = typeof t.height == "number" ? t.height : parseInt(t.height, 10);
+        e = Math.max(1, Math.ceil((i / 6 - 60) / 24));
+      }
+      l.parseMonthlyEvents(e);
+    }), g(
+      () => [t.events, t.displayValue, t.height],
+      async (e, n) => {
+        const a = s.value.cachedKeys, i = t.events.map(($) => $.key);
+        let o = s.value.itemLimit;
+        if (t.height !== void 0 && (await h(), await h(), o = v(), o === 0 && t.height)) {
+          const U = typeof t.height == "number" ? t.height : parseInt(t.height, 10);
+          o = Math.max(1, Math.ceil((U - 60) / 24));
+        }
+        const d = n == null ? void 0 : n[1], Q = e[1];
+        (!S(a, i) || !S(d, Q)) && l.parseMonthlyEvents(o);
+      },
+      { deep: !0, immediate: !0 }
+    ), g(
+      () => t.displayValue,
+      async () => {
+        await h();
+        const e = v();
+        l.parseMonthlyEvents(e);
+      },
+      { deep: !0 }
+    );
+    const D = u(0);
+    return g(
+      () => t.weekStartsOn,
+      async () => {
+        D.value++, r.value = null, await h();
+        const e = v();
+        l.parseMonthlyEvents(e);
+      }
+    ), (e, n) => (P(), M(se, { "component-name": "Calendar" }, {
+      default: y(({ locale: a, dateFnsLocale: i }) => [
+        (P(), M(oe, {
+          key: D.value,
+          locale: a,
+          "date-fns-locale": i,
+          "month-cls": O.value,
+          "month-style": W.value,
+          "dom-ref": I.value,
+          "cell-dom-ref": f.value,
+          "get-data-attr": te(K),
+          props: t,
+          "month-header-days": X.value,
+          "monthly-weeks": _.value,
+          "parsed-events": s.value.parsedEvents,
+          "item-limit": s.value.itemLimit,
+          "get-day-cls": G,
+          "get-header-day-cls": j,
+          "get-day-events": T,
+          "get-week-display-events": V,
+          "get-event-style": N,
+          "handle-click": q,
+          "init-monthly-data": B,
+          "show-card": J.value,
+          "close-card": x,
+          "show-card-handler": z,
+          "get-week-key": E
+        }, ne({ _: 2 }, [
+          e.$slots.header ? {
+            name: "header",
+            fn: y(() => [
+              p(e.$slots, "header")
+            ]),
+            key: "0"
+          } : void 0,
+          e.$slots.dateDisplay ? {
+            name: "dateDisplay",
+            fn: y((o) => [
+              p(e.$slots, "dateDisplay", w(k(o)))
+            ]),
+            key: "1"
+          } : void 0,
+          e.$slots.dateGrid ? {
+            name: "dateGrid",
+            fn: y((o) => [
+              p(e.$slots, "dateGrid", w(k(o)))
+            ]),
+            key: "2"
+          } : void 0,
+          e.$slots.event ? {
+            name: "event",
+            fn: y((o) => [
+              p(e.$slots, "event", w(k(o)))
+            ]),
+            key: "3"
+          } : void 0
+        ]), 1032, ["locale", "date-fns-locale", "month-cls", "month-style", "dom-ref", "cell-dom-ref", "get-data-attr", "month-header-days", "monthly-weeks", "parsed-events", "item-limit", "show-card"]))
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  ge as default
+};
+//# sourceMappingURL=MonthCalendar.vue2.js.map

package/lib/es/components/calendar/MonthCalendar.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthCalendar.vue2.js","sources":["../../../../src/components/calendar/MonthCalendar.vue"],"sourcesContent":["<template>\n    <LocaleConsumer component-name=\"Calendar\">\n        <template #default=\"{ locale, dateFnsLocale }\">\n            <MonthCalendarInner\n                :key=\"monthCalendarKey\"\n                :locale=\"locale\"\n                :date-fns-locale=\"dateFnsLocale\"\n                :month-cls=\"monthCls\"\n                :month-style=\"monthStyle\"\n                :dom-ref=\"domRef\"\n                :cell-dom-ref=\"cellDomRef\"\n                :get-data-attr=\"getDataAttr\"\n                :props=\"props\"\n                :month-header-days=\"monthHeaderDays\"\n                :monthly-weeks=\"monthlyWeeks\"\n                :parsed-events=\"state.parsedEvents\"\n                :item-limit=\"state.itemLimit\"\n                :get-day-cls=\"getDayCls\"\n                :get-header-day-cls=\"getHeaderDayCls\"\n                :get-day-events=\"getDayEvents\"\n                :get-week-display-events=\"getWeekDisplayEvents\"\n                :get-event-style=\"getEventStyle\"\n                :handle-click=\"handleClick\"\n                :init-monthly-data=\"initMonthlyData\"\n                :show-card=\"showCardState\"\n                :close-card=\"closeCard\"\n                :show-card-handler=\"showCard\"\n                :get-week-key=\"getWeekKey\"\n            >\n                <template v-if=\"$slots.header\" #header>\n                    <slot name=\"header\" />\n                </template>\n                <template v-if=\"$slots.dateDisplay\" #dateDisplay=\"slotProps\">\n                    <slot name=\"dateDisplay\" v-bind=\"slotProps\" />\n                </template>\n                <template v-if=\"$slots.dateGrid\" #dateGrid=\"slotProps\">\n                    <slot name=\"dateGrid\" v-bind=\"slotProps\" />\n                </template>\n                <template v-if=\"$slots.event\" #event=\"slotProps\">\n                    <slot name=\"event\" v-bind=\"slotProps\" />\n                </template>\n            </MonthCalendarInner>\n        </template>\n    </LocaleConsumer>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, onMounted, nextTick, useAttrs } from 'vue';\nimport classnames from 'classnames';\nimport { isEqual } from 'lodash';\nimport CalendarFoundation, {\n    CalendarAdapter,\n    MonthlyEvent,\n    MonthData,\n    ParsedEventsType,\n} from '@douyinfe/semi-foundation/calendar/foundation';\nimport { cssClasses } from '@douyinfe/semi-foundation/calendar/constants';\nimport LocaleConsumer from '../locale/LocaleConsumer.vue';\nimport MonthCalendarInner from './MonthCalendarInner.vue';\nimport { useBaseComponent, useFoundation } from '../_utils';\nimport type { MonthCalendarProps } from './interface';\n\nconst attrs = useAttrs();\n\ndefineOptions({\n    name: 'SemiMonthCalendar',\n    inheritAttrs: false,\n});\n\nconst props = withDefaults(defineProps<MonthCalendarProps>(), {\n    displayValue: () => new Date(),\n    events: () => [],\n    mode: 'month',\n});\n\nconst prefixCls = `${cssClasses.PREFIX}-month`;\n\nconst domRef = ref<HTMLDivElement>();\nconst cellDomRef = ref<HTMLDivElement>();\n\nconst monthlyData = ref<MonthData | null>(null);\n\nconst state = ref({\n    itemLimit: 0,\n    showCard: {} as Record<string, [boolean] | [boolean, string]>,\n    parsedEvents: {} as MonthlyEvent,\n    cachedKeys: [] as string[],\n});\n\nconst { adapter: baseAdapter, getDataAttr } = useBaseComponent(props, state);\n\nconst adapter: CalendarAdapter<MonthCalendarProps, typeof state.value> = {\n    ...baseAdapter,\n    registerClickOutsideHandler: (_key: string, _cb: () => void) => {\n        // 注意：Vue 版本的 Popover 已经处理了点击外部关闭的逻辑\n        // 这里保留方法以保持与 Foundation 的兼容性\n        // 实际的点击外部关闭由 Popover 组件的 @click-outside 事件处理\n        return () => {\n            // 清理函数（如果需要）\n        };\n    },\n    unregisterClickOutsideHandler: () => {\n        // 清理逻辑\n    },\n    setMonthlyData: (data: MonthData) => {\n        monthlyData.value = data;\n    },\n    getMonthlyData: () => monthlyData.value,\n    notifyClose: (e: any, key: string) => {\n        const updates: Record<string, [boolean] | [boolean, string]> = {};\n        updates[key] = [false];\n        state.value.showCard = { ...state.value.showCard, ...updates };\n        if (props.onClose) {\n            props.onClose(e);\n        }\n    },\n    openCard: (key: string, spacing: boolean) => {\n        const updates: Record<string, [boolean] | [boolean, string]> = {};\n        const pos = spacing ? 'leftTopOver' : 'rightTopOver';\n        updates[key] = [true, pos];\n        state.value.showCard = { ...state.value.showCard, ...updates };\n    },\n    setParsedEvents: (parsedEvents: ParsedEventsType) => {\n        state.value.parsedEvents = parsedEvents as MonthlyEvent;\n    },\n    setItemLimit: (itemLimit: number) => {\n        state.value.itemLimit = itemLimit;\n    },\n    cacheEventKeys: (cachedKeys: string[]) => {\n        state.value.cachedKeys = cachedKeys;\n    },\n};\n\nconst { foundation } = useFoundation(CalendarFoundation, adapter);\n\nconst monthCls = computed(() => {\n    return classnames(prefixCls, props.className);\n});\n\nconst monthStyle = computed(() => {\n    const style: any = {};\n    if (props.height !== undefined && props.height !== null) {\n        style.height = typeof props.height === 'number' ? `${props.height}px` : props.height;\n    }\n    if (props.width !== undefined && props.width !== null) {\n        style.width = typeof props.width === 'number' ? `${props.width}px` : props.width;\n    }\n    return {\n        ...style,\n        ...props.style,\n        ...(attrs.style as any),\n    };\n});\n\nconst displayValue = computed(() => props.displayValue || new Date());\n\n// 使用 computed 缓存数据，避免在模板函数中修改响应式数据\nconst monthHeaderDays = computed(() => {\n    if (!monthlyData.value || !monthlyData.value[0]) {\n        return [];\n    }\n    return monthlyData.value[0];\n});\n\nconst monthlyWeeks = computed(() => {\n    if (!monthlyData.value) {\n        return [];\n    }\n    return Object.values(monthlyData.value);\n});\n\n// 获取 weekIndex 对应的字符串键（用于访问 parsedEvents）\n// parsedEvents 的键是字符串（\"0\", \"1\", \"2\"），而 v-for 的 weekIndex 是数字索引\nconst getWeekKey = (weekIndex: number) => {\n    if (!monthlyData.value) {\n        return String(weekIndex);\n    }\n    const keys = Object.keys(monthlyData.value);\n    return keys[weekIndex] ?? String(weekIndex);\n};\n\nconst initMonthlyData = (dateFnsLocale: any) => {\n    if (!dateFnsLocale) {\n        return;\n    }\n    const data = foundation.getMonthlyData(displayValue.value, dateFnsLocale);\n    if (data) {\n        monthlyData.value = data;\n    }\n};\n\nconst calcItemLimit = () => {\n    if (cellDomRef.value) {\n        const contentCellHeight = cellDomRef.value.getBoundingClientRect().height;\n        const contentPadding = 60;\n        const contentHeight = 24;\n        return Math.max(0, Math.ceil((contentCellHeight - contentPadding) / contentHeight));\n    }\n    return 0;\n};\n\nconst getDayCls = (day: any) => {\n    return classnames({\n        [`${cssClasses.PREFIX}-month-same`]: day.isSameMonth,\n        [`${cssClasses.PREFIX}-month-other`]: !day.isSameMonth,\n        [`${cssClasses.PREFIX}-today`]: day.isToday,\n        [`${cssClasses.PREFIX}-weekend`]: props.markWeekend && day.isWeekend,\n    });\n};\n\nconst getDayEvents = (date: Date) => {\n    const dateString = date.toString();\n    const parsedEvents = state.value.parsedEvents;\n    if (parsedEvents.day && Array.isArray(parsedEvents.day)) {\n        // 查找包含该日期的事件\n        for (const week of parsedEvents.day) {\n            if (Array.isArray(week)) {\n                const dayEvents = week.filter(\n                    (event: any) => event && event.date && event.date.toString() === dateString\n                );\n                if (dayEvents.length > 0) {\n                    return dayEvents;\n                }\n            }\n        }\n    }\n    return [];\n};\n\nconst getWeekDisplayEvents = (weekIndex: number) => {\n    const parsedEvents = state.value.parsedEvents;\n    const itemLimit = state.value.itemLimit;\n    const weekKey = getWeekKey(weekIndex);\n\n    if (parsedEvents && parsedEvents[weekKey] && parsedEvents[weekKey].display) {\n        const events = parsedEvents[weekKey].display;\n        if (itemLimit > 0) {\n            return events.filter((event: any) => event.topInd < itemLimit);\n        }\n        return events;\n    }\n    return [];\n};\n\nconst getHeaderDayCls = (day: any) => {\n    return classnames({\n        [`${cssClasses.PREFIX}-weekend`]: props.markWeekend && day.isWeekend,\n    });\n};\n\nconst getEventStyle = (event: any) => {\n    const toPercent = (num: number) => {\n        const res = num < 1 ? num * 100 : 100;\n        return `${res}%`;\n    };\n    return {\n        left: toPercent(event.leftPos || 0),\n        width: toPercent(event.width || 0),\n        top: `${event.topInd || 0}em`,\n    };\n};\n\nconst handleClick = (e: MouseEvent, val: [Date]) => {\n    if (props.onClick) {\n        const value = foundation.formatCbValue(val);\n        props.onClick(e, value);\n    }\n};\n\nconst showCard = (e: MouseEvent, key: string) => {\n    foundation.showCard(e, key);\n};\n\nconst closeCard = (e: MouseEvent, key: string) => {\n    foundation.closeCard(e, key);\n};\n\nconst showCardState = computed(() => state.value.showCard);\n\nonMounted(async () => {\n    foundation.init();\n    await nextTick();\n    await nextTick();\n\n    let itemLimit = calcItemLimit();\n    if (itemLimit === 0 && props.height) {\n        const contentPadding = 60;\n        const contentHeight = 24;\n        const estimatedHeight = typeof props.height === 'number' ? props.height : parseInt(props.height, 10);\n        itemLimit = Math.max(1, Math.ceil((estimatedHeight / 6 - contentPadding) / contentHeight));\n    }\n\n    foundation.parseMonthlyEvents(itemLimit);\n});\n\nwatch(\n    () => [props.events, props.displayValue, props.height],\n    async (newVal, oldVal) => {\n        const prevEventKeys = state.value.cachedKeys;\n        const nowEventKeys = props.events.map((event) => event.key);\n        let itemLimit = state.value.itemLimit;\n        if (props.height !== undefined) {\n            await nextTick();\n            await nextTick();\n            itemLimit = calcItemLimit();\n            if (itemLimit === 0 && props.height) {\n                const contentPadding = 60;\n                const contentHeight = 24;\n                const estimatedHeight = typeof props.height === 'number' ? props.height : parseInt(props.height, 10);\n                itemLimit = Math.max(1, Math.ceil((estimatedHeight - contentPadding) / contentHeight));\n            }\n        }\n        const prevDisplayValue = oldVal?.[1];\n        const nowDisplayValue = newVal[1];\n        if (!isEqual(prevEventKeys, nowEventKeys) || !isEqual(prevDisplayValue, nowDisplayValue)) {\n            foundation.parseMonthlyEvents(itemLimit);\n        }\n    },\n    { deep: true, immediate: true }\n);\n\nwatch(\n    () => props.displayValue,\n    async () => {\n        await nextTick();\n        const itemLimit = calcItemLimit();\n        foundation.parseMonthlyEvents(itemLimit);\n    },\n    { deep: true }\n);\n\nconst monthCalendarKey = ref(0);\n\nwatch(\n    () => props.weekStartsOn,\n    async () => {\n        monthCalendarKey.value++;\n        monthlyData.value = null;\n        await nextTick();\n        const itemLimit = calcItemLimit();\n        foundation.parseMonthlyEvents(itemLimit);\n    }\n);\n</script>\n"],"names":["attrs","useAttrs","props","__props","prefixCls","cssClasses","domRef","ref","cellDomRef","monthlyData","state","baseAdapter","getDataAttr","useBaseComponent","adapter","_key","_cb","data","key","updates","spacing","pos","parsedEvents","itemLimit","cachedKeys","foundation","useFoundation","CalendarFoundation","monthCls","computed","classnames","monthStyle","style","displayValue","monthHeaderDays","monthlyWeeks","getWeekKey","weekIndex","initMonthlyData","dateFnsLocale","calcItemLimit","contentCellHeight","getDayCls","day","getDayEvents","date","dateString","week","dayEvents","event","getWeekDisplayEvents","weekKey","events","getHeaderDayCls","getEventStyle","toPercent","num","handleClick","val","value","showCard","closeCard","showCardState","onMounted","nextTick","estimatedHeight","watch","newVal","oldVal","prevEventKeys","nowEventKeys","prevDisplayValue","nowDisplayValue","isEqual","monthCalendarKey","_createBlock","LocaleConsumer","_withCtx","locale","MonthCalendarInner","_unref","$slots","_renderSlot","_ctx","slotProps"],"mappings":"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"}

package/lib/es/components/calendar/MonthCalendarInner.vue2.js

@@ -0,0 +1,5 @@
+import f from "./MonthCalendarInner.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=MonthCalendarInner.vue2.js.map

package/lib/es/components/calendar/MonthCalendarInner.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthCalendarInner.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/es/components/calendar/RangeCalendar.vue2.js

@@ -0,0 +1,178 @@
+import { defineComponent as H, useAttrs as N, ref as g, computed as o, onMounted as V, nextTick as E, watch as q, createBlock as z, openBlock as O, withCtx as d, createVNode as j, unref as J, createSlots as Q, renderSlot as i, normalizeProps as u, guardReactiveProps as c } from "vue";
+import h from "classnames";
+import { isEqual as U } from "lodash";
+import Y from "@douyinfe/semi-foundation/calendar/foundation";
+import { cssClasses as v } from "@douyinfe/semi-foundation/calendar/constants";
+import { calcRowHeight as Z } from "@douyinfe/semi-foundation/calendar/eventUtil";
+import _ from "../locale/LocaleConsumer.vue.js";
+import L from "./RangeCalendarInner.vue.js";
+import { useBaseComponent as x } from "../_utils/useBaseComponent.js";
+import { useFoundation as ee } from "../../_utils/useFoundation.js";
+const ue = /* @__PURE__ */ H({
+  name: "SemiRangeCalendar",
+  inheritAttrs: !1,
+  __name: "RangeCalendar",
+  props: {
+    displayValue: {},
+    range: {},
+    header: {},
+    events: { default: () => [] },
+    mode: { default: "range" },
+    showCurrTime: { type: Boolean },
+    weekStartsOn: {},
+    scrollTop: {},
+    onClick: {},
+    onClose: {},
+    renderTimeDisplay: {},
+    markWeekend: { type: Boolean },
+    minEventHeight: {},
+    width: {},
+    height: {},
+    renderDateDisplay: {},
+    dateGridRender: {},
+    allDayEventsRender: {}
+  },
+  setup(w) {
+    const $ = N(), t = w, R = `${v.PREFIX}-week`;
+    `${v.PREFIX}`;
+    const k = (e) => `${e < 1 ? e * 100 : 100}%`, p = g(), s = g(null), y = g({
+      parsedEvents: {
+        day: /* @__PURE__ */ new Map(),
+        allDay: /* @__PURE__ */ new Map()
+      },
+      cachedKeys: []
+    }), { adapter: C, getDataAttr: P } = x(t, y), S = {
+      ...C,
+      setRangeData: (e) => {
+        s.value = e;
+      },
+      getRangeData: () => s.value,
+      setParsedEvents: (e) => {
+        y.value.parsedEvents = e;
+      },
+      cacheEventKeys: (e) => {
+        y.value.cachedKeys = e;
+      }
+    }, { foundation: r } = ee(Y, S), T = o(() => h(R, t.className)), A = o(() => {
+      const e = {};
+      return t.height !== void 0 && t.height !== null && (e.height = typeof t.height == "number" ? `${t.height}px` : t.height), t.width !== void 0 && t.width !== null && (e.width = typeof t.width == "number" ? `${t.width}px` : t.width), {
+        ...e,
+        ...t.style,
+        ...$.style
+      };
+    }), m = o(() => y.value.parsedEvents), F = o(() => s.value ? s.value.week || [] : []), I = o(() => s.value && s.value.month || ""), K = (e) => {
+      if (!e || !t.range || t.range.length < 2)
+        return;
+      const a = r.getRangeData(t.range[0], e);
+      a && (s.value = a);
+    }, D = o(() => {
+      if (!m.value.allDay || !s.value)
+        return [];
+      const e = r.parseRangeAllDayEvents(m.value.allDay);
+      return t.allDayEventsRender ? t.allDayEventsRender(t.events) : e;
+    }), B = o(() => t.allDayEventsRender ? null : {
+      height: `${Z(D.value)}em`
+    }), W = (e) => h({
+      [`${v.PREFIX}-today`]: e.isToday,
+      [`${v.PREFIX}-weekend`]: t.markWeekend && e.isWeekend
+    }), X = (e) => h({
+      [`${v.PREFIX}-weekend`]: t.markWeekend && e.isWeekend
+    }), b = (e) => ({
+      left: k(e.leftPos || 0),
+      width: k(e.width || 0),
+      top: `${e.topInd || 0}em`
+    }), G = (e) => {
+      const a = e.toString(), l = m.value.day;
+      if (l.has(a)) {
+        const f = l.get(a) || [];
+        return r.getParseDailyEvents(f, e).day;
+      }
+      return [];
+    }, M = (e, a) => {
+      if (t.onClick) {
+        const l = r.formatCbValue(a);
+        t.onClick(e, l);
+      }
+    };
+    return V(async () => {
+      r.init(), r.parseRangeEvents(), await E(), p.value && (p.value.scrollTop = t.scrollTop ?? 400);
+    }), q(
+      () => [t.events, t.range],
+      async () => {
+        const e = y.value.cachedKeys, a = t.events.map((l) => l.key);
+        U(e, a) || (await E(), r.parseRangeEvents());
+      },
+      { deep: !0 }
+    ), (e, a) => (O(), z(_, { "component-name": "Calendar" }, {
+      default: d(({ locale: l, dateFnsLocale: f }) => [
+        j(L, {
+          locale: l,
+          "date-fns-locale": f,
+          "week-cls": T.value,
+          "week-style": A.value,
+          "dom-ref": p.value,
+          "get-data-attr": J(P),
+          props: t,
+          "range-days": F.value,
+          "range-month": I.value,
+          "all-day-events": D.value,
+          "all-day-style": B.value,
+          "get-header-day-cls": W,
+          "get-skeleton-cls": X,
+          "get-all-day-event-style": b,
+          "get-day-events": G,
+          "handle-click": M,
+          "init-range-data": K
+        }, Q({ _: 2 }, [
+          e.$slots.header ? {
+            name: "header",
+            fn: d(() => [
+              i(e.$slots, "header")
+            ]),
+            key: "0"
+          } : void 0,
+          e.$slots.dateDisplay ? {
+            name: "dateDisplay",
+            fn: d((n) => [
+              i(e.$slots, "dateDisplay", u(c(n)))
+            ]),
+            key: "1"
+          } : void 0,
+          e.$slots.allDayEvents ? {
+            name: "allDayEvents",
+            fn: d((n) => [
+              i(e.$slots, "allDayEvents", u(c(n)))
+            ]),
+            key: "2"
+          } : void 0,
+          e.$slots.timeDisplay ? {
+            name: "timeDisplay",
+            fn: d((n) => [
+              i(e.$slots, "timeDisplay", u(c(n)))
+            ]),
+            key: "3"
+          } : void 0,
+          e.$slots.dateGrid ? {
+            name: "dateGrid",
+            fn: d((n) => [
+              i(e.$slots, "dateGrid", u(c(n)))
+            ]),
+            key: "4"
+          } : void 0,
+          e.$slots.event ? {
+            name: "event",
+            fn: d((n) => [
+              i(e.$slots, "event", u(c(n)))
+            ]),
+            key: "5"
+          } : void 0
+        ]), 1032, ["locale", "date-fns-locale", "week-cls", "week-style", "dom-ref", "get-data-attr", "range-days", "range-month", "all-day-events", "all-day-style"])
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  ue as default
+};
+//# sourceMappingURL=RangeCalendar.vue2.js.map

package/lib/es/components/calendar/RangeCalendar.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeCalendar.vue2.js","sources":["../../../../src/components/calendar/RangeCalendar.vue"],"sourcesContent":["<template>\n    <LocaleConsumer component-name=\"Calendar\">\n        <template #default=\"{ locale, dateFnsLocale }\">\n            <RangeCalendarInner\n                :locale=\"locale\"\n                :date-fns-locale=\"dateFnsLocale\"\n                :week-cls=\"weekCls\"\n                :week-style=\"weekStyle\"\n                :dom-ref=\"domRef\"\n                :get-data-attr=\"getDataAttr\"\n                :props=\"props\"\n                :range-days=\"rangeDays\"\n                :range-month=\"rangeMonth\"\n                :all-day-events=\"allDayEvents\"\n                :all-day-style=\"allDayStyle\"\n                :get-header-day-cls=\"getHeaderDayCls\"\n                :get-skeleton-cls=\"getSkeletonCls\"\n                :get-all-day-event-style=\"getAllDayEventStyle\"\n                :get-day-events=\"getDayEvents\"\n                :handle-click=\"handleClick\"\n                :init-range-data=\"initRangeData\"\n            >\n                <template v-if=\"$slots.header\" #header>\n                    <slot name=\"header\" />\n                </template>\n                <template v-if=\"$slots.dateDisplay\" #dateDisplay=\"slotProps\">\n                    <slot name=\"dateDisplay\" v-bind=\"slotProps\" />\n                </template>\n                <template v-if=\"$slots.allDayEvents\" #allDayEvents=\"slotProps\">\n                    <slot name=\"allDayEvents\" v-bind=\"slotProps\" />\n                </template>\n                <template v-if=\"$slots.timeDisplay\" #timeDisplay=\"slotProps\">\n                    <slot name=\"timeDisplay\" v-bind=\"slotProps\" />\n                </template>\n                <template v-if=\"$slots.dateGrid\" #dateGrid=\"slotProps\">\n                    <slot name=\"dateGrid\" v-bind=\"slotProps\" />\n                </template>\n                <template v-if=\"$slots.event\" #event=\"slotProps\">\n                    <slot name=\"event\" v-bind=\"slotProps\" />\n                </template>\n            </RangeCalendarInner>\n        </template>\n    </LocaleConsumer>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, onMounted, nextTick, useAttrs } from 'vue';\nimport classnames from 'classnames';\nimport { isEqual } from 'lodash';\nimport CalendarFoundation, {\n    CalendarAdapter,\n    ParsedEvents,\n    ParsedEventsType,\n    RangeData,\n} from '@douyinfe/semi-foundation/calendar/foundation';\nimport { cssClasses } from '@douyinfe/semi-foundation/calendar/constants';\nimport { calcRowHeight } from '@douyinfe/semi-foundation/calendar/eventUtil';\nimport LocaleConsumer from '../locale/LocaleConsumer.vue';\nimport RangeCalendarInner from './RangeCalendarInner.vue';\nimport { useBaseComponent, useFoundation } from '../_utils';\nimport type { RangeCalendarProps } from './interface';\n\nconst attrs = useAttrs();\n\ndefineOptions({\n    name: 'SemiRangeCalendar',\n    inheritAttrs: false,\n});\n\nconst props = withDefaults(defineProps<RangeCalendarProps>(), {\n    events: () => [],\n    mode: 'range',\n});\n\nconst prefixCls = `${cssClasses.PREFIX}-week`;\nconst allDayCls = `${cssClasses.PREFIX}-all-day`;\n\nconst toPercent = (num: number) => {\n    const res = num < 1 ? num * 100 : 100;\n    return `${res}%`;\n};\n\nconst domRef = ref<HTMLDivElement>();\n\nconst rangeData = ref<RangeData | null>(null);\n\nconst state = ref({\n    parsedEvents: {\n        day: new Map(),\n        allDay: new Map(),\n    } as ParsedEvents,\n    cachedKeys: [] as string[],\n});\n\nconst { adapter: baseAdapter, getDataAttr } = useBaseComponent(props, state);\n\nconst adapter: CalendarAdapter<RangeCalendarProps, typeof state.value> = {\n    ...baseAdapter,\n    setRangeData: (data: RangeData) => {\n        rangeData.value = data;\n    },\n    getRangeData: () => rangeData.value,\n    setParsedEvents: (parsedEvents: ParsedEventsType) => {\n        state.value.parsedEvents = parsedEvents as ParsedEvents;\n    },\n    cacheEventKeys: (cachedKeys: string[]) => {\n        state.value.cachedKeys = cachedKeys;\n    },\n};\n\nconst { foundation } = useFoundation(CalendarFoundation, adapter);\n\nconst weekCls = computed(() => {\n    return classnames(prefixCls, props.className);\n});\n\nconst weekStyle = computed(() => {\n    const style: any = {};\n    if (props.height !== undefined && props.height !== null) {\n        style.height = typeof props.height === 'number' ? `${props.height}px` : props.height;\n    }\n    if (props.width !== undefined && props.width !== null) {\n        style.width = typeof props.width === 'number' ? `${props.width}px` : props.width;\n    }\n    return {\n        ...style,\n        ...props.style,\n        ...(attrs.style as any),\n    };\n});\n\nconst parsedEvents = computed(() => state.value.parsedEvents);\n\n// 使用 computed 缓存数据，避免在模板函数中修改响应式数据\nconst rangeDays = computed(() => {\n    if (!rangeData.value) {\n        return [];\n    }\n    return rangeData.value.week || [];\n});\n\nconst rangeMonth = computed(() => {\n    if (!rangeData.value) {\n        return '';\n    }\n    return rangeData.value.month || '';\n});\n\n// 辅助函数：初始化 rangeData（不修改响应式数据）\nconst initRangeData = (dateFnsLocale: any) => {\n    if (!dateFnsLocale || !props.range || props.range.length < 2) {\n        return;\n    }\n    const data = foundation.getRangeData(props.range[0], dateFnsLocale);\n    if (data) {\n        rangeData.value = data;\n    }\n};\n\nconst allDayEvents = computed(() => {\n    if (!parsedEvents.value.allDay || !rangeData.value) {\n        return [];\n    }\n    const parsed = foundation.parseRangeAllDayEvents(parsedEvents.value.allDay);\n    if (props.allDayEventsRender) {\n        return props.allDayEventsRender(props.events);\n    }\n    return parsed;\n});\n\nconst allDayStyle = computed(() => {\n    if (props.allDayEventsRender) {\n        return null;\n    }\n    return {\n        height: `${calcRowHeight(allDayEvents.value)}em`,\n    };\n});\n\nconst getHeaderDayCls = (day: any) => {\n    return classnames({\n        [`${cssClasses.PREFIX}-today`]: day.isToday,\n        [`${cssClasses.PREFIX}-weekend`]: props.markWeekend && day.isWeekend,\n    });\n};\n\nconst getSkeletonCls = (day: any) => {\n    return classnames({\n        [`${cssClasses.PREFIX}-weekend`]: props.markWeekend && day.isWeekend,\n    });\n};\n\nconst getAllDayEventStyle = (event: any) => {\n    return {\n        left: toPercent(event.leftPos || 0),\n        width: toPercent(event.width || 0),\n        top: `${event.topInd || 0}em`,\n    };\n};\n\nconst getDayEvents = (date: Date) => {\n    const dateString = date.toString();\n    const events = parsedEvents.value.day;\n    if (events.has(dateString)) {\n        const dayEvents = events.get(dateString) || [];\n        const parsed = foundation.getParseDailyEvents(dayEvents, date);\n        return parsed.day;\n    }\n    return [];\n};\n\nconst handleClick = (e: MouseEvent, val: [Date, number, number, number]) => {\n    if (props.onClick) {\n        const value = foundation.formatCbValue(val);\n        props.onClick(e, value);\n    }\n};\n\nonMounted(async () => {\n    foundation.init();\n    foundation.parseRangeEvents();\n\n    await nextTick();\n    if (domRef.value) {\n        domRef.value.scrollTop = props.scrollTop ?? 400;\n    }\n});\n\nwatch(\n    () => [props.events, props.range],\n    async () => {\n        const prevEventKeys = state.value.cachedKeys;\n        const nowEventKeys = props.events.map((event) => event.key);\n        if (!isEqual(prevEventKeys, nowEventKeys)) {\n            await nextTick();\n            foundation.parseRangeEvents();\n        }\n    },\n    { deep: true }\n);\n</script>\n"],"names":["attrs","useAttrs","props","__props","prefixCls","cssClasses","toPercent","num","domRef","ref","rangeData","state","baseAdapter","getDataAttr","useBaseComponent","adapter","data","parsedEvents","cachedKeys","foundation","useFoundation","CalendarFoundation","weekCls","computed","classnames","weekStyle","style","rangeDays","rangeMonth","initRangeData","dateFnsLocale","allDayEvents","parsed","allDayStyle","calcRowHeight","getHeaderDayCls","day","getSkeletonCls","getAllDayEventStyle","event","getDayEvents","date","dateString","events","dayEvents","handleClick","val","value","onMounted","nextTick","watch","prevEventKeys","nowEventKeys","isEqual","_createBlock","LocaleConsumer","_withCtx","locale","_createVNode","RangeCalendarInner","_unref","$slots","_renderSlot","_ctx","slotProps"],"mappings":"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"}

package/lib/es/components/calendar/RangeCalendarInner.vue2.js

@@ -0,0 +1,5 @@
+import f from "./RangeCalendarInner.vue.js";
+export {
+  f as default
+};
+//# sourceMappingURL=RangeCalendarInner.vue2.js.map

package/lib/es/components/calendar/RangeCalendarInner.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeCalendarInner.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/es/components/calendar/TimeCol.vue2.js

@@ -0,0 +1,54 @@
+import { defineComponent as T, computed as c, createElementBlock as n, openBlock as s, normalizeClass as i, createElementVNode as p, Fragment as u, renderList as _, renderSlot as $, createBlock as f, resolveDynamicComponent as D, withCtx as N, createTextVNode as v, toDisplayString as x } from "vue";
+import S from "classnames";
+import { cssClasses as g } from "@douyinfe/semi-foundation/calendar/constants";
+import B from "../locale/LocaleConsumer.vue.js";
+const w = /* @__PURE__ */ T({
+  name: "SemiTimeCol",
+  __name: "TimeCol",
+  props: {
+    className: { default: "" },
+    renderTimeDisplay: {}
+  },
+  setup(d) {
+    const a = d, l = `${g.PREFIX}-time`, y = c(() => S(a.className, l)), C = (e, t) => {
+      const r = (o, m) => o.replace("${time}", String(m));
+      return e < 12 ? r(t.AM, e) : e === 12 ? r(t.PM, e) : r(t.PM, e - 12);
+    }, k = c(() => {
+      const e = [...Array(24).keys()];
+      return e.splice(0, 1, ""), e;
+    });
+    return (e, t) => (s(), n("div", {
+      class: i(y.value)
+    }, [
+      p("ul", {
+        class: i(`${l}-items`)
+      }, [
+        (s(!0), n(u, null, _(k.value, (r, o) => (s(), n("li", {
+          key: `time-${o}`,
+          class: i(`${l}-item`)
+        }, [
+          p("span", null, [
+            r === "" ? (s(), n(u, { key: 0 }, [], 64)) : $(e.$slots, "timeDisplay", {
+              key: 1,
+              time: r
+            }, () => [
+              a.renderTimeDisplay ? (s(), f(D(() => a.renderTimeDisplay(r)), { key: 0 })) : (s(), f(B, {
+                key: `locale-${r}`,
+                "component-name": "Calendar"
+              }, {
+                default: N(({ locale: m }) => [
+                  v(x(C(r, m)), 1)
+                ]),
+                _: 2
+              }, 1024))
+            ])
+          ])
+        ], 2))), 128))
+      ], 2)
+    ], 2));
+  }
+});
+export {
+  w as default
+};
+//# sourceMappingURL=TimeCol.vue2.js.map

package/lib/es/components/calendar/TimeCol.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeCol.vue2.js","sources":["../../../../src/components/calendar/TimeCol.vue"],"sourcesContent":["<template>\n    <div :class=\"wrapperCls\">\n        <ul :class=\"`${prefixCls}-items`\">\n            <li v-for=\"(item, index) in timeItems\" :key=\"`time-${index}`\" :class=\"`${prefixCls}-item`\">\n                <span>\n                    <template v-if=\"item === ('' as any)\"></template>\n                    <template v-else>\n                        <slot name=\"timeDisplay\" :time=\"item\">\n                            <component :is=\"() => props.renderTimeDisplay(item)\" v-if=\"props.renderTimeDisplay\" />\n                            <LocaleConsumer v-else :key=\"`locale-${item}`\" component-name=\"Calendar\">\n                                <template #default=\"{ locale }\">\n                                    {{ formatTimeDefault(item, locale) }}\n                                </template>\n                            </LocaleConsumer>\n                        </slot>\n                    </template>\n                </span>\n            </li>\n        </ul>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport classnames from 'classnames';\nimport { cssClasses } from '@douyinfe/semi-foundation/calendar/constants';\nimport LocaleConsumer from '../locale/LocaleConsumer.vue';\nimport type { TimeColProps } from './interface';\n\ndefineOptions({\n    name: 'SemiTimeCol',\n});\n\nconst props = withDefaults(defineProps<TimeColProps>(), {\n    className: '',\n});\n\nconst prefixCls = `${cssClasses.PREFIX}-time`;\n\nconst wrapperCls = computed(() => {\n    return classnames(props.className, prefixCls);\n});\n\nconst formatTimeDefault = (item: number, locale: any): string => {\n    const replaceTime = (template: string, time: number) => template.replace('${time}', String(time));\n    if (item < 12) {\n        return replaceTime(locale.AM, item);\n    } else if (item === 12) {\n        return replaceTime(locale.PM, item);\n    } else {\n        return replaceTime(locale.PM, item - 12);\n    }\n};\n\nconst timeItems = computed(() => {\n    // React 版本的逻辑：\n    // 1. [...Array(24).keys()] 生成 [0, 1, 2, ..., 23]\n    // 2. .map(item => this.formatTime(item)) 格式化为 ['上午0时', '上午1时', ..., '下午11时']\n    // 3. list.splice(0, 1, '') 将第一个（'上午0时'）替换为空字符串\n    // 4. 结果是 ['', '上午1时', '上午2时', ..., '下午11时']\n    //\n    // Vue 版本需要模拟这个逻辑：\n    // 生成 [0, 1, 2, ..., 23]，然后将第一个（0时）替换为空字符串\n    // 这样 index === 0 时显示空，index === 1 时显示 1 时（item === 1）\n    const list = [...Array(24).keys()]; // [0, 1, 2, ..., 23]\n    // 将第一个（0时）替换为空字符串，用于空显示\n    list.splice(0, 1, '' as any);\n    return list; // ['', 1, 2, ..., 23]\n});\n</script>\n"],"names":["props","__props","prefixCls","cssClasses","wrapperCls","computed","classnames","formatTimeDefault","item","locale","replaceTime","template","time","timeItems","list","_createElementBlock","_createElementVNode","_openBlock","_Fragment","_renderList","index","_renderSlot","_ctx","_createBlock","_resolveDynamicComponent","LocaleConsumer","_withCtx"],"mappings":";;;;;;;;;;;;AAiCA,UAAMA,IAAQC,GAIRC,IAAY,GAAGC,EAAW,MAAM,SAEhCC,IAAaC,EAAS,MACjBC,EAAWN,EAAM,WAAWE,CAAS,CAC/C,GAEKK,IAAoB,CAACC,GAAcC,MAAwB;AAC7D,YAAMC,IAAc,CAACC,GAAkBC,MAAiBD,EAAS,QAAQ,WAAW,OAAOC,CAAI,CAAC;AAChG,aAAIJ,IAAO,KACAE,EAAYD,EAAO,IAAID,CAAI,IAC3BA,MAAS,KACTE,EAAYD,EAAO,IAAID,CAAI,IAE3BE,EAAYD,EAAO,IAAID,IAAO,EAAE;AAAA,IAE/C,GAEMK,IAAYR,EAAS,MAAM;AAU7B,YAAMS,IAAO,CAAC,GAAG,MAAM,EAAE,EAAE,MAAM;AAEjC,aAAAA,EAAK,OAAO,GAAG,GAAG,EAAS,GACpBA;AAAA,IACX,CAAC;2BAnEGC,EAkBM,OAAA;AAAA,MAlBA,SAAOX,EAAA,KAAU;AAAA,IAAA;MACnBY,EAgBK,MAAA;AAAA,QAhBA,YAAUd,CAAS,QAAA;AAAA,MAAA;SACpBe,EAAA,EAAA,GAAAF,EAcKG,GAAA,MAAAC,EAduBN,EAAA,OAAS,CAAzBL,GAAMY,YAAlBL,EAcK,MAAA;AAAA,UAdmC,aAAaK,CAAK;AAAA,UAAK,YAAUlB,CAAS,OAAA;AAAA,QAAA;UAC9Ec,EAYO,QAAA,MAAA;AAAA,YAXaR,MAAI,WAApBO,EAAiDG,GAAA,EAAA,KAAA,EAAA,GAAA,CAAA,GAAA,EAAA,KAE7CG,EAOOC,EAAA,QAAA,eAAA;AAAA;cAPmB,MAAMd;AAAA,YAAA,GAAhC,MAOO;AAAA,cANwDR,EAAM,qBAAjEiB,EAAA,GAAAM,EAAsFC,EAAA,MAAhExB,EAAM,kBAAkBQ,CAAI,CAAA,GAAA,EAAA,KAAA,EAAA,CAAA,WAClDe,EAIiBE,GAAA;AAAA,gBAJO,eAAejB,CAAI;AAAA,gBAAI,kBAAe;AAAA,cAAA;gBAC/C,SAAOkB,EACd,CAAqC,EADnB,QAAAjB,QAAM;AAAA,sBACrBF,EAAkBC,GAAMC,CAAM,CAAA,GAAA,CAAA;AAAA,gBAAA;;;;;;;;;;"}