@element-plus/nightly 0.0.20260525 → 0.0.20260526

package/lib/components/tabs/src/tab-nav.js

@@ -11,6 +11,7 @@ const require_index$1 = require("../../icon/index.js");
 const require_use_wheel = require("../../virtual-list/src/hooks/use-wheel.js");
 const require_constants = require("./constants.js");
 const require_tab_bar = require("./tab-bar2.js");
+const require_use_tab_nav_touch = require("./composables/use-tab-nav-touch.js");
 let _vueuse_core = require("@vueuse/core");
 let lodash_unified = require("lodash-unified");
 let _element_plus_icons_vue = require("@element-plus/icons-vue");
@@ -75,7 +76,7 @@ const TabNav = /* @__PURE__ */ (0, vue.defineComponent)({
 		const navStyle = (0, vue.computed)(() => {
 			const dir = sizeName.value === "width" ? "X" : "Y";
 			return {
-				transition: isWheelScrolling.value ? "none" : void 0,
+				transition: isWheelScrolling.value || isTouchScrolling.value ? "none" : void 0,
 				transform: `translate${dir}(-${navOffset.value}px)`
 			};
 		});
@@ -100,6 +101,13 @@ const TabNav = /* @__PURE__ */ (0, vue.defineComponent)({
 				isWheelScrolling.value = false;
 			});
 		};
+		const { isTouchScrolling, handleTouchStart, handleTouchMove, handleTouchEnd } = require_use_tab_nav_touch.useTabNavTouch({
+			scrollable,
+			navOffset,
+			navSize,
+			navContainerSize,
+			isHorizontal
+		});
 		const scrollPrev = () => {
 			if (!navScroll$.value) return;
 			const containerSize = navScroll$.value.getBoundingClientRect()[sizeName.value];
@@ -279,7 +287,11 @@ const TabNav = /* @__PURE__ */ (0, vue.defineComponent)({
 				"style": navStyle.value,
 				"role": "tablist",
 				"onKeydown": changeTab,
-				"onWheel": handleWheel
+				"onWheel": handleWheel,
+				"onTouchstart": handleTouchStart,
+				"onTouchmove": handleTouchMove,
+				"onTouchend": handleTouchEnd,
+				"onTouchcancel": handleTouchEnd
 			}, [...[!props.type ? (0, vue.createVNode)(require_tab_bar.default, {
 				"ref": tabBarRef,
 				"tabs": [...props.panes],

package/lib/components/tabs/src/tab-nav.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab-nav.js","names":["computed","defineComponent","inject","nextTick","onMounted","onUpdated","ref","shallowRef","triggerRef","watch","createVNode","_createVNode","useDocumentVisibility","useElementSize","useResizeObserver","useWindowFocus","buildProps","definePropType","getEventCode","isGreaterThan","mutable","rAF","throwError","EVENT_CODE","ElIcon","ArrowLeft","ArrowRight","Close","useNamespace","useWheel","clamp","TabBar","tabsRootContextKey","tabNavProps","panes","type","Array","default","currentName","String","Number","editable","Boolean","values","stretch","tabindex","undefined","tabNavEmits","tabClick","tab","tabName","ev","Event","tabRemove","COMPONENT_NAME","TabNav","name","props","emits","setup","expose","emit","rootTabs","ns","visibility","focused","navScroll$","nav$","el$","tabRefsMap","tabBarRef","scrollable","navOffset","isFocus","focusable","isWheelScrolling","tracker","isHorizontal","includes","tabPosition","sizeName","value","navStyle","dir","transition","transform","width","navContainerWidth","height","navContainerHeight","navWidth","navHeight","box","navContainerSize","navSize","onWheel","atStartEdge","atEndEdge","layout","offset","handleWheel","event","scrollPrev","containerSize","getBoundingClientRect","currentOffset","newOffset","scrollNext","scrollToActiveTab","nav","activeTab","navScroll","activeTabBounding","navScrollBounding","navScrollLeft","left","navScrollRight","right","navBounding","maxOffset","top","bottom","Math","max","min","update","prev","next","changeTab","code","step","up","down","tabList","from","currentTarget","querySelectorAll","currentIndex","indexOf","target","nextIndex","length","focus","preventScroll","click","setFocus","removeFocus","setRefs","el","key","focusActiveTab","setTimeout","tabListRef","scheduleRender","scrollBtn","e","is","tabs","map","pane","index","uid","disabled","closable","isClosable","btnClose","tabLabelContent","slots","label","active","onFocus","onBlur","delete","backspace"],"sources":["../../../../../../packages/components/tabs/src/tab-nav.tsx"],"sourcesContent":["import {\n  computed,\n  defineComponent,\n  inject,\n  nextTick,\n  onMounted,\n  onUpdated,\n  ref,\n  shallowRef,\n  triggerRef,\n  watch,\n} from 'vue'\nimport {\n  useDocumentVisibility,\n  useElementSize,\n  useResizeObserver,\n  useWindowFocus,\n} from '@vueuse/core'\nimport {\n  buildProps,\n  definePropType,\n  getEventCode,\n  isGreaterThan,\n  mutable,\n  rAF,\n  throwError,\n} from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { ArrowLeft, ArrowRight, Close } from '@element-plus/icons-vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport useWheel from '@element-plus/components/virtual-list/src/hooks/use-wheel'\nimport { clamp } from 'lodash-unified'\nimport TabBar from './tab-bar.vue'\nimport { tabsRootContextKey } from './constants'\n\nimport type {\n  CSSProperties,\n  ComponentPublicInstance,\n  ExtractPropTypes,\n  ExtractPublicPropTypes,\n} from 'vue'\nimport type { TabBarInstance } from './tab-bar'\nimport type { TabPaneName, TabsPaneContext } from './constants'\n\ninterface Scrollable {\n  next?: boolean\n  prev?: number\n}\n\nexport const tabNavProps = buildProps({\n  panes: {\n    type: definePropType<TabsPaneContext[]>(Array),\n    default: () => mutable([] as const),\n  },\n  currentName: {\n    type: [String, Number],\n    default: '',\n  },\n  editable: Boolean,\n  type: {\n    type: String,\n    values: ['card', 'border-card', ''],\n    default: '',\n  },\n  stretch: Boolean,\n  /**\n   * @description tab-nav tabindex\n   */\n  tabindex: {\n    type: [String, Number],\n    default: undefined,\n  },\n} as const)\n\nexport const tabNavEmits = {\n  tabClick: (tab: TabsPaneContext, tabName: TabPaneName, ev: Event) =>\n    ev instanceof Event,\n  tabRemove: (tab: TabsPaneContext, ev: Event) => ev instanceof Event,\n}\n\nexport type TabNavProps = ExtractPropTypes<typeof tabNavProps>\nexport type TabNavPropsPublic = ExtractPublicPropTypes<typeof tabNavProps>\nexport type TabNavEmits = typeof tabNavEmits\n\nconst COMPONENT_NAME = 'ElTabNav'\nconst TabNav = defineComponent({\n  name: COMPONENT_NAME,\n  props: tabNavProps,\n  emits: tabNavEmits,\n  setup(props, { expose, emit }) {\n    const rootTabs = inject(tabsRootContextKey)\n    if (!rootTabs) throwError(COMPONENT_NAME, `<el-tabs><tab-nav /></el-tabs>`)\n\n    const ns = useNamespace('tabs')\n    const visibility = useDocumentVisibility()\n    const focused = useWindowFocus()\n\n    const navScroll$ = ref<HTMLDivElement>()\n    const nav$ = ref<HTMLDivElement>()\n    const el$ = ref<HTMLDivElement>()\n    const tabRefsMap = ref<{ [key: TabPaneName]: HTMLDivElement }>({})\n\n    const tabBarRef = ref<TabBarInstance>()\n\n    const scrollable = ref<false | Scrollable>(false)\n    const navOffset = ref(0)\n    const isFocus = ref(false)\n    const focusable = ref(true)\n    const isWheelScrolling = ref(false)\n    const tracker = shallowRef()\n\n    const isHorizontal = computed(() =>\n      ['top', 'bottom'].includes(rootTabs.props.tabPosition)\n    )\n\n    const sizeName = computed(() => (isHorizontal.value ? 'width' : 'height'))\n    const navStyle = computed<CSSProperties>(() => {\n      const dir = sizeName.value === 'width' ? 'X' : 'Y'\n      return {\n        transition: isWheelScrolling.value ? 'none' : undefined,\n        transform: `translate${dir}(-${navOffset.value}px)`,\n      }\n    })\n\n    const { width: navContainerWidth, height: navContainerHeight } =\n      useElementSize(navScroll$)\n    const { width: navWidth, height: navHeight } = useElementSize(\n      nav$,\n      { width: 0, height: 0 },\n      { box: 'border-box' }\n    )\n\n    const navContainerSize = computed(() =>\n      isHorizontal.value ? navContainerWidth.value : navContainerHeight.value\n    )\n    const navSize = computed(() =>\n      isHorizontal.value ? navWidth.value : navHeight.value\n    )\n\n    const { onWheel } = useWheel(\n      {\n        atStartEdge: computed(() => navOffset.value <= 0),\n        atEndEdge: computed(\n          () => navSize.value - navOffset.value <= navContainerSize.value\n        ),\n        layout: computed(() =>\n          isHorizontal.value ? 'horizontal' : 'vertical'\n        ),\n      },\n      (offset) => {\n        navOffset.value = clamp(\n          navOffset.value + offset,\n          0,\n          navSize.value - navContainerSize.value\n        )\n      }\n    )\n\n    const handleWheel = (event: WheelEvent) => {\n      isWheelScrolling.value = true\n      onWheel(event)\n      rAF(() => {\n        isWheelScrolling.value = false\n      })\n    }\n\n    const scrollPrev = () => {\n      if (!navScroll$.value) return\n\n      const containerSize =\n        navScroll$.value.getBoundingClientRect()[sizeName.value]\n      const currentOffset = navOffset.value\n\n      if (!currentOffset) return\n\n      const newOffset =\n        currentOffset > containerSize ? currentOffset - containerSize : 0\n\n      navOffset.value = newOffset\n    }\n\n    const scrollNext = () => {\n      if (!navScroll$.value || !nav$.value) return\n\n      const navSize = nav$.value.getBoundingClientRect()[sizeName.value]\n      const containerSize =\n        navScroll$.value.getBoundingClientRect()[sizeName.value]\n      const currentOffset = navOffset.value\n\n      if (!isGreaterThan(navSize - currentOffset, containerSize)) return\n\n      const newOffset =\n        navSize - currentOffset > containerSize * 2\n          ? currentOffset + containerSize\n          : navSize - containerSize\n\n      navOffset.value = newOffset\n    }\n\n    const scrollToActiveTab = async () => {\n      const nav = nav$.value\n      if (!scrollable.value || !el$.value || !navScroll$.value || !nav) return\n\n      await nextTick()\n\n      const activeTab = tabRefsMap.value[props.currentName]\n      if (!activeTab) return\n\n      const navScroll = navScroll$.value\n\n      const activeTabBounding = activeTab.getBoundingClientRect()\n      const navScrollBounding = navScroll.getBoundingClientRect()\n      // nav has a 1px border width\n      const navScrollLeft = navScrollBounding.left + 1\n      const navScrollRight = navScrollBounding.right - 1\n      const navBounding = nav.getBoundingClientRect()\n      const maxOffset = isHorizontal.value\n        ? navBounding.width - navScrollBounding.width\n        : navBounding.height - navScrollBounding.height\n      const currentOffset = navOffset.value\n      let newOffset = currentOffset\n\n      if (isHorizontal.value) {\n        if (activeTabBounding.left < navScrollLeft) {\n          newOffset = currentOffset - (navScrollLeft - activeTabBounding.left)\n        }\n        if (activeTabBounding.right > navScrollRight) {\n          newOffset = currentOffset + activeTabBounding.right - navScrollRight\n        }\n      } else {\n        if (activeTabBounding.top < navScrollBounding.top) {\n          newOffset =\n            currentOffset - (navScrollBounding.top - activeTabBounding.top)\n        }\n        if (activeTabBounding.bottom > navScrollBounding.bottom) {\n          newOffset =\n            currentOffset +\n            (activeTabBounding.bottom - navScrollBounding.bottom)\n        }\n      }\n      newOffset = Math.max(newOffset, 0)\n      navOffset.value = Math.min(newOffset, maxOffset)\n    }\n\n    const update = () => {\n      if (!nav$.value || !navScroll$.value) return\n\n      props.stretch && tabBarRef.value?.update()\n\n      const navSize = nav$.value.getBoundingClientRect()[sizeName.value]\n      const containerSize =\n        navScroll$.value.getBoundingClientRect()[sizeName.value]\n      const currentOffset = navOffset.value\n\n      if (containerSize < navSize) {\n        scrollable.value = scrollable.value || {}\n        scrollable.value.prev = currentOffset\n        scrollable.value.next = isGreaterThan(\n          navSize,\n          currentOffset + containerSize\n        )\n        if (isGreaterThan(containerSize, navSize - currentOffset)) {\n          navOffset.value = navSize - containerSize\n        }\n      } else {\n        scrollable.value = false\n        if (currentOffset > 0) {\n          navOffset.value = 0\n        }\n      }\n    }\n\n    const changeTab = (event: KeyboardEvent) => {\n      const code = getEventCode(event)\n      let step = 0\n\n      switch (code) {\n        case EVENT_CODE.left:\n        case EVENT_CODE.up:\n          step = -1\n          break\n        case EVENT_CODE.right:\n        case EVENT_CODE.down:\n          step = 1\n          break\n        default:\n          return\n      }\n\n      const tabList = Array.from(\n        (\n          event.currentTarget as HTMLDivElement\n        ).querySelectorAll<HTMLDivElement>('[role=tab]:not(.is-disabled)')\n      )\n      const currentIndex = tabList.indexOf(event.target as HTMLDivElement)\n      let nextIndex = currentIndex + step\n\n      if (nextIndex < 0) {\n        nextIndex = tabList.length - 1\n      } else if (nextIndex >= tabList.length) {\n        nextIndex = 0\n      }\n\n      tabList[nextIndex].focus({ preventScroll: true }) // 改变焦点元素\n      tabList[nextIndex].click() // 选中下一个tab\n      setFocus()\n    }\n\n    const setFocus = () => {\n      if (focusable.value) isFocus.value = true\n    }\n    const removeFocus = () => (isFocus.value = false)\n\n    const setRefs = (\n      el: Element | ComponentPublicInstance | null,\n      key: TabPaneName\n    ) => {\n      tabRefsMap.value[key] = el as HTMLDivElement\n    }\n\n    const focusActiveTab = async () => {\n      await nextTick()\n\n      const activeTab = tabRefsMap.value[props.currentName]\n      activeTab?.focus({ preventScroll: true })\n    }\n\n    watch(visibility, (visibility) => {\n      if (visibility === 'hidden') {\n        focusable.value = false\n      } else if (visibility === 'visible') {\n        setTimeout(() => (focusable.value = true), 50)\n      }\n    })\n    watch(focused, (focused) => {\n      if (focused) {\n        setTimeout(() => (focusable.value = true), 50)\n      } else {\n        focusable.value = false\n      }\n    })\n\n    useResizeObserver(el$, () => {\n      rAF(update)\n    })\n\n    onMounted(() => setTimeout(() => scrollToActiveTab(), 0))\n    onUpdated(() => update())\n\n    expose({\n      scrollToActiveTab,\n      removeFocus,\n      focusActiveTab,\n      tabListRef: nav$,\n      tabBarRef,\n      scheduleRender: () => triggerRef(tracker),\n    })\n\n    return () => {\n      const scrollBtn = scrollable.value\n        ? [\n            <span\n              class={[\n                ns.e('nav-prev'),\n                ns.is('disabled', !scrollable.value.prev),\n              ]}\n              onClick={scrollPrev}\n            >\n              <ElIcon>\n                <ArrowLeft />\n              </ElIcon>\n            </span>,\n            <span\n              class={[\n                ns.e('nav-next'),\n                ns.is('disabled', !scrollable.value.next),\n              ]}\n              onClick={scrollNext}\n            >\n              <ElIcon>\n                <ArrowRight />\n              </ElIcon>\n            </span>,\n          ]\n        : null\n\n      const tabs = props.panes.map((pane, index) => {\n        const uid = pane.uid\n        const disabled = pane.props.disabled\n        const tabName = pane.props.name ?? pane.index ?? `${index}`\n        const closable =\n          !disabled &&\n          (pane.isClosable || (pane.props.closable !== false && props.editable))\n        pane.index = `${index}`\n\n        const btnClose = closable ? (\n          <ElIcon\n            class=\"is-icon-close\"\n            // `onClick` not exist when generate dts\n\n            // @ts-ignore\n            onClick={(ev: MouseEvent) => emit('tabRemove', pane, ev)}\n          >\n            <Close />\n          </ElIcon>\n        ) : null\n\n        const tabLabelContent = pane.slots.label?.() || pane.props.label\n        const tabindex =\n          !disabled && pane.active\n            ? (props.tabindex ?? rootTabs.props.tabindex)\n            : -1\n\n        return (\n          <div\n            ref={(el) => setRefs(el, tabName)}\n            class={[\n              ns.e('item'),\n              ns.is(rootTabs.props.tabPosition),\n              ns.is('active', pane.active),\n              ns.is('disabled', disabled),\n              ns.is('closable', closable),\n              ns.is('focus', isFocus.value),\n            ]}\n            id={`tab-${tabName}`}\n            key={`tab-${uid}`}\n            aria-controls={`pane-${tabName}`}\n            role=\"tab\"\n            aria-selected={pane.active}\n            tabindex={tabindex}\n            onFocus={() => setFocus()}\n            onBlur={() => removeFocus()}\n            onClick={(ev: MouseEvent) => {\n              removeFocus()\n              emit('tabClick', pane, tabName, ev)\n            }}\n            onKeydown={(ev: KeyboardEvent) => {\n              const code = getEventCode(ev)\n              if (\n                closable &&\n                (code === EVENT_CODE.delete || code === EVENT_CODE.backspace)\n              ) {\n                emit('tabRemove', pane, ev)\n              }\n            }}\n          >\n            {...[tabLabelContent, btnClose]}\n          </div>\n        )\n      })\n\n      // By tracking the value property, we can schedule a job to re-render `TabNav` when needed.\n      // Unlike `instance.update`, the scheduler ensures the job is queued only once even if we trigger it multiple times.\n      tracker.value\n\n      return (\n        <div\n          ref={el$}\n          class={[\n            ns.e('nav-wrap'),\n            ns.is('scrollable', !!scrollable.value),\n            ns.is(rootTabs.props.tabPosition),\n          ]}\n        >\n          {scrollBtn}\n          <div class={ns.e('nav-scroll')} ref={navScroll$}>\n            {props.panes.length > 0 ? (\n              <div\n                class={[\n                  ns.e('nav'),\n                  ns.is(rootTabs.props.tabPosition),\n                  ns.is(\n                    'stretch',\n                    props.stretch &&\n                      ['top', 'bottom'].includes(rootTabs.props.tabPosition)\n                  ),\n                ]}\n                ref={nav$}\n                style={navStyle.value}\n                role=\"tablist\"\n                onKeydown={changeTab}\n                onWheel={handleWheel}\n              >\n                {...[\n                  !props.type ? (\n                    <TabBar\n                      ref={tabBarRef}\n                      tabs={[...props.panes]}\n                      tabRefs={tabRefsMap.value}\n                    />\n                  ) : null,\n                  tabs,\n                ]}\n              </div>\n            ) : null}\n          </div>\n        </div>\n      )\n    }\n  },\n})\n\nexport type TabNavInstance = InstanceType<typeof TabNav> & {\n  scrollToActiveTab: () => Promise<void>\n  removeFocus: () => void\n  focusActiveTab: () => void\n  scheduleRender: () => void\n  tabListRef: HTMLDivElement | undefined\n  tabBarRef: TabBarInstance | undefined\n}\n\nexport default TabNav\n"],"mappings":"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"}
+{"version":3,"file":"tab-nav.js","names":["computed","defineComponent","inject","nextTick","onMounted","onUpdated","ref","shallowRef","triggerRef","watch","createVNode","_createVNode","useDocumentVisibility","useElementSize","useResizeObserver","useWindowFocus","buildProps","definePropType","getEventCode","isGreaterThan","mutable","rAF","throwError","EVENT_CODE","ElIcon","ArrowLeft","ArrowRight","Close","useNamespace","useWheel","clamp","TabBar","tabsRootContextKey","useTabNavTouch","tabNavProps","panes","type","Array","default","currentName","String","Number","editable","Boolean","values","stretch","tabindex","undefined","tabNavEmits","tabClick","tab","tabName","ev","Event","tabRemove","COMPONENT_NAME","TabNav","name","props","emits","setup","expose","emit","rootTabs","ns","visibility","focused","navScroll$","nav$","el$","tabRefsMap","tabBarRef","scrollable","navOffset","isFocus","focusable","isWheelScrolling","tracker","isHorizontal","includes","tabPosition","sizeName","value","navStyle","dir","transition","isTouchScrolling","transform","width","navContainerWidth","height","navContainerHeight","navWidth","navHeight","box","navContainerSize","navSize","onWheel","atStartEdge","atEndEdge","layout","offset","handleWheel","event","handleTouchStart","handleTouchMove","handleTouchEnd","scrollPrev","containerSize","getBoundingClientRect","currentOffset","newOffset","scrollNext","scrollToActiveTab","nav","activeTab","navScroll","activeTabBounding","navScrollBounding","navScrollLeft","left","navScrollRight","right","navBounding","maxOffset","top","bottom","Math","max","min","update","prev","next","changeTab","code","step","up","down","tabList","from","currentTarget","querySelectorAll","currentIndex","indexOf","target","nextIndex","length","focus","preventScroll","click","setFocus","removeFocus","setRefs","el","key","focusActiveTab","setTimeout","tabListRef","scheduleRender","scrollBtn","e","is","tabs","map","pane","index","uid","disabled","closable","isClosable","btnClose","tabLabelContent","slots","label","active","onFocus","onBlur","delete","backspace"],"sources":["../../../../../../packages/components/tabs/src/tab-nav.tsx"],"sourcesContent":["import {\n  computed,\n  defineComponent,\n  inject,\n  nextTick,\n  onMounted,\n  onUpdated,\n  ref,\n  shallowRef,\n  triggerRef,\n  watch,\n} from 'vue'\nimport {\n  useDocumentVisibility,\n  useElementSize,\n  useResizeObserver,\n  useWindowFocus,\n} from '@vueuse/core'\nimport {\n  buildProps,\n  definePropType,\n  getEventCode,\n  isGreaterThan,\n  mutable,\n  rAF,\n  throwError,\n} from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { ArrowLeft, ArrowRight, Close } from '@element-plus/icons-vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport useWheel from '@element-plus/components/virtual-list/src/hooks/use-wheel'\nimport { clamp } from 'lodash-unified'\nimport TabBar from './tab-bar.vue'\nimport { tabsRootContextKey } from './constants'\nimport { useTabNavTouch } from './composables/use-tab-nav-touch'\n\nimport type {\n  CSSProperties,\n  ComponentPublicInstance,\n  ExtractPropTypes,\n  ExtractPublicPropTypes,\n} from 'vue'\nimport type { TabBarInstance } from './tab-bar'\nimport type { TabPaneName, TabsPaneContext } from './constants'\nimport type { Scrollable } from './composables/use-tab-nav-touch'\n\nexport const tabNavProps = buildProps({\n  panes: {\n    type: definePropType<TabsPaneContext[]>(Array),\n    default: () => mutable([] as const),\n  },\n  currentName: {\n    type: [String, Number],\n    default: '',\n  },\n  editable: Boolean,\n  type: {\n    type: String,\n    values: ['card', 'border-card', ''],\n    default: '',\n  },\n  stretch: Boolean,\n  /**\n   * @description tab-nav tabindex\n   */\n  tabindex: {\n    type: [String, Number],\n    default: undefined,\n  },\n} as const)\n\nexport const tabNavEmits = {\n  tabClick: (tab: TabsPaneContext, tabName: TabPaneName, ev: Event) =>\n    ev instanceof Event,\n  tabRemove: (tab: TabsPaneContext, ev: Event) => ev instanceof Event,\n}\n\nexport type TabNavProps = ExtractPropTypes<typeof tabNavProps>\nexport type TabNavPropsPublic = ExtractPublicPropTypes<typeof tabNavProps>\nexport type TabNavEmits = typeof tabNavEmits\n\nconst COMPONENT_NAME = 'ElTabNav'\nconst TabNav = defineComponent({\n  name: COMPONENT_NAME,\n  props: tabNavProps,\n  emits: tabNavEmits,\n  setup(props, { expose, emit }) {\n    const rootTabs = inject(tabsRootContextKey)\n    if (!rootTabs) throwError(COMPONENT_NAME, `<el-tabs><tab-nav /></el-tabs>`)\n\n    const ns = useNamespace('tabs')\n    const visibility = useDocumentVisibility()\n    const focused = useWindowFocus()\n\n    const navScroll$ = ref<HTMLDivElement>()\n    const nav$ = ref<HTMLDivElement>()\n    const el$ = ref<HTMLDivElement>()\n    const tabRefsMap = ref<{ [key: TabPaneName]: HTMLDivElement }>({})\n\n    const tabBarRef = ref<TabBarInstance>()\n\n    const scrollable = ref<false | Scrollable>(false)\n    const navOffset = ref(0)\n    const isFocus = ref(false)\n    const focusable = ref(true)\n    const isWheelScrolling = ref(false)\n    const tracker = shallowRef()\n\n    const isHorizontal = computed(() =>\n      ['top', 'bottom'].includes(rootTabs.props.tabPosition)\n    )\n\n    const sizeName = computed(() => (isHorizontal.value ? 'width' : 'height'))\n    const navStyle = computed<CSSProperties>(() => {\n      const dir = sizeName.value === 'width' ? 'X' : 'Y'\n      return {\n        transition:\n          isWheelScrolling.value || isTouchScrolling.value ? 'none' : undefined,\n        transform: `translate${dir}(-${navOffset.value}px)`,\n      }\n    })\n\n    const { width: navContainerWidth, height: navContainerHeight } =\n      useElementSize(navScroll$)\n    const { width: navWidth, height: navHeight } = useElementSize(\n      nav$,\n      { width: 0, height: 0 },\n      { box: 'border-box' }\n    )\n\n    const navContainerSize = computed(() =>\n      isHorizontal.value ? navContainerWidth.value : navContainerHeight.value\n    )\n    const navSize = computed(() =>\n      isHorizontal.value ? navWidth.value : navHeight.value\n    )\n\n    const { onWheel } = useWheel(\n      {\n        atStartEdge: computed(() => navOffset.value <= 0),\n        atEndEdge: computed(\n          () => navSize.value - navOffset.value <= navContainerSize.value\n        ),\n        layout: computed(() =>\n          isHorizontal.value ? 'horizontal' : 'vertical'\n        ),\n      },\n      (offset) => {\n        navOffset.value = clamp(\n          navOffset.value + offset,\n          0,\n          navSize.value - navContainerSize.value\n        )\n      }\n    )\n\n    const handleWheel = (event: WheelEvent) => {\n      isWheelScrolling.value = true\n      onWheel(event)\n      rAF(() => {\n        isWheelScrolling.value = false\n      })\n    }\n\n    const {\n      isTouchScrolling,\n      handleTouchStart,\n      handleTouchMove,\n      handleTouchEnd,\n    } = useTabNavTouch({\n      scrollable,\n      navOffset,\n      navSize,\n      navContainerSize,\n      isHorizontal,\n    })\n\n    const scrollPrev = () => {\n      if (!navScroll$.value) return\n\n      const containerSize =\n        navScroll$.value.getBoundingClientRect()[sizeName.value]\n      const currentOffset = navOffset.value\n\n      if (!currentOffset) return\n\n      const newOffset =\n        currentOffset > containerSize ? currentOffset - containerSize : 0\n\n      navOffset.value = newOffset\n    }\n\n    const scrollNext = () => {\n      if (!navScroll$.value || !nav$.value) return\n\n      const navSize = nav$.value.getBoundingClientRect()[sizeName.value]\n      const containerSize =\n        navScroll$.value.getBoundingClientRect()[sizeName.value]\n      const currentOffset = navOffset.value\n\n      if (!isGreaterThan(navSize - currentOffset, containerSize)) return\n\n      const newOffset =\n        navSize - currentOffset > containerSize * 2\n          ? currentOffset + containerSize\n          : navSize - containerSize\n\n      navOffset.value = newOffset\n    }\n\n    const scrollToActiveTab = async () => {\n      const nav = nav$.value\n      if (!scrollable.value || !el$.value || !navScroll$.value || !nav) return\n\n      await nextTick()\n\n      const activeTab = tabRefsMap.value[props.currentName]\n      if (!activeTab) return\n\n      const navScroll = navScroll$.value\n\n      const activeTabBounding = activeTab.getBoundingClientRect()\n      const navScrollBounding = navScroll.getBoundingClientRect()\n      // nav has a 1px border width\n      const navScrollLeft = navScrollBounding.left + 1\n      const navScrollRight = navScrollBounding.right - 1\n      const navBounding = nav.getBoundingClientRect()\n      const maxOffset = isHorizontal.value\n        ? navBounding.width - navScrollBounding.width\n        : navBounding.height - navScrollBounding.height\n      const currentOffset = navOffset.value\n      let newOffset = currentOffset\n\n      if (isHorizontal.value) {\n        if (activeTabBounding.left < navScrollLeft) {\n          newOffset = currentOffset - (navScrollLeft - activeTabBounding.left)\n        }\n        if (activeTabBounding.right > navScrollRight) {\n          newOffset = currentOffset + activeTabBounding.right - navScrollRight\n        }\n      } else {\n        if (activeTabBounding.top < navScrollBounding.top) {\n          newOffset =\n            currentOffset - (navScrollBounding.top - activeTabBounding.top)\n        }\n        if (activeTabBounding.bottom > navScrollBounding.bottom) {\n          newOffset =\n            currentOffset +\n            (activeTabBounding.bottom - navScrollBounding.bottom)\n        }\n      }\n      newOffset = Math.max(newOffset, 0)\n      navOffset.value = Math.min(newOffset, maxOffset)\n    }\n\n    const update = () => {\n      if (!nav$.value || !navScroll$.value) return\n\n      props.stretch && tabBarRef.value?.update()\n\n      const navSize = nav$.value.getBoundingClientRect()[sizeName.value]\n      const containerSize =\n        navScroll$.value.getBoundingClientRect()[sizeName.value]\n      const currentOffset = navOffset.value\n\n      if (containerSize < navSize) {\n        scrollable.value = scrollable.value || {}\n        scrollable.value.prev = currentOffset\n        scrollable.value.next = isGreaterThan(\n          navSize,\n          currentOffset + containerSize\n        )\n        if (isGreaterThan(containerSize, navSize - currentOffset)) {\n          navOffset.value = navSize - containerSize\n        }\n      } else {\n        scrollable.value = false\n        if (currentOffset > 0) {\n          navOffset.value = 0\n        }\n      }\n    }\n\n    const changeTab = (event: KeyboardEvent) => {\n      const code = getEventCode(event)\n      let step = 0\n\n      switch (code) {\n        case EVENT_CODE.left:\n        case EVENT_CODE.up:\n          step = -1\n          break\n        case EVENT_CODE.right:\n        case EVENT_CODE.down:\n          step = 1\n          break\n        default:\n          return\n      }\n\n      const tabList = Array.from(\n        (\n          event.currentTarget as HTMLDivElement\n        ).querySelectorAll<HTMLDivElement>('[role=tab]:not(.is-disabled)')\n      )\n      const currentIndex = tabList.indexOf(event.target as HTMLDivElement)\n      let nextIndex = currentIndex + step\n\n      if (nextIndex < 0) {\n        nextIndex = tabList.length - 1\n      } else if (nextIndex >= tabList.length) {\n        nextIndex = 0\n      }\n\n      tabList[nextIndex].focus({ preventScroll: true }) // 改变焦点元素\n      tabList[nextIndex].click() // 选中下一个tab\n      setFocus()\n    }\n\n    const setFocus = () => {\n      if (focusable.value) isFocus.value = true\n    }\n    const removeFocus = () => (isFocus.value = false)\n\n    const setRefs = (\n      el: Element | ComponentPublicInstance | null,\n      key: TabPaneName\n    ) => {\n      tabRefsMap.value[key] = el as HTMLDivElement\n    }\n\n    const focusActiveTab = async () => {\n      await nextTick()\n\n      const activeTab = tabRefsMap.value[props.currentName]\n      activeTab?.focus({ preventScroll: true })\n    }\n\n    watch(visibility, (visibility) => {\n      if (visibility === 'hidden') {\n        focusable.value = false\n      } else if (visibility === 'visible') {\n        setTimeout(() => (focusable.value = true), 50)\n      }\n    })\n    watch(focused, (focused) => {\n      if (focused) {\n        setTimeout(() => (focusable.value = true), 50)\n      } else {\n        focusable.value = false\n      }\n    })\n\n    useResizeObserver(el$, () => {\n      rAF(update)\n    })\n\n    onMounted(() => setTimeout(() => scrollToActiveTab(), 0))\n    onUpdated(() => update())\n\n    expose({\n      scrollToActiveTab,\n      removeFocus,\n      focusActiveTab,\n      tabListRef: nav$,\n      tabBarRef,\n      scheduleRender: () => triggerRef(tracker),\n    })\n\n    return () => {\n      const scrollBtn = scrollable.value\n        ? [\n            <span\n              class={[\n                ns.e('nav-prev'),\n                ns.is('disabled', !scrollable.value.prev),\n              ]}\n              onClick={scrollPrev}\n            >\n              <ElIcon>\n                <ArrowLeft />\n              </ElIcon>\n            </span>,\n            <span\n              class={[\n                ns.e('nav-next'),\n                ns.is('disabled', !scrollable.value.next),\n              ]}\n              onClick={scrollNext}\n            >\n              <ElIcon>\n                <ArrowRight />\n              </ElIcon>\n            </span>,\n          ]\n        : null\n\n      const tabs = props.panes.map((pane, index) => {\n        const uid = pane.uid\n        const disabled = pane.props.disabled\n        const tabName = pane.props.name ?? pane.index ?? `${index}`\n        const closable =\n          !disabled &&\n          (pane.isClosable || (pane.props.closable !== false && props.editable))\n        pane.index = `${index}`\n\n        const btnClose = closable ? (\n          <ElIcon\n            class=\"is-icon-close\"\n            // `onClick` not exist when generate dts\n\n            // @ts-ignore\n            onClick={(ev: MouseEvent) => emit('tabRemove', pane, ev)}\n          >\n            <Close />\n          </ElIcon>\n        ) : null\n\n        const tabLabelContent = pane.slots.label?.() || pane.props.label\n        const tabindex =\n          !disabled && pane.active\n            ? (props.tabindex ?? rootTabs.props.tabindex)\n            : -1\n\n        return (\n          <div\n            ref={(el) => setRefs(el, tabName)}\n            class={[\n              ns.e('item'),\n              ns.is(rootTabs.props.tabPosition),\n              ns.is('active', pane.active),\n              ns.is('disabled', disabled),\n              ns.is('closable', closable),\n              ns.is('focus', isFocus.value),\n            ]}\n            id={`tab-${tabName}`}\n            key={`tab-${uid}`}\n            aria-controls={`pane-${tabName}`}\n            role=\"tab\"\n            aria-selected={pane.active}\n            tabindex={tabindex}\n            onFocus={() => setFocus()}\n            onBlur={() => removeFocus()}\n            onClick={(ev: MouseEvent) => {\n              removeFocus()\n              emit('tabClick', pane, tabName, ev)\n            }}\n            onKeydown={(ev: KeyboardEvent) => {\n              const code = getEventCode(ev)\n              if (\n                closable &&\n                (code === EVENT_CODE.delete || code === EVENT_CODE.backspace)\n              ) {\n                emit('tabRemove', pane, ev)\n              }\n            }}\n          >\n            {...[tabLabelContent, btnClose]}\n          </div>\n        )\n      })\n\n      // By tracking the value property, we can schedule a job to re-render `TabNav` when needed.\n      // Unlike `instance.update`, the scheduler ensures the job is queued only once even if we trigger it multiple times.\n      tracker.value\n\n      return (\n        <div\n          ref={el$}\n          class={[\n            ns.e('nav-wrap'),\n            ns.is('scrollable', !!scrollable.value),\n            ns.is(rootTabs.props.tabPosition),\n          ]}\n        >\n          {scrollBtn}\n          <div class={ns.e('nav-scroll')} ref={navScroll$}>\n            {props.panes.length > 0 ? (\n              <div\n                class={[\n                  ns.e('nav'),\n                  ns.is(rootTabs.props.tabPosition),\n                  ns.is(\n                    'stretch',\n                    props.stretch &&\n                      ['top', 'bottom'].includes(rootTabs.props.tabPosition)\n                  ),\n                ]}\n                ref={nav$}\n                style={navStyle.value}\n                role=\"tablist\"\n                onKeydown={changeTab}\n                onWheel={handleWheel}\n                onTouchstart={handleTouchStart}\n                onTouchmove={handleTouchMove}\n                onTouchend={handleTouchEnd}\n                onTouchcancel={handleTouchEnd}\n              >\n                {...[\n                  !props.type ? (\n                    <TabBar\n                      ref={tabBarRef}\n                      tabs={[...props.panes]}\n                      tabRefs={tabRefsMap.value}\n                    />\n                  ) : null,\n                  tabs,\n                ]}\n              </div>\n            ) : null}\n          </div>\n        </div>\n      )\n    }\n  },\n})\n\nexport type TabNavInstance = InstanceType<typeof TabNav> & {\n  scrollToActiveTab: () => Promise<void>\n  removeFocus: () => void\n  focusActiveTab: () => void\n  scheduleRender: () => void\n  tabListRef: HTMLDivElement | undefined\n  tabBarRef: TabBarInstance | undefined\n}\n\nexport default TabNav\n"],"mappings":"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"}

package/lib/components/tabs/src/tab-pane.vue.d.ts

@@ -7,8 +7,8 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<TabPaneProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<TabPaneProps> & Readonly<{}>, {
-  label: string;
   closable: boolean;
+  label: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/lib/components/tabs/src/tabs.d.ts

@@ -24,7 +24,7 @@ declare const tabsProps: {
     __epPropKey: true;
   };
   readonly editable: BooleanConstructor;
-  readonly tabPosition: EpPropFinalized<StringConstructor, "top" | "bottom" | "right" | "left", unknown, "top", boolean>;
+  readonly tabPosition: EpPropFinalized<StringConstructor, "left" | "right" | "bottom" | "top", unknown, "top", boolean>;
   readonly beforeLeave: EpPropFinalized<(new (...args: any[]) => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>) | (() => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>) | {
     (): (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>;
     new (): any;
@@ -66,7 +66,7 @@ declare const Tabs: _$vue.DefineComponent<ExtractPropTypes<{
     __epPropKey: true;
   };
   readonly editable: BooleanConstructor;
-  readonly tabPosition: EpPropFinalized<StringConstructor, "top" | "bottom" | "right" | "left", unknown, "top", boolean>;
+  readonly tabPosition: EpPropFinalized<StringConstructor, "left" | "right" | "bottom" | "top", unknown, "top", boolean>;
   readonly beforeLeave: EpPropFinalized<(new (...args: any[]) => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>) | (() => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>) | {
     (): (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>;
     new (): any;
@@ -102,7 +102,7 @@ declare const Tabs: _$vue.DefineComponent<ExtractPropTypes<{
     __epPropKey: true;
   };
   readonly editable: BooleanConstructor;
-  readonly tabPosition: EpPropFinalized<StringConstructor, "top" | "bottom" | "right" | "left", unknown, "top", boolean>;
+  readonly tabPosition: EpPropFinalized<StringConstructor, "left" | "right" | "bottom" | "top", unknown, "top", boolean>;
   readonly beforeLeave: EpPropFinalized<(new (...args: any[]) => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>) | (() => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>) | {
     (): (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>;
     new (): any;
@@ -139,11 +139,11 @@ declare const Tabs: _$vue.DefineComponent<ExtractPropTypes<{
   onTabAdd?: (() => any) | undefined;
 }>, {
   readonly type: EpPropMergeType<StringConstructor, "" | "card" | "border-card", unknown>;
-  readonly editable: boolean;
+  readonly closable: boolean;
   readonly tabindex: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
   readonly stretch: boolean;
-  readonly closable: boolean;
-  readonly tabPosition: EpPropMergeType<StringConstructor, "top" | "bottom" | "right" | "left", unknown>;
+  readonly editable: boolean;
+  readonly tabPosition: EpPropMergeType<StringConstructor, "left" | "right" | "bottom" | "top", unknown>;
   readonly beforeLeave: (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>;
   readonly addable: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;

package/lib/components/tag/src/tag.d.ts

@@ -43,7 +43,7 @@ interface TagProps {
  * @deprecated Removed after 3.0.0, Use `TagProps` instead.
  */
 declare const tagProps: {
-  readonly type: EpPropFinalized<StringConstructor, "primary" | "success" | "warning" | "danger" | "info", unknown, "primary", boolean>;
+  readonly type: EpPropFinalized<StringConstructor, "info" | "primary" | "success" | "warning" | "danger", unknown, "primary", boolean>;
   readonly closable: BooleanConstructor;
   readonly disableTransitions: BooleanConstructor;
   readonly hit: BooleanConstructor;

package/lib/components/tag/src/tag.vue.d.ts

@@ -9,11 +9,11 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_22) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<TagProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  click: (evt: MouseEvent) => void;
   close: (evt: MouseEvent) => void;
+  click: (evt: MouseEvent) => void;
 }, string, _$vue.PublicProps, Readonly<TagProps> & Readonly<{
-  onClick?: ((evt: MouseEvent) => any) | undefined;
   onClose?: ((evt: MouseEvent) => any) | undefined;
+  onClick?: ((evt: MouseEvent) => any) | undefined;
 }>, {
   type: "primary" | "success" | "info" | "warning" | "danger";
   effect: "dark" | "light" | "plain";

package/lib/components/text/src/text.d.ts

@@ -30,7 +30,7 @@ interface TextProps {
  * @deprecated Removed after 3.0.0, Use `TextProps` instead.
  */
 declare const textProps: {
-  readonly type: EpPropFinalized<StringConstructor, "" | "primary" | "success" | "warning" | "danger" | "info", unknown, "", boolean>;
+  readonly type: EpPropFinalized<StringConstructor, "" | "info" | "primary" | "success" | "warning" | "danger", unknown, "", boolean>;
   readonly size: EpPropFinalized<StringConstructor, "" | "default" | "small" | "large", unknown, "", boolean>;
   readonly truncated: BooleanConstructor;
   readonly lineClamp: {

package/lib/components/text/src/text.vue.d.ts

@@ -8,8 +8,8 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_9) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<TextProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<TextProps> & Readonly<{}>, {
-  type: "primary" | "success" | "info" | "warning" | "danger" | "";
   size: ComponentSize;
+  type: "primary" | "success" | "info" | "warning" | "danger" | "";
   tag: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -37,11 +37,11 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   focus: () => void;
   blur: () => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  blur: (...args: any[]) => void;
-  focus: (...args: any[]) => void;
   click: (...args: any[]) => void;
-  mouseenter: (...args: any[]) => void;
+  focus: (...args: any[]) => void;
+  blur: (...args: any[]) => void;
   mouseleave: (...args: any[]) => void;
+  mouseenter: (...args: any[]) => void;
   touchstart: (...args: any[]) => void;
   startInput: (...args: any[]) => void;
   endInput: (...args: any[]) => void;
@@ -70,11 +70,11 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly endPlaceholder: StringConstructor;
   readonly disabled: BooleanConstructor;
 }>> & Readonly<{
-  onBlur?: ((...args: any[]) => any) | undefined;
-  onFocus?: ((...args: any[]) => any) | undefined;
   onClick?: ((...args: any[]) => any) | undefined;
-  onMouseenter?: ((...args: any[]) => any) | undefined;
+  onFocus?: ((...args: any[]) => any) | undefined;
+  onBlur?: ((...args: any[]) => any) | undefined;
   onMouseleave?: ((...args: any[]) => any) | undefined;
+  onMouseenter?: ((...args: any[]) => any) | undefined;
   onTouchstart?: ((...args: any[]) => any) | undefined;
   onStartInput?: ((...args: any[]) => any) | undefined;
   onEndInput?: ((...args: any[]) => any) | undefined;

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

@@ -60,7 +60,7 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly unlinkPanels: BooleanConstructor;
   readonly singlePanel: BooleanConstructor;
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1) | (((new (...args: any[]) => "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1)) | null)[], Placement$1, unknown, "bottom", boolean>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1)) | null)[], Placement$1, unknown, "bottom", boolean>;
   readonly fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement$1[]) | (() => Placement$1[]) | (((new (...args: any[]) => Placement$1[]) | (() => Placement$1[])) | null)[], unknown, unknown, readonly ["bottom", "top", "right", "left"], boolean>;
   readonly disabledHours: {
     readonly type: _$vue.PropType<GetDisabledHours>;
@@ -216,7 +216,7 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly placeholder: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
-  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | Date | number[] | string[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | number[] | string[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
+  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
   readonly rangeSeparator: EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
   readonly startPlaceholder: StringConstructor;
   readonly endPlaceholder: StringConstructor;
@@ -257,9 +257,9 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   clear: (...args: any[]) => void;
   change: (...args: any[]) => void;
-  blur: (...args: any[]) => void;
-  focus: (...args: any[]) => void;
   "update:modelValue": (...args: any[]) => void;
+  focus: (...args: any[]) => void;
+  blur: (...args: any[]) => void;
   keydown: (...args: any[]) => void;
   "calendar-change": (...args: any[]) => void;
   "panel-change": (...args: any[]) => void;
@@ -290,7 +290,7 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly unlinkPanels: BooleanConstructor;
   readonly singlePanel: BooleanConstructor;
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1) | (((new (...args: any[]) => "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1)) | null)[], Placement$1, unknown, "bottom", boolean>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1)) | null)[], Placement$1, unknown, "bottom", boolean>;
   readonly fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement$1[]) | (() => Placement$1[]) | (((new (...args: any[]) => Placement$1[]) | (() => Placement$1[])) | null)[], unknown, unknown, readonly ["bottom", "top", "right", "left"], boolean>;
   readonly disabledHours: {
     readonly type: _$vue.PropType<GetDisabledHours>;
@@ -446,7 +446,7 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly placeholder: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
-  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | Date | number[] | string[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | number[] | string[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
+  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
   readonly rangeSeparator: EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
   readonly startPlaceholder: StringConstructor;
   readonly endPlaceholder: StringConstructor;
@@ -466,41 +466,41 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
 }>> & Readonly<{
   onClear?: ((...args: any[]) => any) | undefined;
   onChange?: ((...args: any[]) => any) | undefined;
-  onBlur?: ((...args: any[]) => any) | undefined;
-  onFocus?: ((...args: any[]) => any) | undefined;
   "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+  onFocus?: ((...args: any[]) => any) | undefined;
+  onBlur?: ((...args: any[]) => any) | undefined;
   onKeydown?: ((...args: any[]) => any) | undefined;
   "onCalendar-change"?: ((...args: any[]) => any) | undefined;
   "onPanel-change"?: ((...args: any[]) => any) | undefined;
   "onVisible-change"?: ((...args: any[]) => any) | undefined;
 }>, {
-  readonly modelValue: EpPropMergeType<(new (...args: any[]) => string | number | Date | number[] | string[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | number[] | string[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown>;
   readonly type: string;
   readonly disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly modelValue: EpPropMergeType<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown>;
+  readonly placeholder: string;
+  readonly readonly: boolean;
   readonly clearable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly prefixIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>;
   readonly clearIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>;
+  readonly prefixIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>;
+  readonly tabindex: EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>;
+  readonly validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly popperStyle: _$vue.StyleValue;
-  readonly valueOnClear: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown>;
-  readonly placeholder: string;
-  readonly placement: EpPropMergeType<(new (...args: any[]) => "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1) | (((new (...args: any[]) => "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1)) | null)[], Placement$1, unknown>;
   readonly fallbackPlacements: Placement$1[];
+  readonly placement: EpPropMergeType<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1)) | null)[], Placement$1, unknown>;
   readonly popperOptions: Partial<Options>;
+  readonly valueOnClear: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown>;
+  readonly automaticDropdown: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly saveOnBlur: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly rangeSeparator: string;
+  readonly shortcuts: unknown[];
   readonly showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly showFooter: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showConfirm: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly showFooter: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showWeekNumber: boolean;
+  readonly arrowControl: boolean;
   readonly unlinkPanels: boolean;
   readonly singlePanel: boolean;
-  readonly shortcuts: unknown[];
-  readonly readonly: boolean;
-  readonly tabindex: EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>;
-  readonly validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly automaticDropdown: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly saveOnBlur: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly rangeSeparator: string;
-  readonly arrowControl: boolean;
   readonly isRange: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/lib/components/time-picker/src/common/props.d.ts

@@ -41,7 +41,7 @@ declare const timePickerDefaultProps: {
   readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly unlinkPanels: BooleanConstructor;
   readonly singlePanel: BooleanConstructor;
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1) | (((new (...args: any[]) => "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1)) | null)[], Placement$1, unknown, "bottom", boolean>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1)) | null)[], Placement$1, unknown, "bottom", boolean>;
   readonly fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement$1[]) | (() => Placement$1[]) | (((new (...args: any[]) => Placement$1[]) | (() => Placement$1[])) | null)[], unknown, unknown, readonly ["bottom", "top", "right", "left"], boolean>;
   readonly disabledHours: {
     readonly type: _$vue.PropType<GetDisabledHours>;
@@ -197,7 +197,7 @@ declare const timePickerDefaultProps: {
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly placeholder: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
-  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | Date | number[] | string[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | number[] | string[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
+  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
   readonly rangeSeparator: EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
   readonly startPlaceholder: StringConstructor;
   readonly endPlaceholder: StringConstructor;

package/lib/components/time-picker/src/time-picker-com/panel-time-pick.vue.d.ts

@@ -34,8 +34,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   "onSet-picker-option"?: ((...args: any[]) => any) | undefined;
   "onSelect-range"?: ((...args: any[]) => any) | undefined;
 }>, {
-  readonly format: string;
   readonly visible: boolean;
+  readonly format: string;
   readonly actualVisible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;

package/lib/components/time-picker/src/time-picker-com/panel-time-range.vue.d.ts

@@ -32,8 +32,8 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   "onSet-picker-option"?: ((...args: any[]) => any) | undefined;
   "onSelect-range"?: ((...args: any[]) => any) | undefined;
 }>, {
-  readonly format: string;
   readonly visible: boolean;
+  readonly format: string;
   readonly actualVisible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;

package/lib/components/time-picker/src/time-picker.d.ts

@@ -35,7 +35,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   unlinkPanels: BooleanConstructor;
   singlePanel: BooleanConstructor;
-  placement: EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom", boolean>;
+  placement: EpPropFinalized<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom", boolean>;
   fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, readonly ["bottom", "top", "right", "left"], boolean>;
   disabledHours: {
     readonly type: _$vue.PropType<GetDisabledHours>;
@@ -191,7 +191,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   placeholder: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
-  modelValue: EpPropFinalized<(new (...args: any[]) => string | number | Date | number[] | string[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | number[] | string[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
+  modelValue: EpPropFinalized<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
   rangeSeparator: EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
   startPlaceholder: StringConstructor;
   endPlaceholder: StringConstructor;
@@ -237,7 +237,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   unlinkPanels: BooleanConstructor;
   singlePanel: BooleanConstructor;
-  placement: EpPropFinalized<(new (...args: any[]) => "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom", boolean>;
+  placement: EpPropFinalized<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown, "bottom", boolean>;
   fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, readonly ["bottom", "top", "right", "left"], boolean>;
   disabledHours: {
     readonly type: _$vue.PropType<GetDisabledHours>;
@@ -393,7 +393,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   placeholder: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => {}, boolean>;
-  modelValue: EpPropFinalized<(new (...args: any[]) => string | number | Date | number[] | string[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | number[] | string[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
+  modelValue: EpPropFinalized<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown, "", boolean>;
   rangeSeparator: EpPropFinalized<StringConstructor, unknown, unknown, "-", boolean>;
   startPlaceholder: StringConstructor;
   endPlaceholder: StringConstructor;
@@ -412,33 +412,33 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
 }>> & Readonly<{
   "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
-  modelValue: EpPropMergeType<(new (...args: any[]) => string | number | Date | number[] | string[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | number[] | string[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown>;
   type: string;
   disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  modelValue: EpPropMergeType<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown>;
+  placeholder: string;
+  readonly: boolean;
   clearable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  prefixIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>;
   clearIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>;
+  prefixIcon: EpPropMergeType<(new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component) | (((new (...args: any[]) => (string | _$vue.Component) & {}) | (() => string | _$vue.Component)) | null)[], unknown, unknown>;
+  tabindex: EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>;
+  validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   popperStyle: _$vue.StyleValue;
-  valueOnClear: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown>;
-  placeholder: string;
-  placement: EpPropMergeType<(new (...args: any[]) => "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown>;
   fallbackPlacements: Placement[];
+  placement: EpPropMergeType<(new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "auto" | "left" | "right" | "bottom" | "top" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown>;
   popperOptions: Partial<Options>;
+  valueOnClear: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown>;
+  automaticDropdown: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  saveOnBlur: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  rangeSeparator: string;
+  shortcuts: unknown[];
   showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  showFooter: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   showConfirm: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  showFooter: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   showWeekNumber: boolean;
+  arrowControl: boolean;
   unlinkPanels: boolean;
   singlePanel: boolean;
-  shortcuts: unknown[];
-  readonly: boolean;
-  tabindex: EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>;
-  validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  automaticDropdown: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  saveOnBlur: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  rangeSeparator: string;
-  arrowControl: boolean;
   isRange: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 //#endregion

package/lib/components/time-picker/src/utils.d.ts

@@ -10,7 +10,7 @@ declare const extractTimeFormat: (format: string) => string;
 declare const dateEquals: (a: Date | unknown, b: Date | unknown) => boolean;
 declare const valueEquals: (a: Array<Date> | unknown, b: Array<Date> | unknown) => boolean;
 declare const parseDate: (date: string | number | Date, format: string | undefined, lang: string) => dayjs.Dayjs | undefined;
-declare const formatter: (date: string | number | Date | Dayjs, format: string | undefined, lang: string) => string | number | dayjs.Dayjs | Date;
+declare const formatter: (date: string | number | Date | Dayjs, format: string | undefined, lang: string) => string | number | Date | dayjs.Dayjs;
 declare const makeList: (total: number, method?: () => number[]) => boolean[];
 declare const dayOrDaysToDate: (dayOrDays: DayOrDays) => DateOrDates;
 //#endregion