@element-plus/nightly 0.0.20211230

package/es/components/time-picker/src/time-picker-com/panel-time-range.vue_vue_type_script_lang.mjs

@@ -0,0 +1,244 @@
+import { defineComponent, computed, ref, inject } from 'vue';
+import dayjs from 'dayjs';
+import union from 'lodash/union';
+import '../../../../hooks/index.mjs';
+import { EVENT_CODE } from '../../../../utils/aria.mjs';
+import './basic-time-spinner.mjs';
+import { useOldValue, getAvailableArrs } from './useTimePicker.mjs';
+import script$1 from './basic-time-spinner.vue_vue_type_script_lang.mjs';
+import { useLocale } from '../../../../hooks/use-locale/index.mjs';
+
+const makeSelectRange = (start, end) => {
+  const result = [];
+  for (let i = start; i <= end; i++) {
+    result.push(i);
+  }
+  return result;
+};
+var script = defineComponent({
+  components: { TimeSpinner: script$1 },
+  props: {
+    visible: Boolean,
+    actualVisible: Boolean,
+    parsedValue: {
+      type: [Array]
+    },
+    format: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["pick", "select-range", "set-picker-option"],
+  setup(props, ctx) {
+    const { t, lang } = useLocale();
+    const minDate = computed(() => props.parsedValue[0]);
+    const maxDate = computed(() => props.parsedValue[1]);
+    const oldValue = useOldValue(props);
+    const handleCancel = () => {
+      ctx.emit("pick", oldValue.value, null);
+    };
+    const showSeconds = computed(() => {
+      return props.format.includes("ss");
+    });
+    const amPmMode = computed(() => {
+      if (props.format.includes("A"))
+        return "A";
+      if (props.format.includes("a"))
+        return "a";
+      return "";
+    });
+    const minSelectableRange = ref([]);
+    const maxSelectableRange = ref([]);
+    const handleConfirm = (visible = false) => {
+      ctx.emit("pick", [minDate.value, maxDate.value], visible);
+    };
+    const handleMinChange = (date) => {
+      handleChange(date.millisecond(0), maxDate.value);
+    };
+    const handleMaxChange = (date) => {
+      handleChange(minDate.value, date.millisecond(0));
+    };
+    const isValidValue = (_date) => {
+      const parsedDate = _date.map((_) => dayjs(_).locale(lang.value));
+      const result = getRangeAvailableTime(parsedDate);
+      return parsedDate[0].isSame(result[0]) && parsedDate[1].isSame(result[1]);
+    };
+    const handleChange = (_minDate, _maxDate) => {
+      ctx.emit("pick", [_minDate, _maxDate], true);
+    };
+    const btnConfirmDisabled = computed(() => {
+      return minDate.value > maxDate.value;
+    });
+    const selectionRange = ref([0, 2]);
+    const setMinSelectionRange = (start, end) => {
+      ctx.emit("select-range", start, end, "min");
+      selectionRange.value = [start, end];
+    };
+    const offset = computed(() => showSeconds.value ? 11 : 8);
+    const setMaxSelectionRange = (start, end) => {
+      ctx.emit("select-range", start, end, "max");
+      selectionRange.value = [start + offset.value, end + offset.value];
+    };
+    const changeSelectionRange = (step) => {
+      const list = showSeconds.value ? [0, 3, 6, 11, 14, 17] : [0, 3, 8, 11];
+      const mapping = ["hours", "minutes"].concat(showSeconds.value ? ["seconds"] : []);
+      const index = list.indexOf(selectionRange.value[0]);
+      const next = (index + step + list.length) % list.length;
+      const half = list.length / 2;
+      if (next < half) {
+        timePickerOptions["start_emitSelectRange"](mapping[next]);
+      } else {
+        timePickerOptions["end_emitSelectRange"](mapping[next - half]);
+      }
+    };
+    const handleKeydown = (event) => {
+      const code = event.code;
+      if (code === EVENT_CODE.left || code === EVENT_CODE.right) {
+        const step = code === EVENT_CODE.left ? -1 : 1;
+        changeSelectionRange(step);
+        event.preventDefault();
+        return;
+      }
+      if (code === EVENT_CODE.up || code === EVENT_CODE.down) {
+        const step = code === EVENT_CODE.up ? -1 : 1;
+        const role = selectionRange.value[0] < offset.value ? "start" : "end";
+        timePickerOptions[`${role}_scrollDown`](step);
+        event.preventDefault();
+        return;
+      }
+    };
+    const disabledHours_ = (role, compare) => {
+      const defaultDisable = disabledHours ? disabledHours(role) : [];
+      const isStart = role === "start";
+      const compareDate = compare || (isStart ? maxDate.value : minDate.value);
+      const compareHour = compareDate.hour();
+      const nextDisable = isStart ? makeSelectRange(compareHour + 1, 23) : makeSelectRange(0, compareHour - 1);
+      return union(defaultDisable, nextDisable);
+    };
+    const disabledMinutes_ = (hour, role, compare) => {
+      const defaultDisable = disabledMinutes ? disabledMinutes(hour, role) : [];
+      const isStart = role === "start";
+      const compareDate = compare || (isStart ? maxDate.value : minDate.value);
+      const compareHour = compareDate.hour();
+      if (hour !== compareHour) {
+        return defaultDisable;
+      }
+      const compareMinute = compareDate.minute();
+      const nextDisable = isStart ? makeSelectRange(compareMinute + 1, 59) : makeSelectRange(0, compareMinute - 1);
+      return union(defaultDisable, nextDisable);
+    };
+    const disabledSeconds_ = (hour, minute, role, compare) => {
+      const defaultDisable = disabledSeconds ? disabledSeconds(hour, minute, role) : [];
+      const isStart = role === "start";
+      const compareDate = compare || (isStart ? maxDate.value : minDate.value);
+      const compareHour = compareDate.hour();
+      const compareMinute = compareDate.minute();
+      if (hour !== compareHour || minute !== compareMinute) {
+        return defaultDisable;
+      }
+      const compareSecond = compareDate.second();
+      const nextDisable = isStart ? makeSelectRange(compareSecond + 1, 59) : makeSelectRange(0, compareSecond - 1);
+      return union(defaultDisable, nextDisable);
+    };
+    const getRangeAvailableTime = (dates) => {
+      return dates.map((_, index) => getRangeAvailableTimeEach(dates[0], dates[1], index === 0 ? "start" : "end"));
+    };
+    const { getAvailableHours, getAvailableMinutes, getAvailableSeconds } = getAvailableArrs(disabledHours_, disabledMinutes_, disabledSeconds_);
+    const getRangeAvailableTimeEach = (startDate, endDate, role) => {
+      const availableMap = {
+        hour: getAvailableHours,
+        minute: getAvailableMinutes,
+        second: getAvailableSeconds
+      };
+      const isStart = role === "start";
+      let result = isStart ? startDate : endDate;
+      const compareDate = isStart ? endDate : startDate;
+      ["hour", "minute", "second"].forEach((_) => {
+        if (availableMap[_]) {
+          let availableArr;
+          const method = availableMap[_];
+          if (_ === "minute") {
+            availableArr = method(result.hour(), role, compareDate);
+          } else if (_ === "second") {
+            availableArr = method(result.hour(), result.minute(), role, compareDate);
+          } else {
+            availableArr = method(role, compareDate);
+          }
+          if (availableArr && availableArr.length && !availableArr.includes(result[_]())) {
+            const pos = isStart ? 0 : availableArr.length - 1;
+            result = result[_](availableArr[pos]);
+          }
+        }
+      });
+      return result;
+    };
+    const parseUserInput = (value) => {
+      if (!value)
+        return null;
+      if (Array.isArray(value)) {
+        return value.map((_) => dayjs(_, props.format).locale(lang.value));
+      }
+      return dayjs(value, props.format).locale(lang.value);
+    };
+    const formatToString = (value) => {
+      if (!value)
+        return null;
+      if (Array.isArray(value)) {
+        return value.map((_) => _.format(props.format));
+      }
+      return value.format(props.format);
+    };
+    const getDefaultValue = () => {
+      if (Array.isArray(defaultValue)) {
+        return defaultValue.map((_) => dayjs(_).locale(lang.value));
+      }
+      const defaultDay = dayjs(defaultValue).locale(lang.value);
+      return [defaultDay, defaultDay.add(60, "m")];
+    };
+    ctx.emit("set-picker-option", ["formatToString", formatToString]);
+    ctx.emit("set-picker-option", ["parseUserInput", parseUserInput]);
+    ctx.emit("set-picker-option", ["isValidValue", isValidValue]);
+    ctx.emit("set-picker-option", ["handleKeydown", handleKeydown]);
+    ctx.emit("set-picker-option", ["getDefaultValue", getDefaultValue]);
+    ctx.emit("set-picker-option", [
+      "getRangeAvailableTime",
+      getRangeAvailableTime
+    ]);
+    const timePickerOptions = {};
+    const onSetOption = (e) => {
+      timePickerOptions[e[0]] = e[1];
+    };
+    const pickerBase = inject("EP_PICKER_BASE");
+    const {
+      arrowControl,
+      disabledHours,
+      disabledMinutes,
+      disabledSeconds,
+      defaultValue
+    } = pickerBase.props;
+    return {
+      arrowControl,
+      onSetOption,
+      setMaxSelectionRange,
+      setMinSelectionRange,
+      btnConfirmDisabled,
+      handleCancel,
+      handleConfirm,
+      t,
+      showSeconds,
+      minDate,
+      maxDate,
+      amPmMode,
+      handleMinChange,
+      handleMaxChange,
+      minSelectableRange,
+      maxSelectableRange,
+      disabledHours_,
+      disabledMinutes_,
+      disabledSeconds_
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=panel-time-range.vue_vue_type_script_lang.mjs.map

package/es/components/time-picker/src/time-picker-com/panel-time-range.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-time-range.vue_vue_type_script_lang.mjs","sources":["../../../../../../../packages/components/time-picker/src/time-picker-com/panel-time-range.vue"],"sourcesContent":["<template>\n  <div v-if=\"actualVisible\" class=\"el-time-range-picker el-picker-panel\">\n    <div class=\"el-time-range-picker__content\">\n      <div class=\"el-time-range-picker__cell\">\n        <div class=\"el-time-range-picker__header\">\n          {{ t('el.datepicker.startTime') }}\n        </div>\n        <div\n          :class=\"{ 'has-seconds': showSeconds, 'is-arrow': arrowControl }\"\n          class=\"el-time-range-picker__body el-time-panel__content\"\n        >\n          <time-spinner\n            ref=\"minSpinner\"\n            role=\"start\"\n            :show-seconds=\"showSeconds\"\n            :am-pm-mode=\"amPmMode\"\n            :arrow-control=\"arrowControl\"\n            :spinner-date=\"minDate\"\n            :disabled-hours=\"disabledHours_\"\n            :disabled-minutes=\"disabledMinutes_\"\n            :disabled-seconds=\"disabledSeconds_\"\n            @change=\"handleMinChange\"\n            @set-option=\"onSetOption\"\n            @select-range=\"setMinSelectionRange\"\n          />\n        </div>\n      </div>\n      <div class=\"el-time-range-picker__cell\">\n        <div class=\"el-time-range-picker__header\">\n          {{ t('el.datepicker.endTime') }}\n        </div>\n        <div\n          :class=\"{ 'has-seconds': showSeconds, 'is-arrow': arrowControl }\"\n          class=\"el-time-range-picker__body el-time-panel__content\"\n        >\n          <time-spinner\n            ref=\"maxSpinner\"\n            role=\"end\"\n            :show-seconds=\"showSeconds\"\n            :am-pm-mode=\"amPmMode\"\n            :arrow-control=\"arrowControl\"\n            :spinner-date=\"maxDate\"\n            :disabled-hours=\"disabledHours_\"\n            :disabled-minutes=\"disabledMinutes_\"\n            :disabled-seconds=\"disabledSeconds_\"\n            @change=\"handleMaxChange\"\n            @set-option=\"onSetOption\"\n            @select-range=\"setMaxSelectionRange\"\n          />\n        </div>\n      </div>\n    </div>\n    <div class=\"el-time-panel__footer\">\n      <button\n        type=\"button\"\n        class=\"el-time-panel__btn cancel\"\n        @click=\"handleCancel()\"\n      >\n        {{ t('el.datepicker.cancel') }}\n      </button>\n      <button\n        type=\"button\"\n        class=\"el-time-panel__btn confirm\"\n        :disabled=\"btnConfirmDisabled\"\n        @click=\"handleConfirm()\"\n      >\n        {{ t('el.datepicker.confirm') }}\n      </button>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, computed, inject } from 'vue'\nimport dayjs from 'dayjs'\nimport union from 'lodash/union'\nimport { useLocale } from '@element-plus/hooks'\nimport { EVENT_CODE } from '@element-plus/utils/aria'\nimport TimeSpinner from './basic-time-spinner.vue'\nimport { getAvailableArrs, useOldValue } from './useTimePicker'\n\nimport type { PropType } from 'vue'\nimport type { Dayjs } from 'dayjs'\n\nconst makeSelectRange = (start: number, end: number) => {\n  const result = []\n  for (let i = start; i <= end; i++) {\n    result.push(i)\n  }\n  return result\n}\nexport default defineComponent({\n  components: { TimeSpinner },\n\n  props: {\n    visible: Boolean,\n    actualVisible: Boolean,\n    parsedValue: {\n      type: [Array] as PropType<Array<Dayjs>>,\n    },\n    format: {\n      type: String,\n      default: '',\n    },\n  },\n\n  emits: ['pick', 'select-range', 'set-picker-option'],\n\n  setup(props, ctx) {\n    const { t, lang } = useLocale()\n    const minDate = computed(() => props.parsedValue[0])\n    const maxDate = computed(() => props.parsedValue[1])\n    const oldValue = useOldValue(props)\n    const handleCancel = () => {\n      ctx.emit('pick', oldValue.value, null)\n    }\n    const showSeconds = computed(() => {\n      return props.format.includes('ss')\n    })\n    const amPmMode = computed(() => {\n      if (props.format.includes('A')) return 'A'\n      if (props.format.includes('a')) return 'a'\n      return ''\n    })\n\n    const minSelectableRange = ref([])\n    const maxSelectableRange = ref([])\n\n    const handleConfirm = (visible = false) => {\n      ctx.emit('pick', [minDate.value, maxDate.value], visible)\n    }\n\n    const handleMinChange = (date) => {\n      handleChange(date.millisecond(0), maxDate.value)\n    }\n    const handleMaxChange = (date) => {\n      handleChange(minDate.value, date.millisecond(0))\n    }\n\n    const isValidValue = (_date: Dayjs[]) => {\n      const parsedDate = _date.map((_) => dayjs(_).locale(lang.value))\n      const result = getRangeAvailableTime(parsedDate)\n      return parsedDate[0].isSame(result[0]) && parsedDate[1].isSame(result[1])\n    }\n\n    const handleChange = (_minDate, _maxDate) => {\n      // todo getRangeAvailableTime(_date).millisecond(0)\n      ctx.emit('pick', [_minDate, _maxDate], true)\n    }\n    const btnConfirmDisabled = computed(() => {\n      return minDate.value > maxDate.value\n    })\n\n    const selectionRange = ref([0, 2])\n    const setMinSelectionRange = (start, end) => {\n      ctx.emit('select-range', start, end, 'min')\n      selectionRange.value = [start, end]\n    }\n\n    const offset = computed(() => (showSeconds.value ? 11 : 8))\n    const setMaxSelectionRange = (start, end) => {\n      ctx.emit('select-range', start, end, 'max')\n      selectionRange.value = [start + offset.value, end + offset.value]\n    }\n\n    const changeSelectionRange = (step) => {\n      const list = showSeconds.value ? [0, 3, 6, 11, 14, 17] : [0, 3, 8, 11]\n      const mapping = ['hours', 'minutes'].concat(\n        showSeconds.value ? ['seconds'] : []\n      )\n      const index = list.indexOf(selectionRange.value[0])\n      const next = (index + step + list.length) % list.length\n      const half = list.length / 2\n      if (next < half) {\n        timePickerOptions['start_emitSelectRange'](mapping[next])\n      } else {\n        timePickerOptions['end_emitSelectRange'](mapping[next - half])\n      }\n    }\n\n    const handleKeydown = (event: KeyboardEvent) => {\n      const code = event.code\n\n      if (code === EVENT_CODE.left || code === EVENT_CODE.right) {\n        const step = code === EVENT_CODE.left ? -1 : 1\n        changeSelectionRange(step)\n        event.preventDefault()\n        return\n      }\n\n      if (code === EVENT_CODE.up || code === EVENT_CODE.down) {\n        const step = code === EVENT_CODE.up ? -1 : 1\n        const role = selectionRange.value[0] < offset.value ? 'start' : 'end'\n        timePickerOptions[`${role}_scrollDown`](step)\n        event.preventDefault()\n        return\n      }\n    }\n\n    const disabledHours_ = (role, compare) => {\n      const defaultDisable = disabledHours ? disabledHours(role) : []\n      const isStart = role === 'start'\n      const compareDate = compare || (isStart ? maxDate.value : minDate.value)\n      const compareHour = compareDate.hour()\n      const nextDisable = isStart\n        ? makeSelectRange(compareHour + 1, 23)\n        : makeSelectRange(0, compareHour - 1)\n      return union(defaultDisable, nextDisable)\n    }\n    const disabledMinutes_ = (hour, role, compare) => {\n      const defaultDisable = disabledMinutes ? disabledMinutes(hour, role) : []\n      const isStart = role === 'start'\n      const compareDate = compare || (isStart ? maxDate.value : minDate.value)\n      const compareHour = compareDate.hour()\n      if (hour !== compareHour) {\n        return defaultDisable\n      }\n      const compareMinute = compareDate.minute()\n      const nextDisable = isStart\n        ? makeSelectRange(compareMinute + 1, 59)\n        : makeSelectRange(0, compareMinute - 1)\n      return union(defaultDisable, nextDisable)\n    }\n    const disabledSeconds_ = (hour, minute, role, compare) => {\n      const defaultDisable = disabledSeconds\n        ? disabledSeconds(hour, minute, role)\n        : []\n      const isStart = role === 'start'\n      const compareDate = compare || (isStart ? maxDate.value : minDate.value)\n      const compareHour = compareDate.hour()\n      const compareMinute = compareDate.minute()\n      if (hour !== compareHour || minute !== compareMinute) {\n        return defaultDisable\n      }\n      const compareSecond = compareDate.second()\n      const nextDisable = isStart\n        ? makeSelectRange(compareSecond + 1, 59)\n        : makeSelectRange(0, compareSecond - 1)\n      return union(defaultDisable, nextDisable)\n    }\n\n    const getRangeAvailableTime = (dates: Array<Dayjs>) => {\n      return dates.map((_, index) =>\n        getRangeAvailableTimeEach(\n          dates[0],\n          dates[1],\n          index === 0 ? 'start' : 'end'\n        )\n      )\n    }\n\n    const { getAvailableHours, getAvailableMinutes, getAvailableSeconds } =\n      getAvailableArrs(disabledHours_, disabledMinutes_, disabledSeconds_)\n\n    const getRangeAvailableTimeEach = (\n      startDate: Dayjs,\n      endDate: Dayjs,\n      role\n    ) => {\n      const availableMap = {\n        hour: getAvailableHours,\n        minute: getAvailableMinutes,\n        second: getAvailableSeconds,\n      }\n      const isStart = role === 'start'\n      let result = isStart ? startDate : endDate\n      const compareDate = isStart ? endDate : startDate\n      ;['hour', 'minute', 'second'].forEach((_) => {\n        if (availableMap[_]) {\n          let availableArr\n          const method = availableMap[_]\n          if (_ === 'minute') {\n            availableArr = method(result.hour(), role, compareDate)\n          } else if (_ === 'second') {\n            availableArr = method(\n              result.hour(),\n              result.minute(),\n              role,\n              compareDate\n            )\n          } else {\n            availableArr = method(role, compareDate)\n          }\n          if (\n            availableArr &&\n            availableArr.length &&\n            !availableArr.includes(result[_]())\n          ) {\n            const pos = isStart ? 0 : availableArr.length - 1\n            result = result[_](availableArr[pos])\n          }\n        }\n      })\n      return result\n    }\n\n    const parseUserInput = (value: Dayjs[] | Dayjs) => {\n      if (!value) return null\n      if (Array.isArray(value)) {\n        return value.map((_) => dayjs(_, props.format).locale(lang.value))\n      }\n      return dayjs(value, props.format).locale(lang.value)\n    }\n\n    const formatToString = (value: Dayjs[] | Dayjs) => {\n      if (!value) return null\n      if (Array.isArray(value)) {\n        return value.map((_) => _.format(props.format))\n      }\n      return value.format(props.format)\n    }\n\n    const getDefaultValue = () => {\n      if (Array.isArray(defaultValue)) {\n        return defaultValue.map((_) => dayjs(_).locale(lang.value))\n      }\n      const defaultDay = dayjs(defaultValue).locale(lang.value)\n      return [defaultDay, defaultDay.add(60, 'm')]\n    }\n\n    ctx.emit('set-picker-option', ['formatToString', formatToString])\n    ctx.emit('set-picker-option', ['parseUserInput', parseUserInput])\n    ctx.emit('set-picker-option', ['isValidValue', isValidValue])\n    ctx.emit('set-picker-option', ['handleKeydown', handleKeydown])\n    ctx.emit('set-picker-option', ['getDefaultValue', getDefaultValue])\n    ctx.emit('set-picker-option', [\n      'getRangeAvailableTime',\n      getRangeAvailableTime,\n    ])\n\n    const timePickerOptions = {} as any\n    const onSetOption = (e) => {\n      timePickerOptions[e[0]] = e[1]\n    }\n\n    const pickerBase = inject('EP_PICKER_BASE') as any\n    const {\n      arrowControl,\n      disabledHours,\n      disabledMinutes,\n      disabledSeconds,\n      defaultValue,\n    } = pickerBase.props\n\n    return {\n      arrowControl,\n      onSetOption,\n      setMaxSelectionRange,\n      setMinSelectionRange,\n      btnConfirmDisabled,\n      handleCancel,\n      handleConfirm,\n      t,\n      showSeconds,\n      minDate,\n      maxDate,\n      amPmMode,\n      handleMinChange,\n      handleMaxChange,\n      minSelectableRange,\n      maxSelectableRange,\n      disabledHours_,\n      disabledMinutes_,\n      disabledSeconds_,\n    }\n  },\n})\n</script>\n"],"names":["TimeSpinner"],"mappings":"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"}

package/es/components/time-picker/src/time-picker-com/panel-time-range.vue_vue_type_template_id_57d94b44_lang.mjs

@@ -0,0 +1,78 @@
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, toDisplayString, normalizeClass, createVNode, createCommentVNode } from 'vue';
+
+const _hoisted_1 = {
+  key: 0,
+  class: "el-time-range-picker el-picker-panel"
+};
+const _hoisted_2 = { class: "el-time-range-picker__content" };
+const _hoisted_3 = { class: "el-time-range-picker__cell" };
+const _hoisted_4 = { class: "el-time-range-picker__header" };
+const _hoisted_5 = { class: "el-time-range-picker__cell" };
+const _hoisted_6 = { class: "el-time-range-picker__header" };
+const _hoisted_7 = { class: "el-time-panel__footer" };
+const _hoisted_8 = ["disabled"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_time_spinner = resolveComponent("time-spinner");
+  return _ctx.actualVisible ? (openBlock(), createElementBlock("div", _hoisted_1, [
+    createElementVNode("div", _hoisted_2, [
+      createElementVNode("div", _hoisted_3, [
+        createElementVNode("div", _hoisted_4, toDisplayString(_ctx.t("el.datepicker.startTime")), 1),
+        createElementVNode("div", {
+          class: normalizeClass([{ "has-seconds": _ctx.showSeconds, "is-arrow": _ctx.arrowControl }, "el-time-range-picker__body el-time-panel__content"])
+        }, [
+          createVNode(_component_time_spinner, {
+            ref: "minSpinner",
+            role: "start",
+            "show-seconds": _ctx.showSeconds,
+            "am-pm-mode": _ctx.amPmMode,
+            "arrow-control": _ctx.arrowControl,
+            "spinner-date": _ctx.minDate,
+            "disabled-hours": _ctx.disabledHours_,
+            "disabled-minutes": _ctx.disabledMinutes_,
+            "disabled-seconds": _ctx.disabledSeconds_,
+            onChange: _ctx.handleMinChange,
+            onSetOption: _ctx.onSetOption,
+            onSelectRange: _ctx.setMinSelectionRange
+          }, null, 8, ["show-seconds", "am-pm-mode", "arrow-control", "spinner-date", "disabled-hours", "disabled-minutes", "disabled-seconds", "onChange", "onSetOption", "onSelectRange"])
+        ], 2)
+      ]),
+      createElementVNode("div", _hoisted_5, [
+        createElementVNode("div", _hoisted_6, toDisplayString(_ctx.t("el.datepicker.endTime")), 1),
+        createElementVNode("div", {
+          class: normalizeClass([{ "has-seconds": _ctx.showSeconds, "is-arrow": _ctx.arrowControl }, "el-time-range-picker__body el-time-panel__content"])
+        }, [
+          createVNode(_component_time_spinner, {
+            ref: "maxSpinner",
+            role: "end",
+            "show-seconds": _ctx.showSeconds,
+            "am-pm-mode": _ctx.amPmMode,
+            "arrow-control": _ctx.arrowControl,
+            "spinner-date": _ctx.maxDate,
+            "disabled-hours": _ctx.disabledHours_,
+            "disabled-minutes": _ctx.disabledMinutes_,
+            "disabled-seconds": _ctx.disabledSeconds_,
+            onChange: _ctx.handleMaxChange,
+            onSetOption: _ctx.onSetOption,
+            onSelectRange: _ctx.setMaxSelectionRange
+          }, null, 8, ["show-seconds", "am-pm-mode", "arrow-control", "spinner-date", "disabled-hours", "disabled-minutes", "disabled-seconds", "onChange", "onSetOption", "onSelectRange"])
+        ], 2)
+      ])
+    ]),
+    createElementVNode("div", _hoisted_7, [
+      createElementVNode("button", {
+        type: "button",
+        class: "el-time-panel__btn cancel",
+        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.handleCancel())
+      }, toDisplayString(_ctx.t("el.datepicker.cancel")), 1),
+      createElementVNode("button", {
+        type: "button",
+        class: "el-time-panel__btn confirm",
+        disabled: _ctx.btnConfirmDisabled,
+        onClick: _cache[1] || (_cache[1] = ($event) => _ctx.handleConfirm())
+      }, toDisplayString(_ctx.t("el.datepicker.confirm")), 9, _hoisted_8)
+    ])
+  ])) : createCommentVNode("v-if", true);
+}
+
+export { render };
+//# sourceMappingURL=panel-time-range.vue_vue_type_template_id_57d94b44_lang.mjs.map

package/es/components/time-picker/src/time-picker-com/panel-time-range.vue_vue_type_template_id_57d94b44_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-time-range.vue_vue_type_template_id_57d94b44_lang.mjs","sources":["../../../../../../../packages/components/time-picker/src/time-picker-com/panel-time-range.vue?vue&type=template&id=57d94b44&lang.js"],"sourcesContent":["<template>\n  <div v-if=\"actualVisible\" class=\"el-time-range-picker el-picker-panel\">\n    <div class=\"el-time-range-picker__content\">\n      <div class=\"el-time-range-picker__cell\">\n        <div class=\"el-time-range-picker__header\">\n          {{ t('el.datepicker.startTime') }}\n        </div>\n        <div\n          :class=\"{ 'has-seconds': showSeconds, 'is-arrow': arrowControl }\"\n          class=\"el-time-range-picker__body el-time-panel__content\"\n        >\n          <time-spinner\n            ref=\"minSpinner\"\n            role=\"start\"\n            :show-seconds=\"showSeconds\"\n            :am-pm-mode=\"amPmMode\"\n            :arrow-control=\"arrowControl\"\n            :spinner-date=\"minDate\"\n            :disabled-hours=\"disabledHours_\"\n            :disabled-minutes=\"disabledMinutes_\"\n            :disabled-seconds=\"disabledSeconds_\"\n            @change=\"handleMinChange\"\n            @set-option=\"onSetOption\"\n            @select-range=\"setMinSelectionRange\"\n          />\n        </div>\n      </div>\n      <div class=\"el-time-range-picker__cell\">\n        <div class=\"el-time-range-picker__header\">\n          {{ t('el.datepicker.endTime') }}\n        </div>\n        <div\n          :class=\"{ 'has-seconds': showSeconds, 'is-arrow': arrowControl }\"\n          class=\"el-time-range-picker__body el-time-panel__content\"\n        >\n          <time-spinner\n            ref=\"maxSpinner\"\n            role=\"end\"\n            :show-seconds=\"showSeconds\"\n            :am-pm-mode=\"amPmMode\"\n            :arrow-control=\"arrowControl\"\n            :spinner-date=\"maxDate\"\n            :disabled-hours=\"disabledHours_\"\n            :disabled-minutes=\"disabledMinutes_\"\n            :disabled-seconds=\"disabledSeconds_\"\n            @change=\"handleMaxChange\"\n            @set-option=\"onSetOption\"\n            @select-range=\"setMaxSelectionRange\"\n          />\n        </div>\n      </div>\n    </div>\n    <div class=\"el-time-panel__footer\">\n      <button\n        type=\"button\"\n        class=\"el-time-panel__btn cancel\"\n        @click=\"handleCancel()\"\n      >\n        {{ t('el.datepicker.cancel') }}\n      </button>\n      <button\n        type=\"button\"\n        class=\"el-time-panel__btn confirm\"\n        :disabled=\"btnConfirmDisabled\"\n        @click=\"handleConfirm()\"\n      >\n        {{ t('el.datepicker.confirm') }}\n      </button>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, computed, inject } from 'vue'\nimport dayjs from 'dayjs'\nimport union from 'lodash/union'\nimport { useLocale } from '@element-plus/hooks'\nimport { EVENT_CODE } from '@element-plus/utils/aria'\nimport TimeSpinner from './basic-time-spinner.vue'\nimport { getAvailableArrs, useOldValue } from './useTimePicker'\n\nimport type { PropType } from 'vue'\nimport type { Dayjs } from 'dayjs'\n\nconst makeSelectRange = (start: number, end: number) => {\n  const result = []\n  for (let i = start; i <= end; i++) {\n    result.push(i)\n  }\n  return result\n}\nexport default defineComponent({\n  components: { TimeSpinner },\n\n  props: {\n    visible: Boolean,\n    actualVisible: Boolean,\n    parsedValue: {\n      type: [Array] as PropType<Array<Dayjs>>,\n    },\n    format: {\n      type: String,\n      default: '',\n    },\n  },\n\n  emits: ['pick', 'select-range', 'set-picker-option'],\n\n  setup(props, ctx) {\n    const { t, lang } = useLocale()\n    const minDate = computed(() => props.parsedValue[0])\n    const maxDate = computed(() => props.parsedValue[1])\n    const oldValue = useOldValue(props)\n    const handleCancel = () => {\n      ctx.emit('pick', oldValue.value, null)\n    }\n    const showSeconds = computed(() => {\n      return props.format.includes('ss')\n    })\n    const amPmMode = computed(() => {\n      if (props.format.includes('A')) return 'A'\n      if (props.format.includes('a')) return 'a'\n      return ''\n    })\n\n    const minSelectableRange = ref([])\n    const maxSelectableRange = ref([])\n\n    const handleConfirm = (visible = false) => {\n      ctx.emit('pick', [minDate.value, maxDate.value], visible)\n    }\n\n    const handleMinChange = (date) => {\n      handleChange(date.millisecond(0), maxDate.value)\n    }\n    const handleMaxChange = (date) => {\n      handleChange(minDate.value, date.millisecond(0))\n    }\n\n    const isValidValue = (_date: Dayjs[]) => {\n      const parsedDate = _date.map((_) => dayjs(_).locale(lang.value))\n      const result = getRangeAvailableTime(parsedDate)\n      return parsedDate[0].isSame(result[0]) && parsedDate[1].isSame(result[1])\n    }\n\n    const handleChange = (_minDate, _maxDate) => {\n      // todo getRangeAvailableTime(_date).millisecond(0)\n      ctx.emit('pick', [_minDate, _maxDate], true)\n    }\n    const btnConfirmDisabled = computed(() => {\n      return minDate.value > maxDate.value\n    })\n\n    const selectionRange = ref([0, 2])\n    const setMinSelectionRange = (start, end) => {\n      ctx.emit('select-range', start, end, 'min')\n      selectionRange.value = [start, end]\n    }\n\n    const offset = computed(() => (showSeconds.value ? 11 : 8))\n    const setMaxSelectionRange = (start, end) => {\n      ctx.emit('select-range', start, end, 'max')\n      selectionRange.value = [start + offset.value, end + offset.value]\n    }\n\n    const changeSelectionRange = (step) => {\n      const list = showSeconds.value ? [0, 3, 6, 11, 14, 17] : [0, 3, 8, 11]\n      const mapping = ['hours', 'minutes'].concat(\n        showSeconds.value ? ['seconds'] : []\n      )\n      const index = list.indexOf(selectionRange.value[0])\n      const next = (index + step + list.length) % list.length\n      const half = list.length / 2\n      if (next < half) {\n        timePickerOptions['start_emitSelectRange'](mapping[next])\n      } else {\n        timePickerOptions['end_emitSelectRange'](mapping[next - half])\n      }\n    }\n\n    const handleKeydown = (event: KeyboardEvent) => {\n      const code = event.code\n\n      if (code === EVENT_CODE.left || code === EVENT_CODE.right) {\n        const step = code === EVENT_CODE.left ? -1 : 1\n        changeSelectionRange(step)\n        event.preventDefault()\n        return\n      }\n\n      if (code === EVENT_CODE.up || code === EVENT_CODE.down) {\n        const step = code === EVENT_CODE.up ? -1 : 1\n        const role = selectionRange.value[0] < offset.value ? 'start' : 'end'\n        timePickerOptions[`${role}_scrollDown`](step)\n        event.preventDefault()\n        return\n      }\n    }\n\n    const disabledHours_ = (role, compare) => {\n      const defaultDisable = disabledHours ? disabledHours(role) : []\n      const isStart = role === 'start'\n      const compareDate = compare || (isStart ? maxDate.value : minDate.value)\n      const compareHour = compareDate.hour()\n      const nextDisable = isStart\n        ? makeSelectRange(compareHour + 1, 23)\n        : makeSelectRange(0, compareHour - 1)\n      return union(defaultDisable, nextDisable)\n    }\n    const disabledMinutes_ = (hour, role, compare) => {\n      const defaultDisable = disabledMinutes ? disabledMinutes(hour, role) : []\n      const isStart = role === 'start'\n      const compareDate = compare || (isStart ? maxDate.value : minDate.value)\n      const compareHour = compareDate.hour()\n      if (hour !== compareHour) {\n        return defaultDisable\n      }\n      const compareMinute = compareDate.minute()\n      const nextDisable = isStart\n        ? makeSelectRange(compareMinute + 1, 59)\n        : makeSelectRange(0, compareMinute - 1)\n      return union(defaultDisable, nextDisable)\n    }\n    const disabledSeconds_ = (hour, minute, role, compare) => {\n      const defaultDisable = disabledSeconds\n        ? disabledSeconds(hour, minute, role)\n        : []\n      const isStart = role === 'start'\n      const compareDate = compare || (isStart ? maxDate.value : minDate.value)\n      const compareHour = compareDate.hour()\n      const compareMinute = compareDate.minute()\n      if (hour !== compareHour || minute !== compareMinute) {\n        return defaultDisable\n      }\n      const compareSecond = compareDate.second()\n      const nextDisable = isStart\n        ? makeSelectRange(compareSecond + 1, 59)\n        : makeSelectRange(0, compareSecond - 1)\n      return union(defaultDisable, nextDisable)\n    }\n\n    const getRangeAvailableTime = (dates: Array<Dayjs>) => {\n      return dates.map((_, index) =>\n        getRangeAvailableTimeEach(\n          dates[0],\n          dates[1],\n          index === 0 ? 'start' : 'end'\n        )\n      )\n    }\n\n    const { getAvailableHours, getAvailableMinutes, getAvailableSeconds } =\n      getAvailableArrs(disabledHours_, disabledMinutes_, disabledSeconds_)\n\n    const getRangeAvailableTimeEach = (\n      startDate: Dayjs,\n      endDate: Dayjs,\n      role\n    ) => {\n      const availableMap = {\n        hour: getAvailableHours,\n        minute: getAvailableMinutes,\n        second: getAvailableSeconds,\n      }\n      const isStart = role === 'start'\n      let result = isStart ? startDate : endDate\n      const compareDate = isStart ? endDate : startDate\n      ;['hour', 'minute', 'second'].forEach((_) => {\n        if (availableMap[_]) {\n          let availableArr\n          const method = availableMap[_]\n          if (_ === 'minute') {\n            availableArr = method(result.hour(), role, compareDate)\n          } else if (_ === 'second') {\n            availableArr = method(\n              result.hour(),\n              result.minute(),\n              role,\n              compareDate\n            )\n          } else {\n            availableArr = method(role, compareDate)\n          }\n          if (\n            availableArr &&\n            availableArr.length &&\n            !availableArr.includes(result[_]())\n          ) {\n            const pos = isStart ? 0 : availableArr.length - 1\n            result = result[_](availableArr[pos])\n          }\n        }\n      })\n      return result\n    }\n\n    const parseUserInput = (value: Dayjs[] | Dayjs) => {\n      if (!value) return null\n      if (Array.isArray(value)) {\n        return value.map((_) => dayjs(_, props.format).locale(lang.value))\n      }\n      return dayjs(value, props.format).locale(lang.value)\n    }\n\n    const formatToString = (value: Dayjs[] | Dayjs) => {\n      if (!value) return null\n      if (Array.isArray(value)) {\n        return value.map((_) => _.format(props.format))\n      }\n      return value.format(props.format)\n    }\n\n    const getDefaultValue = () => {\n      if (Array.isArray(defaultValue)) {\n        return defaultValue.map((_) => dayjs(_).locale(lang.value))\n      }\n      const defaultDay = dayjs(defaultValue).locale(lang.value)\n      return [defaultDay, defaultDay.add(60, 'm')]\n    }\n\n    ctx.emit('set-picker-option', ['formatToString', formatToString])\n    ctx.emit('set-picker-option', ['parseUserInput', parseUserInput])\n    ctx.emit('set-picker-option', ['isValidValue', isValidValue])\n    ctx.emit('set-picker-option', ['handleKeydown', handleKeydown])\n    ctx.emit('set-picker-option', ['getDefaultValue', getDefaultValue])\n    ctx.emit('set-picker-option', [\n      'getRangeAvailableTime',\n      getRangeAvailableTime,\n    ])\n\n    const timePickerOptions = {} as any\n    const onSetOption = (e) => {\n      timePickerOptions[e[0]] = e[1]\n    }\n\n    const pickerBase = inject('EP_PICKER_BASE') as any\n    const {\n      arrowControl,\n      disabledHours,\n      disabledMinutes,\n      disabledSeconds,\n      defaultValue,\n    } = pickerBase.props\n\n    return {\n      arrowControl,\n      onSetOption,\n      setMaxSelectionRange,\n      setMinSelectionRange,\n      btnConfirmDisabled,\n      handleCancel,\n      handleConfirm,\n      t,\n      showSeconds,\n      minDate,\n      maxDate,\n      amPmMode,\n      handleMinChange,\n      handleMaxChange,\n      minSelectableRange,\n      maxSelectableRange,\n      disabledHours_,\n      disabledMinutes_,\n      disabledSeconds_,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;EAC4B;;qBACnB,KAAK,EAAC,+BAA+B;qBACnC,KAAK,EAAC;qBACJ,KAAK,EAAC,8BAA8B;qBAuBtC,KAAK,EAAC;qBACJ,KAAK,EAAC;;;;;;;2BA3BO;;;;;YAMlB;;;;;;8BAOiB;8BACA;;;;;;;;8BAQE;;;;;;YAQnB;;;;;;8BAOiB;8BACA;;;;;;;;;;;;;QAarB;;;YAGI;;;;;;;;;;;"}

package/es/components/time-picker/src/time-picker-com/useTimePicker.d.ts

@@ -0,0 +1,155 @@
+import type { Dayjs } from 'dayjs';
+export declare const getTimeLists: (disabledHours: any, disabledMinutes: any, disabledSeconds: any) => {
+    getHoursList: (role: any, compare?: any) => never[];
+    getMinutesList: (hour: any, role: any, compare?: any) => never[];
+    getSecondsList: (hour: any, minute: any, role: any, compare?: any) => never[];
+};
+export declare const getAvailableArrs: (disabledHours: any, disabledMinutes: any, disabledSeconds: any) => {
+    getAvailableHours: (role: any, compare?: any) => any;
+    getAvailableMinutes: (hour: any, role: any, compare?: any) => any;
+    getAvailableSeconds: (hour: any, minute: any, role: any, compare?: any) => any;
+};
+export declare const useOldValue: (props: {
+    parsedValue?: string | Dayjs | Dayjs[];
+    visible: boolean;
+}) => import("vue").Ref<string | {
+    clone: () => Dayjs;
+    isValid: () => boolean;
+    year: {
+        (): number;
+        (value: number): Dayjs;
+    };
+    month: {
+        (): number;
+        (value: number): Dayjs;
+    };
+    date: {
+        (): number;
+        (value: number): Dayjs;
+    };
+    day: {
+        (): number;
+        (value: number): Dayjs;
+    };
+    hour: {
+        (): number;
+        (value: number): Dayjs;
+    };
+    minute: {
+        (): number;
+        (value: number): Dayjs;
+    };
+    second: {
+        (): number;
+        (value: number): Dayjs;
+    };
+    millisecond: {
+        (): number;
+        (value: number): Dayjs;
+    };
+    set: (unit: import("dayjs").UnitType, value: number) => Dayjs;
+    get: (unit: import("dayjs").UnitType) => number;
+    add: (value: number, unit?: import("dayjs").ManipulateType | undefined) => Dayjs;
+    subtract: (value: number, unit?: import("dayjs").ManipulateType | undefined) => Dayjs;
+    startOf: (unit: import("dayjs").OpUnitType) => Dayjs;
+    endOf: (unit: import("dayjs").OpUnitType) => Dayjs;
+    format: (template?: string | undefined) => string;
+    diff: (date?: string | number | Date | Dayjs | null | undefined, unit?: "M" | "s" | "y" | "year" | "month" | "date" | "dates" | "week" | "weeks" | "months" | "hours" | "minutes" | "seconds" | "h" | "day" | "millisecond" | "second" | "minute" | "hour" | "milliseconds" | "days" | "years" | "d" | "m" | "ms" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
+    valueOf: () => number;
+    unix: () => number;
+    daysInMonth: () => number;
+    toDate: () => Date;
+    toJSON: () => string;
+    toISOString: () => string;
+    toString: () => string;
+    utcOffset: () => number;
+    isBefore: (date: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
+    isSame: (date: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
+    isAfter: (date: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
+    locale: {
+        (): string;
+        (preset: string | ILocale, object?: Partial<ILocale> | undefined): Dayjs;
+    };
+    localeData: () => import("dayjs").InstanceLocaleDataReturn;
+    week: {
+        (): number;
+        (value: number): Dayjs;
+    };
+    weekYear: () => number;
+    dayOfYear: {
+        (): number;
+        (value: number): Dayjs;
+    };
+    isSameOrAfter: (date: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
+    isSameOrBefore: (date: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
+} | {
+    clone: () => Dayjs;
+    isValid: () => boolean;
+    year: {
+        (): number;
+        (value: number): Dayjs;
+    };
+    month: {
+        (): number;
+        (value: number): Dayjs;
+    };
+    date: {
+        (): number;
+        (value: number): Dayjs;
+    };
+    day: {
+        (): number;
+        (value: number): Dayjs;
+    };
+    hour: {
+        (): number;
+        (value: number): Dayjs;
+    };
+    minute: {
+        (): number;
+        (value: number): Dayjs;
+    };
+    second: {
+        (): number;
+        (value: number): Dayjs;
+    };
+    millisecond: {
+        (): number;
+        (value: number): Dayjs;
+    };
+    set: (unit: import("dayjs").UnitType, value: number) => Dayjs;
+    get: (unit: import("dayjs").UnitType) => number;
+    add: (value: number, unit?: import("dayjs").ManipulateType | undefined) => Dayjs;
+    subtract: (value: number, unit?: import("dayjs").ManipulateType | undefined) => Dayjs;
+    startOf: (unit: import("dayjs").OpUnitType) => Dayjs;
+    endOf: (unit: import("dayjs").OpUnitType) => Dayjs;
+    format: (template?: string | undefined) => string;
+    diff: (date?: string | number | Date | Dayjs | null | undefined, unit?: "M" | "s" | "y" | "year" | "month" | "date" | "dates" | "week" | "weeks" | "months" | "hours" | "minutes" | "seconds" | "h" | "day" | "millisecond" | "second" | "minute" | "hour" | "milliseconds" | "days" | "years" | "d" | "m" | "ms" | "w" | "quarter" | "quarters" | "Q" | undefined, float?: boolean | undefined) => number;
+    valueOf: () => number;
+    unix: () => number;
+    daysInMonth: () => number;
+    toDate: () => Date;
+    toJSON: () => string;
+    toISOString: () => string;
+    toString: () => string;
+    utcOffset: () => number;
+    isBefore: (date: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
+    isSame: (date: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
+    isAfter: (date: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
+    locale: {
+        (): string;
+        (preset: string | ILocale, object?: Partial<ILocale> | undefined): Dayjs;
+    };
+    localeData: () => import("dayjs").InstanceLocaleDataReturn;
+    week: {
+        (): number;
+        (value: number): Dayjs;
+    };
+    weekYear: () => number;
+    dayOfYear: {
+        (): number;
+        (value: number): Dayjs;
+    };
+    isSameOrAfter: (date: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
+    isSameOrBefore: (date: string | number | Date | Dayjs | null | undefined, unit?: import("dayjs").OpUnitType | undefined) => boolean;
+}[] | undefined>;

package/es/components/time-picker/src/time-picker-com/useTimePicker.mjs

@@ -0,0 +1,58 @@
+import { ref, watch } from 'vue';
+
+const makeList = (total, method, methodFunc) => {
+  const arr = [];
+  const disabledArr = method && methodFunc();
+  for (let i = 0; i < total; i++) {
+    arr[i] = disabledArr ? disabledArr.includes(i) : false;
+  }
+  return arr;
+};
+const makeAvailableArr = (list) => {
+  return list.map((_, index) => !_ ? index : _).filter((_) => _ !== true);
+};
+const getTimeLists = (disabledHours, disabledMinutes, disabledSeconds) => {
+  const getHoursList = (role, compare) => {
+    return makeList(24, disabledHours, () => disabledHours(role, compare));
+  };
+  const getMinutesList = (hour, role, compare) => {
+    return makeList(60, disabledMinutes, () => disabledMinutes(hour, role, compare));
+  };
+  const getSecondsList = (hour, minute, role, compare) => {
+    return makeList(60, disabledSeconds, () => disabledSeconds(hour, minute, role, compare));
+  };
+  return {
+    getHoursList,
+    getMinutesList,
+    getSecondsList
+  };
+};
+const getAvailableArrs = (disabledHours, disabledMinutes, disabledSeconds) => {
+  const { getHoursList, getMinutesList, getSecondsList } = getTimeLists(disabledHours, disabledMinutes, disabledSeconds);
+  const getAvailableHours = (role, compare) => {
+    return makeAvailableArr(getHoursList(role, compare));
+  };
+  const getAvailableMinutes = (hour, role, compare) => {
+    return makeAvailableArr(getMinutesList(hour, role, compare));
+  };
+  const getAvailableSeconds = (hour, minute, role, compare) => {
+    return makeAvailableArr(getSecondsList(hour, minute, role, compare));
+  };
+  return {
+    getAvailableHours,
+    getAvailableMinutes,
+    getAvailableSeconds
+  };
+};
+const useOldValue = (props) => {
+  const oldValue = ref(props.parsedValue);
+  watch(() => props.visible, (val) => {
+    if (!val) {
+      oldValue.value = props.parsedValue;
+    }
+  });
+  return oldValue;
+};
+
+export { getAvailableArrs, getTimeLists, useOldValue };
+//# sourceMappingURL=useTimePicker.mjs.map

package/es/components/time-picker/src/time-picker-com/useTimePicker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTimePicker.mjs","sources":["../../../../../../../packages/components/time-picker/src/time-picker-com/useTimePicker.ts"],"sourcesContent":["import { ref, watch } from 'vue'\n\nimport type { Dayjs } from 'dayjs'\n\nconst makeList = (total, method, methodFunc) => {\n  const arr = []\n  const disabledArr = method && methodFunc()\n  for (let i = 0; i < total; i++) {\n    arr[i] = disabledArr ? disabledArr.includes(i) : false\n  }\n  return arr\n}\n\nconst makeAvailableArr = (list) => {\n  return list.map((_, index) => (!_ ? index : _)).filter((_) => _ !== true)\n}\n\nexport const getTimeLists = (\n  disabledHours,\n  disabledMinutes,\n  disabledSeconds\n) => {\n  const getHoursList = (role, compare?) => {\n    return makeList(24, disabledHours, () => disabledHours(role, compare))\n  }\n\n  const getMinutesList = (hour, role, compare?) => {\n    return makeList(60, disabledMinutes, () =>\n      disabledMinutes(hour, role, compare)\n    )\n  }\n\n  const getSecondsList = (hour, minute, role, compare?) => {\n    return makeList(60, disabledSeconds, () =>\n      disabledSeconds(hour, minute, role, compare)\n    )\n  }\n\n  return {\n    getHoursList,\n    getMinutesList,\n    getSecondsList,\n  }\n}\n\nexport const getAvailableArrs = (\n  disabledHours,\n  disabledMinutes,\n  disabledSeconds\n) => {\n  const { getHoursList, getMinutesList, getSecondsList } = getTimeLists(\n    disabledHours,\n    disabledMinutes,\n    disabledSeconds\n  )\n\n  const getAvailableHours = (role, compare?) => {\n    return makeAvailableArr(getHoursList(role, compare))\n  }\n\n  const getAvailableMinutes = (hour, role, compare?) => {\n    return makeAvailableArr(getMinutesList(hour, role, compare))\n  }\n\n  const getAvailableSeconds = (hour, minute, role, compare?) => {\n    return makeAvailableArr(getSecondsList(hour, minute, role, compare))\n  }\n\n  return {\n    getAvailableHours,\n    getAvailableMinutes,\n    getAvailableSeconds,\n  }\n}\n\nexport const useOldValue = (props: {\n  parsedValue?: string | Dayjs | Dayjs[]\n  visible: boolean\n}) => {\n  const oldValue = ref(props.parsedValue)\n\n  watch(\n    () => props.visible,\n    (val) => {\n      if (!val) {\n        oldValue.value = props.parsedValue\n      }\n    }\n  )\n\n  return oldValue\n}\n"],"names":[],"mappings":"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"}