@element-plus/nightly 0.0.20241026 → 0.0.20241028

package/es/components/table-v2/src/composables/use-data.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-data.mjs","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":[],"mappings":";;AACY,MAAC,OAAO,GAAG,CAAC,KAAK,EAAE,EAAE,eAAe,EAAE,oBAAoB,EAAE,eAAe,EAAE,KAAK;AAC9F,EAAE,MAAM,QAAQ,GAAG,GAAG,CAAC,EAAE,CAAC,CAAC;AAC3B,EAAE,MAAM,aAAa,GAAG,QAAQ,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,GAAG,KAAK,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,GAAG,QAAQ,CAAC,MAAM;AAC9B,IAAI,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;AACnD,IAAI,OAAO,eAAe,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,KAAK,CAAC;AAC1D,GAAG,CAAC,CAAC;AACL,EAAE,KAAK,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.mjs","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":[],"mappings":";;;;AAEY,MAAC,OAAO,GAAG,CAAC,KAAK,EAAE,EAAE,eAAe,EAAE,oBAAoB,EAAE,eAAe,EAAE,KAAK;AAC9F,EAAE,MAAM,QAAQ,GAAG,GAAG,CAAC,EAAE,CAAC,CAAC;AAC3B,EAAE,MAAM,aAAa,GAAG,QAAQ,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,GAAG,KAAK,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,OAAO,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,GAAG,QAAQ,CAAC,MAAM;AAC9B,IAAI,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;AACnD,IAAI,OAAO,eAAe,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,KAAK,CAAC;AAC1D,GAAG,CAAC,CAAC;AACL,EAAE,KAAK,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/es/components/time-picker/index.mjs

@@ -4,7 +4,7 @@ export { default as CommonPicker } from './src/common/picker.mjs';
 export { default as TimePickPanel } from './src/time-picker-com/panel-time-pick.mjs';
 export { buildTimeList, dateEquals, extractDateFormat, extractTimeFormat, formatter, makeList, parseDate, rangeArr, valueEquals } from './src/utils.mjs';
 export { DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME, timeUnits } from './src/constants.mjs';
-export { timePickerDefaultProps } from './src/common/props.mjs';
+export { timePickerDefaultProps, timePickerRngeTriggerProps } from './src/common/props.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const ElTimePicker = withInstall(TimePicker);

package/es/components/time-picker/src/common/picker-range-trigger.mjs

@@ -0,0 +1,115 @@
+import { defineComponent, ref, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, renderSlot, createElementVNode, mergeProps } from 'vue';
+import '../../../../hooks/index.mjs';
+import { timePickerRngeTriggerProps } from './props.mjs';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
+import { useAttrs } from '../../../../hooks/use-attrs/index.mjs';
+import { useNamespace } from '../../../../hooks/use-namespace/index.mjs';
+import { useFocusController } from '../../../../hooks/use-focus-controller/index.mjs';
+
+const __default__ = defineComponent({
+  name: "PickerRangeTrigger",
+  inheritAttrs: false
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: timePickerRngeTriggerProps,
+  emits: [
+    "mouseenter",
+    "mouseleave",
+    "click",
+    "touchstart",
+    "focus",
+    "blur",
+    "startInput",
+    "endInput",
+    "startChange",
+    "endChange"
+  ],
+  setup(__props, { expose, emit }) {
+    const attrs = useAttrs();
+    const nsDate = useNamespace("date");
+    const nsRange = useNamespace("range");
+    const inputRef = ref();
+    const endInputRef = ref();
+    const { wrapperRef, isFocused } = 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 openBlock(), createElementBlock("div", {
+        ref_key: "wrapperRef",
+        ref: wrapperRef,
+        class: normalizeClass([unref(nsDate).is("active", unref(isFocused)), _ctx.$attrs.class]),
+        style: normalizeStyle(_ctx.$attrs.style),
+        onClick: handleClick,
+        onMouseenter: handleMouseEnter,
+        onMouseleave: handleMouseLeave,
+        onTouchstart: handleTouchStart
+      }, [
+        renderSlot(_ctx.$slots, "prefix"),
+        createElementVNode("input", mergeProps(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: unref(nsRange).b("input"),
+          onInput: handleStartInput,
+          onChange: handleStartChange
+        }), null, 16, ["id", "name", "placeholder", "value"]),
+        renderSlot(_ctx.$slots, "range-separator"),
+        createElementVNode("input", mergeProps(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: unref(nsRange).b("input"),
+          onInput: handleEndInput,
+          onChange: handleEndChange
+        }), null, 16, ["id", "name", "placeholder", "value"]),
+        renderSlot(_ctx.$slots, "suffix")
+      ], 38);
+    };
+  }
+});
+var PickerRangeTrigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "picker-range-trigger.vue"]]);
+
+export { PickerRangeTrigger as default };
+//# sourceMappingURL=picker-range-trigger.mjs.map

package/es/components/time-picker/src/common/picker-range-trigger.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"picker-range-trigger.mjs","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":[],"mappings":";;;;;;;;mCA2Cc,CAAA;AAAA,EACZ,IAAM,EAAA,oBAAA;AAAA,EACN,YAAc,EAAA,KAAA;AAChB,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;AAgBA,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,IAAM,MAAA,MAAA,GAAS,aAAa,MAAM,CAAA,CAAA;AAClC,IAAM,MAAA,OAAA,GAAU,aAAa,OAAO,CAAA,CAAA;AAEpC,IAAA,MAAM,WAAW,GAAsB,EAAA,CAAA;AACvC,IAAA,MAAM,cAAc,GAAsB,EAAA,CAAA;AAE1C,IAAA,MAAM,EAAE,UAAA,EAAY,SAAU,EAAA,GAAI,mBAAmB,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/es/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/es/components/time-picker/src/common/picker.mjs

@@ -1,6 +1,6 @@
-import { defineComponent, useAttrs, inject, ref, computed, watch, nextTick, unref, onBeforeUnmount, provide, openBlock, createBlock, mergeProps, withCtx, normalizeClass, normalizeStyle, withModifiers, resolveDynamicComponent, createCommentVNode, createElementBlock, createElementVNode, renderSlot, toDisplayString } from 'vue';
+import { defineComponent, useAttrs, inject, ref, computed, watch, nextTick, unref, onBeforeUnmount, provide, openBlock, createBlock, mergeProps, withCtx, normalizeClass, normalizeStyle, withModifiers, resolveDynamicComponent, createCommentVNode, renderSlot, createElementVNode, toDisplayString } from 'vue';
 import { isEqual } from 'lodash-unified';
-import { onClickOutside } from '@vueuse/core';
+import { onClickOutside, unrefElement } from '@vueuse/core';
 import '../../../../hooks/index.mjs';
 import '../../../form/index.mjs';
 import { ElInput } from '../../../input/index.mjs';
@@ -11,15 +11,17 @@ import '../../../../constants/index.mjs';
 import { Clock, Calendar } from '@element-plus/icons-vue';
 import { valueEquals, formatter, parseDate } from '../utils.mjs';
 import { timePickerDefaultProps } from './props.mjs';
+import PickerRangeTrigger from './picker-range-trigger.mjs';
 import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
 import { useLocale } from '../../../../hooks/use-locale/index.mjs';
 import { useNamespace } from '../../../../hooks/use-namespace/index.mjs';
 import { useFormItem } from '../../../form/src/hooks/use-form-item.mjs';
 import { useEmptyValues } from '../../../../hooks/use-empty-values/index.mjs';
+import { useFocusController } from '../../../../hooks/use-focus-controller/index.mjs';
 import { debugWarn } from '../../../../utils/error.mjs';
-import { isArray } from '@vue/shared';
-import { EVENT_CODE } from '../../../../constants/aria.mjs';
+import { isArray, NOOP } from '@vue/shared';
 import { useFormSize } from '../../../form/src/hooks/use-form-common-props.mjs';
+import { EVENT_CODE } from '../../../../constants/aria.mjs';
 
 const __default__ = defineComponent({
   name: "Picker"
@@ -54,7 +56,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const pickerActualVisible = ref(false);
     const valueOnOpen = ref(null);
     let hasJustTabExitedInput = false;
-    let ignoreFocusEvent = false;
+    const { isFocused, handleFocus, handleBlur } = 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) => debugWarn(err)));
+      }
+    });
     const rangeInputKls = computed(() => [
       nsDate.b("editor"),
       nsDate.bm("editor", props.type),
@@ -106,8 +125,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     const refInput = 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 [];
     });
@@ -123,16 +141,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         _inputs[1].focus();
       }
     };
-    const focusOnInputBox = () => {
-      focus(true, true);
-      nextTick(() => {
-        ignoreFocusEvent = false;
-      });
-    };
     const onPick = (date = "", visible = false) => {
-      if (!visible) {
-        ignoreFocusEvent = true;
-      }
       pickerVisible.value = visible;
       let result;
       if (isArray(date)) {
@@ -149,15 +158,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const onShow = () => {
       emit("visible-change", true);
     };
-    const onKeydownPopperContent = (event) => {
-      if ((event == null ? void 0 : event.key) === EVENT_CODE.esc) {
-        focus(true, true);
-      }
-    };
     const onHide = () => {
       pickerActualVisible.value = false;
       pickerVisible.value = false;
-      ignoreFocusEvent = false;
       emit("visible-change", false);
     };
     const handleOpen = () => {
@@ -166,45 +169,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const handleClose = () => {
       pickerVisible.value = false;
     };
-    const focus = (focusStartInput = true, isIgnoreFocusEvent = false) => {
-      ignoreFocusEvent = isIgnoreFocusEvent;
-      const [leftInput, rightInput] = 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) => debugWarn(err)));
-            }
-            hasJustTabExitedInput = false;
-          }
-        }, 0);
-      };
-      currentHandleBlurDeferCallback = handleBlurDefer;
-      handleBlurDefer();
-    };
     const pickerDisabled = computed(() => {
       return props.disabled || (form == null ? void 0 : form.disabled);
     });
@@ -268,7 +232,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return;
       if (showClose.value) {
         event.stopPropagation();
-        focusOnInputBox();
         if (pickerOptions.value.handleClear) {
           pickerOptions.value.handleClear();
         } else {
@@ -288,7 +251,7 @@ const _sfc_main = /* @__PURE__ */ 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;
       }
     };
@@ -306,7 +269,7 @@ const _sfc_main = /* @__PURE__ */ 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;
       }
     };
@@ -318,17 +281,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       var _a, _b;
       return (_b = (_a = unref(refPopper)) == null ? void 0 : _a.popperRef) == null ? void 0 : _b.contentRef;
     });
-    const actualInputRef = computed(() => {
-      var _a;
-      if (unref(isRangeInput)) {
-        return unref(inputRef);
-      }
-      return (_a = unref(inputRef)) == null ? void 0 : _a.$el;
-    });
-    const stophandle = onClickOutside(actualInputRef, (e) => {
+    const stophandle = onClickOutside(inputRef, (e) => {
       const unrefedPopperEl = unref(popperEl);
-      const inputEl = unref(actualInputRef);
-      if (unrefedPopperEl && (e.target === unrefedPopperEl || e.composedPath().includes(unrefedPopperEl)) || e.target === inputEl || e.composedPath().includes(inputEl))
+      const inputEl = unrefElement(inputRef);
+      if (unrefedPopperEl && (e.target === unrefedPopperEl || e.composedPath().includes(unrefedPopperEl)) || e.target === inputEl || inputEl && e.composedPath().includes(inputEl))
         return;
       pickerVisible.value = false;
     });
@@ -479,13 +435,20 @@ const _sfc_main = /* @__PURE__ */ 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();
+    };
     provide("EP_PICKER_BASE", {
       props
     });
     expose({
       focus,
-      handleFocusInput,
-      handleBlurInput,
+      blur,
       handleOpen,
       handleClose,
       onPick
@@ -533,8 +496,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             tabindex: _ctx.tabindex,
             "validate-event": false,
             onInput: onUserInput,
-            onFocus: handleFocusInput,
-            onBlur: handleBlurInput,
+            onFocus: unref(handleFocus),
+            onBlur: unref(handleBlur),
             onKeydown: handleKeydownInput,
             onChange: handleChange,
             onMousedown: onMouseDownInput,
@@ -561,84 +524,79 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               showClose.value && _ctx.clearIcon ? (openBlock(), createBlock(unref(ElIcon), {
                 key: 0,
                 class: normalizeClass(`${unref(nsInput).e("icon")} clear-icon`),
-                onClick: withModifiers(onClearIconClick, ["stop"])
+                onMousedown: withModifiers(unref(NOOP), ["prevent"]),
+                onClick: onClearIconClick
               }, {
                 default: withCtx(() => [
                   (openBlock(), createBlock(resolveDynamicComponent(_ctx.clearIcon)))
                 ]),
                 _: 1
-              }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true)
+              }, 8, ["class", "onMousedown"])) : createCommentVNode("v-if", true)
             ]),
             _: 1
-          }, 8, ["id", "model-value", "name", "size", "disabled", "placeholder", "class", "style", "readonly", "aria-label", "tabindex", "onKeydown", "onClick"])) : (openBlock(), createElementBlock("div", {
+          }, 8, ["id", "model-value", "name", "size", "disabled", "placeholder", "class", "style", "readonly", "aria-label", "tabindex", "onFocus", "onBlur", "onClick"])) : (openBlock(), createBlock(PickerRangeTrigger, {
             key: 1,
+            id: _ctx.id,
             ref_key: "inputRef",
             ref: inputRef,
+            "model-value": unref(displayValue),
+            name: _ctx.name,
+            disabled: unref(pickerDisabled),
+            readonly: !_ctx.editable || _ctx.readonly,
+            "start-placeholder": _ctx.startPlaceholder,
+            "end-placeholder": _ctx.endPlaceholder,
             class: normalizeClass(unref(rangeInputKls)),
             style: normalizeStyle(_ctx.$attrs.style),
-            onClick: handleFocusInput,
+            "aria-label": _ctx.ariaLabel,
+            tabindex: _ctx.tabindex,
+            autocomplete: "off",
+            role: "combobox",
+            onClick: onMouseDownInput,
+            onFocus: unref(handleFocus),
+            onBlur: unref(handleBlur),
+            onStartInput: handleStartInput,
+            onStartChange: handleStartChange,
+            onEndInput: handleEndInput,
+            onEndChange: handleEndChange,
+            onMousedown: onMouseDownInput,
             onMouseenter: onMouseEnter,
             onMouseleave: onMouseLeave,
             onTouchstartPassive: onTouchStartInput,
             onKeydown: handleKeydownInput
-          }, [
-            unref(triggerIcon) ? (openBlock(), createBlock(unref(ElIcon), {
-              key: 0,
-              class: normalizeClass([unref(nsInput).e("icon"), unref(nsRange).e("icon")]),
-              onMousedown: withModifiers(onMouseDownInput, ["prevent"]),
-              onTouchstartPassive: onTouchStartInput
-            }, {
-              default: withCtx(() => [
-                (openBlock(), createBlock(resolveDynamicComponent(unref(triggerIcon))))
-              ]),
-              _: 1
-            }, 8, ["class", "onMousedown"])) : createCommentVNode("v-if", true),
-            createElementVNode("input", {
-              id: _ctx.id && _ctx.id[0],
-              autocomplete: "off",
-              name: _ctx.name && _ctx.name[0],
-              placeholder: _ctx.startPlaceholder,
-              value: unref(displayValue) && unref(displayValue)[0],
-              disabled: unref(pickerDisabled),
-              readonly: !_ctx.editable || _ctx.readonly,
-              class: normalizeClass(unref(nsRange).b("input")),
-              onMousedown: onMouseDownInput,
-              onInput: handleStartInput,
-              onChange: handleStartChange,
-              onFocus: handleFocusInput,
-              onBlur: handleBlurInput
-            }, null, 42, ["id", "name", "placeholder", "value", "disabled", "readonly"]),
-            renderSlot(_ctx.$slots, "range-separator", {}, () => [
-              createElementVNode("span", {
-                class: normalizeClass(unref(nsRange).b("separator"))
-              }, toDisplayString(_ctx.rangeSeparator), 3)
+          }, {
+            prefix: withCtx(() => [
+              unref(triggerIcon) ? (openBlock(), createBlock(unref(ElIcon), {
+                key: 0,
+                class: normalizeClass([unref(nsInput).e("icon"), unref(nsRange).e("icon")])
+              }, {
+                default: withCtx(() => [
+                  (openBlock(), createBlock(resolveDynamicComponent(unref(triggerIcon))))
+                ]),
+                _: 1
+              }, 8, ["class"])) : createCommentVNode("v-if", true)
+            ]),
+            "range-separator": withCtx(() => [
+              renderSlot(_ctx.$slots, "range-separator", {}, () => [
+                createElementVNode("span", {
+                  class: normalizeClass(unref(nsRange).b("separator"))
+                }, toDisplayString(_ctx.rangeSeparator), 3)
+              ])
+            ]),
+            suffix: withCtx(() => [
+              _ctx.clearIcon ? (openBlock(), createBlock(unref(ElIcon), {
+                key: 0,
+                class: normalizeClass(unref(clearIconKls)),
+                onMousedown: withModifiers(unref(NOOP), ["prevent"]),
+                onClick: onClearIconClick
+              }, {
+                default: withCtx(() => [
+                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.clearIcon)))
+                ]),
+                _: 1
+              }, 8, ["class", "onMousedown"])) : createCommentVNode("v-if", true)
             ]),
-            createElementVNode("input", {
-              id: _ctx.id && _ctx.id[1],
-              autocomplete: "off",
-              name: _ctx.name && _ctx.name[1],
-              placeholder: _ctx.endPlaceholder,
-              value: unref(displayValue) && unref(displayValue)[1],
-              disabled: unref(pickerDisabled),
-              readonly: !_ctx.editable || _ctx.readonly,
-              class: normalizeClass(unref(nsRange).b("input")),
-              onMousedown: onMouseDownInput,
-              onFocus: handleFocusInput,
-              onBlur: handleBlurInput,
-              onInput: handleEndInput,
-              onChange: handleEndChange
-            }, null, 42, ["id", "name", "placeholder", "value", "disabled", "readonly"]),
-            _ctx.clearIcon ? (openBlock(), createBlock(unref(ElIcon), {
-              key: 1,
-              class: normalizeClass(unref(clearIconKls)),
-              onClick: onClearIconClick
-            }, {
-              default: withCtx(() => [
-                (openBlock(), createBlock(resolveDynamicComponent(_ctx.clearIcon)))
-              ]),
-              _: 1
-            }, 8, ["class"])) : 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: withCtx(() => [
           renderSlot(_ctx.$slots, "default", {
@@ -657,7 +615,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             onSetPickerOption,
             onCalendarChange,
             onPanelChange,
-            onKeydown: onKeydownPopperContent,
             onMousedown: withModifiers(() => {
             }, ["stop"])
           })