@koi-design/uxd-ui 13.2.8 → 14.0.1

package/lib/components/DatePicker/Panel/DateRangePanel.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var dayjs = require('dayjs');
-var index = require('../../Button/index.js');
 var RangePart = require('./RangePart.js');
 var utils = require('../utils.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
@@ -16,8 +15,7 @@ var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
 const _sfc_main = vue.defineComponent({
   name: "DateRangePanel",
   components: {
-    RangePart: RangePart["default"],
-    UButton: index.UButton
+    RangePart: RangePart["default"]
   },
   props: {
     prefixCls: {
@@ -84,7 +82,6 @@ const _sfc_main = vue.defineComponent({
   },
   setup(props, { emit }) {
     const { setOpened } = vue.inject("datePickerContext", {});
-    const showTimePicker = vue.ref(false);
     const showTime = vue.computed(() => {
       return props.mode === "dateTime";
     });
@@ -92,6 +89,7 @@ const _sfc_main = vue.defineComponent({
     const prevSelectDate = vue.ref([null, null]);
     const firstSelectedDate = vue.ref(null);
     const hoveredDate = vue.ref(null);
+    const selectedShortcut = vue.ref("");
     vue.watch(
       vue.computed(() => props.value),
       (val) => {
@@ -109,19 +107,21 @@ const _sfc_main = vue.defineComponent({
     vue.watch(
       vue.computed(() => props.open),
       (val) => {
+        selectedShortcut.value = "";
         if (!val) {
           if (firstSelectedDate.value) {
             selectedDate.value = prevSelectDate.value;
             firstSelectedDate.value = null;
           }
-        } else {
-          showTimePicker.value = false;
         }
       }
     );
     const timePickerDisabled = vue.computed(() => {
       return selectedDate.value.some((x) => !x);
     });
+    const showTimePicker = vue.computed(() => {
+      return props.mode === "dateTime";
+    });
     const okDisabled = vue.computed(() => {
       if (selectedDate.value.some((x) => !x)) {
         return true;
@@ -147,10 +147,7 @@ const _sfc_main = vue.defineComponent({
         } else if (props.mode === "week") {
           _end = _end.endOf(props.mode).add(1, "day");
         }
-        emit("select", [start.toDate(), _end.toDate()], !showTime.value && !props.showConfirm);
-        if (props.autoOpenTime) {
-          showTimePicker.value = true;
-        }
+        emit("select", [start.toDate(), _end.toDate()]);
       }
     };
     const onDateSelect = (value) => {
@@ -234,11 +231,6 @@ const _sfc_main = vue.defineComponent({
       }
       return false;
     };
-    const onToggleTime = () => {
-      if (selectedDate.value.every((x) => x)) {
-        showTimePicker.value = !showTimePicker.value;
-      }
-    };
     const onOk = () => {
       if (!okDisabled.value) {
         setOpened(false, true);
@@ -273,7 +265,7 @@ const _sfc_main = vue.defineComponent({
       hoveredDate,
       timePickerDisabled,
       okDisabled,
-      onToggleTime,
+      selectedShortcut,
       onSelect,
       onHoverDate,
       onOk,
@@ -294,7 +286,6 @@ const _sfc_main = vue.defineComponent({
 const _hoisted_1 = ["onClick"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_RangePart = vue.resolveComponent("RangePart");
-  const _component_UButton = vue.resolveComponent("UButton");
   return vue.openBlock(), vue.createElementBlock("div", {
     class: vue.normalizeClass([
       _ctx.prefixCls,
@@ -305,7 +296,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         [`${_ctx.prefixCls}-range-rtl`]: _ctx.direction === "rtl"
       }
     ]),
-    onMouseleave: _cache[9] || (_cache[9] = (...args) => _ctx.onPanelMouseLeave && _ctx.onPanelMouseLeave(...args))
+    onMouseleave: _cache[8] || (_cache[8] = (...args) => _ctx.onPanelMouseLeave && _ctx.onPanelMouseLeave(...args))
   }, [
     _ctx.shortcuts ? (vue.openBlock(), vue.createElementBlock("div", {
       key: 0,
@@ -317,7 +308,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           class: vue.normalizeClass(`${_ctx.prefixCls}-shortcut-item`),
           onClick: ($event) => _ctx.onShortcutClick(shortcut)
         }, vue.toDisplayString(shortcut.text), 11, _hoisted_1);
-      }), 128))
+      }), 128)),
+      vue.createCommentVNode(' <USelect\n        v-model="selectedShortcut"\n        :options="shortcuts.map((shortcut: any) => ({ label: shortcut.text, value: shortcut.text, func: shortcut.value }))"\n        :placeholder="locale.shortcutsPlaceholder"\n        @change="(value: any, option: any) => onShortcutClick({\n          value: option.func\n        })"\n      /> ')
     ], 2)) : vue.createCommentVNode("v-if", true),
     vue.createElementVNode("div", {
       class: vue.normalizeClass([`${_ctx.prefixCls}-range-panel`])
@@ -332,6 +324,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         open: _ctx.open,
         "has-time-picker": _ctx.showTime,
         "show-time-picker": _ctx.showTimePicker,
+        "disabled-time-picker": _ctx.timePickerDisabled,
         "disabled-date": _ctx.getDisabledDate,
         "disabled-time": _ctx.disabledTime,
         "time-options": _ctx.timeOptions,
@@ -341,7 +334,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         onSelect: _cache[2] || (_cache[2] = (date) => _ctx.onSelect(date)),
         onPanelChange: _cache[3] || (_cache[3] = (panel) => _ctx.onPanelChange(panel, "left")),
         onHoverDate: _ctx.onHoverDate
-      }, null, 8, ["prefix-cls", "mode", "locale", "selected-date", "hovered-date", "open", "has-time-picker", "show-time-picker", "disabled-date", "disabled-time", "time-options", "otherside-current-date", "onHoverDate"]),
+      }, null, 8, ["prefix-cls", "mode", "locale", "selected-date", "hovered-date", "open", "has-time-picker", "show-time-picker", "disabled-time-picker", "disabled-date", "disabled-time", "time-options", "otherside-current-date", "onHoverDate"]),
       vue.createVNode(_component_RangePart, {
         "prefix-cls": _ctx.prefixCls,
         direction: "right",
@@ -352,6 +345,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         open: _ctx.open,
         "has-time-picker": _ctx.showTime,
         "show-time-picker": _ctx.showTimePicker,
+        "disabled-time-picker": _ctx.timePickerDisabled,
         "disabled-date": _ctx.getDisabledDate,
         "disabled-time": _ctx.disabledTime,
         "time-options": _ctx.timeOptions,
@@ -361,54 +355,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         onSelect: _cache[6] || (_cache[6] = (date) => _ctx.onSelect(date)),
         onPanelChange: _cache[7] || (_cache[7] = (panel) => _ctx.onPanelChange(panel, "right")),
         onHoverDate: _ctx.onHoverDate
-      }, null, 8, ["prefix-cls", "mode", "locale", "selected-date", "hovered-date", "open", "has-time-picker", "show-time-picker", "disabled-date", "disabled-time", "time-options", "otherside-current-date", "onHoverDate"])
-    ], 2),
-    _ctx.showTime || _ctx.showConfirm ? (vue.openBlock(), vue.createElementBlock("div", {
-      key: 1,
-      class: vue.normalizeClass([`${_ctx.prefixCls}-footer`])
-    }, [
-      _ctx.showTime ? (vue.openBlock(), vue.createElementBlock("a", {
-        key: 0,
-        class: vue.normalizeClass([
-          `${_ctx.prefixCls}-time-picker-btn`,
-          {
-            [`${_ctx.prefixCls}-time-picker-btn-disabled`]: _ctx.timePickerDisabled
-          }
-        ]),
-        onClick: _cache[8] || (_cache[8] = (...args) => _ctx.onToggleTime && _ctx.onToggleTime(...args))
-      }, vue.toDisplayString(_ctx.showTimePicker ? _ctx.locale.selectDate : _ctx.locale.selectTime), 3)) : vue.createCommentVNode("v-if", true),
-      vue.createElementVNode("span", {
-        class: vue.normalizeClass([`${_ctx.prefixCls}-footer-center`])
-      }, null, 2),
-      _ctx.showTimeClear && (_ctx.showTime || _ctx.showConfirm) ? (vue.openBlock(), vue.createBlock(_component_UButton, {
-        key: 1,
-        size: "small",
-        class: vue.normalizeClass([`${_ctx.prefixCls}-clear-btn`]),
-        disabled: _ctx.okDisabled,
-        onClick: _ctx.onClear
-      }, {
-        default: vue.withCtx(() => [
-          vue.createTextVNode(vue.toDisplayString(_ctx.locale.clear), 1)
-        ]),
-        _: 1
-      }, 8, ["class", "disabled", "onClick"])) : vue.createCommentVNode("v-if", true),
-      _ctx.showTime || _ctx.showConfirm ? (vue.openBlock(), vue.createBlock(_component_UButton, {
-        key: 2,
-        size: "small",
-        type: "primary",
-        class: vue.normalizeClass([`${_ctx.prefixCls}-ok-btn`]),
-        disabled: _ctx.okDisabled,
-        onClick: _ctx.onOk
-      }, {
-        default: vue.withCtx(() => [
-          vue.createTextVNode(vue.toDisplayString(_ctx.locale.confirm), 1)
-        ]),
-        _: 1
-      }, 8, ["class", "disabled", "onClick"])) : vue.createCommentVNode("v-if", true)
-    ], 2)) : vue.createCommentVNode("v-if", true)
+      }, null, 8, ["prefix-cls", "mode", "locale", "selected-date", "hovered-date", "open", "has-time-picker", "show-time-picker", "disabled-time-picker", "disabled-date", "disabled-time", "time-options", "otherside-current-date", "onHoverDate"])
+    ], 2)
   ], 34);
 }
-var DateRangePanel = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "D:\\project\\UXD-FE\\uxd-ui\\src\\components\\DatePicker\\Panel\\DateRangePanel.vue"]]);
+var DateRangePanel = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "/Users/admin/Documents/uxd/uxd-ui/src/components/DatePicker/Panel/DateRangePanel.vue"]]);
 
 exports["default"] = DateRangePanel;
 //# sourceMappingURL=DateRangePanel.js.map

package/lib/components/DatePicker/Panel/DateRangePanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangePanel.js","sources":["../../../../../src/components/DatePicker/Panel/DateRangePanel.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      prefixCls,\n      `${prefixCls}-range`,\n      {\n        [`${prefixCls}-time`]: showTime,\n        [`${prefixCls}-shortcut`]: shortcuts,\n        [`${prefixCls}-range-rtl`]: direction === 'rtl'\n      }\n    ]\"\n    @mouseleave=\"onPanelMouseLeave\"\n  >\n    <div v-if=\"shortcuts\" :class=\"`${prefixCls}-shortcut-container`\">\n      <a v-for=\"(shortcut, index) in shortcuts\" :key=\"index\" :class=\"`${prefixCls}-shortcut-item`\" @click=\"onShortcutClick(shortcut)\">\n        {{ shortcut.text }}\n      </a>\n    </div>\n    <div :class=\"[`${prefixCls}-range-panel`]\">\n      <RangePart\n        :prefix-cls=\"prefixCls\"\n        direction=\"left\"\n        :mode=\"mode\"\n        :locale=\"locale\"\n        :selected-date=\"selectedDate\"\n        :hovered-date=\"hoveredDate\"\n        :open=\"open\"\n        :has-time-picker=\"showTime\"\n        :show-time-picker=\"showTimePicker\"\n        :disabled-date=\"getDisabledDate\"\n        :disabled-time=\"disabledTime\"\n        :time-options=\"timeOptions\"\n        :otherside-current-date=\"endCurrentDate\"\n        @current-change=\"(date) => onCurrentChange(date, 'left')\"\n        @time-change=\"(date) => onTimeChange(date, 'left')\"\n        @select=\"(date) => onSelect(date)\"\n        @panel-change=\"(panel) => onPanelChange(panel, 'left')\"\n        @hover-date=\"onHoverDate\"\n      />\n      <RangePart\n        :prefix-cls=\"prefixCls\"\n        direction=\"right\"\n        :mode=\"mode\"\n        :locale=\"locale\"\n        :selected-date=\"selectedDate\"\n        :hovered-date=\"hoveredDate\"\n        :open=\"open\"\n        :has-time-picker=\"showTime\"\n        :show-time-picker=\"showTimePicker\"\n        :disabled-date=\"getDisabledDate\"\n        :disabled-time=\"disabledTime\"\n        :time-options=\"timeOptions\"\n        :otherside-current-date=\"startCurrentDate\"\n        @current-change=\"(date) => onCurrentChange(date, 'right')\"\n        @time-change=\"(date) => onTimeChange(date, 'right')\"\n        @select=\"(date) => onSelect(date)\"\n        @panel-change=\"(panel) => onPanelChange(panel, 'right')\"\n        @hover-date=\"onHoverDate\"\n      />\n    </div>\n    <div v-if=\"showTime || showConfirm\" :class=\"[`${prefixCls}-footer`]\">\n      <a\n        v-if=\"showTime\"\n        :class=\"[\n          `${prefixCls}-time-picker-btn`,\n          {\n            [`${prefixCls}-time-picker-btn-disabled`]: timePickerDisabled\n          }\n        ]\"\n        @click=\"onToggleTime\"\n      >\n        {{ showTimePicker ? locale.selectDate : locale.selectTime }}\n      </a>\n      <span :class=\"[`${prefixCls}-footer-center`]\" />\n      <UButton\n        v-if=\"showTimeClear && (showTime || showConfirm)\"\n        size=\"small\"\n        :class=\"[`${prefixCls}-clear-btn`]\"\n        :disabled=\"okDisabled\"\n        @click=\"onClear\"\n      >\n        {{ locale.clear }}\n      </UButton>\n      <UButton v-if=\"showTime || showConfirm\" size=\"small\" type=\"primary\" :class=\"[`${prefixCls}-ok-btn`]\" :disabled=\"okDisabled\" @click=\"onOk\">\n        {{ locale.confirm }}\n      </UButton>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, computed, watch, inject } from 'vue';\nimport type { PropType } from 'vue';\nimport type { Dayjs } from 'dayjs';\nimport dayjs from 'dayjs';\nimport UButton from '@uxd-ui/components/Button';\nimport RangePart from './RangePart.vue';\nimport { isAllowedDateTime, syncTime } from '../utils';\nimport type {\n  DatePickerLimit,\n  DatePickerSingleValueType,\n  DatePickerSingleType,\n  DatePickerShortcut,\n  DatePickerContext,\n  DisabledTimeFunction\n} from '../DatePicker.type';\nimport type { DisabledDateFunction } from '../../Calendar/Calendar.type';\nimport type { DatePickerLocal } from '../../locale/default';\n\nexport default defineComponent({\n  name: 'DateRangePanel',\n  components: {\n    RangePart,\n    UButton\n  },\n  props: {\n    prefixCls: {\n      type: String\n    },\n    value: {\n      type: Array as PropType<DatePickerSingleValueType[]>\n    },\n    mode: {\n      type: String as PropType<DatePickerSingleType>,\n      default: 'date'\n    },\n    locale: {\n      type: Object as PropType<DatePickerLocal>,\n      required: true\n    },\n    open: {\n      type: Boolean,\n      default: false\n    },\n    showToday: {\n      type: Boolean,\n      default: true\n    },\n    timeOptions: {\n      type: Object as PropType<Record<string, any>>\n    },\n    disabledDate: {\n      type: Function as PropType<DisabledDateFunction>\n    },\n    disabledTime: {\n      type: Function as PropType<DisabledTimeFunction>\n    },\n    defaultTime: {\n      type: Array as PropType<string[]>\n    },\n    shortcuts: {\n      type: Array as PropType<DatePickerShortcut[]>\n    },\n    limitDuration: {\n      type: [Number, Object, Function] as PropType<DatePickerLimit>\n    },\n    showConfirm: {\n      type: Boolean,\n      default: true\n    },\n    autoOpenTime: {\n      type: Boolean,\n      dafault: false\n    },\n    showTimeClear: {\n      type: Boolean,\n      default: true\n    },\n    direction: {\n      type: String as PropType<'ltr' | 'rtl'>,\n      default: 'ltr'\n    }\n  },\n  emits: {\n    select: (v: (Date | null)[], close?: boolean) =>\n      Array.isArray(v) && v.length === 2 && v.every((x) => x === null || x instanceof Date) && typeof close === 'boolean',\n    close: () => true,\n    'panel-change': (p: string, side: string) => typeof p === 'string' && typeof side === 'string'\n  },\n  setup(props, { emit }) {\n    const { setOpened } = inject<DatePickerContext>('datePickerContext', {} as DatePickerContext);\n    const showTimePicker = ref(false);\n    const showTime = computed(() => {\n      return props.mode === 'dateTime';\n    });\n\n    const selectedDate = ref<(Dayjs | null)[]>([null, null]);\n\n    const prevSelectDate = ref<(Dayjs | null)[]>([null, null]);\n\n    const firstSelectedDate = ref<Dayjs | null>(null);\n\n    const hoveredDate = ref<Dayjs | null>(null);\n\n    watch(\n      computed(() => props.value),\n      (val) => {\n        if (val && Array.isArray(val) && val.every((x) => !!x)) {\n          const [start, end] = val;\n          prevSelectDate.value = [dayjs(start || undefined), dayjs(end || undefined)];\n          selectedDate.value = [dayjs(start || undefined), dayjs(end || undefined)];\n        } else {\n          prevSelectDate.value = [null, null];\n          selectedDate.value = [null, null];\n        }\n      },\n      { immediate: true }\n    );\n\n    watch(\n      computed(() => props.open),\n      (val) => {\n        if (!val) {\n          if (firstSelectedDate.value) {\n            selectedDate.value = prevSelectDate.value;\n            firstSelectedDate.value = null;\n          }\n        } else {\n          showTimePicker.value = false;\n        }\n      }\n    );\n\n    const timePickerDisabled = computed(() => {\n      return selectedDate.value.some((x) => !x);\n    });\n\n    const okDisabled = computed(() => {\n      if (selectedDate.value.some((x) => !x)) {\n        return true;\n      }\n      const [start, end] = selectedDate.value;\n\n      return (\n        !isAllowedDateTime(start as Dayjs, props.disabledDate, props.disabledTime, 'left') ||\n        !isAllowedDateTime(end as Dayjs, props.disabledDate, props.disabledTime, 'right')\n      );\n    });\n\n    const fireDateSelectedChange = (nextValue: (Dayjs | null)[]) => {\n      const [start, end] = nextValue;\n      if (start || !end) {\n        selectedDate.value = nextValue;\n        firstSelectedDate.value = start;\n      }\n\n      if (start && end) {\n        let _end = end;\n        if (start.isSame(end, 'day') && start.isAfter(end)) {\n          _end = syncTime(start, end);\n        }\n        firstSelectedDate.value = null;\n        hoveredDate.value = null;\n        if (props.mode === 'month' || props.mode === 'year' || props.mode === 'quarter') {\n          _end = _end.endOf(props.mode as any);\n        } else if (props.mode === 'week') {\n          _end = _end.endOf(props.mode as any).add(1, 'day');\n        }\n        emit('select', [start.toDate(), _end.toDate()], !showTime.value && !props.showConfirm);\n        if (props.autoOpenTime) {\n          showTimePicker.value = true;\n        }\n      }\n    };\n\n    const onDateSelect = (value: Dayjs) => {\n      let nextValue: (Dayjs | null)[];\n      if (!firstSelectedDate.value) {\n        const date = syncTime(prevSelectDate.value[0] as Dayjs, value);\n        nextValue = [date, null];\n      } else {\n        if (value.isAfter(firstSelectedDate.value, 'day')) {\n          const date = syncTime(prevSelectDate.value[1] as Dayjs, value);\n          nextValue = [firstSelectedDate.value, date];\n        } else {\n          const start = syncTime(prevSelectDate.value[0] as Dayjs, value);\n          const end = syncTime(prevSelectDate.value[1] as Dayjs, firstSelectedDate.value);\n          nextValue = [start, end];\n        }\n        if (props.defaultTime && Array.isArray(props.defaultTime)) {\n          let [start, end] = nextValue as Dayjs[];\n          const defaultTime = props.defaultTime.map((time) => {\n            const parseDate = dayjs(time, 'HH:mm:ss');\n\n            if (parseDate.isValid()) {\n              return parseDate;\n            }\n            return null;\n          });\n          if (defaultTime[0]) {\n            start = syncTime(defaultTime[0], start);\n          }\n          if (defaultTime[1]) {\n            end = syncTime(defaultTime[1], end);\n          } else if (defaultTime[0]) {\n            end = syncTime(defaultTime[0], end);\n          }\n          nextValue = [start, end];\n        }\n      }\n      fireDateSelectedChange(nextValue);\n    };\n\n    const onHoverDate = (date: Dayjs, type: string) => {\n      if (type === 'date' && (props.mode === 'date' || props.mode === 'dateTime' || props.mode === 'week')) {\n        hoveredDate.value = date;\n      }\n      if (type === 'month' && props.mode === 'month') {\n        hoveredDate.value = date;\n      }\n\n      if (type === 'quarter' && props.mode === 'quarter') {\n        hoveredDate.value = date;\n      }\n\n      if (type === 'year' && props.mode === 'year') {\n        hoveredDate.value = date;\n      }\n    };\n\n    const onTimeChange = (date: Dayjs, direcion: string) => {\n      const [start, end] = selectedDate.value as Dayjs[];\n      let nextDate: Dayjs[] = [start, end];\n      if (direcion === 'left') {\n        nextDate = [syncTime(date, start), end];\n      } else {\n        nextDate = [start, syncTime(date, end)];\n      }\n      fireDateSelectedChange(nextDate);\n    };\n\n    // const fireOtherSelectedChange = (nextValue: Dayjs[]) => {\n    //   const [start, end] = nextValue;\n    //   emit('select', [start.toDate(), end.toDate()], false);\n    // };\n\n    // const onOtherSelect = (value: Dayjs, direction: string) => {\n    //   let nextValue;\n    //   const [start, end] = selectedDate.value;\n    //   if (direction === 'left') {\n    //     if (end && !value.isAfter(end)) {\n    //       nextValue = [value, end];\n    //     } else {\n    //       nextValue = [value, value];\n    //     }\n    //   } else if (start) {\n    //     nextValue = [start, value];\n    //   } else {\n    //     nextValue = [value, value];\n    //   }\n    //   fireOtherSelectedChange(nextValue);\n    // };\n\n    const onSelect = (value: Dayjs) => {\n      // if (props.mode === 'date' || props.mode === 'dateTime' || props.mode === 'week') {\n      //   onDateSelect(value);\n      // } else {\n      //   onOtherSelect(value, direction);\n      // }\n      onDateSelect(value);\n    };\n\n    const getDisabledDate = (date: Date) => {\n      if (props.disabledDate && props.disabledDate(date)) {\n        return true;\n      }\n      if (props.limitDuration && firstSelectedDate.value) {\n        const parseDate = dayjs(date);\n\n        if (typeof props.limitDuration === 'function') {\n          return !props.limitDuration(firstSelectedDate.value.toDate(), parseDate.toDate());\n        }\n        const unit = typeof props.limitDuration === 'object' && props.limitDuration.unit ? props.limitDuration.unit : 'day';\n        const duration = typeof props.limitDuration === 'number' ? props.limitDuration : props.limitDuration.duration || 0;\n\n        if (duration) {\n          return parseDate > firstSelectedDate.value.add(duration, unit) || parseDate < firstSelectedDate.value.add(-duration, unit);\n        }\n\n        return false;\n      }\n      return false;\n    };\n\n    // =========== footer ================\n    // #region\n\n    const onToggleTime = () => {\n      if (selectedDate.value.every((x) => x)) {\n        showTimePicker.value = !showTimePicker.value;\n      }\n    };\n\n    const onOk = () => {\n      if (!okDisabled.value) {\n        setOpened(false, true);\n      }\n    };\n    const onClear = () => {\n      emit('select', [null, null], false);\n    };\n\n    // #endregion\n\n    // =========== control start & end panel disabled ====================\n    // #region\n    const startCurrentDate = ref<Dayjs>();\n    const endCurrentDate = ref<Dayjs>();\n    const onCurrentChange = (date: Dayjs, direction: string) => {\n      if (direction === 'left') {\n        startCurrentDate.value = date;\n      } else {\n        endCurrentDate.value = date;\n      }\n    };\n    // #endregion\n\n    const onShortcutClick = (shortcut: DatePickerShortcut) => {\n      if (typeof shortcut.value === 'function') {\n        const values = shortcut.value();\n        const [start, end] = values as Dayjs[];\n        fireDateSelectedChange([dayjs(start), dayjs(end)]);\n      }\n    };\n\n    const onPanelChange = (pane: string, side: string) => {\n      emit('panel-change', pane, side);\n    };\n\n    return {\n      showTimePicker,\n      showTime,\n      selectedDate,\n      hoveredDate,\n      timePickerDisabled,\n      okDisabled,\n      onToggleTime,\n      onSelect,\n      onHoverDate,\n      onOk,\n      onClear,\n      startCurrentDate,\n      endCurrentDate,\n      getDisabledDate,\n      onCurrentChange,\n      onTimeChange,\n      onShortcutClick,\n      onPanelChange,\n      onPanelMouseLeave: () => {\n        hoveredDate.value = null;\n      }\n    };\n  }\n});\n</script>\n"],"names":["defineComponent","RangePart","UButton","inject","ref","computed","dayjs","isAllowedDateTime","syncTime","_createElementBlock","_normalizeClass","_Fragment","_createElementVNode","_createVNode","_createBlock"],"mappings":"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"}
+{"version":3,"file":"DateRangePanel.js","sources":["../../../../../src/components/DatePicker/Panel/DateRangePanel.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      prefixCls,\n      `${prefixCls}-range`,\n      {\n        [`${prefixCls}-time`]: showTime,\n        [`${prefixCls}-shortcut`]: shortcuts,\n        [`${prefixCls}-range-rtl`]: direction === 'rtl'\n      }\n    ]\"\n    @mouseleave=\"onPanelMouseLeave\"\n  >\n    <div v-if=\"shortcuts\" :class=\"`${prefixCls}-shortcut-container`\">\n      <a v-for=\"(shortcut, index) in shortcuts\" :key=\"index\" :class=\"`${prefixCls}-shortcut-item`\" @click=\"onShortcutClick(shortcut)\">\n        {{ shortcut.text }}\n      </a>\n      <!-- <USelect\n        v-model=\"selectedShortcut\"\n        :options=\"shortcuts.map((shortcut: any) => ({ label: shortcut.text, value: shortcut.text, func: shortcut.value }))\"\n        :placeholder=\"locale.shortcutsPlaceholder\"\n        @change=\"(value: any, option: any) => onShortcutClick({\n          value: option.func\n        })\"\n      /> -->\n    </div>\n    <div :class=\"[`${prefixCls}-range-panel`]\">\n      <RangePart\n        :prefix-cls=\"prefixCls\"\n        direction=\"left\"\n        :mode=\"mode\"\n        :locale=\"locale\"\n        :selected-date=\"selectedDate\"\n        :hovered-date=\"hoveredDate\"\n        :open=\"open\"\n        :has-time-picker=\"showTime\"\n        :show-time-picker=\"showTimePicker\"\n        :disabled-time-picker=\"timePickerDisabled\"\n        :disabled-date=\"getDisabledDate\"\n        :disabled-time=\"disabledTime\"\n        :time-options=\"timeOptions\"\n        :otherside-current-date=\"endCurrentDate\"\n        @current-change=\"(date: Dayjs) => onCurrentChange(date, 'left')\"\n        @time-change=\"(date: Dayjs) => onTimeChange(date, 'left')\"\n        @select=\"(date: Dayjs) => onSelect(date)\"\n        @panel-change=\"(panel: string) => onPanelChange(panel, 'left')\"\n        @hover-date=\"onHoverDate\"\n      />\n      <RangePart\n        :prefix-cls=\"prefixCls\"\n        direction=\"right\"\n        :mode=\"mode\"\n        :locale=\"locale\"\n        :selected-date=\"selectedDate\"\n        :hovered-date=\"hoveredDate\"\n        :open=\"open\"\n        :has-time-picker=\"showTime\"\n        :show-time-picker=\"showTimePicker\"\n        :disabled-time-picker=\"timePickerDisabled\"\n        :disabled-date=\"getDisabledDate\"\n        :disabled-time=\"disabledTime\"\n        :time-options=\"timeOptions\"\n        :otherside-current-date=\"startCurrentDate\"\n        @current-change=\"(date: Dayjs) => onCurrentChange(date, 'right')\"\n        @time-change=\"(date: Dayjs) => onTimeChange(date, 'right')\"\n        @select=\"(date: Dayjs) => onSelect(date)\"\n        @panel-change=\"(panel: string) => onPanelChange(panel, 'right')\"\n        @hover-date=\"onHoverDate\"\n      />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, computed, watch, inject } from 'vue';\nimport type { PropType } from 'vue';\nimport type { Dayjs } from 'dayjs';\nimport dayjs from 'dayjs';\nimport RangePart from './RangePart.vue';\nimport { isAllowedDateTime, syncTime } from '../utils';\nimport type {\n  DatePickerLimit,\n  DatePickerSingleValueType,\n  DatePickerSingleType,\n  DatePickerShortcut,\n  DatePickerContext,\n  DisabledTimeFunction\n} from '../DatePicker.type';\nimport type { DisabledDateFunction } from '../../Calendar/Calendar.type';\nimport type { DatePickerLocal } from '../../locale/default';\n\nexport default defineComponent({\n  name: 'DateRangePanel',\n  components: {\n    RangePart\n  },\n  props: {\n    prefixCls: {\n      type: String\n    },\n    value: {\n      type: Array as PropType<DatePickerSingleValueType[]>\n    },\n    mode: {\n      type: String as PropType<DatePickerSingleType>,\n      default: 'date'\n    },\n    locale: {\n      type: Object as PropType<DatePickerLocal>,\n      required: true\n    },\n    open: {\n      type: Boolean,\n      default: false\n    },\n    showToday: {\n      type: Boolean,\n      default: true\n    },\n    timeOptions: {\n      type: Object as PropType<Record<string, any>>\n    },\n    disabledDate: {\n      type: Function as PropType<DisabledDateFunction>\n    },\n    disabledTime: {\n      type: Function as PropType<DisabledTimeFunction>\n    },\n    defaultTime: {\n      type: Array as PropType<string[]>\n    },\n    shortcuts: {\n      type: Array as PropType<DatePickerShortcut[]>\n    },\n    limitDuration: {\n      type: [Number, Object, Function] as PropType<DatePickerLimit>\n    },\n    showConfirm: {\n      type: Boolean,\n      default: true\n    },\n    autoOpenTime: {\n      type: Boolean,\n      dafault: false\n    },\n    showTimeClear: {\n      type: Boolean,\n      default: true\n    },\n    direction: {\n      type: String as PropType<'ltr' | 'rtl'>,\n      default: 'ltr'\n    }\n  },\n  emits: {\n    select: (v: (Date | null)[], close?: boolean) =>\n      Array.isArray(v) && v.length === 2 && v.every((x) => x === null || x instanceof Date) && typeof close === 'boolean',\n    close: () => true,\n    'panel-change': (p: string, side: string) => typeof p === 'string' && typeof side === 'string'\n  },\n  setup(props, { emit }) {\n    const { setOpened } = inject<DatePickerContext>('datePickerContext', {} as DatePickerContext);\n    // const showTimePicker = ref(false);\n    const showTime = computed(() => {\n      return props.mode === 'dateTime';\n    });\n\n    const selectedDate = ref<(Dayjs | null)[]>([null, null]);\n\n    const prevSelectDate = ref<(Dayjs | null)[]>([null, null]);\n\n    const firstSelectedDate = ref<Dayjs | null>(null);\n\n    const hoveredDate = ref<Dayjs | null>(null);\n\n    const selectedShortcut = ref<string>('');\n\n    watch(\n      computed(() => props.value),\n      (val) => {\n        if (val && Array.isArray(val) && val.every((x) => !!x)) {\n          const [start, end] = val;\n          prevSelectDate.value = [dayjs(start || undefined), dayjs(end || undefined)];\n          selectedDate.value = [dayjs(start || undefined), dayjs(end || undefined)];\n        } else {\n          prevSelectDate.value = [null, null];\n          selectedDate.value = [null, null];\n        }\n      },\n      { immediate: true }\n    );\n\n    watch(\n      computed(() => props.open),\n      (val) => {\n        selectedShortcut.value = '';\n        if (!val) {\n          if (firstSelectedDate.value) {\n            selectedDate.value = prevSelectDate.value;\n            firstSelectedDate.value = null;\n          }\n        }\n      }\n    );\n\n    const timePickerDisabled = computed(() => {\n      return selectedDate.value.some((x) => !x);\n    });\n\n    const showTimePicker = computed(() => {\n      return props.mode === 'dateTime';\n    });\n\n    const okDisabled = computed(() => {\n      if (selectedDate.value.some((x) => !x)) {\n        return true;\n      }\n      const [start, end] = selectedDate.value;\n\n      return (\n        !isAllowedDateTime(start as Dayjs, props.disabledDate, props.disabledTime, 'left') ||\n        !isAllowedDateTime(end as Dayjs, props.disabledDate, props.disabledTime, 'right')\n      );\n    });\n\n    const fireDateSelectedChange = (nextValue: (Dayjs | null)[]) => {\n      const [start, end] = nextValue;\n      if (start || !end) {\n        selectedDate.value = nextValue;\n        firstSelectedDate.value = start;\n      }\n\n      if (start && end) {\n        let _end = end;\n        if (start.isSame(end, 'day') && start.isAfter(end)) {\n          _end = syncTime(start, end);\n        }\n        firstSelectedDate.value = null;\n        hoveredDate.value = null;\n        if (props.mode === 'month' || props.mode === 'year' || props.mode === 'quarter') {\n          _end = _end.endOf(props.mode as any);\n        } else if (props.mode === 'week') {\n          _end = _end.endOf(props.mode as any).add(1, 'day');\n        }\n        emit('select', [start.toDate(), _end.toDate()]);\n      }\n    };\n\n    const onDateSelect = (value: Dayjs) => {\n      let nextValue: (Dayjs | null)[];\n      if (!firstSelectedDate.value) {\n        const date = syncTime(prevSelectDate.value[0] as Dayjs, value);\n        nextValue = [date, null];\n      } else {\n        if (value.isAfter(firstSelectedDate.value, 'day')) {\n          const date = syncTime(prevSelectDate.value[1] as Dayjs, value);\n          nextValue = [firstSelectedDate.value, date];\n        } else {\n          const start = syncTime(prevSelectDate.value[0] as Dayjs, value);\n          const end = syncTime(prevSelectDate.value[1] as Dayjs, firstSelectedDate.value);\n          nextValue = [start, end];\n        }\n        if (props.defaultTime && Array.isArray(props.defaultTime)) {\n          let [start, end] = nextValue as Dayjs[];\n          const defaultTime = props.defaultTime.map((time) => {\n            const parseDate = dayjs(time, 'HH:mm:ss');\n\n            if (parseDate.isValid()) {\n              return parseDate;\n            }\n            return null;\n          });\n          if (defaultTime[0]) {\n            start = syncTime(defaultTime[0], start);\n          }\n          if (defaultTime[1]) {\n            end = syncTime(defaultTime[1], end);\n          } else if (defaultTime[0]) {\n            end = syncTime(defaultTime[0], end);\n          }\n          nextValue = [start, end];\n        }\n      }\n      fireDateSelectedChange(nextValue);\n    };\n\n    const onHoverDate = (date: Dayjs, type: string) => {\n      if (type === 'date' && (props.mode === 'date' || props.mode === 'dateTime' || props.mode === 'week')) {\n        hoveredDate.value = date;\n      }\n      if (type === 'month' && props.mode === 'month') {\n        hoveredDate.value = date;\n      }\n\n      if (type === 'quarter' && props.mode === 'quarter') {\n        hoveredDate.value = date;\n      }\n\n      if (type === 'year' && props.mode === 'year') {\n        hoveredDate.value = date;\n      }\n    };\n\n    const onTimeChange = (date: Dayjs, direcion: string) => {\n      const [start, end] = selectedDate.value as Dayjs[];\n      let nextDate: Dayjs[] = [start, end];\n      if (direcion === 'left') {\n        nextDate = [syncTime(date, start), end];\n      } else {\n        nextDate = [start, syncTime(date, end)];\n      }\n      fireDateSelectedChange(nextDate);\n    };\n\n    // const fireOtherSelectedChange = (nextValue: Dayjs[]) => {\n    //   const [start, end] = nextValue;\n    //   emit('select', [start.toDate(), end.toDate()], false);\n    // };\n\n    // const onOtherSelect = (value: Dayjs, direction: string) => {\n    //   let nextValue;\n    //   const [start, end] = selectedDate.value;\n    //   if (direction === 'left') {\n    //     if (end && !value.isAfter(end)) {\n    //       nextValue = [value, end];\n    //     } else {\n    //       nextValue = [value, value];\n    //     }\n    //   } else if (start) {\n    //     nextValue = [start, value];\n    //   } else {\n    //     nextValue = [value, value];\n    //   }\n    //   fireOtherSelectedChange(nextValue);\n    // };\n\n    const onSelect = (value: Dayjs) => {\n      // if (props.mode === 'date' || props.mode === 'dateTime' || props.mode === 'week') {\n      //   onDateSelect(value);\n      // } else {\n      //   onOtherSelect(value, direction);\n      // }\n      onDateSelect(value);\n    };\n\n    const getDisabledDate = (date: Date) => {\n      if (props.disabledDate && props.disabledDate(date)) {\n        return true;\n      }\n      if (props.limitDuration && firstSelectedDate.value) {\n        const parseDate = dayjs(date);\n\n        if (typeof props.limitDuration === 'function') {\n          return !props.limitDuration(firstSelectedDate.value.toDate(), parseDate.toDate());\n        }\n        const unit = typeof props.limitDuration === 'object' && props.limitDuration.unit ? props.limitDuration.unit : 'day';\n        const duration = typeof props.limitDuration === 'number' ? props.limitDuration : props.limitDuration.duration || 0;\n\n        if (duration) {\n          return parseDate > firstSelectedDate.value.add(duration, unit) || parseDate < firstSelectedDate.value.add(-duration, unit);\n        }\n\n        return false;\n      }\n      return false;\n    };\n\n    // =========== footer ================\n    // #region\n\n    // const onToggleTime = () => {\n    //   if (selectedDate.value.every((x) => x)) {\n    //     showTimePicker.value = !showTimePicker.value;\n    //   }\n    // };\n\n    const onOk = () => {\n      if (!okDisabled.value) {\n        setOpened(false, true);\n      }\n    };\n    const onClear = () => {\n      emit('select', [null, null], false);\n    };\n\n    // #endregion\n\n    // =========== control start & end panel disabled ====================\n    // #region\n    const startCurrentDate = ref<Dayjs>();\n    const endCurrentDate = ref<Dayjs>();\n    const onCurrentChange = (date: Dayjs, direction: string) => {\n      if (direction === 'left') {\n        startCurrentDate.value = date;\n      } else {\n        endCurrentDate.value = date;\n      }\n    };\n    // #endregion\n\n    const onShortcutClick = (shortcut: DatePickerShortcut) => {\n      if (typeof shortcut.value === 'function') {\n        const values = shortcut.value();\n        const [start, end] = values as Dayjs[];\n        fireDateSelectedChange([dayjs(start), dayjs(end)]);\n      }\n    };\n\n    const onPanelChange = (pane: string, side: string) => {\n      emit('panel-change', pane, side);\n    };\n\n    return {\n      showTimePicker,\n      showTime,\n      selectedDate,\n      hoveredDate,\n      timePickerDisabled,\n      okDisabled,\n      selectedShortcut,\n      // onToggleTime,\n      onSelect,\n      onHoverDate,\n      onOk,\n      onClear,\n      startCurrentDate,\n      endCurrentDate,\n      getDisabledDate,\n      onCurrentChange,\n      onTimeChange,\n      onShortcutClick,\n      onPanelChange,\n      onPanelMouseLeave: () => {\n        hoveredDate.value = null;\n      }\n    };\n  }\n});\n</script>\n"],"names":["defineComponent","RangePart","inject","computed","ref","dayjs","isAllowedDateTime","syncTime","_createElementBlock","_normalizeClass","_Fragment","_createCommentVNode","_createElementVNode","_createVNode"],"mappings":"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"}