@transsionfe/semi-ui-vue 0.0.1

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

@@ -0,0 +1,278 @@
+import { defineComponent as Te, computed as o, ref as ge, watch as ye, nextTick as ve, createElementBlock as k, openBlock as g, normalizeStyle as x, normalizeClass as u, createCommentVNode as y, unref as f, createVNode as E, createElementVNode as D, mergeProps as we, createBlock as N, toDisplayString as M } from "vue";
+import _ from "classnames";
+import { isSameDay as Pe, format as v } from "date-fns";
+import { cssClasses as ke, strings as d } from "@douyinfe/semi-foundation/datePicker/constants";
+import { compatibleParse as w } from "@douyinfe/semi-foundation/datePicker/_utils/parser";
+import De from "./Navigation.vue.js";
+import Re from "./Month.vue.js";
+import Ce from "./YearAndMonth.vue.js";
+import Ee from "../timePicker/Combobox.vue.js";
+import _e from "../icons/icons/IconCalendar.js";
+import Se from "../icons/icons/IconClock.js";
+const Ye = ["x-open-type"], Be = /* @__PURE__ */ Te({
+  __name: "Panel",
+  props: {
+    month: {},
+    panelType: {},
+    panelDetail: {},
+    state: {},
+    props: {},
+    foundation: {},
+    setCache: { type: Function },
+    getCache: { type: Function },
+    rangeInputFocus: { type: [String, Boolean] },
+    selected: {},
+    rangeStart: {},
+    rangeEnd: {},
+    hoverDay: {},
+    weeksRowNum: {},
+    offsetRangeStart: {},
+    offsetRangeEnd: {}
+  },
+  setup(L) {
+    const e = L, c = ke.PREFIX, m = o(() => e.panelDetail.isYearPickerOpen), h = o(() => e.panelDetail.isTimePickerOpen), S = o(() => e.panelDetail.pickerDate), R = o(() => e.panelDetail.showDate), O = ge({}), b = () => {
+      var i;
+      const t = {}, a = e.getCache(`wrap-${d.PANEL_TYPE_LEFT}`), r = e.getCache(`wrap-${d.PANEL_TYPE_RIGHT}`), n = e.panelType === d.PANEL_TYPE_RIGHT ? r : a;
+      if ((i = e.foundation) != null && i.isRangeType()) {
+        (m.value || h.value) && n && n.getBoundingClientRect && (t.minWidth = n.getBoundingClientRect().width + "px");
+        const { monthLeft: l, monthRight: s } = e.state, p = l && (l.isTimePickerOpen || l.isYearPickerOpen), T = s && (s.isTimePickerOpen || s.isYearPickerOpen), { insetInput: C } = e.props;
+        if (p && T && !C) {
+          const P = e.state.currentPanelHeight;
+          t.minHeight = (P || H()) + "px";
+        }
+      }
+      O.value = t;
+    }, H = () => {
+      const t = e.getCache(`wrap-${d.PANEL_TYPE_LEFT}`), a = e.getCache(`wrap-${d.PANEL_TYPE_RIGHT}`), r = e.getCache(`switch-${d.PANEL_TYPE_LEFT}`), n = e.getCache(`switch-${d.PANEL_TYPE_RIGHT}`), i = t && t.getBoundingClientRect(), l = a && a.getBoundingClientRect();
+      let s = i && i.height || 0, p = l && l.height || 0;
+      return r && (s += r.getBoundingClientRect().height), n && (p += n.getBoundingClientRect().height), Math.max(s, p);
+    };
+    ye([m, h], () => {
+      ve(() => {
+        b();
+      });
+    });
+    const A = o(() => {
+      let t = _(`${c}-month-grid-${e.panelType}`);
+      return e.props.type !== "year" && e.props.type !== "month" && (h.value || m.value) && (t = _(t, `${c}-yam-showing`)), t;
+    }), B = o(() => O.value), V = o(() => !(m.value || h.value) ? "date" : m.value ? "year" : "time"), W = o(() => S.value.getFullYear()), G = o(() => S.value.getMonth() + 1), z = (t) => {
+      var a;
+      (a = e.foundation) == null || a.toYearMonth(e.panelType, new Date(t.currentYear.left, t.currentMonth.left - 1));
+    }, K = () => {
+      var t;
+      (t = e.foundation) == null || t.showDatePanel(e.panelType);
+    }, X = o(() => e.props.locale.selectTime), j = o(() => e.props.format || d.FORMAT_TIME_PICKER), q = o(() => {
+      var F, I;
+      const { type: t, hideDisabledOptions: a, timePickerOpts: r, dateFnsLocale: n } = e.props, i = {
+        ...r,
+        hideDisabledOptions: a
+      }, l = (F = e.foundation) == null ? void 0 : F.calcDisabledTime(e.panelType);
+      l && ["disabledHours", "disabledMinutes", "disabledSeconds"].forEach((Y) => {
+        l[Y] && (i[Y] = l[Y]);
+      });
+      const { rangeStart: s, rangeEnd: p } = e.state, T = (I = e.foundation) == null ? void 0 : I.getValidDateFormat();
+      let C, P;
+      return t === "dateTimeRange" && s && p && w(s, T, void 0, n) && w(p, T, void 0, n) && Pe(
+        C = w(s, T, void 0, n),
+        P = w(p, T, void 0, n)
+      ) && (e.panelType === d.PANEL_TYPE_RIGHT ? s && (i.startDate = C) : p && (i.endDate = P)), i;
+    }), J = (t) => {
+      var a;
+      (a = e.foundation) == null || a.handleTimeChange(t, e.panelType);
+    }, Q = () => {
+      var t, a, r, n, i;
+      if (e.month) {
+        const l = v(e.month, "yyyy"), s = parseInt(v(e.month, "L"), 10), p = ((r = (a = (t = e.props) == null ? void 0 : t.locale) == null ? void 0 : a.months) == null ? void 0 : r[s]) || `${s}月`;
+        return (((i = (n = e.props) == null ? void 0 : n.locale) == null ? void 0 : i.monthText) || "${year}年${month}").replace("${year}", l).replace("${month}", p);
+      }
+      return "";
+    }, U = o(() => {
+      var t;
+      return ((t = e.foundation) == null ? void 0 : t.isRangeType()) && e.props.syncSwitchMonth;
+    }), Z = o(() => {
+      var a;
+      const t = {};
+      return (a = e.foundation) != null && a.isRangeType() && (m.value || h.value) && (t.visibility = "hidden", t.position = "absolute", t.pointerEvents = "none"), t;
+    }), ee = (t) => {
+      var a;
+      t.stopImmediatePropagation(), (a = e.foundation) == null || a.showYearPicker(e.panelType);
+    }, te = (t) => {
+      var a;
+      t.stopImmediatePropagation(), (a = e.foundation) == null || a.prevMonth(e.panelType);
+    }, ae = (t) => {
+      var a;
+      t.stopImmediatePropagation(), (a = e.foundation) == null || a.nextMonth(e.panelType);
+    }, ne = (t) => {
+      var a;
+      t.stopImmediatePropagation(), (a = e.foundation) == null || a.nextYear(e.panelType);
+    }, oe = (t) => {
+      var a;
+      t.stopImmediatePropagation(), (a = e.foundation) == null || a.prevYear(e.panelType);
+    }, se = (t) => {
+      e.foundation && e.foundation.handleDayClick && e.foundation.handleDayClick(t, e.panelType);
+    }, re = (t) => {
+      var a;
+      return (a = e.foundation) == null ? void 0 : a.handleDayHover(t, e.panelType);
+    }, ie = (t) => {
+      var s;
+      const { monthLeft: a, monthRight: r } = e.state, n = a && (a.isTimePickerOpen || a.isYearPickerOpen), i = r && (r.isTimePickerOpen || r.isYearPickerOpen), l = n && i;
+      (s = e.foundation) != null && s.isRangeType() && !l && (e.state.maxWeekNum = t);
+    }, le = o(() => {
+      const { type: t, insetInput: a } = e.props;
+      return !(!t.includes("Time") || a);
+    }), $ = o(() => e.props.density === "default"), ce = o(() => {
+      var s;
+      const { rangeStart: t, rangeEnd: a } = e.state, { locale: r, dateFnsLocale: n } = e.props, { FORMAT_SWITCH_DATE: i } = r.localeFormatToken, l = (s = e.foundation) == null ? void 0 : s.getValidDateFormat();
+      return e.panelType === d.PANEL_TYPE_LEFT ? t ? v(w(t, l, void 0, n), i) : "" : a ? v(w(a, l, void 0, n), i) : "";
+    }), pe = o(() => {
+      const { FORMAT_SWITCH_DATE: t } = e.props.locale.localeFormatToken;
+      return R.value ? v(R.value, t) : "";
+    }), de = o(() => {
+      var a;
+      const t = (a = e.foundation) == null ? void 0 : a.getValidTimeFormat();
+      return R.value ? v(R.value, t) : "";
+    }), he = o(
+      () => _({
+        [`${c}-switch-date`]: !0,
+        [`${c}-switch-date-active`]: !h.value
+      })
+    ), ue = o(
+      () => _({
+        [`${c}-switch-time`]: !0,
+        [`${c}-switch-time-disabled`]: e.props.disabledTimePicker,
+        [`${c}-switch-date-active`]: h.value
+      })
+    ), me = () => {
+      var t;
+      (t = e.foundation) == null || t.showDatePanel(e.panelType);
+    }, fe = () => {
+      var t;
+      (t = e.foundation) == null || t.showTimePicker(e.panelType, !0);
+    };
+    return (t, a) => {
+      var r;
+      return g(), k("div", {
+        class: u(A.value),
+        style: x(B.value),
+        "x-open-type": V.value
+      }, [
+        m.value ? (g(), k("div", {
+          key: 0,
+          class: u(`${f(c)}-yam`)
+        }, [
+          E(Ce, {
+            ref: (n) => e.setCache(`yam-${e.panelType}`, n),
+            locale: e.props.locale,
+            localeCode: e.props.localeCode,
+            currentYear: { left: W.value, right: 0 },
+            currentMonth: { left: G.value, right: 0 },
+            onSelect: z,
+            onBackToMain: K,
+            density: e.props.density,
+            yearAndMonthOpts: e.props.yearAndMonthOpts,
+            startYear: e.props.startYear,
+            endYear: e.props.endYear,
+            noBackBtn: !1
+          }, null, 8, ["locale", "localeCode", "currentYear", "currentMonth", "density", "yearAndMonthOpts", "startYear", "endYear"])
+        ], 2)) : y("", !0),
+        h.value ? (g(), k("div", {
+          key: 1,
+          class: u(`${f(c)}-tpk`)
+        }, [
+          D("div", {
+            class: u(`${f(c)}-time`)
+          }, [
+            E(Ee, we({
+              ref: (n) => e.setCache(`timepicker-${e.panelType}`, n),
+              panelHeader: X.value,
+              format: j.value,
+              timeStampValue: S.value,
+              onChange: J
+            }, q.value), null, 16, ["panelHeader", "format", "timeStampValue"])
+          ], 2)
+        ], 2)) : y("", !0),
+        (r = e.foundation) != null && r.isRangeType() || !m.value && !h.value ? (g(), k("div", {
+          key: 2,
+          ref: (n) => e.setCache(`wrap-${e.panelType}`, n),
+          style: x(Z.value)
+        }, [
+          E(De, {
+            forwardRef: (n) => e.setCache(`nav-${e.panelType}`, n),
+            monthText: Q(),
+            density: e.props.density,
+            onMonthClick: ee,
+            onPrevMonth: te,
+            onNextMonth: ae,
+            onNextYear: ne,
+            onPrevYear: oe,
+            shouldBimonthSwitch: U.value,
+            panelType: e.panelType
+          }, null, 8, ["forwardRef", "monthText", "density", "shouldBimonthSwitch", "panelType"]),
+          E(Re, {
+            locale: e.props.locale,
+            localeCode: e.props.localeCode,
+            forwardRef: (n) => e.setCache(`month-${e.panelType}`, n),
+            disabledDate: e.props.disabledDate,
+            weekStartsOn: e.props.weekStartsOn,
+            month: e.month,
+            selected: e.selected || e.state.selected,
+            rangeStart: e.rangeStart ?? e.state.rangeStart,
+            rangeEnd: e.rangeEnd ?? e.state.rangeEnd,
+            rangeInputFocus: e.rangeInputFocus,
+            offsetRangeStart: e.offsetRangeStart ?? e.state.offsetRangeStart,
+            offsetRangeEnd: e.offsetRangeEnd ?? e.state.offsetRangeEnd,
+            hoverDay: e.hoverDay ?? e.state.hoverDay,
+            weeksRowNum: e.weeksRowNum ?? e.state.maxWeekNum,
+            renderDate: e.props.renderDate,
+            renderFullDate: e.props.renderFullDate,
+            onDayClick: se,
+            onDayHover: re,
+            onWeeksRowNumChange: ie,
+            startDateOffset: e.props.startDateOffset,
+            endDateOffset: e.props.endDateOffset,
+            focusRecordsRef: e.props.focusRecordsRef,
+            multiple: e.props.multiple
+          }, null, 8, ["locale", "localeCode", "forwardRef", "disabledDate", "weekStartsOn", "month", "selected", "rangeStart", "rangeEnd", "rangeInputFocus", "offsetRangeStart", "offsetRangeEnd", "hoverDay", "weeksRowNum", "renderDate", "renderFullDate", "startDateOffset", "endDateOffset", "focusRecordsRef", "multiple"])
+        ], 4)) : y("", !0),
+        le.value ? (g(), k("div", {
+          key: 3,
+          ref: (n) => e.setCache(`switch-${e.panelType}`, n),
+          class: u(`${f(c)}-switch`)
+        }, [
+          D("div", {
+            role: "button",
+            "aria-label": "Switch to date panel",
+            class: u(he.value),
+            onClick: me
+          }, [
+            $.value ? (g(), N(f(_e), {
+              key: 0,
+              "aria-hidden": ""
+            })) : y("", !0),
+            D("span", {
+              class: u(`${f(c)}-switch-text`)
+            }, M(ce.value || pe.value), 3)
+          ], 2),
+          D("div", {
+            role: "button",
+            "aria-label": "Switch to time panel",
+            class: u(ue.value),
+            onClick: fe
+          }, [
+            $.value ? (g(), N(f(Se), {
+              key: 0,
+              "aria-hidden": ""
+            })) : y("", !0),
+            D("span", {
+              class: u(`${f(c)}-switch-text`)
+            }, M(de.value), 3)
+          ], 2)
+        ], 2)) : y("", !0)
+      ], 14, Ye);
+    };
+  }
+});
+export {
+  Be as default
+};
+//# sourceMappingURL=Panel.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.vue.js","sources":["../../../../src/components/datePicker/Panel.vue"],"sourcesContent":["<template>\n    <div :class=\"monthCls\" :style=\"style\" :x-open-type=\"xOpenType\">\n        <div v-if=\"isYearPickerOpen\" :class=\"`${prefixCls}-yam`\">\n            <YearAndMonth\n                :ref=\"(el) => props.setCache(`yam-${props.panelType}`, el)\"\n                :locale=\"props.props.locale\"\n                :localeCode=\"props.props.localeCode\"\n                :currentYear=\"{ left: year, right: 0 }\"\n                :currentMonth=\"{ left: monthNumber, right: 0 }\"\n                :onSelect=\"handleYearMonthSelect\"\n                :onBackToMain=\"handleBackToMain\"\n                :density=\"props.props.density\"\n                :yearAndMonthOpts=\"props.props.yearAndMonthOpts\"\n                :startYear=\"props.props.startYear\"\n                :endYear=\"props.props.endYear\"\n                :noBackBtn=\"false\"\n            />\n        </div>\n        <div v-if=\"isTimePickerOpen\" :class=\"`${prefixCls}-tpk`\">\n            <div :class=\"`${prefixCls}-time`\">\n                <Combobox\n                    :ref=\"(el) => props.setCache(`timepicker-${props.panelType}`, el)\"\n                    :panelHeader=\"timePlaceholder\"\n                    :format=\"timeFormat\"\n                    :timeStampValue=\"pickerDate\"\n                    :onChange=\"handleTimeChange\"\n                    v-bind=\"timePickerProps\"\n                />\n            </div>\n        </div>\n\n        <template v-if=\"props.foundation?.isRangeType() || (!isYearPickerOpen && !isTimePickerOpen)\">\n            <div :ref=\"(el) => props.setCache(`wrap-${props.panelType}`, el)\" :style=\"wrapStyle\">\n                <Navigation\n                    :forwardRef=\"(el) => props.setCache(`nav-${props.panelType}`, el)\"\n                    :monthText=\"getMonthText()\"\n                    :density=\"props.props.density\"\n                    :onMonthClick=\"handleShowYearPicker\"\n                    :onPrevMonth=\"handlePrevMonth\"\n                    :onNextMonth=\"handleNextMonth\"\n                    :onNextYear=\"handleNextYear\"\n                    :onPrevYear=\"handlePrevYear\"\n                    :shouldBimonthSwitch=\"shouldBimonthSwitch\"\n                    :panelType=\"props.panelType\"\n                />\n                <Month\n                    :locale=\"props.props.locale\"\n                    :localeCode=\"props.props.localeCode\"\n                    :forwardRef=\"(el) => props.setCache(`month-${props.panelType}`, el)\"\n                    :disabledDate=\"props.props.disabledDate\"\n                    :weekStartsOn=\"props.props.weekStartsOn\"\n                    :month=\"props.month\"\n                    :selected=\"props.selected || props.state.selected\"\n                    :rangeStart=\"props.rangeStart ?? props.state.rangeStart\"\n                    :rangeEnd=\"props.rangeEnd ?? props.state.rangeEnd\"\n                    :rangeInputFocus=\"props.rangeInputFocus\"\n                    :offsetRangeStart=\"props.offsetRangeStart ?? props.state.offsetRangeStart\"\n                    :offsetRangeEnd=\"props.offsetRangeEnd ?? props.state.offsetRangeEnd\"\n                    :hoverDay=\"props.hoverDay ?? props.state.hoverDay\"\n                    :weeksRowNum=\"props.weeksRowNum ?? props.state.maxWeekNum\"\n                    :renderDate=\"props.props.renderDate\"\n                    :renderFullDate=\"props.props.renderFullDate\"\n                    :onDayClick=\"handleDayClick\"\n                    :onDayHover=\"handleDayHover\"\n                    :onWeeksRowNumChange=\"handleWeeksRowNumChange\"\n                    :startDateOffset=\"props.props.startDateOffset\"\n                    :endDateOffset=\"props.props.endDateOffset\"\n                    :focusRecordsRef=\"props.props.focusRecordsRef\"\n                    :multiple=\"props.props.multiple\"\n                />\n            </div>\n        </template>\n\n        <div\n            v-if=\"showSwitch\"\n            :ref=\"(el) => props.setCache(`switch-${props.panelType}`, el)\"\n            :class=\"`${prefixCls}-switch`\"\n        >\n            <div role=\"button\" aria-label=\"Switch to date panel\" :class=\"switchDateCls\" @click=\"handleShowDatePanel\">\n                <IconCalendar v-if=\"showSwitchIcon\" aria-hidden />\n                <span :class=\"`${prefixCls}-switch-text`\">{{ switchDateText || switchMonthText }}</span>\n            </div>\n            <div role=\"button\" aria-label=\"Switch to time panel\" :class=\"switchTimeCls\" @click=\"handleShowTimePicker\">\n                <IconClock v-if=\"showSwitchIcon\" aria-hidden />\n                <span :class=\"`${prefixCls}-switch-text`\">{{ switchTimeText }}</span>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, watch, nextTick } from 'vue';\nimport classNames from 'classnames';\nimport { format as formatFn, isSameDay } from 'date-fns';\nimport { cssClasses, strings } from '@douyinfe/semi-foundation/datePicker/constants';\nimport { compatibleParse } from '@douyinfe/semi-foundation/datePicker/_utils/parser';\nimport Navigation from './Navigation.vue';\nimport Month from './Month.vue';\nimport YearAndMonth from './YearAndMonth.vue';\nimport Combobox from '../timePicker/Combobox.vue';\nimport { IconCalendar, IconClock } from '../icons';\n\nconst props = defineProps<{\n    month: Date;\n    panelType: string;\n    panelDetail: any;\n    state: any;\n    props: any; // Parent props\n    foundation: any;\n    setCache: Function;\n    getCache: Function;\n    rangeInputFocus?: 'rangeStart' | 'rangeEnd' | false;\n    selected?: Set<string>;\n    rangeStart?: string;\n    rangeEnd?: string;\n    hoverDay?: string;\n    weeksRowNum?: number;\n    offsetRangeStart?: string;\n    offsetRangeEnd?: string;\n}>();\n\nconst prefixCls = cssClasses.PREFIX;\n\nconst isYearPickerOpen = computed(() => props.panelDetail.isYearPickerOpen);\nconst isTimePickerOpen = computed(() => props.panelDetail.isTimePickerOpen);\nconst pickerDate = computed(() => props.panelDetail.pickerDate);\nconst showDate = computed(() => props.panelDetail.showDate);\n\nconst panelStyle = ref({});\nconst updatePanelStyle = () => {\n    const style: any = {};\n    const wrapLeft = props.getCache(`wrap-${strings.PANEL_TYPE_LEFT}`);\n    const wrapRight = props.getCache(`wrap-${strings.PANEL_TYPE_RIGHT}`);\n    const wrap = props.panelType === strings.PANEL_TYPE_RIGHT ? wrapRight : wrapLeft;\n\n    if (props.foundation?.isRangeType()) {\n        if (isYearPickerOpen.value || isTimePickerOpen.value) {\n            if (wrap && wrap.getBoundingClientRect) {\n                style.minWidth = wrap.getBoundingClientRect().width + 'px';\n            }\n        }\n\n        const { monthLeft, monthRight } = props.state;\n        const leftIsYearOrTime = monthLeft && (monthLeft.isTimePickerOpen || monthLeft.isYearPickerOpen);\n        const rightIsYearOrTime = monthRight && (monthRight.isTimePickerOpen || monthRight.isYearPickerOpen);\n        const { insetInput } = props.props;\n\n        if (leftIsYearOrTime && rightIsYearOrTime && !insetInput) {\n            const currentPanelHeight = props.state.currentPanelHeight;\n            style.minHeight = (currentPanelHeight ? currentPanelHeight : calcScrollListHeight()) + 'px';\n        }\n    }\n    panelStyle.value = style;\n};\n\nconst calcScrollListHeight = () => {\n    const wrapLeft = props.getCache(`wrap-${strings.PANEL_TYPE_LEFT}`);\n    const wrapRight = props.getCache(`wrap-${strings.PANEL_TYPE_RIGHT}`);\n    const switchLeft = props.getCache(`switch-${strings.PANEL_TYPE_LEFT}`);\n    const switchRight = props.getCache(`switch-${strings.PANEL_TYPE_RIGHT}`);\n\n    const leftRect = wrapLeft && wrapLeft.getBoundingClientRect();\n    const rightRect = wrapRight && wrapRight.getBoundingClientRect();\n\n    let leftHeight = (leftRect && leftRect.height) || 0;\n    let rightHeight = (rightRect && rightRect.height) || 0;\n\n    if (switchLeft) {\n        leftHeight += switchLeft.getBoundingClientRect().height;\n    }\n    if (switchRight) {\n        rightHeight += switchRight.getBoundingClientRect().height;\n    }\n\n    return Math.max(leftHeight, rightHeight);\n};\n\nwatch([isYearPickerOpen, isTimePickerOpen], () => {\n    nextTick(() => {\n        updatePanelStyle();\n    });\n});\n\nconst monthCls = computed(() => {\n    let cls = classNames(`${prefixCls}-month-grid-${props.panelType}`);\n    if (\n        props.props.type !== 'year' &&\n        props.props.type !== 'month' &&\n        (isTimePickerOpen.value || isYearPickerOpen.value)\n    ) {\n        cls = classNames(cls, `${prefixCls}-yam-showing`);\n    }\n    return cls;\n});\n\nconst style = computed(() => panelStyle.value);\n\nconst xOpenType = computed(() => {\n    const _isDatePanelOpen = !(isYearPickerOpen.value || isTimePickerOpen.value);\n    return _isDatePanelOpen ? 'date' : isYearPickerOpen.value ? 'year' : 'time';\n});\n\nconst year = computed(() => pickerDate.value.getFullYear());\nconst monthNumber = computed(() => pickerDate.value.getMonth() + 1);\n\nconst handleYearMonthSelect = (item: any) => {\n    props.foundation?.toYearMonth(props.panelType, new Date(item.currentYear.left, item.currentMonth.left - 1));\n};\n\nconst handleBackToMain = () => {\n    props.foundation?.showDatePanel(props.panelType);\n};\n\nconst timePlaceholder = computed(() => props.props.locale.selectTime);\nconst timeFormat = computed(() => props.props.format || strings.FORMAT_TIME_PICKER);\n\nconst timePickerProps = computed(() => {\n    const { type, hideDisabledOptions, timePickerOpts, dateFnsLocale } = props.props;\n    const restProps = {\n        ...timePickerOpts,\n        hideDisabledOptions,\n    };\n\n    const disabledOptions = props.foundation?.calcDisabledTime(props.panelType);\n    if (disabledOptions) {\n        ['disabledHours', 'disabledMinutes', 'disabledSeconds'].forEach((key) => {\n            if (disabledOptions[key]) {\n                restProps[key] = disabledOptions[key];\n            }\n        });\n    }\n\n    const { rangeStart, rangeEnd } = props.state;\n    const dateFormat = props.foundation?.getValidDateFormat();\n    let startDate, endDate;\n\n    if (\n        type === 'dateTimeRange' &&\n        rangeStart &&\n        rangeEnd &&\n        compatibleParse(rangeStart, dateFormat, undefined, dateFnsLocale) &&\n        compatibleParse(rangeEnd, dateFormat, undefined, dateFnsLocale) &&\n        isSameDay(\n            (startDate = compatibleParse(rangeStart, dateFormat, undefined, dateFnsLocale)),\n            (endDate = compatibleParse(rangeEnd, dateFormat, undefined, dateFnsLocale))\n        )\n    ) {\n        if (props.panelType === strings.PANEL_TYPE_RIGHT) {\n            if (rangeStart) restProps.startDate = startDate;\n        } else {\n            if (rangeEnd) restProps.endDate = endDate;\n        }\n    }\n    return restProps;\n});\n\nconst handleTimeChange = (newTime: { timeStampValue: number }) => {\n    props.foundation?.handleTimeChange(newTime, props.panelType);\n};\n\nconst getMonthText = () => {\n    if (props.month) {\n        const yearNumber = formatFn(props.month, 'yyyy');\n        const monthNum = parseInt(formatFn(props.month, 'L'), 10);\n        const mText = props.props?.locale?.months?.[monthNum] || `${monthNum}月`;\n        const monthFormatToken = props.props?.locale?.monthText || '${year}年${month}';\n        return monthFormatToken.replace('${year}', yearNumber).replace('${month}', mText);\n    }\n    return '';\n};\n\nconst shouldBimonthSwitch = computed(() => {\n    return props.foundation?.isRangeType() && props.props.syncSwitchMonth;\n});\n\nconst wrapStyle = computed(() => {\n    const s: any = {};\n    if (props.foundation?.isRangeType() && (isYearPickerOpen.value || isTimePickerOpen.value)) {\n        s.visibility = 'hidden';\n        s.position = 'absolute';\n        s.pointerEvents = 'none';\n    }\n    return s;\n});\n\nconst handleShowYearPicker = (e: MouseEvent) => {\n    e.stopImmediatePropagation();\n    props.foundation?.showYearPicker(props.panelType);\n};\n\nconst handlePrevMonth = (e: MouseEvent) => {\n    e.stopImmediatePropagation();\n    props.foundation?.prevMonth(props.panelType);\n};\nconst handleNextMonth = (e: MouseEvent) => {\n    e.stopImmediatePropagation();\n    props.foundation?.nextMonth(props.panelType);\n};\nconst handleNextYear = (e: MouseEvent) => {\n    e.stopImmediatePropagation();\n    props.foundation?.nextYear(props.panelType);\n};\nconst handlePrevYear = (e: MouseEvent) => {\n    e.stopImmediatePropagation();\n    props.foundation?.prevYear(props.panelType);\n};\nconst handleDayClick = (day: any) => {\n    if (props.foundation && props.foundation.handleDayClick) {\n        props.foundation.handleDayClick(day, props.panelType);\n    }\n};\nconst handleDayHover = (day: any) => props.foundation?.handleDayHover(day, props.panelType);\nconst handleWeeksRowNumChange = (weeksRowNum: number) => {\n    const { monthLeft, monthRight } = props.state;\n    const leftIsYearOrTime = monthLeft && (monthLeft.isTimePickerOpen || monthLeft.isYearPickerOpen);\n    const rightIsYearOrTime = monthRight && (monthRight.isTimePickerOpen || monthRight.isYearPickerOpen);\n    const allIsYearOrTime = leftIsYearOrTime && rightIsYearOrTime;\n\n    if (props.foundation?.isRangeType() && !allIsYearOrTime) {\n        props.state.maxWeekNum = weeksRowNum;\n    }\n};\n\nconst showSwitch = computed(() => {\n    const { type, insetInput } = props.props;\n    if (!type.includes('Time') || insetInput) {\n        return false;\n    }\n    return true;\n});\n\nconst showSwitchIcon = computed(() => props.props.density === 'default');\n\nconst switchDateText = computed(() => {\n    const { rangeStart, rangeEnd } = props.state;\n    const { locale, dateFnsLocale } = props.props;\n    const { FORMAT_SWITCH_DATE } = locale.localeFormatToken;\n    const dateFormat = props.foundation?.getValidDateFormat();\n\n    if (props.panelType === strings.PANEL_TYPE_LEFT) {\n        return rangeStart\n            ? formatFn(compatibleParse(rangeStart, dateFormat, undefined, dateFnsLocale), FORMAT_SWITCH_DATE)\n            : '';\n    } else {\n        return rangeEnd\n            ? formatFn(compatibleParse(rangeEnd, dateFormat, undefined, dateFnsLocale), FORMAT_SWITCH_DATE)\n            : '';\n    }\n});\n\nconst switchMonthText = computed(() => {\n    const { FORMAT_SWITCH_DATE } = props.props.locale.localeFormatToken;\n    return showDate.value ? formatFn(showDate.value, FORMAT_SWITCH_DATE) : '';\n});\n\nconst switchTimeText = computed(() => {\n    const formatTimePicker = props.foundation?.getValidTimeFormat();\n    return showDate.value ? formatFn(showDate.value, formatTimePicker) : '';\n});\n\nconst switchDateCls = computed(() =>\n    classNames({\n        [`${prefixCls}-switch-date`]: true,\n        [`${prefixCls}-switch-date-active`]: !isTimePickerOpen.value,\n    })\n);\n\nconst switchTimeCls = computed(() =>\n    classNames({\n        [`${prefixCls}-switch-time`]: true,\n        [`${prefixCls}-switch-time-disabled`]: props.props.disabledTimePicker,\n        [`${prefixCls}-switch-date-active`]: isTimePickerOpen.value,\n    })\n);\n\nconst handleShowDatePanel = () => {\n    props.foundation?.showDatePanel(props.panelType);\n};\n\nconst handleShowTimePicker = () => {\n    props.foundation?.showTimePicker(props.panelType, true);\n};\n</script>\n"],"names":["props","__props","prefixCls","cssClasses","isYearPickerOpen","computed","isTimePickerOpen","pickerDate","showDate","panelStyle","ref","updatePanelStyle","style","wrapLeft","strings","wrapRight","wrap","_a","monthLeft","monthRight","leftIsYearOrTime","rightIsYearOrTime","insetInput","currentPanelHeight","calcScrollListHeight","switchLeft","switchRight","leftRect","rightRect","leftHeight","rightHeight","watch","nextTick","monthCls","cls","classNames","xOpenType","year","monthNumber","handleYearMonthSelect","item","handleBackToMain","timePlaceholder","timeFormat","timePickerProps","type","hideDisabledOptions","timePickerOpts","dateFnsLocale","restProps","disabledOptions","key","rangeStart","rangeEnd","dateFormat","_b","startDate","endDate","compatibleParse","isSameDay","handleTimeChange","newTime","getMonthText","yearNumber","formatFn","monthNum","mText","_c","_e","_d","shouldBimonthSwitch","wrapStyle","s","handleShowYearPicker","e","handlePrevMonth","handleNextMonth","handleNextYear","handlePrevYear","handleDayClick","day","handleDayHover","handleWeeksRowNumChange","weeksRowNum","allIsYearOrTime","showSwitch","showSwitchIcon","switchDateText","locale","FORMAT_SWITCH_DATE","switchMonthText","switchTimeText","formatTimePicker","switchDateCls","switchTimeCls","handleShowDatePanel","handleShowTimePicker","_createElementBlock","_unref","_createVNode","YearAndMonth","el","_createElementVNode","Combobox","_mergeProps","Navigation","Month","_createBlock","IconCalendar","_toDisplayString","IconClock"],"mappings":"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"}

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

@@ -0,0 +1,102 @@
+import { defineComponent as F, computed as o, createElementBlock as m, createCommentVNode as k, openBlock as a, normalizeClass as l, createElementVNode as d, toDisplayString as $, Fragment as V, renderList as b, createBlock as E, withCtx as f, createVNode as I, createTextVNode as z } from "vue";
+import { noop as D, isFunction as P } from "lodash-es";
+import c from "classnames";
+import M from "../button/Button.vue.js";
+import Q from "../typography/Text.vue.js";
+import { cssClasses as S } from "@douyinfe/semi-foundation/datePicker/constants";
+const j = ["x-insetinput"], J = /* @__PURE__ */ F({
+  name: "DatePickerQuickControl",
+  inheritAttrs: !1,
+  __name: "QuickControl",
+  props: {
+    prefixCls: {},
+    locale: { default: void 0 },
+    presets: { default: () => [] },
+    presetPosition: { default: "bottom" },
+    onPresetClick: { type: Function, default: D },
+    type: { default: "date" },
+    insetInput: { type: [Boolean, Object], default: !1 },
+    onSelect: {},
+    style: {},
+    className: {}
+  },
+  setup(C) {
+    const e = C, t = S.PREFIX, _ = o(() => e.type === "dateRange" || e.type === "dateTimeRange"), p = o(() => e.presetPosition === "top" || e.presetPosition === "bottom"), y = o(() => e.type === "month"), s = o(() => p.value && _.value), i = o(() => p.value && y.value), h = o(
+      () => c(`${t}-quick-control`, {
+        [`${t}-quick-control-${e.type}`]: e.type,
+        [`${t}-quick-control-${e.presetPosition}`]: !0
+      })
+    ), q = o(() => c(`${t}-quick-control-header`)), g = o(
+      () => c(`${t}-quick-control-${e.presetPosition}-content-wrapper`)
+    ), x = o(
+      () => c({
+        [`${t}-quick-control-${e.presetPosition}-content`]: !s.value && !i.value,
+        [`${t}-quick-control-${e.presetPosition}-range-content`]: s.value,
+        [`${t}-quick-control-${e.presetPosition}-month-content`]: i.value
+      })
+    ), T = o(
+      () => c({
+        [`${t}-quick-control-${e.presetPosition}-content-item`]: !s.value && !i.value,
+        [`${t}-quick-control-${e.presetPosition}-range-content-item`]: s.value,
+        [`${t}-quick-control-${e.presetPosition}-month-content-item`]: i.value
+      })
+    ), B = o(
+      () => c({
+        [`${t}-quick-control-${e.presetPosition}-content-item-ellipsis`]: !s.value && !i.value,
+        [`${t}-quick-control-${e.presetPosition}-range-content-item-ellipsis`]: s.value,
+        [`${t}-quick-control-${e.presetPosition}-month-content-item-ellipsis`]: i.value
+      })
+    ), N = (n) => (P(n) ? n() : n).text || "", R = (n, u) => {
+      const r = P(n) ? n() : n;
+      e.onPresetClick(r, u);
+    };
+    return (n, u) => {
+      var r;
+      return e.presets && e.presets.length ? (a(), m("div", {
+        key: 0,
+        class: l(h.value),
+        "x-insetinput": e.insetInput ? "true" : "false"
+      }, [
+        p.value ? k("", !0) : (a(), m("div", {
+          key: 0,
+          class: l(q.value)
+        }, $((r = e.locale) == null ? void 0 : r.presets), 3)),
+        d("div", {
+          class: l(g.value)
+        }, [
+          d("div", {
+            class: l(x.value)
+          }, [
+            (a(!0), m(V, null, b(e.presets, (v, w) => (a(), E(M, {
+              key: w,
+              size: "small",
+              type: "primary",
+              onClick: (A) => R(v, A)
+            }, {
+              default: f(() => [
+                d("div", {
+                  class: l(T.value)
+                }, [
+                  I(Q, {
+                    ellipsis: { showTooltip: !0 },
+                    class: l(B.value)
+                  }, {
+                    default: f(() => [
+                      z($(N(v)), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["class"])
+                ], 2)
+              ]),
+              _: 2
+            }, 1032, ["onClick"]))), 128))
+          ], 2)
+        ], 2)
+      ], 10, j)) : k("", !0);
+    };
+  }
+});
+export {
+  J as default
+};
+//# sourceMappingURL=QuickControl.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuickControl.vue.js","sources":["../../../../src/components/datePicker/QuickControl.vue"],"sourcesContent":["<template>\n    <div\n        v-if=\"props.presets && props.presets.length\"\n        :class=\"wrapperCls\"\n        :x-insetinput=\"props.insetInput ? 'true' : 'false'\"\n    >\n        <div v-if=\"!isPanelTopAndBottom\" :class=\"headerCls\">{{ props.locale?.presets }}</div>\n        <div :class=\"contentWrapperCls\">\n            <div :class=\"contentCls\">\n                <Button\n                    v-for=\"(item, index) in props.presets\"\n                    :key=\"index\"\n                    size=\"small\"\n                    type=\"primary\"\n                    @click=\"handlePresetClick(item, $event)\"\n                >\n                    <div :class=\"itemCls\">\n                        <TypographyText :ellipsis=\"{ showTooltip: true }\" :class=\"ellipsisCls\">\n                            {{ getPresetText(item) }}\n                        </TypographyText>\n                    </div>\n                </Button>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { noop, isFunction } from 'lodash-es';\nimport classNames from 'classnames';\nimport Button from '../button/Button.vue';\nimport TypographyText from '../typography/Text.vue';\nimport { cssClasses, strings } from '@douyinfe/semi-foundation/datePicker/constants';\nimport type { QuickControlProps, PresetType, PresetsType } from './interface';\n\ndefineOptions({\n    name: 'DatePickerQuickControl',\n    inheritAttrs: false,\n});\n\nconst props = withDefaults(defineProps<QuickControlProps>(), {\n    presets: () => [] as PresetsType,\n    presetPosition: 'bottom',\n    onPresetClick: noop,\n    type: 'date',\n    insetInput: false,\n    locale: undefined,\n});\n\nconst prefixCls = cssClasses.PREFIX;\n\nconst isTypeRange = computed(() => props.type === 'dateRange' || props.type === 'dateTimeRange');\nconst isPanelTopAndBottom = computed(() => props.presetPosition === 'top' || props.presetPosition === 'bottom');\nconst isMonth = computed(() => props.type === 'month');\nconst isTopAndBottomRange = computed(() => isPanelTopAndBottom.value && isTypeRange.value);\nconst isTopAndBottomMonth = computed(() => isPanelTopAndBottom.value && isMonth.value);\n\nconst wrapperCls = computed(() =>\n    classNames(`${prefixCls}-quick-control`, {\n        [`${prefixCls}-quick-control-${props.type}`]: props.type,\n        [`${prefixCls}-quick-control-${props.presetPosition}`]: true,\n    })\n);\n\nconst headerCls = computed(() => classNames(`${prefixCls}-quick-control-header`));\n\nconst contentWrapperCls = computed(() =>\n    classNames(`${prefixCls}-quick-control-${props.presetPosition}-content-wrapper`)\n);\n\nconst contentCls = computed(() =>\n    classNames({\n        [`${prefixCls}-quick-control-${props.presetPosition}-content`]:\n            !isTopAndBottomRange.value && !isTopAndBottomMonth.value,\n        [`${prefixCls}-quick-control-${props.presetPosition}-range-content`]: isTopAndBottomRange.value,\n        [`${prefixCls}-quick-control-${props.presetPosition}-month-content`]: isTopAndBottomMonth.value,\n    })\n);\n\nconst itemCls = computed(() =>\n    classNames({\n        [`${prefixCls}-quick-control-${props.presetPosition}-content-item`]:\n            !isTopAndBottomRange.value && !isTopAndBottomMonth.value,\n        [`${prefixCls}-quick-control-${props.presetPosition}-range-content-item`]: isTopAndBottomRange.value,\n        [`${prefixCls}-quick-control-${props.presetPosition}-month-content-item`]: isTopAndBottomMonth.value,\n    })\n);\n\nconst ellipsisCls = computed(() =>\n    classNames({\n        [`${prefixCls}-quick-control-${props.presetPosition}-content-item-ellipsis`]:\n            !isTopAndBottomRange.value && !isTopAndBottomMonth.value,\n        [`${prefixCls}-quick-control-${props.presetPosition}-range-content-item-ellipsis`]: isTopAndBottomRange.value,\n        [`${prefixCls}-quick-control-${props.presetPosition}-month-content-item-ellipsis`]: isTopAndBottomMonth.value,\n    })\n);\n\nconst getPresetText = (item: PresetType | (() => PresetType)): string => {\n    const _item: PresetType = isFunction(item) ? item() : item;\n    return _item.text || '';\n};\n\nconst handlePresetClick = (item: PresetType | (() => PresetType), e: MouseEvent) => {\n    const _item: PresetType = isFunction(item) ? item() : item;\n    props.onPresetClick(_item, e);\n};\n</script>\n"],"names":["props","__props","prefixCls","cssClasses","isTypeRange","computed","isPanelTopAndBottom","isMonth","isTopAndBottomRange","isTopAndBottomMonth","wrapperCls","classNames","headerCls","contentWrapperCls","contentCls","itemCls","ellipsisCls","getPresetText","item","isFunction","handlePresetClick","e","_item","_createElementBlock","_a","_createElementVNode","_openBlock","_Fragment","index","_createBlock","Button","$event","_createVNode","TypographyText","_createTextVNode","_toDisplayString"],"mappings":"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"}