@element-plus/nightly 0.0.20220121 → 0.0.20220122

package/lib/components/time-picker/src/time-picker-com/panel-time-pick.vue_vue_type_script_lang.js

@@ -1,182 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var dayjs = require('dayjs');
-var aria = require('../../../../utils/aria.js');
-require('../../../../hooks/index.js');
-require('./basic-time-spinner.js');
-var useTimePicker = require('./useTimePicker.js');
-var basicTimeSpinner_vue_vue_type_script_lang = require('./basic-time-spinner.vue_vue_type_script_lang.js');
-var index = require('../../../../hooks/use-locale/index.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
-
-var script = vue.defineComponent({
-  components: {
-    TimeSpinner: basicTimeSpinner_vue_vue_type_script_lang["default"]
-  },
-  props: {
-    visible: Boolean,
-    actualVisible: {
-      type: Boolean,
-      default: void 0
-    },
-    datetimeRole: {
-      type: String
-    },
-    parsedValue: {
-      type: [Object, String]
-    },
-    format: {
-      type: String,
-      default: ""
-    }
-  },
-  emits: ["pick", "select-range", "set-picker-option"],
-  setup(props, ctx) {
-    const { t, lang } = index.useLocale();
-    const selectionRange = vue.ref([0, 2]);
-    const oldValue = useTimePicker.useOldValue(props);
-    const transitionName = vue.computed(() => {
-      return props.actualVisible === void 0 ? "el-zoom-in-top" : "";
-    });
-    const showSeconds = vue.computed(() => {
-      return props.format.includes("ss");
-    });
-    const amPmMode = vue.computed(() => {
-      if (props.format.includes("A"))
-        return "A";
-      if (props.format.includes("a"))
-        return "a";
-      return "";
-    });
-    const isValidValue = (_date) => {
-      const parsedDate = dayjs__default["default"](_date).locale(lang.value);
-      const result = getRangeAvailableTime(parsedDate);
-      return parsedDate.isSame(result);
-    };
-    const handleCancel = () => {
-      ctx.emit("pick", oldValue.value, false);
-    };
-    const handleConfirm = (visible = false, first = false) => {
-      if (first)
-        return;
-      ctx.emit("pick", props.parsedValue, visible);
-    };
-    const handleChange = (_date) => {
-      if (!props.visible) {
-        return;
-      }
-      const result = getRangeAvailableTime(_date).millisecond(0);
-      ctx.emit("pick", result, true);
-    };
-    const setSelectionRange = (start, end) => {
-      ctx.emit("select-range", start, end);
-      selectionRange.value = [start, end];
-    };
-    const changeSelectionRange = (step) => {
-      const list = [0, 3].concat(showSeconds.value ? [6] : []);
-      const mapping = ["hours", "minutes"].concat(showSeconds.value ? ["seconds"] : []);
-      const index = list.indexOf(selectionRange.value[0]);
-      const next = (index + step + list.length) % list.length;
-      timePickerOptions["start_emitSelectRange"](mapping[next]);
-    };
-    const handleKeydown = (event) => {
-      const code = event.code;
-      if (code === aria.EVENT_CODE.left || code === aria.EVENT_CODE.right) {
-        const step = code === aria.EVENT_CODE.left ? -1 : 1;
-        changeSelectionRange(step);
-        event.preventDefault();
-        return;
-      }
-      if (code === aria.EVENT_CODE.up || code === aria.EVENT_CODE.down) {
-        const step = code === aria.EVENT_CODE.up ? -1 : 1;
-        timePickerOptions["start_scrollDown"](step);
-        event.preventDefault();
-        return;
-      }
-    };
-    const getRangeAvailableTime = (date) => {
-      const availableMap = {
-        hour: getAvailableHours,
-        minute: getAvailableMinutes,
-        second: getAvailableSeconds
-      };
-      let result = date;
-      ["hour", "minute", "second"].forEach((_) => {
-        if (availableMap[_]) {
-          let availableArr;
-          const method = availableMap[_];
-          if (_ === "minute") {
-            availableArr = method(result.hour(), props.datetimeRole);
-          } else if (_ === "second") {
-            availableArr = method(result.hour(), result.minute(), props.datetimeRole);
-          } else {
-            availableArr = method(props.datetimeRole);
-          }
-          if (availableArr && availableArr.length && !availableArr.includes(result[_]())) {
-            result = result[_](availableArr[0]);
-          }
-        }
-      });
-      return result;
-    };
-    const parseUserInput = (value) => {
-      if (!value)
-        return null;
-      return dayjs__default["default"](value, props.format).locale(lang.value);
-    };
-    const formatToString = (value) => {
-      if (!value)
-        return null;
-      return value.format(props.format);
-    };
-    const getDefaultValue = () => {
-      return dayjs__default["default"](defaultValue).locale(lang.value);
-    };
-    ctx.emit("set-picker-option", ["isValidValue", isValidValue]);
-    ctx.emit("set-picker-option", ["formatToString", formatToString]);
-    ctx.emit("set-picker-option", ["parseUserInput", parseUserInput]);
-    ctx.emit("set-picker-option", ["handleKeydown", handleKeydown]);
-    ctx.emit("set-picker-option", [
-      "getRangeAvailableTime",
-      getRangeAvailableTime
-    ]);
-    ctx.emit("set-picker-option", ["getDefaultValue", getDefaultValue]);
-    const timePickerOptions = {};
-    const onSetOption = (e) => {
-      timePickerOptions[e[0]] = e[1];
-    };
-    const pickerBase = vue.inject("EP_PICKER_BASE");
-    const {
-      arrowControl,
-      disabledHours,
-      disabledMinutes,
-      disabledSeconds,
-      defaultValue
-    } = pickerBase.props;
-    const { getAvailableHours, getAvailableMinutes, getAvailableSeconds } = useTimePicker.getAvailableArrs(disabledHours, disabledMinutes, disabledSeconds);
-    return {
-      transitionName,
-      arrowControl,
-      onSetOption,
-      t,
-      handleConfirm,
-      handleChange,
-      setSelectionRange,
-      amPmMode,
-      showSeconds,
-      handleCancel,
-      disabledHours,
-      disabledMinutes,
-      disabledSeconds
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=panel-time-pick.vue_vue_type_script_lang.js.map

package/lib/components/time-picker/src/time-picker-com/panel-time-pick.vue_vue_type_script_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"panel-time-pick.vue_vue_type_script_lang.js","sources":["../../../../../../../packages/components/time-picker/src/time-picker-com/panel-time-pick.vue"],"sourcesContent":["<template>\n  <transition :name=\"transitionName\">\n    <div v-if=\"actualVisible || visible\" class=\"el-time-panel\">\n      <div\n        class=\"el-time-panel__content\"\n        :class=\"{ 'has-seconds': showSeconds }\"\n      >\n        <time-spinner\n          ref=\"spinner\"\n          :role=\"datetimeRole || 'start'\"\n          :arrow-control=\"arrowControl\"\n          :show-seconds=\"showSeconds\"\n          :am-pm-mode=\"amPmMode\"\n          :spinner-date=\"parsedValue\"\n          :disabled-hours=\"disabledHours\"\n          :disabled-minutes=\"disabledMinutes\"\n          :disabled-seconds=\"disabledSeconds\"\n          @change=\"handleChange\"\n          @set-option=\"onSetOption\"\n          @select-range=\"setSelectionRange\"\n        />\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          @click=\"handleConfirm()\"\n        >\n          {{ t('el.datepicker.confirm') }}\n        </button>\n      </div>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, computed, inject } from 'vue'\nimport dayjs from 'dayjs'\nimport { EVENT_CODE } from '@element-plus/utils/aria'\nimport { useLocale } from '@element-plus/hooks'\nimport TimeSpinner from './basic-time-spinner.vue'\nimport { getAvailableArrs, useOldValue } from './useTimePicker'\n\nimport type { PropType } from 'vue'\nimport type { Dayjs } from 'dayjs'\n\nexport default defineComponent({\n  components: {\n    TimeSpinner,\n  },\n\n  props: {\n    visible: Boolean,\n    actualVisible: {\n      type: Boolean,\n      default: undefined,\n    },\n    datetimeRole: {\n      type: String,\n    },\n    parsedValue: {\n      type: [Object, String] as PropType<string | 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    // data\n    const selectionRange = ref([0, 2])\n    const oldValue = useOldValue(props)\n    // computed\n    const transitionName = computed(() => {\n      return props.actualVisible === undefined ? 'el-zoom-in-top' : ''\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    // method\n    const isValidValue = (_date: Dayjs) => {\n      const parsedDate = dayjs(_date).locale(lang.value)\n      const result = getRangeAvailableTime(parsedDate)\n      return parsedDate.isSame(result)\n    }\n    const handleCancel = () => {\n      ctx.emit('pick', oldValue.value, false)\n    }\n    const handleConfirm = (visible = false, first = false) => {\n      if (first) return\n      ctx.emit('pick', props.parsedValue, visible)\n    }\n    const handleChange = (_date: Dayjs) => {\n      // visible avoids edge cases, when use scrolls during panel closing animation\n      if (!props.visible) {\n        return\n      }\n      const result = getRangeAvailableTime(_date).millisecond(0)\n      ctx.emit('pick', result, true)\n    }\n\n    const setSelectionRange = (start, end) => {\n      ctx.emit('select-range', start, end)\n      selectionRange.value = [start, end]\n    }\n\n    const changeSelectionRange = (step: number) => {\n      const list = [0, 3].concat(showSeconds.value ? [6] : [])\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      timePickerOptions['start_emitSelectRange'](mapping[next])\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        timePickerOptions['start_scrollDown'](step)\n        event.preventDefault()\n        return\n      }\n    }\n\n    const getRangeAvailableTime = (date: Dayjs) => {\n      const availableMap = {\n        hour: getAvailableHours,\n        minute: getAvailableMinutes,\n        second: getAvailableSeconds,\n      }\n      let result = date\n      ;['hour', 'minute', 'second'].forEach((_) => {\n        if (availableMap[_]) {\n          let availableArr\n          const method = availableMap[_]\n          if (_ === 'minute') {\n            availableArr = method(result.hour(), props.datetimeRole)\n          } else if (_ === 'second') {\n            availableArr = method(\n              result.hour(),\n              result.minute(),\n              props.datetimeRole\n            )\n          } else {\n            availableArr = method(props.datetimeRole)\n          }\n          if (\n            availableArr &&\n            availableArr.length &&\n            !availableArr.includes(result[_]())\n          ) {\n            result = result[_](availableArr[0])\n          }\n        }\n      })\n      return result\n    }\n\n    const parseUserInput = (value: Dayjs) => {\n      if (!value) return null\n      return dayjs(value, props.format).locale(lang.value)\n    }\n\n    const formatToString = (value: Dayjs) => {\n      if (!value) return null\n      return value.format(props.format)\n    }\n\n    const getDefaultValue = () => {\n      return dayjs(defaultValue).locale(lang.value)\n    }\n\n    ctx.emit('set-picker-option', ['isValidValue', isValidValue])\n    ctx.emit('set-picker-option', ['formatToString', formatToString])\n    ctx.emit('set-picker-option', ['parseUserInput', parseUserInput])\n    ctx.emit('set-picker-option', ['handleKeydown', handleKeydown])\n    ctx.emit('set-picker-option', [\n      'getRangeAvailableTime',\n      getRangeAvailableTime,\n    ])\n    ctx.emit('set-picker-option', ['getDefaultValue', getDefaultValue])\n    const timePickerOptions = {} as any\n    const onSetOption = (e) => {\n      timePickerOptions[e[0]] = e[1]\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    const { getAvailableHours, getAvailableMinutes, getAvailableSeconds } =\n      getAvailableArrs(disabledHours, disabledMinutes, disabledSeconds)\n\n    return {\n      transitionName,\n      arrowControl,\n      onSetOption,\n      t,\n      handleConfirm,\n      handleChange,\n      setSelectionRange,\n      amPmMode,\n      showSeconds,\n      handleCancel,\n      disabledHours,\n      disabledMinutes,\n      disabledSeconds,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","TimeSpinner","dayjs","EVENT_CODE","inject"],"mappings":"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"}

package/lib/components/time-picker/src/time-picker-com/panel-time-pick.vue_vue_type_template_id_3b3cfa6a_lang.js

@@ -1,54 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-
-const _hoisted_1 = {
-  key: 0,
-  class: "el-time-panel"
-};
-const _hoisted_2 = { class: "el-time-panel__footer" };
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_time_spinner = vue.resolveComponent("time-spinner");
-  return vue.openBlock(), vue.createBlock(vue.Transition, { name: _ctx.transitionName }, {
-    default: vue.withCtx(() => [
-      _ctx.actualVisible || _ctx.visible ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass(["el-time-panel__content", { "has-seconds": _ctx.showSeconds }])
-        }, [
-          vue.createVNode(_component_time_spinner, {
-            ref: "spinner",
-            role: _ctx.datetimeRole || "start",
-            "arrow-control": _ctx.arrowControl,
-            "show-seconds": _ctx.showSeconds,
-            "am-pm-mode": _ctx.amPmMode,
-            "spinner-date": _ctx.parsedValue,
-            "disabled-hours": _ctx.disabledHours,
-            "disabled-minutes": _ctx.disabledMinutes,
-            "disabled-seconds": _ctx.disabledSeconds,
-            onChange: _ctx.handleChange,
-            onSetOption: _ctx.onSetOption,
-            onSelectRange: _ctx.setSelectionRange
-          }, null, 8, ["role", "arrow-control", "show-seconds", "am-pm-mode", "spinner-date", "disabled-hours", "disabled-minutes", "disabled-seconds", "onChange", "onSetOption", "onSelectRange"])
-        ], 2),
-        vue.createElementVNode("div", _hoisted_2, [
-          vue.createElementVNode("button", {
-            type: "button",
-            class: "el-time-panel__btn cancel",
-            onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleCancel && _ctx.handleCancel(...args))
-          }, vue.toDisplayString(_ctx.t("el.datepicker.cancel")), 1),
-          vue.createElementVNode("button", {
-            type: "button",
-            class: "el-time-panel__btn confirm",
-            onClick: _cache[1] || (_cache[1] = ($event) => _ctx.handleConfirm())
-          }, vue.toDisplayString(_ctx.t("el.datepicker.confirm")), 1)
-        ])
-      ])) : vue.createCommentVNode("v-if", true)
-    ]),
-    _: 1
-  }, 8, ["name"]);
-}
-
-exports.render = render;
-//# sourceMappingURL=panel-time-pick.vue_vue_type_template_id_3b3cfa6a_lang.js.map

package/lib/components/time-picker/src/time-picker-com/panel-time-pick.vue_vue_type_template_id_3b3cfa6a_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"panel-time-pick.vue_vue_type_template_id_3b3cfa6a_lang.js","sources":["../../../../../../../packages/components/time-picker/src/time-picker-com/panel-time-pick.vue?vue&type=template&id=3b3cfa6a&lang.js"],"sourcesContent":["<template>\n  <transition :name=\"transitionName\">\n    <div v-if=\"actualVisible || visible\" class=\"el-time-panel\">\n      <div\n        class=\"el-time-panel__content\"\n        :class=\"{ 'has-seconds': showSeconds }\"\n      >\n        <time-spinner\n          ref=\"spinner\"\n          :role=\"datetimeRole || 'start'\"\n          :arrow-control=\"arrowControl\"\n          :show-seconds=\"showSeconds\"\n          :am-pm-mode=\"amPmMode\"\n          :spinner-date=\"parsedValue\"\n          :disabled-hours=\"disabledHours\"\n          :disabled-minutes=\"disabledMinutes\"\n          :disabled-seconds=\"disabledSeconds\"\n          @change=\"handleChange\"\n          @set-option=\"onSetOption\"\n          @select-range=\"setSelectionRange\"\n        />\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          @click=\"handleConfirm()\"\n        >\n          {{ t('el.datepicker.confirm') }}\n        </button>\n      </div>\n    </div>\n  </transition>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, computed, inject } from 'vue'\nimport dayjs from 'dayjs'\nimport { EVENT_CODE } from '@element-plus/utils/aria'\nimport { useLocale } from '@element-plus/hooks'\nimport TimeSpinner from './basic-time-spinner.vue'\nimport { getAvailableArrs, useOldValue } from './useTimePicker'\n\nimport type { PropType } from 'vue'\nimport type { Dayjs } from 'dayjs'\n\nexport default defineComponent({\n  components: {\n    TimeSpinner,\n  },\n\n  props: {\n    visible: Boolean,\n    actualVisible: {\n      type: Boolean,\n      default: undefined,\n    },\n    datetimeRole: {\n      type: String,\n    },\n    parsedValue: {\n      type: [Object, String] as PropType<string | 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    // data\n    const selectionRange = ref([0, 2])\n    const oldValue = useOldValue(props)\n    // computed\n    const transitionName = computed(() => {\n      return props.actualVisible === undefined ? 'el-zoom-in-top' : ''\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    // method\n    const isValidValue = (_date: Dayjs) => {\n      const parsedDate = dayjs(_date).locale(lang.value)\n      const result = getRangeAvailableTime(parsedDate)\n      return parsedDate.isSame(result)\n    }\n    const handleCancel = () => {\n      ctx.emit('pick', oldValue.value, false)\n    }\n    const handleConfirm = (visible = false, first = false) => {\n      if (first) return\n      ctx.emit('pick', props.parsedValue, visible)\n    }\n    const handleChange = (_date: Dayjs) => {\n      // visible avoids edge cases, when use scrolls during panel closing animation\n      if (!props.visible) {\n        return\n      }\n      const result = getRangeAvailableTime(_date).millisecond(0)\n      ctx.emit('pick', result, true)\n    }\n\n    const setSelectionRange = (start, end) => {\n      ctx.emit('select-range', start, end)\n      selectionRange.value = [start, end]\n    }\n\n    const changeSelectionRange = (step: number) => {\n      const list = [0, 3].concat(showSeconds.value ? [6] : [])\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      timePickerOptions['start_emitSelectRange'](mapping[next])\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        timePickerOptions['start_scrollDown'](step)\n        event.preventDefault()\n        return\n      }\n    }\n\n    const getRangeAvailableTime = (date: Dayjs) => {\n      const availableMap = {\n        hour: getAvailableHours,\n        minute: getAvailableMinutes,\n        second: getAvailableSeconds,\n      }\n      let result = date\n      ;['hour', 'minute', 'second'].forEach((_) => {\n        if (availableMap[_]) {\n          let availableArr\n          const method = availableMap[_]\n          if (_ === 'minute') {\n            availableArr = method(result.hour(), props.datetimeRole)\n          } else if (_ === 'second') {\n            availableArr = method(\n              result.hour(),\n              result.minute(),\n              props.datetimeRole\n            )\n          } else {\n            availableArr = method(props.datetimeRole)\n          }\n          if (\n            availableArr &&\n            availableArr.length &&\n            !availableArr.includes(result[_]())\n          ) {\n            result = result[_](availableArr[0])\n          }\n        }\n      })\n      return result\n    }\n\n    const parseUserInput = (value: Dayjs) => {\n      if (!value) return null\n      return dayjs(value, props.format).locale(lang.value)\n    }\n\n    const formatToString = (value: Dayjs) => {\n      if (!value) return null\n      return value.format(props.format)\n    }\n\n    const getDefaultValue = () => {\n      return dayjs(defaultValue).locale(lang.value)\n    }\n\n    ctx.emit('set-picker-option', ['isValidValue', isValidValue])\n    ctx.emit('set-picker-option', ['formatToString', formatToString])\n    ctx.emit('set-picker-option', ['parseUserInput', parseUserInput])\n    ctx.emit('set-picker-option', ['handleKeydown', handleKeydown])\n    ctx.emit('set-picker-option', [\n      'getRangeAvailableTime',\n      getRangeAvailableTime,\n    ])\n    ctx.emit('set-picker-option', ['getDefaultValue', getDefaultValue])\n    const timePickerOptions = {} as any\n    const onSetOption = (e) => {\n      timePickerOptions[e[0]] = e[1]\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    const { getAvailableHours, getAvailableMinutes, getAvailableSeconds } =\n      getAvailableArrs(disabledHours, disabledMinutes, disabledSeconds)\n\n    return {\n      transitionName,\n      arrowControl,\n      onSetOption,\n      t,\n      handleConfirm,\n      handleChange,\n      setSelectionRange,\n      amPmMode,\n      showSeconds,\n      handleCancel,\n      disabledHours,\n      disabledMinutes,\n      disabledSeconds,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;EAEyC;;4CAoBD;;;;;;;;;YAnBlC;;;;;;;8BAQiB,EAAE;8BACF;;;;;;8BAMF,kBAAa;gCACX;;;YAGjB;;;gBAGI;;;;;;;;;;;;;"}

package/lib/components/time-picker/src/time-picker-com/panel-time-range.vue_vue_type_script_lang.js

@@ -1,253 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var dayjs = require('dayjs');
-var union = require('lodash/union');
-require('../../../../hooks/index.js');
-var aria = require('../../../../utils/aria.js');
-require('./basic-time-spinner.js');
-var useTimePicker = require('./useTimePicker.js');
-var basicTimeSpinner_vue_vue_type_script_lang = require('./basic-time-spinner.vue_vue_type_script_lang.js');
-var index = require('../../../../hooks/use-locale/index.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
-var union__default = /*#__PURE__*/_interopDefaultLegacy(union);
-
-const makeSelectRange = (start, end) => {
-  const result = [];
-  for (let i = start; i <= end; i++) {
-    result.push(i);
-  }
-  return result;
-};
-var script = vue.defineComponent({
-  components: { TimeSpinner: basicTimeSpinner_vue_vue_type_script_lang["default"] },
-  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 } = index.useLocale();
-    const minDate = vue.computed(() => props.parsedValue[0]);
-    const maxDate = vue.computed(() => props.parsedValue[1]);
-    const oldValue = useTimePicker.useOldValue(props);
-    const handleCancel = () => {
-      ctx.emit("pick", oldValue.value, null);
-    };
-    const showSeconds = vue.computed(() => {
-      return props.format.includes("ss");
-    });
-    const amPmMode = vue.computed(() => {
-      if (props.format.includes("A"))
-        return "A";
-      if (props.format.includes("a"))
-        return "a";
-      return "";
-    });
-    const minSelectableRange = vue.ref([]);
-    const maxSelectableRange = vue.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__default["default"](_).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 = vue.computed(() => {
-      return minDate.value > maxDate.value;
-    });
-    const selectionRange = vue.ref([0, 2]);
-    const setMinSelectionRange = (start, end) => {
-      ctx.emit("select-range", start, end, "min");
-      selectionRange.value = [start, end];
-    };
-    const offset = vue.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 === aria.EVENT_CODE.left || code === aria.EVENT_CODE.right) {
-        const step = code === aria.EVENT_CODE.left ? -1 : 1;
-        changeSelectionRange(step);
-        event.preventDefault();
-        return;
-      }
-      if (code === aria.EVENT_CODE.up || code === aria.EVENT_CODE.down) {
-        const step = code === aria.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__default["default"](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__default["default"](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__default["default"](defaultDisable, nextDisable);
-    };
-    const getRangeAvailableTime = (dates) => {
-      return dates.map((_, index) => getRangeAvailableTimeEach(dates[0], dates[1], index === 0 ? "start" : "end"));
-    };
-    const { getAvailableHours, getAvailableMinutes, getAvailableSeconds } = useTimePicker.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__default["default"](_, props.format).locale(lang.value));
-      }
-      return dayjs__default["default"](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__default["default"](_).locale(lang.value));
-      }
-      const defaultDay = dayjs__default["default"](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 = vue.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_
-    };
-  }
-});
-
-exports["default"] = script;
-//# sourceMappingURL=panel-time-range.vue_vue_type_script_lang.js.map

package/lib/components/time-picker/src/time-picker-com/panel-time-range.vue_vue_type_script_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"panel-time-range.vue_vue_type_script_lang.js","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":["defineComponent","TimeSpinner","computed","ref","EVENT_CODE","union"],"mappings":"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"}

package/lib/components/time-picker/src/time-picker-com/panel-time-range.vue_vue_type_template_id_57d94b44_lang.js

@@ -1,82 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('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 = vue.resolveComponent("time-spinner");
-  return _ctx.actualVisible ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-    vue.createElementVNode("div", _hoisted_2, [
-      vue.createElementVNode("div", _hoisted_3, [
-        vue.createElementVNode("div", _hoisted_4, vue.toDisplayString(_ctx.t("el.datepicker.startTime")), 1),
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass([{ "has-seconds": _ctx.showSeconds, "is-arrow": _ctx.arrowControl }, "el-time-range-picker__body el-time-panel__content"])
-        }, [
-          vue.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)
-      ]),
-      vue.createElementVNode("div", _hoisted_5, [
-        vue.createElementVNode("div", _hoisted_6, vue.toDisplayString(_ctx.t("el.datepicker.endTime")), 1),
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass([{ "has-seconds": _ctx.showSeconds, "is-arrow": _ctx.arrowControl }, "el-time-range-picker__body el-time-panel__content"])
-        }, [
-          vue.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)
-      ])
-    ]),
-    vue.createElementVNode("div", _hoisted_7, [
-      vue.createElementVNode("button", {
-        type: "button",
-        class: "el-time-panel__btn cancel",
-        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.handleCancel())
-      }, vue.toDisplayString(_ctx.t("el.datepicker.cancel")), 1),
-      vue.createElementVNode("button", {
-        type: "button",
-        class: "el-time-panel__btn confirm",
-        disabled: _ctx.btnConfirmDisabled,
-        onClick: _cache[1] || (_cache[1] = ($event) => _ctx.handleConfirm())
-      }, vue.toDisplayString(_ctx.t("el.datepicker.confirm")), 9, _hoisted_8)
-    ])
-  ])) : vue.createCommentVNode("v-if", true);
-}
-
-exports.render = render;
-//# sourceMappingURL=panel-time-range.vue_vue_type_template_id_57d94b44_lang.js.map