@element-plus/nightly 0.0.20241026 → 0.0.20241028

package/lib/components/table-v2/src/composables/use-data.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-data.js","sources":["../../../../../../../packages/components/table-v2/src/composables/use-data.ts"],"sourcesContent":["import { computed, ref, unref, watch } from 'vue'\n\nimport type { TableV2Props } from '../table'\nimport type { KeyType } from '../types'\nimport type { UseRowReturn } from './use-row'\n\ntype UseDataProps = {\n  expandedRowKeys: UseRowReturn['expandedRowKeys']\n  lastRenderedRowIndex: UseRowReturn['lastRenderedRowIndex']\n  resetAfterIndex: UseRowReturn['resetAfterIndex']\n}\n\nexport const useData = (\n  props: TableV2Props,\n  { expandedRowKeys, lastRenderedRowIndex, resetAfterIndex }: UseDataProps\n) => {\n  const depthMap = ref<Record<KeyType, number>>({})\n\n  const flattenedData = computed(() => {\n    const depths: Record<KeyType, number> = {}\n    const { data, rowKey } = props\n\n    const _expandedRowKeys = unref(expandedRowKeys)\n\n    if (!_expandedRowKeys || !_expandedRowKeys.length) return data\n\n    const array: any[] = []\n    const keysSet = new Set()\n    _expandedRowKeys.forEach((x) => keysSet.add(x))\n\n    let copy: any[] = data.slice()\n    copy.forEach((x) => (depths[x[rowKey]] = 0))\n    while (copy.length > 0) {\n      const item = copy.shift()!\n\n      array.push(item)\n      if (\n        keysSet.has(item[rowKey]) &&\n        Array.isArray(item.children) &&\n        item.children.length > 0\n      ) {\n        copy = [...item.children, ...copy]\n        item.children.forEach(\n          (child: any) => (depths[child[rowKey]] = depths[item[rowKey]] + 1)\n        )\n      }\n    }\n\n    depthMap.value = depths\n    return array\n  })\n\n  const data = computed(() => {\n    const { data, expandColumnKey } = props\n    return expandColumnKey ? unref(flattenedData) : data\n  })\n\n  watch(data, (val, prev) => {\n    if (val !== prev) {\n      lastRenderedRowIndex.value = -1\n      resetAfterIndex(0, true)\n    }\n  })\n\n  return {\n    data,\n    depthMap,\n  }\n}\n\nexport type UseDataReturn = ReturnType<typeof useData>\n"],"names":["ref","computed","unref","watch"],"mappings":";;;;;;AACY,MAAC,OAAO,GAAG,CAAC,KAAK,EAAE,EAAE,eAAe,EAAE,oBAAoB,EAAE,eAAe,EAAE,KAAK;AAC9F,EAAE,MAAM,QAAQ,GAAGA,OAAG,CAAC,EAAE,CAAC,CAAC;AAC3B,EAAE,MAAM,aAAa,GAAGC,YAAQ,CAAC,MAAM;AACvC,IAAI,MAAM,MAAM,GAAG,EAAE,CAAC;AACtB,IAAI,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;AAC1C,IAAI,MAAM,gBAAgB,GAAGC,SAAK,CAAC,eAAe,CAAC,CAAC;AACpD,IAAI,IAAI,CAAC,gBAAgB,IAAI,CAAC,gBAAgB,CAAC,MAAM;AACrD,MAAM,OAAO,KAAK,CAAC;AACnB,IAAI,MAAM,KAAK,GAAG,EAAE,CAAC;AACrB,IAAI,MAAM,OAAO,mBAAmB,IAAI,GAAG,EAAE,CAAC;AAC9C,IAAI,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AACpD,IAAI,IAAI,IAAI,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;AAC7B,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAC/C,IAAI,OAAO,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;AAC5B,MAAM,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;AAChC,MAAM,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACvB,MAAM,IAAI,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;AACjG,QAAQ,IAAI,GAAG,CAAC,GAAG,IAAI,CAAC,QAAQ,EAAE,GAAG,IAAI,CAAC,CAAC;AAC3C,QAAQ,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAC3F,OAAO;AACP,KAAK;AACL,IAAI,QAAQ,CAAC,KAAK,GAAG,MAAM,CAAC;AAC5B,IAAI,OAAO,KAAK,CAAC;AACjB,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,IAAI,GAAGD,YAAQ,CAAC,MAAM;AAC9B,IAAI,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;AACnD,IAAI,OAAO,eAAe,GAAGC,SAAK,CAAC,aAAa,CAAC,GAAG,KAAK,CAAC;AAC1D,GAAG,CAAC,CAAC;AACL,EAAEC,SAAK,CAAC,IAAI,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK;AAC7B,IAAI,IAAI,GAAG,KAAK,IAAI,EAAE;AACtB,MAAM,oBAAoB,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;AACtC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;AAC/B,KAAK;AACL,GAAG,CAAC,CAAC;AACL,EAAE,OAAO;AACT,IAAI,IAAI;AACR,IAAI,QAAQ;AACZ,GAAG,CAAC;AACJ;;;;"}
+{"version":3,"file":"use-data.js","sources":["../../../../../../../packages/components/table-v2/src/composables/use-data.ts"],"sourcesContent":["import { computed, ref, unref, watch } from 'vue'\nimport { isArray } from '@element-plus/utils'\n\nimport type { TableV2Props } from '../table'\nimport type { KeyType } from '../types'\nimport type { UseRowReturn } from './use-row'\n\ntype UseDataProps = {\n  expandedRowKeys: UseRowReturn['expandedRowKeys']\n  lastRenderedRowIndex: UseRowReturn['lastRenderedRowIndex']\n  resetAfterIndex: UseRowReturn['resetAfterIndex']\n}\n\nexport const useData = (\n  props: TableV2Props,\n  { expandedRowKeys, lastRenderedRowIndex, resetAfterIndex }: UseDataProps\n) => {\n  const depthMap = ref<Record<KeyType, number>>({})\n\n  const flattenedData = computed(() => {\n    const depths: Record<KeyType, number> = {}\n    const { data, rowKey } = props\n\n    const _expandedRowKeys = unref(expandedRowKeys)\n\n    if (!_expandedRowKeys || !_expandedRowKeys.length) return data\n\n    const array: any[] = []\n    const keysSet = new Set()\n    _expandedRowKeys.forEach((x) => keysSet.add(x))\n\n    let copy: any[] = data.slice()\n    copy.forEach((x) => (depths[x[rowKey]] = 0))\n    while (copy.length > 0) {\n      const item = copy.shift()!\n\n      array.push(item)\n      if (\n        keysSet.has(item[rowKey]) &&\n        isArray(item.children) &&\n        item.children.length > 0\n      ) {\n        copy = [...item.children, ...copy]\n        item.children.forEach(\n          (child: any) => (depths[child[rowKey]] = depths[item[rowKey]] + 1)\n        )\n      }\n    }\n\n    depthMap.value = depths\n    return array\n  })\n\n  const data = computed(() => {\n    const { data, expandColumnKey } = props\n    return expandColumnKey ? unref(flattenedData) : data\n  })\n\n  watch(data, (val, prev) => {\n    if (val !== prev) {\n      lastRenderedRowIndex.value = -1\n      resetAfterIndex(0, true)\n    }\n  })\n\n  return {\n    data,\n    depthMap,\n  }\n}\n\nexport type UseDataReturn = ReturnType<typeof useData>\n"],"names":["ref","computed","unref","isArray","watch"],"mappings":";;;;;;;;AAEY,MAAC,OAAO,GAAG,CAAC,KAAK,EAAE,EAAE,eAAe,EAAE,oBAAoB,EAAE,eAAe,EAAE,KAAK;AAC9F,EAAE,MAAM,QAAQ,GAAGA,OAAG,CAAC,EAAE,CAAC,CAAC;AAC3B,EAAE,MAAM,aAAa,GAAGC,YAAQ,CAAC,MAAM;AACvC,IAAI,MAAM,MAAM,GAAG,EAAE,CAAC;AACtB,IAAI,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;AAC1C,IAAI,MAAM,gBAAgB,GAAGC,SAAK,CAAC,eAAe,CAAC,CAAC;AACpD,IAAI,IAAI,CAAC,gBAAgB,IAAI,CAAC,gBAAgB,CAAC,MAAM;AACrD,MAAM,OAAO,KAAK,CAAC;AACnB,IAAI,MAAM,KAAK,GAAG,EAAE,CAAC;AACrB,IAAI,MAAM,OAAO,mBAAmB,IAAI,GAAG,EAAE,CAAC;AAC9C,IAAI,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AACpD,IAAI,IAAI,IAAI,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;AAC7B,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAC/C,IAAI,OAAO,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;AAC5B,MAAM,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;AAChC,MAAM,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACvB,MAAM,IAAI,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAIC,cAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;AAC3F,QAAQ,IAAI,GAAG,CAAC,GAAG,IAAI,CAAC,QAAQ,EAAE,GAAG,IAAI,CAAC,CAAC;AAC3C,QAAQ,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;AAC3F,OAAO;AACP,KAAK;AACL,IAAI,QAAQ,CAAC,KAAK,GAAG,MAAM,CAAC;AAC5B,IAAI,OAAO,KAAK,CAAC;AACjB,GAAG,CAAC,CAAC;AACL,EAAE,MAAM,IAAI,GAAGF,YAAQ,CAAC,MAAM;AAC9B,IAAI,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;AACnD,IAAI,OAAO,eAAe,GAAGC,SAAK,CAAC,aAAa,CAAC,GAAG,KAAK,CAAC;AAC1D,GAAG,CAAC,CAAC;AACL,EAAEE,SAAK,CAAC,IAAI,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK;AAC7B,IAAI,IAAI,GAAG,KAAK,IAAI,EAAE;AACtB,MAAM,oBAAoB,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;AACtC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;AAC/B,KAAK;AACL,GAAG,CAAC,CAAC;AACL,EAAE,OAAO;AACT,IAAI,IAAI;AACR,IAAI,QAAQ;AACZ,GAAG,CAAC;AACJ;;;;"}

package/lib/components/time-picker/index.js

@@ -29,6 +29,7 @@ exports.DEFAULT_FORMATS_DATEPICKER = constants.DEFAULT_FORMATS_DATEPICKER;
 exports.DEFAULT_FORMATS_TIME = constants.DEFAULT_FORMATS_TIME;
 exports.timeUnits = constants.timeUnits;
 exports.timePickerDefaultProps = props.timePickerDefaultProps;
+exports.timePickerRngeTriggerProps = props.timePickerRngeTriggerProps;
 exports.ElTimePicker = ElTimePicker;
 exports["default"] = ElTimePicker;
 //# sourceMappingURL=index.js.map

package/lib/components/time-picker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/components/time-picker/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils'\nimport TimePicker from './src/time-picker'\nimport CommonPicker from './src/common/picker.vue'\nimport TimePickPanel from './src/time-picker-com/panel-time-pick.vue'\n\nimport type { SFCWithInstall } from '@element-plus/utils'\n\nexport * from './src/utils'\nexport * from './src/constants'\nexport * from './src/common/props'\n\nexport const ElTimePicker: SFCWithInstall<typeof TimePicker> =\n  withInstall(TimePicker)\n\nexport { CommonPicker, TimePickPanel }\nexport default ElTimePicker\n"],"names":["withInstall","TimePicker"],"mappings":";;;;;;;;;;;;;AAOY,MAAC,YAAY,GAAGA,mBAAW,CAACC,qBAAU;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/time-picker/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils'\nimport TimePicker from './src/time-picker'\nimport CommonPicker from './src/common/picker.vue'\nimport TimePickPanel from './src/time-picker-com/panel-time-pick.vue'\n\nimport type { SFCWithInstall } from '@element-plus/utils'\n\nexport * from './src/utils'\nexport * from './src/constants'\nexport * from './src/common/props'\n\nexport const ElTimePicker: SFCWithInstall<typeof TimePicker> =\n  withInstall(TimePicker)\n\nexport { CommonPicker, TimePickPanel }\nexport default ElTimePicker\n"],"names":["withInstall","TimePicker"],"mappings":";;;;;;;;;;;;;AAOY,MAAC,YAAY,GAAGA,mBAAW,CAACC,qBAAU;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/time-picker/src/common/picker-range-trigger.js

@@ -0,0 +1,119 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('../../../../hooks/index.js');
+var props = require('./props.js');
+var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../../hooks/use-attrs/index.js');
+var index$1 = require('../../../../hooks/use-namespace/index.js');
+var index$2 = require('../../../../hooks/use-focus-controller/index.js');
+
+const __default__ = vue.defineComponent({
+  name: "PickerRangeTrigger",
+  inheritAttrs: false
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: props.timePickerRngeTriggerProps,
+  emits: [
+    "mouseenter",
+    "mouseleave",
+    "click",
+    "touchstart",
+    "focus",
+    "blur",
+    "startInput",
+    "endInput",
+    "startChange",
+    "endChange"
+  ],
+  setup(__props, { expose, emit }) {
+    const attrs = index.useAttrs();
+    const nsDate = index$1.useNamespace("date");
+    const nsRange = index$1.useNamespace("range");
+    const inputRef = vue.ref();
+    const endInputRef = vue.ref();
+    const { wrapperRef, isFocused } = index$2.useFocusController(inputRef);
+    const handleClick = (evt) => {
+      emit("click", evt);
+    };
+    const handleMouseEnter = (evt) => {
+      emit("mouseenter", evt);
+    };
+    const handleMouseLeave = (evt) => {
+      emit("mouseleave", evt);
+    };
+    const handleTouchStart = (evt) => {
+      emit("mouseenter", evt);
+    };
+    const handleStartInput = (evt) => {
+      emit("startInput", evt);
+    };
+    const handleEndInput = (evt) => {
+      emit("endInput", evt);
+    };
+    const handleStartChange = (evt) => {
+      emit("startChange", evt);
+    };
+    const handleEndChange = (evt) => {
+      emit("endChange", evt);
+    };
+    const focus = () => {
+      var _a;
+      (_a = inputRef.value) == null ? void 0 : _a.focus();
+    };
+    const blur = () => {
+      var _a, _b;
+      (_a = inputRef.value) == null ? void 0 : _a.blur();
+      (_b = endInputRef.value) == null ? void 0 : _b.blur();
+    };
+    expose({
+      focus,
+      blur
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        ref_key: "wrapperRef",
+        ref: wrapperRef,
+        class: vue.normalizeClass([vue.unref(nsDate).is("active", vue.unref(isFocused)), _ctx.$attrs.class]),
+        style: vue.normalizeStyle(_ctx.$attrs.style),
+        onClick: handleClick,
+        onMouseenter: handleMouseEnter,
+        onMouseleave: handleMouseLeave,
+        onTouchstart: handleTouchStart
+      }, [
+        vue.renderSlot(_ctx.$slots, "prefix"),
+        vue.createElementVNode("input", vue.mergeProps(vue.unref(attrs), {
+          id: _ctx.id && _ctx.id[0],
+          ref_key: "inputRef",
+          ref: inputRef,
+          name: _ctx.name && _ctx.name[0],
+          placeholder: _ctx.startPlaceholder,
+          value: _ctx.modelValue && _ctx.modelValue[0],
+          class: vue.unref(nsRange).b("input"),
+          onInput: handleStartInput,
+          onChange: handleStartChange
+        }), null, 16, ["id", "name", "placeholder", "value"]),
+        vue.renderSlot(_ctx.$slots, "range-separator"),
+        vue.createElementVNode("input", vue.mergeProps(vue.unref(attrs), {
+          id: _ctx.id && _ctx.id[1],
+          ref_key: "endInputRef",
+          ref: endInputRef,
+          name: _ctx.name && _ctx.name[1],
+          placeholder: _ctx.endPlaceholder,
+          value: _ctx.modelValue && _ctx.modelValue[1],
+          class: vue.unref(nsRange).b("input"),
+          onInput: handleEndInput,
+          onChange: handleEndChange
+        }), null, 16, ["id", "name", "placeholder", "value"]),
+        vue.renderSlot(_ctx.$slots, "suffix")
+      ], 38);
+    };
+  }
+});
+var PickerRangeTrigger = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "picker-range-trigger.vue"]]);
+
+exports["default"] = PickerRangeTrigger;
+//# sourceMappingURL=picker-range-trigger.js.map

package/lib/components/time-picker/src/common/picker-range-trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"picker-range-trigger.js","sources":["../../../../../../../packages/components/time-picker/src/common/picker-range-trigger.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"wrapperRef\"\n    :class=\"[nsDate.is('active', isFocused), $attrs.class]\"\n    :style=\"($attrs.style as any)\"\n    @click=\"handleClick\"\n    @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"handleMouseLeave\"\n    @touchstart=\"handleTouchStart\"\n  >\n    <slot name=\"prefix\" />\n    <input\n      v-bind=\"attrs\"\n      :id=\"id && id[0]\"\n      ref=\"inputRef\"\n      :name=\"name && name[0]\"\n      :placeholder=\"startPlaceholder\"\n      :value=\"modelValue && modelValue[0]\"\n      :class=\"nsRange.b('input')\"\n      @input=\"handleStartInput\"\n      @change=\"handleStartChange\"\n    />\n    <slot name=\"range-separator\" />\n    <input\n      v-bind=\"attrs\"\n      :id=\"id && id[1]\"\n      ref=\"endInputRef\"\n      :name=\"name && name[1]\"\n      :placeholder=\"endPlaceholder\"\n      :value=\"modelValue && modelValue[1]\"\n      :class=\"nsRange.b('input')\"\n      @input=\"handleEndInput\"\n      @change=\"handleEndChange\"\n    />\n    <slot name=\"suffix\" />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { ref } from 'vue'\nimport { useAttrs, useFocusController, useNamespace } from '@element-plus/hooks'\nimport { timePickerRngeTriggerProps } from './props'\n\ndefineOptions({\n  name: 'PickerRangeTrigger',\n  inheritAttrs: false,\n})\n\ndefineProps(timePickerRngeTriggerProps)\nconst emit = defineEmits([\n  'mouseenter',\n  'mouseleave',\n  'click',\n  'touchstart',\n  'focus',\n  'blur',\n  'startInput',\n  'endInput',\n  'startChange',\n  'endChange',\n])\n\nconst attrs = useAttrs()\nconst nsDate = useNamespace('date')\nconst nsRange = useNamespace('range')\n\nconst inputRef = ref<HTMLInputElement>()\nconst endInputRef = ref<HTMLInputElement>()\n\nconst { wrapperRef, isFocused } = useFocusController(inputRef)\n\nconst handleClick = (evt: MouseEvent) => {\n  emit('click', evt)\n}\n\nconst handleMouseEnter = (evt: MouseEvent) => {\n  emit('mouseenter', evt)\n}\n\nconst handleMouseLeave = (evt: MouseEvent) => {\n  emit('mouseleave', evt)\n}\n\nconst handleTouchStart = (evt: TouchEvent) => {\n  emit('mouseenter', evt)\n}\n\nconst handleStartInput = (evt: Event) => {\n  emit('startInput', evt)\n}\n\nconst handleEndInput = (evt: Event) => {\n  emit('endInput', evt)\n}\n\nconst handleStartChange = (evt: Event) => {\n  emit('startChange', evt)\n}\n\nconst handleEndChange = (evt: Event) => {\n  emit('endChange', evt)\n}\n\nconst focus = () => {\n  inputRef.value?.focus()\n}\n\nconst blur = () => {\n  inputRef.value?.blur()\n  endInputRef.value?.blur()\n}\n\ndefineExpose({\n  focus,\n  blur,\n})\n</script>\n"],"names":["useAttrs","useNamespace","ref","useFocusController"],"mappings":";;;;;;;;;;;;uCA2Cc,CAAA;AAAA,EACZ,IAAM,EAAA,oBAAA;AAAA,EACN,YAAc,EAAA,KAAA;AAChB,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;AAgBA,IAAA,MAAM,QAAQA,cAAS,EAAA,CAAA;AACvB,IAAM,MAAA,MAAA,GAASC,qBAAa,MAAM,CAAA,CAAA;AAClC,IAAM,MAAA,OAAA,GAAUA,qBAAa,OAAO,CAAA,CAAA;AAEpC,IAAA,MAAM,WAAWC,OAAsB,EAAA,CAAA;AACvC,IAAA,MAAM,cAAcA,OAAsB,EAAA,CAAA;AAE1C,IAAA,MAAM,EAAE,UAAA,EAAY,SAAU,EAAA,GAAIC,2BAAmB,QAAQ,CAAA,CAAA;AAE7D,IAAM,MAAA,WAAA,GAAc,CAAC,GAAoB,KAAA;AACvC,MAAA,IAAA,CAAK,SAAS,GAAG,CAAA,CAAA;AAAA,KACnB,CAAA;AAEA,IAAM,MAAA,gBAAA,GAAmB,CAAC,GAAoB,KAAA;AAC5C,MAAA,IAAA,CAAK,cAAc,GAAG,CAAA,CAAA;AAAA,KACxB,CAAA;AAEA,IAAM,MAAA,gBAAA,GAAmB,CAAC,GAAoB,KAAA;AAC5C,MAAA,IAAA,CAAK,cAAc,GAAG,CAAA,CAAA;AAAA,KACxB,CAAA;AAEA,IAAM,MAAA,gBAAA,GAAmB,CAAC,GAAoB,KAAA;AAC5C,MAAA,IAAA,CAAK,cAAc,GAAG,CAAA,CAAA;AAAA,KACxB,CAAA;AAEA,IAAM,MAAA,gBAAA,GAAmB,CAAC,GAAe,KAAA;AACvC,MAAA,IAAA,CAAK,cAAc,GAAG,CAAA,CAAA;AAAA,KACxB,CAAA;AAEA,IAAM,MAAA,cAAA,GAAiB,CAAC,GAAe,KAAA;AACrC,MAAA,IAAA,CAAK,YAAY,GAAG,CAAA,CAAA;AAAA,KACtB,CAAA;AAEA,IAAM,MAAA,iBAAA,GAAoB,CAAC,GAAe,KAAA;AACxC,MAAA,IAAA,CAAK,eAAe,GAAG,CAAA,CAAA;AAAA,KACzB,CAAA;AAEA,IAAM,MAAA,eAAA,GAAkB,CAAC,GAAe,KAAA;AACtC,MAAA,IAAA,CAAK,aAAa,GAAG,CAAA,CAAA;AAAA,KACvB,CAAA;AAEA,IAAA,MAAM,QAAQ,MAAM;AAClB,MAAA,IAAA,EAAA,CAAA;AAAsB,MACxB,CAAA,EAAA,GAAA,QAAA,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAA,EAAA,CAAA;AAEA,KAAA,CAAA;AACE,IAAA,MAAA,IAAA,SAAqB;AACrB,MAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AAAwB,MAC1B,CAAA,EAAA,GAAA,QAAA,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,EAAA,CAAA;AAEA,MAAa,CAAA,EAAA,GAAA,WAAA,CAAA,KAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,EAAA,CAAA;AAAA,KACX,CAAA;AAAA,IACA,MAAA,CAAA;AAAA,MACD,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/time-picker/src/common/picker-range-trigger.vue.d.ts

@@ -0,0 +1,78 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    readonly id: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly name: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly modelValue: {
+        readonly type: import("vue").PropType<import("../../../../utils").EpPropMergeType<(new (...args: any[]) => import("./props").UserInput & {}) | (() => import("./props").UserInput) | ((new (...args: any[]) => import("./props").UserInput & {}) | (() => import("./props").UserInput))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly startPlaceholder: StringConstructor;
+    readonly endPlaceholder: StringConstructor;
+}, {
+    focus: () => void;
+    blur: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+    blur: (...args: any[]) => void;
+    focus: (...args: any[]) => void;
+    mouseenter: (...args: any[]) => void;
+    mouseleave: (...args: any[]) => void;
+    touchstart: (...args: any[]) => void;
+    startInput: (...args: any[]) => void;
+    endInput: (...args: any[]) => void;
+    startChange: (...args: any[]) => void;
+    endChange: (...args: any[]) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly id: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly name: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly modelValue: {
+        readonly type: import("vue").PropType<import("../../../../utils").EpPropMergeType<(new (...args: any[]) => import("./props").UserInput & {}) | (() => import("./props").UserInput) | ((new (...args: any[]) => import("./props").UserInput & {}) | (() => import("./props").UserInput))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly startPlaceholder: StringConstructor;
+    readonly endPlaceholder: StringConstructor;
+}>> & {
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
+    onMouseenter?: ((...args: any[]) => any) | undefined;
+    onMouseleave?: ((...args: any[]) => any) | undefined;
+    onTouchstart?: ((...args: any[]) => any) | undefined;
+    onStartInput?: ((...args: any[]) => any) | undefined;
+    onEndInput?: ((...args: any[]) => any) | undefined;
+    onStartChange?: ((...args: any[]) => any) | undefined;
+    onEndChange?: ((...args: any[]) => any) | undefined;
+}, {}>, {
+    prefix?(_: {}): any;
+    "range-separator"?(_: {}): any;
+    suffix?(_: {}): any;
+}>;
+export default _default;
+declare type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/time-picker/src/common/picker.js

@@ -7,23 +7,25 @@ var lodashUnified = require('lodash-unified');
 var core = require('@vueuse/core');
 require('../../../../hooks/index.js');
 require('../../../form/index.js');
-var index$4 = require('../../../input/index.js');
-var index$5 = require('../../../icon/index.js');
-var index$3 = require('../../../tooltip/index.js');
+var index$5 = require('../../../input/index.js');
+var index$6 = require('../../../icon/index.js');
+var index$4 = require('../../../tooltip/index.js');
 require('../../../../utils/index.js');
 require('../../../../constants/index.js');
 var iconsVue = require('@element-plus/icons-vue');
 var utils = require('../utils.js');
 var props = require('./props.js');
+var pickerRangeTrigger = require('./picker-range-trigger.js');
 var pluginVue_exportHelper = require('../../../../_virtual/plugin-vue_export-helper.js');
 var index = require('../../../../hooks/use-locale/index.js');
 var index$1 = require('../../../../hooks/use-namespace/index.js');
 var useFormItem = require('../../../form/src/hooks/use-form-item.js');
 var index$2 = require('../../../../hooks/use-empty-values/index.js');
+var index$3 = require('../../../../hooks/use-focus-controller/index.js');
 var error = require('../../../../utils/error.js');
 var shared = require('@vue/shared');
-var aria = require('../../../../constants/aria.js');
 var useFormCommonProps = require('../../../form/src/hooks/use-form-common-props.js');
+var aria = require('../../../../constants/aria.js');
 
 const __default__ = vue.defineComponent({
   name: "Picker"
@@ -58,7 +60,24 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const pickerActualVisible = vue.ref(false);
     const valueOnOpen = vue.ref(null);
     let hasJustTabExitedInput = false;
-    let ignoreFocusEvent = false;
+    const { isFocused, handleFocus, handleBlur } = index$3.useFocusController(inputRef, {
+      beforeFocus() {
+        return !props.editable || props.readonly || pickerDisabled.value;
+      },
+      afterFocus() {
+        pickerVisible.value = true;
+      },
+      beforeBlur(event) {
+        var _a;
+        return !hasJustTabExitedInput && ((_a = refPopper.value) == null ? void 0 : _a.isFocusInsideContent(event));
+      },
+      afterBlur() {
+        handleChange();
+        pickerVisible.value = false;
+        hasJustTabExitedInput = false;
+        props.validateEvent && (formItem == null ? void 0 : formItem.validate("blur").catch((err) => error.debugWarn(err)));
+      }
+    });
     const rangeInputKls = vue.computed(() => [
       nsDate.b("editor"),
       nsDate.bm("editor", props.type),
@@ -110,8 +129,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
     const refInput = vue.computed(() => {
       if (inputRef.value) {
-        const _r = isRangeInput.value ? inputRef.value : inputRef.value.$el;
-        return Array.from(_r.querySelectorAll("input"));
+        return Array.from(inputRef.value.$el.querySelectorAll("input"));
       }
       return [];
     });
@@ -127,16 +145,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         _inputs[1].focus();
       }
     };
-    const focusOnInputBox = () => {
-      focus(true, true);
-      vue.nextTick(() => {
-        ignoreFocusEvent = false;
-      });
-    };
     const onPick = (date = "", visible = false) => {
-      if (!visible) {
-        ignoreFocusEvent = true;
-      }
       pickerVisible.value = visible;
       let result;
       if (shared.isArray(date)) {
@@ -153,15 +162,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const onShow = () => {
       emit("visible-change", true);
     };
-    const onKeydownPopperContent = (event) => {
-      if ((event == null ? void 0 : event.key) === aria.EVENT_CODE.esc) {
-        focus(true, true);
-      }
-    };
     const onHide = () => {
       pickerActualVisible.value = false;
       pickerVisible.value = false;
-      ignoreFocusEvent = false;
       emit("visible-change", false);
     };
     const handleOpen = () => {
@@ -170,45 +173,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const handleClose = () => {
       pickerVisible.value = false;
     };
-    const focus = (focusStartInput = true, isIgnoreFocusEvent = false) => {
-      ignoreFocusEvent = isIgnoreFocusEvent;
-      const [leftInput, rightInput] = vue.unref(refInput);
-      let input = leftInput;
-      if (!focusStartInput && isRangeInput.value) {
-        input = rightInput;
-      }
-      if (input) {
-        input.focus();
-      }
-    };
-    const handleFocusInput = (e) => {
-      if (props.readonly || pickerDisabled.value || pickerVisible.value || ignoreFocusEvent) {
-        return;
-      }
-      pickerVisible.value = true;
-      emit("focus", e);
-    };
-    let currentHandleBlurDeferCallback = void 0;
-    const handleBlurInput = (e) => {
-      const handleBlurDefer = async () => {
-        setTimeout(() => {
-          var _a;
-          if (currentHandleBlurDeferCallback === handleBlurDefer) {
-            if (!(((_a = refPopper.value) == null ? void 0 : _a.isFocusInsideContent()) && !hasJustTabExitedInput) && refInput.value.filter((input) => {
-              return input.contains(document.activeElement);
-            }).length === 0) {
-              handleChange();
-              pickerVisible.value = false;
-              emit("blur", e);
-              props.validateEvent && (formItem == null ? void 0 : formItem.validate("blur").catch((err) => error.debugWarn(err)));
-            }
-            hasJustTabExitedInput = false;
-          }
-        }, 0);
-      };
-      currentHandleBlurDeferCallback = handleBlurDefer;
-      handleBlurDefer();
-    };
     const pickerDisabled = vue.computed(() => {
       return props.disabled || (form == null ? void 0 : form.disabled);
     });
@@ -272,7 +236,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         return;
       if (showClose.value) {
         event.stopPropagation();
-        focusOnInputBox();
         if (pickerOptions.value.handleClear) {
           pickerOptions.value.handleClear();
         } else {
@@ -292,7 +255,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       var _a;
       if (props.readonly || pickerDisabled.value)
         return;
-      if (((_a = event.target) == null ? void 0 : _a.tagName) !== "INPUT" || refInput.value.includes(document.activeElement)) {
+      if (((_a = event.target) == null ? void 0 : _a.tagName) !== "INPUT" || isFocused.value) {
         pickerVisible.value = true;
       }
     };
@@ -310,7 +273,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       var _a;
       if (props.readonly || pickerDisabled.value)
         return;
-      if (((_a = event.touches[0].target) == null ? void 0 : _a.tagName) !== "INPUT" || refInput.value.includes(document.activeElement)) {
+      if (((_a = event.touches[0].target) == null ? void 0 : _a.tagName) !== "INPUT" || isFocused.value) {
         pickerVisible.value = true;
       }
     };
@@ -322,17 +285,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       var _a, _b;
       return (_b = (_a = vue.unref(refPopper)) == null ? void 0 : _a.popperRef) == null ? void 0 : _b.contentRef;
     });
-    const actualInputRef = vue.computed(() => {
-      var _a;
-      if (vue.unref(isRangeInput)) {
-        return vue.unref(inputRef);
-      }
-      return (_a = vue.unref(inputRef)) == null ? void 0 : _a.$el;
-    });
-    const stophandle = core.onClickOutside(actualInputRef, (e) => {
+    const stophandle = core.onClickOutside(inputRef, (e) => {
       const unrefedPopperEl = vue.unref(popperEl);
-      const inputEl = vue.unref(actualInputRef);
-      if (unrefedPopperEl && (e.target === unrefedPopperEl || e.composedPath().includes(unrefedPopperEl)) || e.target === inputEl || e.composedPath().includes(inputEl))
+      const inputEl = core.unrefElement(inputRef);
+      if (unrefedPopperEl && (e.target === unrefedPopperEl || e.composedPath().includes(unrefedPopperEl)) || e.target === inputEl || inputEl && e.composedPath().includes(inputEl))
         return;
       pickerVisible.value = false;
     });
@@ -483,19 +439,26 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const onPanelChange = (value, mode, view) => {
       emit("panel-change", value, mode, view);
     };
+    const focus = () => {
+      var _a;
+      (_a = inputRef.value) == null ? void 0 : _a.focus();
+    };
+    const blur = () => {
+      var _a;
+      (_a = inputRef.value) == null ? void 0 : _a.blur();
+    };
     vue.provide("EP_PICKER_BASE", {
       props
     });
     expose({
       focus,
-      handleFocusInput,
-      handleBlurInput,
+      blur,
       handleOpen,
       handleClose,
       onPick
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(index$3.ElTooltip), vue.mergeProps({
+      return vue.openBlock(), vue.createBlock(vue.unref(index$4.ElTooltip), vue.mergeProps({
         ref_key: "refPopper",
         ref: refPopper,
         visible: pickerVisible.value,
@@ -519,7 +482,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         onHide
       }), {
         default: vue.withCtx(() => [
-          !vue.unref(isRangeInput) ? (vue.openBlock(), vue.createBlock(vue.unref(index$4.ElInput), {
+          !vue.unref(isRangeInput) ? (vue.openBlock(), vue.createBlock(vue.unref(index$5.ElInput), {
             key: 0,
             id: _ctx.id,
             ref_key: "inputRef",
@@ -537,8 +500,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             tabindex: _ctx.tabindex,
             "validate-event": false,
             onInput: onUserInput,
-            onFocus: handleFocusInput,
-            onBlur: handleBlurInput,
+            onFocus: vue.unref(handleFocus),
+            onBlur: vue.unref(handleBlur),
             onKeydown: handleKeydownInput,
             onChange: handleChange,
             onMousedown: onMouseDownInput,
@@ -549,7 +512,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             }, ["stop"])
           }, {
             prefix: vue.withCtx(() => [
-              vue.unref(triggerIcon) ? (vue.openBlock(), vue.createBlock(vue.unref(index$5.ElIcon), {
+              vue.unref(triggerIcon) ? (vue.openBlock(), vue.createBlock(vue.unref(index$6.ElIcon), {
                 key: 0,
                 class: vue.normalizeClass(vue.unref(nsInput).e("icon")),
                 onMousedown: vue.withModifiers(onMouseDownInput, ["prevent"]),
@@ -562,87 +525,82 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               }, 8, ["class", "onMousedown"])) : vue.createCommentVNode("v-if", true)
             ]),
             suffix: vue.withCtx(() => [
-              showClose.value && _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(vue.unref(index$5.ElIcon), {
+              showClose.value && _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(vue.unref(index$6.ElIcon), {
                 key: 0,
                 class: vue.normalizeClass(`${vue.unref(nsInput).e("icon")} clear-icon`),
-                onClick: vue.withModifiers(onClearIconClick, ["stop"])
+                onMousedown: vue.withModifiers(vue.unref(shared.NOOP), ["prevent"]),
+                onClick: onClearIconClick
               }, {
                 default: vue.withCtx(() => [
                   (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.clearIcon)))
                 ]),
                 _: 1
-              }, 8, ["class", "onClick"])) : vue.createCommentVNode("v-if", true)
+              }, 8, ["class", "onMousedown"])) : vue.createCommentVNode("v-if", true)
             ]),
             _: 1
-          }, 8, ["id", "model-value", "name", "size", "disabled", "placeholder", "class", "style", "readonly", "aria-label", "tabindex", "onKeydown", "onClick"])) : (vue.openBlock(), vue.createElementBlock("div", {
+          }, 8, ["id", "model-value", "name", "size", "disabled", "placeholder", "class", "style", "readonly", "aria-label", "tabindex", "onFocus", "onBlur", "onClick"])) : (vue.openBlock(), vue.createBlock(pickerRangeTrigger["default"], {
             key: 1,
+            id: _ctx.id,
             ref_key: "inputRef",
             ref: inputRef,
+            "model-value": vue.unref(displayValue),
+            name: _ctx.name,
+            disabled: vue.unref(pickerDisabled),
+            readonly: !_ctx.editable || _ctx.readonly,
+            "start-placeholder": _ctx.startPlaceholder,
+            "end-placeholder": _ctx.endPlaceholder,
             class: vue.normalizeClass(vue.unref(rangeInputKls)),
             style: vue.normalizeStyle(_ctx.$attrs.style),
-            onClick: handleFocusInput,
+            "aria-label": _ctx.ariaLabel,
+            tabindex: _ctx.tabindex,
+            autocomplete: "off",
+            role: "combobox",
+            onClick: onMouseDownInput,
+            onFocus: vue.unref(handleFocus),
+            onBlur: vue.unref(handleBlur),
+            onStartInput: handleStartInput,
+            onStartChange: handleStartChange,
+            onEndInput: handleEndInput,
+            onEndChange: handleEndChange,
+            onMousedown: onMouseDownInput,
             onMouseenter: onMouseEnter,
             onMouseleave: onMouseLeave,
             onTouchstartPassive: onTouchStartInput,
             onKeydown: handleKeydownInput
-          }, [
-            vue.unref(triggerIcon) ? (vue.openBlock(), vue.createBlock(vue.unref(index$5.ElIcon), {
-              key: 0,
-              class: vue.normalizeClass([vue.unref(nsInput).e("icon"), vue.unref(nsRange).e("icon")]),
-              onMousedown: vue.withModifiers(onMouseDownInput, ["prevent"]),
-              onTouchstartPassive: onTouchStartInput
-            }, {
-              default: vue.withCtx(() => [
-                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(triggerIcon))))
-              ]),
-              _: 1
-            }, 8, ["class", "onMousedown"])) : vue.createCommentVNode("v-if", true),
-            vue.createElementVNode("input", {
-              id: _ctx.id && _ctx.id[0],
-              autocomplete: "off",
-              name: _ctx.name && _ctx.name[0],
-              placeholder: _ctx.startPlaceholder,
-              value: vue.unref(displayValue) && vue.unref(displayValue)[0],
-              disabled: vue.unref(pickerDisabled),
-              readonly: !_ctx.editable || _ctx.readonly,
-              class: vue.normalizeClass(vue.unref(nsRange).b("input")),
-              onMousedown: onMouseDownInput,
-              onInput: handleStartInput,
-              onChange: handleStartChange,
-              onFocus: handleFocusInput,
-              onBlur: handleBlurInput
-            }, null, 42, ["id", "name", "placeholder", "value", "disabled", "readonly"]),
-            vue.renderSlot(_ctx.$slots, "range-separator", {}, () => [
-              vue.createElementVNode("span", {
-                class: vue.normalizeClass(vue.unref(nsRange).b("separator"))
-              }, vue.toDisplayString(_ctx.rangeSeparator), 3)
+          }, {
+            prefix: vue.withCtx(() => [
+              vue.unref(triggerIcon) ? (vue.openBlock(), vue.createBlock(vue.unref(index$6.ElIcon), {
+                key: 0,
+                class: vue.normalizeClass([vue.unref(nsInput).e("icon"), vue.unref(nsRange).e("icon")])
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(triggerIcon))))
+                ]),
+                _: 1
+              }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
+            ]),
+            "range-separator": vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "range-separator", {}, () => [
+                vue.createElementVNode("span", {
+                  class: vue.normalizeClass(vue.unref(nsRange).b("separator"))
+                }, vue.toDisplayString(_ctx.rangeSeparator), 3)
+              ])
+            ]),
+            suffix: vue.withCtx(() => [
+              _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(vue.unref(index$6.ElIcon), {
+                key: 0,
+                class: vue.normalizeClass(vue.unref(clearIconKls)),
+                onMousedown: vue.withModifiers(vue.unref(shared.NOOP), ["prevent"]),
+                onClick: onClearIconClick
+              }, {
+                default: vue.withCtx(() => [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.clearIcon)))
+                ]),
+                _: 1
+              }, 8, ["class", "onMousedown"])) : vue.createCommentVNode("v-if", true)
             ]),
-            vue.createElementVNode("input", {
-              id: _ctx.id && _ctx.id[1],
-              autocomplete: "off",
-              name: _ctx.name && _ctx.name[1],
-              placeholder: _ctx.endPlaceholder,
-              value: vue.unref(displayValue) && vue.unref(displayValue)[1],
-              disabled: vue.unref(pickerDisabled),
-              readonly: !_ctx.editable || _ctx.readonly,
-              class: vue.normalizeClass(vue.unref(nsRange).b("input")),
-              onMousedown: onMouseDownInput,
-              onFocus: handleFocusInput,
-              onBlur: handleBlurInput,
-              onInput: handleEndInput,
-              onChange: handleEndChange
-            }, null, 42, ["id", "name", "placeholder", "value", "disabled", "readonly"]),
-            _ctx.clearIcon ? (vue.openBlock(), vue.createBlock(vue.unref(index$5.ElIcon), {
-              key: 1,
-              class: vue.normalizeClass(vue.unref(clearIconKls)),
-              onClick: onClearIconClick
-            }, {
-              default: vue.withCtx(() => [
-                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.clearIcon)))
-              ]),
-              _: 1
-            }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
-          ], 38))
+            _: 3
+          }, 8, ["id", "model-value", "name", "disabled", "readonly", "start-placeholder", "end-placeholder", "class", "style", "aria-label", "tabindex", "onFocus", "onBlur"]))
         ]),
         content: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default", {
@@ -661,7 +619,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             onSetPickerOption,
             onCalendarChange,
             onPanelChange,
-            onKeydown: onKeydownPopperContent,
             onMousedown: vue.withModifiers(() => {
             }, ["stop"])
           })