@transsionfe/semi-ui-vue 0.0.1

package/lib/es/components/datePicker/MonthsGrid.vue.js

@@ -0,0 +1,252 @@
+import { defineComponent as $, useAttrs as Q, computed as o, ref as z, reactive as U, onMounted as X, nextTick as Z, onUnmounted as j, watch as q, createElementBlock as w, openBlock as p, createBlock as h, createCommentVNode as y, createElementVNode as N, resolveDynamicComponent as J, normalizeClass as K, unref as c, Fragment as ee, createVNode as _ } from "vue";
+import te from "classnames";
+import { noop as k, stubFalse as ae } from "lodash-es";
+import { isSameDay as ne, addMonths as oe } from "date-fns";
+import se from "@douyinfe/semi-foundation/datePicker/monthsGridFoundation";
+import { cssClasses as re, strings as L } from "@douyinfe/semi-foundation/datePicker/constants";
+import { getDefaultFormatTokenByType as le } from "@douyinfe/semi-foundation/datePicker/_utils/getDefaultFormatToken";
+import ie from "@douyinfe/semi-foundation/datePicker/_utils/getDefaultPickerDate";
+import A from "./QuickControl.vue.js";
+import P from "./Panel.vue.js";
+import { useBaseComponent as ue } from "../_utils/useBaseComponent.js";
+import { useFoundation as pe } from "../../_utils/useFoundation.js";
+const ce = { style: { display: "flex" } }, de = ["x-type", "x-panel-yearandmonth-open-type", "x-insetinput", "x-preset-position"], Fe = /* @__PURE__ */ $({
+  name: "MonthsGrid",
+  inheritAttrs: !1,
+  __name: "MonthsGrid",
+  props: {
+    type: { default: "date" },
+    multiple: { type: Boolean, default: !1 },
+    max: {},
+    weekStartsOn: { default: 0 },
+    disabledDate: { type: Function, default: ae },
+    disabledTime: { type: Function, default: () => ({}) },
+    disabledTimePicker: { type: Boolean },
+    hideDisabledOptions: { type: Boolean },
+    timePickerOpts: {},
+    defaultValue: {},
+    selectedValue: {},
+    initialValue: { default: () => [] },
+    defaultPickerValue: {},
+    format: {},
+    locale: { default: void 0 },
+    localeCode: { default: "" },
+    dateFnsLocale: {},
+    timeZone: {},
+    renderDate: {},
+    renderFullDate: {},
+    startDateOffset: {},
+    endDateOffset: {},
+    autoSwitchDate: { type: Boolean, default: !0 },
+    density: { default: "default" },
+    syncSwitchMonth: { type: Boolean, default: !1 },
+    onPanelChange: { type: Function, default: k },
+    onChange: { type: Function, default: k },
+    onMaxSelect: { type: Function, default: k },
+    rangeStart: { default: "" },
+    rangeInputFocus: { type: [String, Boolean], default: !1 },
+    focusRecordsRef: {},
+    isControlledComponent: { type: Boolean, default: !1 },
+    yearAndMonthOpts: {},
+    insetInput: { type: Boolean },
+    setRangeInputFocus: { type: Function, default: k },
+    isAnotherPanelHasOpened: { type: Function, default: () => !1 },
+    style: {},
+    className: {}
+  },
+  setup(M, { expose: V }) {
+    const a = M, r = Q(), D = o(() => ({
+      ...a,
+      ...r
+    })), B = re.PREFIX, C = z(null), Y = o(() => a.format || le(a.type)), { nowDate: u, nextDate: f } = ie({
+      defaultPickerValue: a.defaultPickerValue,
+      format: Y.value,
+      dateFnsLocale: a.dateFnsLocale
+    }), S = ne(u, f) || f.getFullYear() === u.getFullYear() && f.getMonth() === u.getMonth() ? oe(u, 1) : f, t = U({
+      selected: /* @__PURE__ */ new Set(),
+      monthLeft: {
+        pickerDate: u,
+        showDate: u,
+        isTimePickerOpen: !1,
+        isYearPickerOpen: !1
+      },
+      monthRight: {
+        pickerDate: S,
+        showDate: S,
+        isTimePickerOpen: !1,
+        isYearPickerOpen: !1
+      },
+      maxWeekNum: 0,
+      hoverDay: "",
+      rangeStart: a.rangeStart,
+      rangeEnd: "",
+      currentPanelHeight: 0,
+      offsetRangeStart: "",
+      offsetRangeEnd: ""
+    }), { adapter: H } = ue(a, t), l = {
+      ...H,
+      getStates: () => t,
+      getProps: () => {
+        const e = { ...a, ...r };
+        return e.initialValue && (e.defaultValue = e.initialValue, e.value = e.initialValue), e;
+      },
+      getState: (e) => t[e],
+      updateDaySelected: (e) => {
+        t.selected.clear(), e.forEach((n) => t.selected.add(n));
+      },
+      setRangeStart: (e) => {
+        t.rangeStart = e;
+      },
+      setRangeEnd: (e) => {
+        t.rangeEnd = e;
+      },
+      setHoverDay: (e) => {
+        t.hoverDay = e;
+      },
+      setWeeksHeight: (e) => {
+        t.maxWeekNum = e;
+      },
+      setOffsetRangeStart: (e) => {
+        t.offsetRangeStart = e;
+      },
+      setOffsetRangeEnd: (e) => {
+        t.offsetRangeEnd = e;
+      },
+      updateMonthOnLeft: (e) => {
+        e.pickerDate !== void 0 && (t.monthLeft.pickerDate = e.pickerDate), e.showDate !== void 0 && (t.monthLeft.showDate = e.showDate), e.isTimePickerOpen !== void 0 && (t.monthLeft.isTimePickerOpen = e.isTimePickerOpen), e.isYearPickerOpen !== void 0 && (t.monthLeft.isYearPickerOpen = e.isYearPickerOpen);
+      },
+      updateMonthOnRight: (e) => {
+        e.pickerDate !== void 0 && (t.monthRight.pickerDate = e.pickerDate), e.showDate !== void 0 && (t.monthRight.showDate = e.showDate), e.isTimePickerOpen !== void 0 && (t.monthRight.isTimePickerOpen = e.isTimePickerOpen), e.isYearPickerOpen !== void 0 && (t.monthRight.isYearPickerOpen = e.isYearPickerOpen);
+      },
+      notifySelectedChange: (e, n) => {
+        a.onChange(e, n);
+      },
+      notifyMaxLimit: (e) => a.onMaxSelect(e),
+      notifyPanelChange: (e, n) => a.onPanelChange(e, n),
+      setRangeInputFocus: (e) => {
+        const n = r.setRangeInputFocus || a.setRangeInputFocus;
+        n == null || n(e);
+      },
+      isAnotherPanelHasOpened: (e) => {
+        const n = r.isAnotherPanelHasOpened || a.isAnotherPanelHasOpened;
+        return (n == null ? void 0 : n(e)) || !1;
+      }
+    }, { foundation: s } = pe(se, l), b = o(() => te(`${B}-month-grid`)), F = L.PANEL_TYPE_LEFT, G = L.PANEL_TYPE_RIGHT, W = o(() => {
+      var e;
+      return ((e = s.getYAMOpenType) == null ? void 0 : e.call(s)) || "";
+    }), E = o(() => a.presets || []), d = o(() => a.presetPosition || "bottom"), R = o(() => a.insetInput || !1), O = o(() => a.locale || {}), v = o(() => a.renderQuickControls), T = o(() => a.renderDateInput), m = o(() => t.monthLeft), x = o(() => t.monthRight), i = o(() => a.type || r.type), I = (e, n) => {
+      var g;
+      (g = a.onPresetClick) == null || g.call(a, e, n);
+    };
+    return X(() => {
+      Z(() => {
+        const e = a.initialValue || r.initialValue;
+        e && Array.isArray(e) && e.length > 0 && s.updateSelectedFromProps(e);
+      });
+    }), j(() => {
+      s.destroy();
+    }), q(
+      () => a.initialValue || r.initialValue,
+      (e) => {
+        e && Array.isArray(e) && e.length > 0 && s.updateSelectedFromProps(e);
+      },
+      { deep: !0 }
+    ), V({
+      monthGridRef: C,
+      foundation: s
+    }), (e, n) => (p(), w("div", ce, [
+      d.value === "left" && v.value ? (p(), h(A, {
+        key: 0,
+        presets: E.value,
+        presetPosition: d.value,
+        onPresetClick: I,
+        type: i.value,
+        insetInput: R.value,
+        locale: O.value
+      }, null, 8, ["presets", "presetPosition", "type", "insetInput", "locale"])) : y("", !0),
+      N("div", null, [
+        T.value ? (p(), h(J(T.value), { key: 0 })) : y("", !0),
+        N("div", {
+          ref: (g) => {
+            C.value = g;
+          },
+          class: K(b.value),
+          "x-type": i.value,
+          "x-panel-yearandmonth-open-type": W.value,
+          "x-insetinput": R.value ? "true" : "false",
+          "x-preset-position": v.value === null ? "null" : d.value
+        }, [
+          i.value === "date" || i.value === "dateTime" ? (p(), h(P, {
+            key: 0,
+            month: m.value.pickerDate,
+            panelType: c(F),
+            panelDetail: m.value,
+            state: t,
+            props: D.value,
+            foundation: c(s),
+            setCache: l.setCache,
+            getCache: l.getCache,
+            rangeInputFocus: a.rangeInputFocus,
+            selected: t.selected,
+            rangeStart: t.rangeStart,
+            rangeEnd: t.rangeEnd,
+            hoverDay: t.hoverDay,
+            weeksRowNum: t.maxWeekNum,
+            offsetRangeStart: t.offsetRangeStart,
+            offsetRangeEnd: t.offsetRangeEnd
+          }, null, 8, ["month", "panelType", "panelDetail", "state", "props", "foundation", "setCache", "getCache", "rangeInputFocus", "selected", "rangeStart", "rangeEnd", "hoverDay", "weeksRowNum", "offsetRangeStart", "offsetRangeEnd"])) : i.value === "dateRange" || i.value === "dateTimeRange" ? (p(), w(ee, { key: 1 }, [
+            _(P, {
+              month: m.value.pickerDate,
+              panelType: c(F),
+              panelDetail: m.value,
+              state: t,
+              props: D.value,
+              foundation: c(s),
+              setCache: l.setCache,
+              getCache: l.getCache,
+              rangeInputFocus: a.rangeInputFocus,
+              selected: t.selected,
+              rangeStart: t.rangeStart,
+              rangeEnd: t.rangeEnd,
+              hoverDay: t.hoverDay,
+              weeksRowNum: t.maxWeekNum,
+              offsetRangeStart: t.offsetRangeStart,
+              offsetRangeEnd: t.offsetRangeEnd
+            }, null, 8, ["month", "panelType", "panelDetail", "state", "props", "foundation", "setCache", "getCache", "rangeInputFocus", "selected", "rangeStart", "rangeEnd", "hoverDay", "weeksRowNum", "offsetRangeStart", "offsetRangeEnd"]),
+            _(P, {
+              month: x.value.pickerDate,
+              panelType: c(G),
+              panelDetail: x.value,
+              state: t,
+              props: D.value,
+              foundation: c(s),
+              setCache: l.setCache,
+              getCache: l.getCache,
+              rangeInputFocus: a.rangeInputFocus,
+              selected: t.selected,
+              rangeStart: t.rangeStart,
+              rangeEnd: t.rangeEnd,
+              hoverDay: t.hoverDay,
+              weeksRowNum: t.maxWeekNum,
+              offsetRangeStart: t.offsetRangeStart,
+              offsetRangeEnd: t.offsetRangeEnd
+            }, null, 8, ["month", "panelType", "panelDetail", "state", "props", "foundation", "setCache", "getCache", "rangeInputFocus", "selected", "rangeStart", "rangeEnd", "hoverDay", "weeksRowNum", "offsetRangeStart", "offsetRangeEnd"])
+          ], 64)) : y("", !0)
+        ], 10, de)
+      ]),
+      d.value === "right" && v.value ? (p(), h(A, {
+        key: 1,
+        presets: E.value,
+        presetPosition: d.value,
+        onPresetClick: I,
+        type: i.value,
+        insetInput: R.value,
+        locale: O.value
+      }, null, 8, ["presets", "presetPosition", "type", "insetInput", "locale"])) : y("", !0)
+    ]));
+  }
+});
+export {
+  Fe as default
+};
+//# sourceMappingURL=MonthsGrid.vue.js.map

package/lib/es/components/datePicker/MonthsGrid.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthsGrid.vue.js","sources":["../../../../src/components/datePicker/MonthsGrid.vue"],"sourcesContent":["<template>\n    <div style=\"display: flex\">\n        <QuickControl\n            v-if=\"presetPosition === 'left' && renderQuickControls\"\n            :presets=\"presets\"\n            :presetPosition=\"presetPosition\"\n            :onPresetClick=\"handlePresetClick\"\n            :type=\"type\"\n            :insetInput=\"insetInput\"\n            :locale=\"locale\"\n        />\n        <div>\n            <component :is=\"renderDateInput\" v-if=\"renderDateInput\" />\n            <div\n                :ref=\"\n                    (el) => {\n                        monthGridRef = el as HTMLDivElement | null;\n                    }\n                \"\n                :class=\"monthGridCls\"\n                :x-type=\"type\"\n                :x-panel-yearandmonth-open-type=\"yearOpenType\"\n                :x-insetinput=\"insetInput ? 'true' : 'false'\"\n                :x-preset-position=\"renderQuickControls === null ? 'null' : presetPosition\"\n            >\n                <Panel\n                    v-if=\"type === 'date' || type === 'dateTime'\"\n                    :month=\"monthLeft.pickerDate\"\n                    :panelType=\"panelTypeLeft\"\n                    :panelDetail=\"monthLeft\"\n                    :state=\"state\"\n                    :props=\"mergedProps\"\n                    :foundation=\"foundation\"\n                    :setCache=\"adapter.setCache\"\n                    :getCache=\"adapter.getCache\"\n                    :rangeInputFocus=\"props.rangeInputFocus\"\n                    :selected=\"state.selected\"\n                    :rangeStart=\"state.rangeStart\"\n                    :rangeEnd=\"state.rangeEnd\"\n                    :hoverDay=\"state.hoverDay\"\n                    :weeksRowNum=\"state.maxWeekNum\"\n                    :offsetRangeStart=\"state.offsetRangeStart\"\n                    :offsetRangeEnd=\"state.offsetRangeEnd\"\n                />\n                <template v-else-if=\"type === 'dateRange' || type === 'dateTimeRange'\">\n                    <Panel\n                        :month=\"monthLeft.pickerDate\"\n                        :panelType=\"panelTypeLeft\"\n                        :panelDetail=\"monthLeft\"\n                        :state=\"state\"\n                        :props=\"mergedProps\"\n                        :foundation=\"foundation\"\n                        :setCache=\"adapter.setCache\"\n                        :getCache=\"adapter.getCache\"\n                        :rangeInputFocus=\"props.rangeInputFocus\"\n                        :selected=\"state.selected\"\n                        :rangeStart=\"state.rangeStart\"\n                        :rangeEnd=\"state.rangeEnd\"\n                        :hoverDay=\"state.hoverDay\"\n                        :weeksRowNum=\"state.maxWeekNum\"\n                        :offsetRangeStart=\"state.offsetRangeStart\"\n                        :offsetRangeEnd=\"state.offsetRangeEnd\"\n                    />\n                    <Panel\n                        :month=\"monthRight.pickerDate\"\n                        :panelType=\"panelTypeRight\"\n                        :panelDetail=\"monthRight\"\n                        :state=\"state\"\n                        :props=\"mergedProps\"\n                        :foundation=\"foundation\"\n                        :setCache=\"adapter.setCache\"\n                        :getCache=\"adapter.getCache\"\n                        :rangeInputFocus=\"props.rangeInputFocus\"\n                        :selected=\"state.selected\"\n                        :rangeStart=\"state.rangeStart\"\n                        :rangeEnd=\"state.rangeEnd\"\n                        :hoverDay=\"state.hoverDay\"\n                        :weeksRowNum=\"state.maxWeekNum\"\n                        :offsetRangeStart=\"state.offsetRangeStart\"\n                        :offsetRangeEnd=\"state.offsetRangeEnd\"\n                    />\n                </template>\n            </div>\n        </div>\n        <QuickControl\n            v-if=\"presetPosition === 'right' && renderQuickControls\"\n            :presets=\"presets\"\n            :presetPosition=\"presetPosition\"\n            :onPresetClick=\"handlePresetClick\"\n            :type=\"type\"\n            :insetInput=\"insetInput\"\n            :locale=\"locale\"\n        />\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, reactive, computed, watch, onMounted, onUnmounted, nextTick, useAttrs } from 'vue';\nimport classNames from 'classnames';\nimport { noop, stubFalse, isFunction } from 'lodash-es';\nimport { addMonths, isSameDay } from 'date-fns';\nimport MonthsGridFoundation from '@douyinfe/semi-foundation/datePicker/monthsGridFoundation';\nimport { cssClasses, strings } from '@douyinfe/semi-foundation/datePicker/constants';\nimport { getDefaultFormatTokenByType } from '@douyinfe/semi-foundation/datePicker/_utils/getDefaultFormatToken';\nimport getDefaultPickerDate from '@douyinfe/semi-foundation/datePicker/_utils/getDefaultPickerDate';\nimport { useBaseComponent, useFoundation } from '../_utils';\nimport Month from './Month.vue';\nimport QuickControl from './QuickControl.vue';\nimport YearAndMonth from './YearAndMonth.vue';\nimport Combobox from '../timePicker/Combobox.vue';\nimport type { MonthsGridProps } from './interface';\nimport type {\n    MonthsGridAdapter,\n    MonthInfo,\n    PanelType,\n} from '@douyinfe/semi-foundation/datePicker/monthsGridFoundation';\n\nimport Panel from './Panel.vue';\n\ndefineOptions({\n    name: 'MonthsGrid',\n    inheritAttrs: false,\n});\n\nconst props = withDefaults(defineProps<MonthsGridProps>(), {\n    type: 'date',\n    multiple: false,\n    weekStartsOn: 0,\n    disabledDate: stubFalse,\n    disabledTime: () => ({}),\n    onMaxSelect: noop,\n    onChange: noop,\n    onPanelChange: noop,\n    rangeStart: '',\n    isControlledComponent: false,\n    locale: undefined,\n    localeCode: '',\n    autoSwitchDate: true,\n    density: 'default',\n    syncSwitchMonth: false,\n    rangeInputFocus: false,\n    initialValue: () => [],\n    setRangeInputFocus: noop,\n    isAnotherPanelHasOpened: () => false,\n});\n\nconst attrs = useAttrs();\n\nconst mergedProps = computed(() => ({\n    ...props,\n    ...(attrs as any),\n}));\n\nconst prefixCls = cssClasses.PREFIX;\nconst monthGridRef = ref<HTMLDivElement | null>(null);\n\nconst validFormat = computed(() => props.format || getDefaultFormatTokenByType(props.type));\nconst { nowDate, nextDate: rawNextDate } = getDefaultPickerDate({\n    defaultPickerValue: props.defaultPickerValue,\n    format: validFormat.value,\n    dateFnsLocale: props.dateFnsLocale,\n});\nconst nextDate =\n    isSameDay(nowDate, rawNextDate) ||\n    (rawNextDate.getFullYear() === nowDate.getFullYear() && rawNextDate.getMonth() === nowDate.getMonth())\n        ? addMonths(nowDate, 1)\n        : rawNextDate;\n\nconst state = reactive({\n    selected: new Set<string>(),\n    monthLeft: {\n        pickerDate: nowDate,\n        showDate: nowDate,\n        isTimePickerOpen: false,\n        isYearPickerOpen: false,\n    } as MonthInfo,\n    monthRight: {\n        pickerDate: nextDate,\n        showDate: nextDate,\n        isTimePickerOpen: false,\n        isYearPickerOpen: false,\n    } as MonthInfo,\n    maxWeekNum: 0,\n    hoverDay: '',\n    rangeStart: props.rangeStart,\n    rangeEnd: '',\n    currentPanelHeight: 0,\n    offsetRangeStart: '',\n    offsetRangeEnd: '',\n});\n\nconst { adapter: baseAdapter } = useBaseComponent(props, state);\n\nconst adapter: MonthsGridAdapter = {\n    ...baseAdapter,\n    getStates: () => state,\n    getProps: () => {\n        const p = { ...props, ...(attrs as any) };\n        if (p.initialValue) {\n            (p as any).defaultValue = p.initialValue;\n            (p as any).value = p.initialValue;\n        }\n        return p;\n    },\n    getState: (key: string) => (state as any)[key],\n    updateDaySelected: (selected: Set<string>) => {\n        state.selected.clear();\n        selected.forEach((item) => state.selected.add(item));\n    },\n    setRangeStart: (rangeStart: string) => {\n        state.rangeStart = rangeStart;\n    },\n    setRangeEnd: (rangeEnd: string) => {\n        state.rangeEnd = rangeEnd;\n    },\n    setHoverDay: (hoverDay: string) => {\n        state.hoverDay = hoverDay;\n    },\n    setWeeksHeight: (maxWeekNum: number) => {\n        state.maxWeekNum = maxWeekNum;\n    },\n    setOffsetRangeStart: (offsetRangeStart: string) => {\n        state.offsetRangeStart = offsetRangeStart;\n    },\n    setOffsetRangeEnd: (offsetRangeEnd: string) => {\n        state.offsetRangeEnd = offsetRangeEnd;\n    },\n    updateMonthOnLeft: (v: MonthInfo) => {\n        if (v.pickerDate !== undefined) state.monthLeft.pickerDate = v.pickerDate;\n        if (v.showDate !== undefined) state.monthLeft.showDate = v.showDate;\n        if (v.isTimePickerOpen !== undefined) state.monthLeft.isTimePickerOpen = v.isTimePickerOpen;\n        if (v.isYearPickerOpen !== undefined) state.monthLeft.isYearPickerOpen = v.isYearPickerOpen;\n    },\n    updateMonthOnRight: (v: MonthInfo) => {\n        if (v.pickerDate !== undefined) state.monthRight.pickerDate = v.pickerDate;\n        if (v.showDate !== undefined) state.monthRight.showDate = v.showDate;\n        if (v.isTimePickerOpen !== undefined) state.monthRight.isTimePickerOpen = v.isTimePickerOpen;\n        if (v.isYearPickerOpen !== undefined) state.monthRight.isYearPickerOpen = v.isYearPickerOpen;\n    },\n    notifySelectedChange: (value, options) => {\n        props.onChange(value, options);\n    },\n    notifyMaxLimit: (v) => props.onMaxSelect(v),\n    notifyPanelChange: (date, dateString) => props.onPanelChange(date, dateString),\n    setRangeInputFocus: (rangeInputFocus) => {\n        const fn = (attrs as any).setRangeInputFocus || props.setRangeInputFocus;\n        fn?.(rangeInputFocus);\n    },\n    isAnotherPanelHasOpened: (currentRangeInput) => {\n        const fn = (attrs as any).isAnotherPanelHasOpened || props.isAnotherPanelHasOpened;\n        return fn?.(currentRangeInput) || false;\n    },\n};\n\nconst { foundation } = useFoundation(MonthsGridFoundation, adapter);\n\nconst monthGridCls = computed(() => classNames(`${prefixCls}-month-grid`));\n\nconst panelTypeLeft = strings.PANEL_TYPE_LEFT;\nconst panelTypeRight = strings.PANEL_TYPE_RIGHT;\n\nconst yearOpenType = computed(() => foundation.getYAMOpenType?.() || '');\n\nconst presets = computed(() => props.presets || []);\nconst presetPosition = computed(() => props.presetPosition || 'bottom');\nconst insetInput = computed(() => props.insetInput || false);\nconst locale = computed(() => props.locale || {});\nconst renderQuickControls = computed(() => props.renderQuickControls);\nconst renderDateInput = computed(() => props.renderDateInput);\n\nconst monthLeft = computed(() => state.monthLeft);\nconst monthRight = computed(() => state.monthRight);\nconst type = computed(() => props.type || (attrs as any).type);\n\nconst handlePresetClick = (item: any, e: MouseEvent) => {\n    props.onPresetClick?.(item, e);\n};\n\nconst handleShowYearPicker = (panelType: PanelType, e: MouseEvent) => {\n    e.stopImmediatePropagation();\n    foundation.showYearPicker(panelType);\n};\n\nconst handleDayClick = (day: any, panelType: PanelType) => {\n    foundation.handleDayClick(day, panelType);\n};\n\nconst handleDayHover = (day: any, panelType: PanelType) => {\n    foundation.handleDayHover(day, panelType);\n};\n\nconst handleWeeksRowNumChange = (weeksRowNum: number, panelType: PanelType) => {\n    const isLeft = panelType === panelTypeLeft;\n    const isRight = panelType === panelTypeRight;\n    const allIsYearOrTime = leftIsYearOrTime() && rightIsYearOrTime();\n\n    if (foundation.isRangeType?.() && !allIsYearOrTime) {\n        state.maxWeekNum = weeksRowNum;\n    }\n};\n\nconst leftIsYearOrTime = () => {\n    const { monthLeft } = state;\n    return monthLeft && (monthLeft.isTimePickerOpen || monthLeft.isYearPickerOpen);\n};\n\nconst rightIsYearOrTime = () => {\n    const { monthRight } = state;\n    return monthRight && (monthRight.isTimePickerOpen || monthRight.isYearPickerOpen);\n};\n\nconst handlePrevMonth = (panelType: PanelType) => {\n    foundation.prevMonth(panelType);\n};\n\nconst handleNextMonth = (panelType: PanelType) => {\n    foundation.nextMonth(panelType);\n};\n\nconst handlePrevYear = (panelType: PanelType) => {\n    foundation.prevYear(panelType);\n};\n\nconst handleNextYear = (panelType: PanelType) => {\n    foundation.nextYear(panelType);\n};\n\nconst handleShowDatePanel = (panelType: PanelType) => {\n    foundation.showDatePanel(panelType);\n};\n\nconst handleShowTimePicker = (panelType: PanelType, open: boolean) => {\n    foundation.showTimePicker(panelType, open);\n};\n\nconst handleTimeChange = (newTime: any, panelType: PanelType) => {\n    foundation.handleTimeChange(newTime, panelType);\n};\n\nconst handleYearMonthSelect = (item: any, panelType: PanelType) => {\n    foundation.toYearMonth(panelType, new Date(item.currentYear.left, item.currentMonth.left - 1));\n};\n\nonMounted(() => {\n    nextTick(() => {\n        const initialValue = props.initialValue || (attrs as any).initialValue;\n        if (initialValue && Array.isArray(initialValue) && initialValue.length > 0) {\n            foundation.updateSelectedFromProps(initialValue);\n        }\n    });\n});\n\nonUnmounted(() => {\n    foundation.destroy();\n});\n\nwatch(\n    () => props.initialValue || (attrs as any).initialValue,\n    (newVal) => {\n        if (newVal && Array.isArray(newVal) && newVal.length > 0) {\n            foundation.updateSelectedFromProps(newVal);\n        }\n    },\n    { deep: true }\n);\n\ndefineExpose({\n    monthGridRef,\n    foundation,\n});\n</script>\n"],"names":["props","__props","attrs","useAttrs","mergedProps","computed","prefixCls","cssClasses","monthGridRef","ref","validFormat","getDefaultFormatTokenByType","nowDate","rawNextDate","getDefaultPickerDate","nextDate","isSameDay","addMonths","state","reactive","baseAdapter","useBaseComponent","adapter","p","key","selected","item","rangeStart","rangeEnd","hoverDay","maxWeekNum","offsetRangeStart","offsetRangeEnd","v","value","options","date","dateString","rangeInputFocus","fn","currentRangeInput","foundation","useFoundation","MonthsGridFoundation","monthGridCls","classNames","panelTypeLeft","strings","panelTypeRight","yearOpenType","_a","presets","presetPosition","insetInput","locale","renderQuickControls","renderDateInput","monthLeft","monthRight","type","handlePresetClick","e","onMounted","nextTick","initialValue","onUnmounted","watch","newVal","__expose","_openBlock","_createElementBlock","_hoisted_1","_createBlock","QuickControl","_createElementVNode","_resolveDynamicComponent","el","Panel","_unref","_Fragment","_createVNode"],"mappings":"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"}

package/lib/es/components/datePicker/Navigation.vue.js

@@ -0,0 +1,156 @@
+import { defineComponent as w, ref as F, computed as l, useAttrs as E, onMounted as I, createElementBlock as A, openBlock as D, normalizeClass as x, unref as i, createVNode as a, createElementVNode as H, normalizeStyle as u, withCtx as c, createTextVNode as V, toDisplayString as $ } from "vue";
+import { noop as r } from "lodash-es";
+import h from "../iconButton/IconButton.vue.js";
+import G from "../button/Button.vue.js";
+import { cssClasses as O, strings as g } from "@douyinfe/semi-foundation/datePicker/constants";
+import j from "../icons/icons/IconDoubleChevronLeft.js";
+import q from "../icons/icons/IconChevronLeft.js";
+import J from "../icons/icons/IconChevronRight.js";
+import K from "../icons/icons/IconDoubleChevronRight.js";
+const f = !0, le = /* @__PURE__ */ w({
+  name: "DatePickerNavigation",
+  inheritAttrs: !1,
+  __name: "Navigation",
+  props: {
+    prefixCls: {},
+    month: {},
+    locale: {},
+    localeCode: {},
+    dateFnsLocale: {},
+    navPrev: {},
+    navNext: {},
+    monthText: { default: "" },
+    density: {},
+    panelType: {},
+    shouldBimonthSwitch: { type: Boolean },
+    onPrev: {},
+    onNext: {},
+    onMonthClick: { type: Function, default: r },
+    onYearClick: {},
+    onPrevMonth: { type: Function, default: r },
+    onNextMonth: { type: Function, default: r },
+    onPrevYear: { type: Function, default: r },
+    onNextYear: { type: Function, default: r },
+    forwardRef: { type: Function, default: r },
+    style: {},
+    className: {}
+  },
+  setup(C) {
+    const n = C, m = O.NAVIGATION, v = F(null), y = () => n.density || o.density || "default", p = () => n.panelType || o.panelType, z = () => n.shouldBimonthSwitch || o.shouldBimonthSwitch, d = l(() => y() === "compact" ? "default" : "large"), s = l(() => y() === "compact" ? "small" : "default"), _ = l(() => p() === g.PANEL_TYPE_LEFT), k = l(() => p() === g.PANEL_TYPE_RIGHT), b = l(() => z() && _.value), T = l(() => z() && k.value), P = l(() => {
+      const e = {};
+      return T.value && (e.visibility = "hidden"), e;
+    }), N = l(() => {
+      const e = {};
+      return b.value && (e.visibility = "hidden"), e;
+    }), M = (e) => {
+      var t;
+      return (t = n.onPrevYear || o.onPrevYear) == null ? void 0 : t(e);
+    }, B = (e) => {
+      var t;
+      return (t = n.onPrevMonth || o.onPrevMonth) == null ? void 0 : t(e);
+    }, R = (e) => {
+      var t;
+      return (t = n.onNextMonth || o.onNextMonth) == null ? void 0 : t(e);
+    }, S = (e) => {
+      var t;
+      return (t = n.onNextYear || o.onNextYear) == null ? void 0 : t(e);
+    }, Y = (e) => {
+      var t;
+      return (t = n.onMonthClick || o.onMonthClick) == null ? void 0 : t(e);
+    }, o = E(), L = l(() => n.monthText || o.monthText || "");
+    return I(() => {
+      n.forwardRef && n.forwardRef(v.value);
+    }), (e, t) => (D(), A("div", {
+      ref_key: "navRef",
+      ref: v,
+      class: x(i(m))
+    }, [
+      a(h, {
+        key: "double-chevron-left",
+        "aria-label": "Previous year",
+        size: s.value,
+        theme: "borderless",
+        noHorizontalPadding: f,
+        style: u(P.value),
+        onClick: M
+      }, {
+        default: c(() => [
+          a(i(j), {
+            size: d.value,
+            "aria-hidden": ""
+          }, null, 8, ["size"])
+        ]),
+        _: 1
+      }, 8, ["size", "style"]),
+      a(h, {
+        key: "chevron-left",
+        "aria-label": "Previous month",
+        size: s.value,
+        theme: "borderless",
+        noHorizontalPadding: f,
+        style: u(P.value),
+        onClick: B
+      }, {
+        default: c(() => [
+          a(i(q), {
+            size: d.value,
+            "aria-hidden": ""
+          }, null, 8, ["size"])
+        ]),
+        _: 1
+      }, 8, ["size", "style"]),
+      H("div", {
+        class: x(`${i(m)}-month`)
+      }, [
+        a(G, {
+          theme: "borderless",
+          size: s.value,
+          onClick: Y
+        }, {
+          default: c(() => [
+            V($(L.value), 1)
+          ]),
+          _: 1
+        }, 8, ["size"])
+      ], 2),
+      a(h, {
+        key: "chevron-right",
+        "aria-label": "Next month",
+        size: s.value,
+        theme: "borderless",
+        noHorizontalPadding: f,
+        style: u(N.value),
+        onClick: R
+      }, {
+        default: c(() => [
+          a(i(J), {
+            size: d.value,
+            "aria-hidden": ""
+          }, null, 8, ["size"])
+        ]),
+        _: 1
+      }, 8, ["size", "style"]),
+      a(h, {
+        key: "double-chevron-right",
+        "aria-label": "Next year",
+        size: s.value,
+        theme: "borderless",
+        noHorizontalPadding: f,
+        style: u(N.value),
+        onClick: S
+      }, {
+        default: c(() => [
+          a(i(K), {
+            size: d.value,
+            "aria-hidden": ""
+          }, null, 8, ["size"])
+        ]),
+        _: 1
+      }, 8, ["size", "style"])
+    ], 2));
+  }
+});
+export {
+  le as default
+};
+//# sourceMappingURL=Navigation.vue.js.map

package/lib/es/components/datePicker/Navigation.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation.vue.js","sources":["../../../../src/components/datePicker/Navigation.vue"],"sourcesContent":["<template>\n    <div ref=\"navRef\" :class=\"prefixCls\">\n        <IconButton\n            key=\"double-chevron-left\"\n            aria-label=\"Previous year\"\n            :size=\"buttonSize\"\n            theme=\"borderless\"\n            :noHorizontalPadding=\"btnNoHorizontalPadding\"\n            :style=\"leftButtonStyle\"\n            @click=\"handlePrevYear\"\n        >\n            <IconDoubleChevronLeft :size=\"iconBtnSize\" aria-hidden />\n        </IconButton>\n        <IconButton\n            key=\"chevron-left\"\n            aria-label=\"Previous month\"\n            :size=\"buttonSize\"\n            theme=\"borderless\"\n            :noHorizontalPadding=\"btnNoHorizontalPadding\"\n            :style=\"leftButtonStyle\"\n            @click=\"handlePrevMonth\"\n        >\n            <IconChevronLeft :size=\"iconBtnSize\" aria-hidden />\n        </IconButton>\n        <div :class=\"`${prefixCls}-month`\">\n            <Button theme=\"borderless\" :size=\"buttonSize\" @click=\"handleMonthClick\">\n                {{ monthTextDisplay }}\n            </Button>\n        </div>\n        <IconButton\n            key=\"chevron-right\"\n            aria-label=\"Next month\"\n            :size=\"buttonSize\"\n            theme=\"borderless\"\n            :noHorizontalPadding=\"btnNoHorizontalPadding\"\n            :style=\"rightButtonStyle\"\n            @click=\"handleNextMonth\"\n        >\n            <IconChevronRight :size=\"iconBtnSize\" aria-hidden />\n        </IconButton>\n        <IconButton\n            key=\"double-chevron-right\"\n            aria-label=\"Next year\"\n            :size=\"buttonSize\"\n            theme=\"borderless\"\n            :noHorizontalPadding=\"btnNoHorizontalPadding\"\n            :style=\"rightButtonStyle\"\n            @click=\"handleNextYear\"\n        >\n            <IconDoubleChevronRight :size=\"iconBtnSize\" aria-hidden />\n        </IconButton>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, useAttrs } from 'vue';\nimport { noop } from 'lodash-es';\nimport IconButton from '../iconButton/IconButton.vue';\nimport Button from '../button/Button.vue';\nimport { IconChevronLeft, IconChevronRight, IconDoubleChevronLeft, IconDoubleChevronRight } from '../icons';\nimport { cssClasses, strings } from '@douyinfe/semi-foundation/datePicker/constants';\nimport type { NavigationProps } from './interface';\nimport type { PanelType } from '@douyinfe/semi-foundation/datePicker/monthsGridFoundation';\n\ndefineOptions({\n    name: 'DatePickerNavigation',\n    inheritAttrs: false,\n});\n\nconst props = withDefaults(defineProps<NavigationProps>(), {\n    monthText: '',\n    onMonthClick: noop,\n    onNextMonth: noop,\n    onPrevMonth: noop,\n    onNextYear: noop,\n    onPrevYear: noop,\n    forwardRef: noop,\n});\n\nconst prefixCls = cssClasses.NAVIGATION;\nconst navRef = ref<HTMLDivElement | null>(null);\n\nconst getDensity = () => props.density || (attrs as any).density || 'default';\nconst getPanelType = () => props.panelType || (attrs as any).panelType;\nconst getShouldBimonthSwitch = () => props.shouldBimonthSwitch || (attrs as any).shouldBimonthSwitch;\n\nconst iconBtnSize = computed(() => (getDensity() === 'compact' ? 'default' : 'large'));\nconst btnNoHorizontalPadding = true;\nconst buttonSize = computed(() => (getDensity() === 'compact' ? 'small' : 'default'));\nconst isLeftPanel = computed(() => getPanelType() === strings.PANEL_TYPE_LEFT);\nconst isRightPanel = computed(() => getPanelType() === strings.PANEL_TYPE_RIGHT);\n\nconst hiddenLeftPanelRightButtons = computed(() => getShouldBimonthSwitch() && isLeftPanel.value);\nconst hiddenRightPanelLeftButtons = computed(() => getShouldBimonthSwitch() && isRightPanel.value);\n\nconst leftButtonStyle = computed(() => {\n    const style: Record<string, any> = {};\n    if (hiddenRightPanelLeftButtons.value) {\n        style.visibility = 'hidden';\n    }\n    return style;\n});\n\nconst rightButtonStyle = computed(() => {\n    const style: Record<string, any> = {};\n    if (hiddenLeftPanelRightButtons.value) {\n        style.visibility = 'hidden';\n    }\n    return style;\n});\n\nconst handlePrevYear = (e: MouseEvent) => (props.onPrevYear || (attrs as any).onPrevYear)?.(e);\nconst handlePrevMonth = (e: MouseEvent) => (props.onPrevMonth || (attrs as any).onPrevMonth)?.(e);\nconst handleNextMonth = (e: MouseEvent) => (props.onNextMonth || (attrs as any).onNextMonth)?.(e);\nconst handleNextYear = (e: MouseEvent) => (props.onNextYear || (attrs as any).onNextYear)?.(e);\nconst handleMonthClick = (e: MouseEvent) => (props.onMonthClick || (attrs as any).onMonthClick)?.(e);\n\nconst attrs = useAttrs();\n\nconst monthTextDisplay = computed(() => {\n    return props.monthText || (attrs as any).monthText || '';\n});\n\nonMounted(() => {\n    if (props.forwardRef) {\n        props.forwardRef(navRef.value);\n    }\n});\n</script>\n"],"names":["btnNoHorizontalPadding","props","__props","prefixCls","cssClasses","navRef","ref","getDensity","attrs","getPanelType","getShouldBimonthSwitch","iconBtnSize","computed","buttonSize","isLeftPanel","strings","isRightPanel","hiddenLeftPanelRightButtons","hiddenRightPanelLeftButtons","leftButtonStyle","style","rightButtonStyle","handlePrevYear","_a","handlePrevMonth","handleNextMonth","handleNextYear","handleMonthClick","useAttrs","monthTextDisplay","onMounted","_createElementBlock","_unref","_createVNode","IconButton","IconDoubleChevronLeft","IconChevronLeft","_createElementVNode","Button","IconChevronRight","IconDoubleChevronRight"],"mappings":"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"}