@element-plus/nightly 0.0.20260516 → 0.0.20260518

package/es/components/cascader-panel/src/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../../packages/components/cascader-panel/src/index.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[ns.b('panel'), ns.is('bordered', border)]\"\n    @keydown=\"handleKeyDown\"\n  >\n    <el-cascader-menu\n      v-for=\"(menu, index) in menus\"\n      :key=\"index\"\n      :ref=\"(item) => (menuList[index] = item as CascaderMenuInstance)\"\n      :index=\"index\"\n      :nodes=\"[...menu]\"\n      :virtual-scroll=\"virtualScroll\"\n      :item-size=\"itemSize\"\n      :height=\"height\"\n    >\n      <template #empty>\n        <slot name=\"empty\" />\n      </template>\n    </el-cascader-menu>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  nextTick,\n  onBeforeUpdate,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n  useSlots,\n  watch,\n} from 'vue'\nimport { cloneDeep, flattenDeep, isEqual } from 'lodash-unified'\nimport {\n  castArray,\n  focusNode,\n  getEventCode,\n  getSibling,\n  isClient,\n  isEmpty,\n  scrollIntoView,\n  unique,\n} from '@element-plus/utils'\nimport {\n  CHANGE_EVENT,\n  EVENT_CODE,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { useNamespace } from '@element-plus/hooks'\nimport ElCascaderMenu from './menu.vue'\nimport Store from './store'\nimport Node from './node'\nimport {\n  CASCADER_PANEL_HEIGHT,\n  CASCADER_PANEL_ITEM_SIZE,\n  cascaderPanelEmits,\n  useCascaderConfig,\n} from './config'\nimport { checkNode, getMenuIndex, sortByOriginalOrder } from './utils'\nimport { CASCADER_PANEL_INJECTION_KEY } from './types'\n\nimport type {\n  CascaderNode,\n  CascaderNodeValue,\n  CascaderOption,\n  CascaderValue,\n  ElCascaderPanelContext,\n} from './types'\nimport type { CascaderMenuInstance } from './instance'\nimport type { CascaderPanelProps } from './config'\n\ndefineOptions({\n  name: 'ElCascaderPanel',\n})\n\nconst props = withDefaults(defineProps<CascaderPanelProps>(), {\n  options: () => [],\n  props: () => ({}),\n  border: true,\n  itemSize: CASCADER_PANEL_ITEM_SIZE,\n  height: CASCADER_PANEL_HEIGHT,\n})\nconst emit = defineEmits(cascaderPanelEmits)\n\n// for interrupt sync check status in lazy mode\nlet manualChecked = false\n\nconst ns = useNamespace('cascader')\nconst config = useCascaderConfig(props)\nconst slots = useSlots()\n\nlet store: Store\nconst initialLoaded = ref(true)\nconst initialLoadedOnce = ref(false)\nconst menuList = ref<CascaderMenuInstance[]>([])\nconst checkedValue = ref<CascaderValue>()\nconst menus = ref<CascaderNode[][]>([])\nconst expandingNode = ref<CascaderNode>()\nconst checkedNodes = ref<CascaderNode[]>([])\n\nconst isHoverMenu = computed(() => config.value.expandTrigger === 'hover')\nconst renderLabelFn = computed(() => props.renderLabel || slots.default)\nconst virtualScroll = computed(() => props.virtualScroll)\nconst itemSize = computed(() => props.itemSize)\nconst height = computed(() => props.height)\n\nconst initStore = () => {\n  const { options } = props\n  const cfg = config.value\n\n  manualChecked = false\n  store = new Store(options, cfg)\n  menus.value = [store.getNodes()]\n\n  if (cfg.lazy && isEmpty(props.options)) {\n    initialLoaded.value = false\n    lazyLoad(undefined, (list) => {\n      if (list) {\n        store = new Store(list, cfg)\n        menus.value = [store.getNodes()]\n      }\n      initialLoaded.value = true\n      syncCheckedValue(false, true)\n    })\n  } else {\n    syncCheckedValue(false, true)\n  }\n}\n\nconst lazyLoad: ElCascaderPanelContext['lazyLoad'] = (node, cb) => {\n  const cfg = config.value\n  node! = node || new Node({}, cfg, undefined, true)\n  node.loading = true\n\n  const resolve = (dataList?: CascaderOption[]) => {\n    const _node = node as Node\n    const parent = _node.root ? null : _node\n    _node.loading = false\n    _node.loaded = true\n    _node.childrenData = _node.childrenData || []\n    dataList && store?.appendNodes(dataList, parent as Node)\n    dataList && cb?.(dataList)\n    if (node.level === 0) {\n      initialLoadedOnce.value = true\n    }\n  }\n\n  const reject = () => {\n    node!.loading = false\n    node!.loaded = false\n    if (node!.level === 0) {\n      initialLoaded.value = true\n    }\n  }\n\n  cfg.lazyLoad(node, resolve, reject)\n}\n\nconst expandNode: ElCascaderPanelContext['expandNode'] = (node, silent) => {\n  const { level } = node\n  const newMenus = menus.value.slice(0, level)\n  let newExpandingNode: CascaderNode\n\n  if (node.isLeaf) {\n    newExpandingNode = node.pathNodes[level - 2]\n  } else {\n    newExpandingNode = node\n    newMenus.push(node.children)\n  }\n\n  if (expandingNode.value?.uid !== newExpandingNode?.uid) {\n    expandingNode.value = node\n    menus.value = newMenus\n    !silent && emit('expand-change', node?.pathValues || [])\n  }\n}\n\nconst handleCheckChange: ElCascaderPanelContext['handleCheckChange'] = (\n  node,\n  checked,\n  emitClose = true\n) => {\n  const { checkStrictly, multiple } = config.value\n  const oldNode = checkedNodes.value[0]\n  manualChecked = true\n\n  !multiple && oldNode?.doCheck(false)\n  node.doCheck(checked)\n  calculateCheckedValue()\n  emitClose && !multiple && !checkStrictly && emit('close')\n  !emitClose && !multiple && expandParentNode(node)\n}\n\nconst expandParentNode = (node: Node | undefined) => {\n  if (!node) return\n  node = node.parent\n  expandParentNode(node)\n  node && expandNode(node)\n}\n\nconst getFlattedNodes = (leafOnly: boolean) => store?.getFlattedNodes(leafOnly)\n\nconst getCheckedNodes = (leafOnly: boolean) => {\n  return getFlattedNodes(leafOnly)?.filter(({ checked }) => checked !== false)\n}\n\nconst clearCheckedNodes = () => {\n  checkedNodes.value.forEach((node) => node.doCheck(false))\n  calculateCheckedValue()\n  menus.value = menus.value.slice(0, 1)\n  expandingNode.value = undefined\n  emit('expand-change', [])\n}\n\nconst calculateCheckedValue = () => {\n  const { checkStrictly, multiple } = config.value\n  const oldNodes = checkedNodes.value\n  const newNodes = getCheckedNodes(!checkStrictly)!\n  // ensure the original order\n  const nodes = sortByOriginalOrder(oldNodes, newNodes)\n  const values = nodes.map((node) => node.valueByOption)\n  checkedNodes.value = nodes\n  checkedValue.value = multiple ? values : (values[0] ?? null)\n}\n\nconst syncCheckedValue = (loaded = false, forced = false) => {\n  const { modelValue } = props\n  const { lazy, multiple, checkStrictly } = config.value\n  const leafOnly = !checkStrictly\n\n  if (\n    !initialLoaded.value ||\n    manualChecked ||\n    (!forced && isEqual(modelValue, checkedValue.value))\n  )\n    return\n\n  if (lazy && !loaded) {\n    const values: CascaderNodeValue[] = unique(\n      flattenDeep(castArray(modelValue as CascaderNodeValue[]))\n    )\n    const nodes = values\n      .map((val) => store?.getNodeByValue(val))\n      .filter((node) => !!node && !node.loaded && !node.loading) as Node[]\n\n    if (nodes.length) {\n      nodes.forEach((node) => {\n        lazyLoad(node, () => syncCheckedValue(false, forced))\n      })\n    } else {\n      syncCheckedValue(true, forced)\n    }\n  } else {\n    const values = multiple ? castArray(modelValue) : [modelValue]\n    const nodes = unique(\n      values.map((val) =>\n        store?.getNodeByValue(val as CascaderNodeValue, leafOnly)\n      )\n    ) as Node[]\n    syncMenuState(nodes, forced)\n    checkedValue.value = cloneDeep(modelValue ?? undefined)\n  }\n}\n\nconst syncMenuState = (\n  newCheckedNodes: CascaderNode[],\n  reserveExpandingState = true\n) => {\n  const { checkStrictly } = config.value\n  const oldNodes = checkedNodes.value\n  const newNodes = newCheckedNodes.filter(\n    (node) => !!node && (checkStrictly || node.isLeaf)\n  )\n  const oldExpandingNode = store?.getSameNode(expandingNode.value!)\n  const newExpandingNode =\n    (reserveExpandingState && oldExpandingNode) || newNodes[0]\n\n  if (newExpandingNode) {\n    newExpandingNode.pathNodes.forEach((node) => expandNode(node, true))\n  } else {\n    expandingNode.value = undefined\n  }\n\n  oldNodes.forEach((node) => node.doCheck(false))\n  reactive(newNodes).forEach((node) => node.doCheck(true))\n  checkedNodes.value = newNodes\n  nextTick(scrollToExpandingNode)\n}\n\nconst scrollToExpandingNode = () => {\n  if (!isClient) return\n\n  menuList.value.forEach((menu) => {\n    const menuElement = menu?.$el\n    if (menuElement) {\n      // virtual scroll mode, use scrollToItem method\n      if (virtualScroll.value) {\n        const activeIndex = menu?.getActiveNodeIndex?.()\n        if (activeIndex !== undefined && activeIndex >= 0) {\n          menu?.scrollToItem?.(activeIndex)\n        }\n      } else {\n        // logic for non-virtual scroll mode\n        const container = menuElement.querySelector(\n          `.${ns.namespace.value}-scrollbar__wrap`\n        )\n        let activeNode = menuElement.querySelector(\n          `.${ns.b('node')}.in-active-path`\n        )\n        if (!activeNode) {\n          const activeElements = menuElement.querySelectorAll(\n            `.${ns.b('node')}.${ns.is('active')}`\n          )\n          activeNode = activeElements[activeElements.length - 1]\n        }\n        scrollIntoView(container, activeNode)\n      }\n    }\n  })\n}\n\nconst handleKeyDown = (e: KeyboardEvent) => {\n  const target = e.target as HTMLElement\n  const code = getEventCode(e)\n\n  switch (code) {\n    case EVENT_CODE.up:\n    case EVENT_CODE.down: {\n      e.preventDefault()\n      const distance = code === EVENT_CODE.up ? -1 : 1\n\n      if (virtualScroll.value) {\n        const menuIndex = getMenuIndex(target)\n        const menu = menuList.value[menuIndex]\n        if (menu) {\n          // For virtual scroll, calculate the target index and use focusNodeAt\n          const currentIndex = menu.getNodeIndexById(target.id)\n          if (currentIndex >= 0) {\n            const nodesInMenu = menus.value[menuIndex] ?? []\n            const nodesCount = nodesInMenu.length\n            // Find the next non-disabled node\n            let targetIndex = currentIndex + distance\n            while (targetIndex >= 0 && targetIndex < nodesCount) {\n              if (!nodesInMenu[targetIndex].isDisabled) {\n                menu.focusNodeAt(targetIndex)\n                return\n              }\n              targetIndex += distance\n            }\n          }\n        }\n      }\n\n      focusNode(\n        getSibling(\n          target,\n          distance,\n          `.${ns.b('node')}[tabindex=\"-1\"]`\n        ) as HTMLElement\n      )\n      break\n    }\n    case EVENT_CODE.left: {\n      e.preventDefault()\n      const preMenu = menuList.value[getMenuIndex(target) - 1]\n      const expandedNode = preMenu?.$el.querySelector(\n        `.${ns.b('node')}[aria-expanded=\"true\"]`\n      )\n      focusNode(expandedNode)\n      break\n    }\n    case EVENT_CODE.right: {\n      e.preventDefault()\n      const nextMenu = menuList.value[getMenuIndex(target) + 1]\n      const firstNode = nextMenu?.$el.querySelector(\n        `.${ns.b('node')}[tabindex=\"-1\"]`\n      )\n      focusNode(firstNode)\n      break\n    }\n    case EVENT_CODE.enter:\n    case EVENT_CODE.numpadEnter:\n      checkNode(target)\n      break\n  }\n}\n\nprovide(\n  CASCADER_PANEL_INJECTION_KEY,\n  reactive({\n    config,\n    expandingNode,\n    checkedNodes,\n    isHoverMenu,\n    initialLoaded,\n    renderLabelFn,\n    virtualScroll,\n    itemSize,\n    height,\n    lazyLoad,\n    expandNode,\n    handleCheckChange,\n  })\n)\n\nwatch(\n  config,\n  (newVal, oldVal) => {\n    if (isEqual(newVal, oldVal)) return\n    initStore()\n  },\n  {\n    immediate: true,\n  }\n)\n\nwatch(() => props.options, initStore, {\n  deep: true,\n})\n\nwatch(\n  () => props.modelValue,\n  () => {\n    manualChecked = false\n    syncCheckedValue()\n  },\n  {\n    deep: true,\n  }\n)\n\nwatch(\n  () => checkedValue.value,\n  (val) => {\n    if (!isEqual(val, props.modelValue)) {\n      emit(UPDATE_MODEL_EVENT, val)\n      emit(CHANGE_EVENT, val)\n    }\n  }\n)\n\nconst loadLazyRootNodes = () => {\n  if (initialLoadedOnce.value) return\n  initStore()\n}\n\nonBeforeUpdate(() => (menuList.value = []))\n\nonMounted(() => !isEmpty(props.modelValue) && syncCheckedValue())\n\ndefineExpose({\n  menuList,\n  menus,\n  checkedNodes,\n  handleKeyDown,\n  handleCheckChange,\n  getFlattedNodes,\n  /**\n   * @description get an array of currently selected node,(leafOnly) whether only return the leaf checked nodes, default is `false`\n   */\n  getCheckedNodes,\n  /**\n   * @description clear checked nodes\n   */\n  clearCheckedNodes,\n  calculateCheckedValue,\n  scrollToExpandingNode,\n  loadLazyRootNodes,\n})\n</script>\n"],"mappings":""}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../../packages/components/cascader-panel/src/index.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[ns.b('panel'), ns.is('bordered', border)]\"\n    @keydown=\"handleKeyDown\"\n  >\n    <el-cascader-menu\n      v-for=\"(menu, index) in menus\"\n      :key=\"index\"\n      :ref=\"(item) => (menuList[index] = item as CascaderMenuInstance)\"\n      :index=\"index\"\n      :nodes=\"[...menu]\"\n      :virtual-scroll=\"virtualScroll\"\n      :item-size=\"itemSize\"\n      :height=\"height\"\n    >\n      <template #empty>\n        <slot name=\"empty\" />\n      </template>\n    </el-cascader-menu>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  nextTick,\n  onBeforeUpdate,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n  useSlots,\n  watch,\n} from 'vue'\nimport { cloneDeep, flattenDeep, isEqual } from 'lodash-unified'\nimport {\n  castArray,\n  focusNode,\n  getEventCode,\n  getSibling,\n  isClient,\n  isEmpty,\n  scrollIntoView,\n  unique,\n} from '@element-plus/utils'\nimport {\n  CHANGE_EVENT,\n  EVENT_CODE,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { useNamespace } from '@element-plus/hooks'\nimport ElCascaderMenu from './menu.vue'\nimport Store from './store'\nimport Node from './node'\nimport {\n  CASCADER_PANEL_HEIGHT,\n  CASCADER_PANEL_ITEM_SIZE,\n  cascaderPanelEmits,\n  useCascaderConfig,\n} from './config'\nimport { checkNode, getMenuIndex, sortByOriginalOrder } from './utils'\nimport { CASCADER_PANEL_INJECTION_KEY } from './types'\n\nimport type {\n  CascaderNode,\n  CascaderNodeValue,\n  CascaderOption,\n  CascaderValue,\n  ElCascaderPanelContext,\n} from './types'\nimport type { CascaderMenuInstance } from './instance'\nimport type { CascaderPanelProps } from './config'\n\ndefineOptions({\n  name: 'ElCascaderPanel',\n})\n\nconst props = withDefaults(defineProps<CascaderPanelProps>(), {\n  options: () => [],\n  props: () => ({}),\n  border: true,\n  itemSize: CASCADER_PANEL_ITEM_SIZE,\n  height: CASCADER_PANEL_HEIGHT,\n})\nconst emit = defineEmits(cascaderPanelEmits)\n\n// for interrupt sync check status in lazy mode\nlet manualChecked = false\n\nconst ns = useNamespace('cascader')\nconst config = useCascaderConfig(props)\nconst slots = useSlots()\n\nlet store: Store\nconst initialLoaded = ref(true)\nconst initialLoadedOnce = ref(false)\nconst menuList = ref<CascaderMenuInstance[]>([])\nconst checkedValue = ref<CascaderValue>()\nconst menus = ref<CascaderNode[][]>([])\nconst expandingNode = ref<CascaderNode>()\nconst checkedNodes = ref<CascaderNode[]>([])\n\nconst isHoverMenu = computed(() => config.value.expandTrigger === 'hover')\nconst renderLabelFn = computed(() => props.renderLabel || slots.default)\nconst virtualScroll = computed(() => props.virtualScroll)\nconst itemSize = computed(() => props.itemSize)\nconst height = computed(() => props.height)\n\nconst initStore = () => {\n  const { options } = props\n  const cfg = config.value\n\n  manualChecked = false\n  store = new Store(options, cfg)\n  menus.value = [store.getNodes()]\n\n  if (cfg.lazy && isEmpty(props.options)) {\n    initialLoaded.value = false\n    lazyLoad(undefined, (list) => {\n      if (list) {\n        store = new Store(list, cfg)\n        menus.value = [store.getNodes()]\n      }\n      initialLoaded.value = true\n      syncCheckedValue(false, true)\n    })\n  } else {\n    syncCheckedValue(false, true)\n  }\n}\n\nconst lazyLoad: ElCascaderPanelContext['lazyLoad'] = (node, cb) => {\n  const cfg = config.value\n  node! = node || new Node({}, cfg, undefined, true)\n  node.loading = true\n\n  const resolve = (dataList?: CascaderOption[]) => {\n    const _node = node as Node\n    const parent = _node.root ? null : _node\n    _node.loading = false\n    _node.loaded = true\n    _node.childrenData = _node.childrenData || []\n    dataList && store?.appendNodes(dataList, parent as Node)\n    dataList && cb?.(dataList)\n    if (node.level === 0) {\n      initialLoadedOnce.value = true\n    }\n  }\n\n  const reject = () => {\n    node!.loading = false\n    node!.loaded = false\n    if (node!.level === 0) {\n      initialLoaded.value = true\n    }\n  }\n\n  cfg.lazyLoad(node, resolve, reject)\n}\n\nconst expandNode: ElCascaderPanelContext['expandNode'] = (node, silent) => {\n  const { level } = node\n  const newMenus = menus.value.slice(0, level)\n  let newExpandingNode: CascaderNode\n\n  if (node.isLeaf) {\n    newExpandingNode = node.pathNodes[level - 2]\n  } else {\n    newExpandingNode = node\n    newMenus.push(node.children)\n  }\n\n  if (expandingNode.value?.uid !== newExpandingNode?.uid) {\n    expandingNode.value = node\n    menus.value = newMenus\n    !silent && emit('expand-change', node?.pathValues || [])\n  }\n}\n\nconst handleCheckChange: ElCascaderPanelContext['handleCheckChange'] = (\n  node,\n  checked,\n  emitClose = true\n) => {\n  const { checkStrictly, multiple } = config.value\n  const oldNode = checkedNodes.value[0]\n  manualChecked = true\n\n  !multiple && oldNode?.doCheck(false)\n  node.doCheck(checked)\n  calculateCheckedValue()\n  emitClose && !multiple && !checkStrictly && emit('close')\n  !emitClose && !multiple && expandParentNode(node)\n}\n\nconst expandParentNode = (node: Node | undefined) => {\n  if (!node) return\n  node = node.parent\n  expandParentNode(node)\n  node && expandNode(node)\n}\n\nconst getFlattedNodes = (leafOnly: boolean) => store?.getFlattedNodes(leafOnly)\n\nconst getCheckedNodes = (leafOnly: boolean) => {\n  return getFlattedNodes(leafOnly)?.filter(({ checked }) => checked !== false)\n}\n\nconst clearCheckedNodes = () => {\n  checkedNodes.value.forEach((node) => node.doCheck(false))\n  calculateCheckedValue()\n  menus.value = menus.value.slice(0, 1)\n  expandingNode.value = undefined\n  emit('expand-change', [])\n}\n\nconst calculateCheckedValue = () => {\n  const { checkStrictly, multiple } = config.value\n  const oldNodes = checkedNodes.value\n  const newNodes = getCheckedNodes(!checkStrictly)!\n  // ensure the original order\n  const nodes = sortByOriginalOrder(oldNodes, newNodes)\n  const values = nodes.map((node) => node.valueByOption)\n  checkedNodes.value = nodes\n  checkedValue.value = multiple ? values : (values[0] ?? null)\n}\n\nconst syncCheckedValue = (loaded = false, forced = false) => {\n  const { modelValue } = props\n  const { lazy, multiple, checkStrictly } = config.value\n  const leafOnly = !checkStrictly\n\n  if (\n    !initialLoaded.value ||\n    manualChecked ||\n    (!forced && isEqual(modelValue, checkedValue.value))\n  )\n    return\n\n  if (lazy && !loaded) {\n    const values: CascaderNodeValue[] = unique(\n      flattenDeep(castArray(modelValue as CascaderNodeValue[]))\n    )\n    const nodes = values\n      .map((val) => store?.getNodeByValue(val))\n      .filter((node) => !!node && !node.loaded && !node.loading) as Node[]\n\n    if (nodes.length) {\n      nodes.forEach((node) => {\n        lazyLoad(node, () => syncCheckedValue(false, forced))\n      })\n    } else {\n      syncCheckedValue(true, forced)\n    }\n  } else {\n    const values = multiple ? castArray(modelValue) : [modelValue]\n    const nodes = unique(\n      values.map((val) =>\n        store?.getNodeByValue(val as CascaderNodeValue, leafOnly)\n      )\n    ) as Node[]\n    syncMenuState(nodes, forced)\n    checkedValue.value = cloneDeep(modelValue ?? undefined)\n  }\n}\n\nconst syncMenuState = (\n  newCheckedNodes: CascaderNode[],\n  reserveExpandingState = true\n) => {\n  const { checkStrictly } = config.value\n  const oldNodes = checkedNodes.value\n  const newNodes = newCheckedNodes.filter(\n    (node) => !!node && (checkStrictly || node.isLeaf)\n  )\n  const oldExpandingNode = store?.getSameNode(expandingNode.value!)\n  const newExpandingNode =\n    (reserveExpandingState && oldExpandingNode) || newNodes[0]\n\n  if (newExpandingNode) {\n    newExpandingNode.pathNodes.forEach((node) => expandNode(node, true))\n  } else {\n    expandingNode.value = undefined\n  }\n\n  oldNodes.forEach((node) => node.doCheck(false))\n  reactive(newNodes).forEach((node) => node.doCheck(true))\n  checkedNodes.value = newNodes\n  nextTick(scrollToExpandingNode)\n}\n\nconst scrollToExpandingNode = () => {\n  if (!isClient) return\n\n  menuList.value.forEach((menu) => {\n    const menuElement = menu?.$el\n    if (menuElement) {\n      // virtual scroll mode, use scrollToItem method\n      if (virtualScroll.value) {\n        const activeIndex = menu?.getActiveNodeIndex?.()\n        if (activeIndex !== undefined && activeIndex >= 0) {\n          menu?.scrollToItem?.(activeIndex)\n        }\n      } else {\n        // logic for non-virtual scroll mode\n        const container = menuElement.querySelector(\n          `.${ns.namespace.value}-scrollbar__wrap`\n        )\n        let activeNode = menuElement.querySelector(\n          `.${ns.b('node')}.in-active-path`\n        )\n        if (!activeNode) {\n          const activeElements = menuElement.querySelectorAll(\n            `.${ns.b('node')}.${ns.is('active')}`\n          )\n          activeNode = activeElements[activeElements.length - 1]\n        }\n        scrollIntoView(container, activeNode)\n      }\n    }\n  })\n}\n\nconst handleKeyDown = (e: KeyboardEvent) => {\n  const target = e.target as HTMLElement\n  const code = getEventCode(e)\n\n  switch (code) {\n    case EVENT_CODE.up:\n    case EVENT_CODE.down: {\n      e.preventDefault()\n      const distance = code === EVENT_CODE.up ? -1 : 1\n\n      if (virtualScroll.value) {\n        const menuIndex = getMenuIndex(target)\n        const menu = menuList.value[menuIndex]\n        if (menu) {\n          // For virtual scroll, calculate the target index and use focusNodeAt\n          const currentIndex = menu.getNodeIndexById(target.id)\n          if (currentIndex >= 0) {\n            const nodesInMenu = menus.value[menuIndex] ?? []\n            const nodesCount = nodesInMenu.length\n            // Find the next non-disabled node\n            let targetIndex = currentIndex + distance\n            while (targetIndex >= 0 && targetIndex < nodesCount) {\n              if (!nodesInMenu[targetIndex].isDisabled) {\n                menu.focusNodeAt(targetIndex)\n                return\n              }\n              targetIndex += distance\n            }\n          }\n        }\n      }\n\n      focusNode(\n        getSibling(\n          target,\n          distance,\n          `.${ns.b('node')}[tabindex=\"-1\"]`\n        ) as HTMLElement\n      )\n      break\n    }\n    case EVENT_CODE.left: {\n      e.preventDefault()\n      const preMenu = menuList.value[getMenuIndex(target) - 1]\n      const expandedNode = preMenu?.$el.querySelector(\n        `.${ns.b('node')}[aria-expanded=\"true\"]`\n      )\n      focusNode(expandedNode)\n      break\n    }\n    case EVENT_CODE.right: {\n      e.preventDefault()\n      const nextMenu = menuList.value[getMenuIndex(target) + 1]\n      const firstNode = nextMenu?.$el.querySelector(\n        `.${ns.b('node')}[tabindex=\"-1\"]`\n      )\n      focusNode(firstNode)\n      break\n    }\n    case EVENT_CODE.enter:\n    case EVENT_CODE.numpadEnter:\n      checkNode(target)\n      break\n  }\n}\n\nprovide(\n  CASCADER_PANEL_INJECTION_KEY,\n  reactive({\n    config,\n    expandingNode,\n    checkedNodes,\n    isHoverMenu,\n    initialLoaded,\n    renderLabelFn,\n    virtualScroll,\n    itemSize,\n    height,\n    lazyLoad,\n    expandNode,\n    handleCheckChange,\n  })\n)\n\nwatch(\n  config,\n  (newVal, oldVal) => {\n    if (isEqual(newVal, oldVal)) return\n    initStore()\n  },\n  {\n    immediate: true,\n  }\n)\n\nwatch(() => props.options, initStore, {\n  deep: true,\n})\n\nwatch(\n  () => props.modelValue,\n  () => {\n    manualChecked = false\n    syncCheckedValue()\n  },\n  {\n    deep: true,\n  }\n)\n\nwatch(\n  () => checkedValue.value,\n  (val) => {\n    if (!isEqual(val, props.modelValue)) {\n      emit(UPDATE_MODEL_EVENT, val)\n      emit(CHANGE_EVENT, val)\n    }\n  }\n)\n\nconst loadLazyRootNodes = () => {\n  if (initialLoadedOnce.value || !initialLoaded.value) return\n  initStore()\n}\n\nonBeforeUpdate(() => (menuList.value = []))\n\nonMounted(() => !isEmpty(props.modelValue) && syncCheckedValue())\n\ndefineExpose({\n  menuList,\n  menus,\n  checkedNodes,\n  handleKeyDown,\n  handleCheckChange,\n  getFlattedNodes,\n  /**\n   * @description get an array of currently selected node,(leafOnly) whether only return the leaf checked nodes, default is `false`\n   */\n  getCheckedNodes,\n  /**\n   * @description clear checked nodes\n   */\n  clearCheckedNodes,\n  calculateCheckedValue,\n  scrollToExpandingNode,\n  loadLazyRootNodes,\n})\n</script>\n"],"mappings":""}

package/es/components/cascader-panel/src/index.vue.d.ts

@@ -279,8 +279,8 @@ declare const __VLS_base: _$vue.DefineComponent<CascaderPanelProps, {
   "onExpand-change"?: ((value: CascaderNodePathValue) => any) | undefined;
 }>, {
   props: CascaderProps;
-  height: number;
   border: boolean;
+  height: number;
   options: CascaderOption[];
   itemSize: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

package/es/components/cascader-panel/src/index.vue_vue_type_script_setup_true_lang.mjs

@@ -1,6 +1,6 @@
-import { focusNode, getSibling } from "../../../utils/dom/aria.mjs";
 import { EVENT_CODE } from "../../../constants/aria.mjs";
 import { CHANGE_EVENT, UPDATE_MODEL_EVENT } from "../../../constants/event.mjs";
+import { focusNode, getSibling } from "../../../utils/dom/aria.mjs";
 import { isClient } from "../../../utils/browser.mjs";
 import { getEventCode } from "../../../utils/dom/event.mjs";
 import { isEmpty } from "../../../utils/types.mjs";
@@ -255,7 +255,7 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 			}
 		});
 		const loadLazyRootNodes = () => {
-			if (initialLoadedOnce.value) return;
+			if (initialLoadedOnce.value || !initialLoaded.value) return;
 			initStore();
 		};
 		onBeforeUpdate(() => menuList.value = []);

package/es/components/cascader-panel/src/index.vue_vue_type_script_setup_true_lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue_vue_type_script_setup_true_lang.mjs","names":[],"sources":["../../../../../../packages/components/cascader-panel/src/index.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[ns.b('panel'), ns.is('bordered', border)]\"\n    @keydown=\"handleKeyDown\"\n  >\n    <el-cascader-menu\n      v-for=\"(menu, index) in menus\"\n      :key=\"index\"\n      :ref=\"(item) => (menuList[index] = item as CascaderMenuInstance)\"\n      :index=\"index\"\n      :nodes=\"[...menu]\"\n      :virtual-scroll=\"virtualScroll\"\n      :item-size=\"itemSize\"\n      :height=\"height\"\n    >\n      <template #empty>\n        <slot name=\"empty\" />\n      </template>\n    </el-cascader-menu>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  nextTick,\n  onBeforeUpdate,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n  useSlots,\n  watch,\n} from 'vue'\nimport { cloneDeep, flattenDeep, isEqual } from 'lodash-unified'\nimport {\n  castArray,\n  focusNode,\n  getEventCode,\n  getSibling,\n  isClient,\n  isEmpty,\n  scrollIntoView,\n  unique,\n} from '@element-plus/utils'\nimport {\n  CHANGE_EVENT,\n  EVENT_CODE,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { useNamespace } from '@element-plus/hooks'\nimport ElCascaderMenu from './menu.vue'\nimport Store from './store'\nimport Node from './node'\nimport {\n  CASCADER_PANEL_HEIGHT,\n  CASCADER_PANEL_ITEM_SIZE,\n  cascaderPanelEmits,\n  useCascaderConfig,\n} from './config'\nimport { checkNode, getMenuIndex, sortByOriginalOrder } from './utils'\nimport { CASCADER_PANEL_INJECTION_KEY } from './types'\n\nimport type {\n  CascaderNode,\n  CascaderNodeValue,\n  CascaderOption,\n  CascaderValue,\n  ElCascaderPanelContext,\n} from './types'\nimport type { CascaderMenuInstance } from './instance'\nimport type { CascaderPanelProps } from './config'\n\ndefineOptions({\n  name: 'ElCascaderPanel',\n})\n\nconst props = withDefaults(defineProps<CascaderPanelProps>(), {\n  options: () => [],\n  props: () => ({}),\n  border: true,\n  itemSize: CASCADER_PANEL_ITEM_SIZE,\n  height: CASCADER_PANEL_HEIGHT,\n})\nconst emit = defineEmits(cascaderPanelEmits)\n\n// for interrupt sync check status in lazy mode\nlet manualChecked = false\n\nconst ns = useNamespace('cascader')\nconst config = useCascaderConfig(props)\nconst slots = useSlots()\n\nlet store: Store\nconst initialLoaded = ref(true)\nconst initialLoadedOnce = ref(false)\nconst menuList = ref<CascaderMenuInstance[]>([])\nconst checkedValue = ref<CascaderValue>()\nconst menus = ref<CascaderNode[][]>([])\nconst expandingNode = ref<CascaderNode>()\nconst checkedNodes = ref<CascaderNode[]>([])\n\nconst isHoverMenu = computed(() => config.value.expandTrigger === 'hover')\nconst renderLabelFn = computed(() => props.renderLabel || slots.default)\nconst virtualScroll = computed(() => props.virtualScroll)\nconst itemSize = computed(() => props.itemSize)\nconst height = computed(() => props.height)\n\nconst initStore = () => {\n  const { options } = props\n  const cfg = config.value\n\n  manualChecked = false\n  store = new Store(options, cfg)\n  menus.value = [store.getNodes()]\n\n  if (cfg.lazy && isEmpty(props.options)) {\n    initialLoaded.value = false\n    lazyLoad(undefined, (list) => {\n      if (list) {\n        store = new Store(list, cfg)\n        menus.value = [store.getNodes()]\n      }\n      initialLoaded.value = true\n      syncCheckedValue(false, true)\n    })\n  } else {\n    syncCheckedValue(false, true)\n  }\n}\n\nconst lazyLoad: ElCascaderPanelContext['lazyLoad'] = (node, cb) => {\n  const cfg = config.value\n  node! = node || new Node({}, cfg, undefined, true)\n  node.loading = true\n\n  const resolve = (dataList?: CascaderOption[]) => {\n    const _node = node as Node\n    const parent = _node.root ? null : _node\n    _node.loading = false\n    _node.loaded = true\n    _node.childrenData = _node.childrenData || []\n    dataList && store?.appendNodes(dataList, parent as Node)\n    dataList && cb?.(dataList)\n    if (node.level === 0) {\n      initialLoadedOnce.value = true\n    }\n  }\n\n  const reject = () => {\n    node!.loading = false\n    node!.loaded = false\n    if (node!.level === 0) {\n      initialLoaded.value = true\n    }\n  }\n\n  cfg.lazyLoad(node, resolve, reject)\n}\n\nconst expandNode: ElCascaderPanelContext['expandNode'] = (node, silent) => {\n  const { level } = node\n  const newMenus = menus.value.slice(0, level)\n  let newExpandingNode: CascaderNode\n\n  if (node.isLeaf) {\n    newExpandingNode = node.pathNodes[level - 2]\n  } else {\n    newExpandingNode = node\n    newMenus.push(node.children)\n  }\n\n  if (expandingNode.value?.uid !== newExpandingNode?.uid) {\n    expandingNode.value = node\n    menus.value = newMenus\n    !silent && emit('expand-change', node?.pathValues || [])\n  }\n}\n\nconst handleCheckChange: ElCascaderPanelContext['handleCheckChange'] = (\n  node,\n  checked,\n  emitClose = true\n) => {\n  const { checkStrictly, multiple } = config.value\n  const oldNode = checkedNodes.value[0]\n  manualChecked = true\n\n  !multiple && oldNode?.doCheck(false)\n  node.doCheck(checked)\n  calculateCheckedValue()\n  emitClose && !multiple && !checkStrictly && emit('close')\n  !emitClose && !multiple && expandParentNode(node)\n}\n\nconst expandParentNode = (node: Node | undefined) => {\n  if (!node) return\n  node = node.parent\n  expandParentNode(node)\n  node && expandNode(node)\n}\n\nconst getFlattedNodes = (leafOnly: boolean) => store?.getFlattedNodes(leafOnly)\n\nconst getCheckedNodes = (leafOnly: boolean) => {\n  return getFlattedNodes(leafOnly)?.filter(({ checked }) => checked !== false)\n}\n\nconst clearCheckedNodes = () => {\n  checkedNodes.value.forEach((node) => node.doCheck(false))\n  calculateCheckedValue()\n  menus.value = menus.value.slice(0, 1)\n  expandingNode.value = undefined\n  emit('expand-change', [])\n}\n\nconst calculateCheckedValue = () => {\n  const { checkStrictly, multiple } = config.value\n  const oldNodes = checkedNodes.value\n  const newNodes = getCheckedNodes(!checkStrictly)!\n  // ensure the original order\n  const nodes = sortByOriginalOrder(oldNodes, newNodes)\n  const values = nodes.map((node) => node.valueByOption)\n  checkedNodes.value = nodes\n  checkedValue.value = multiple ? values : (values[0] ?? null)\n}\n\nconst syncCheckedValue = (loaded = false, forced = false) => {\n  const { modelValue } = props\n  const { lazy, multiple, checkStrictly } = config.value\n  const leafOnly = !checkStrictly\n\n  if (\n    !initialLoaded.value ||\n    manualChecked ||\n    (!forced && isEqual(modelValue, checkedValue.value))\n  )\n    return\n\n  if (lazy && !loaded) {\n    const values: CascaderNodeValue[] = unique(\n      flattenDeep(castArray(modelValue as CascaderNodeValue[]))\n    )\n    const nodes = values\n      .map((val) => store?.getNodeByValue(val))\n      .filter((node) => !!node && !node.loaded && !node.loading) as Node[]\n\n    if (nodes.length) {\n      nodes.forEach((node) => {\n        lazyLoad(node, () => syncCheckedValue(false, forced))\n      })\n    } else {\n      syncCheckedValue(true, forced)\n    }\n  } else {\n    const values = multiple ? castArray(modelValue) : [modelValue]\n    const nodes = unique(\n      values.map((val) =>\n        store?.getNodeByValue(val as CascaderNodeValue, leafOnly)\n      )\n    ) as Node[]\n    syncMenuState(nodes, forced)\n    checkedValue.value = cloneDeep(modelValue ?? undefined)\n  }\n}\n\nconst syncMenuState = (\n  newCheckedNodes: CascaderNode[],\n  reserveExpandingState = true\n) => {\n  const { checkStrictly } = config.value\n  const oldNodes = checkedNodes.value\n  const newNodes = newCheckedNodes.filter(\n    (node) => !!node && (checkStrictly || node.isLeaf)\n  )\n  const oldExpandingNode = store?.getSameNode(expandingNode.value!)\n  const newExpandingNode =\n    (reserveExpandingState && oldExpandingNode) || newNodes[0]\n\n  if (newExpandingNode) {\n    newExpandingNode.pathNodes.forEach((node) => expandNode(node, true))\n  } else {\n    expandingNode.value = undefined\n  }\n\n  oldNodes.forEach((node) => node.doCheck(false))\n  reactive(newNodes).forEach((node) => node.doCheck(true))\n  checkedNodes.value = newNodes\n  nextTick(scrollToExpandingNode)\n}\n\nconst scrollToExpandingNode = () => {\n  if (!isClient) return\n\n  menuList.value.forEach((menu) => {\n    const menuElement = menu?.$el\n    if (menuElement) {\n      // virtual scroll mode, use scrollToItem method\n      if (virtualScroll.value) {\n        const activeIndex = menu?.getActiveNodeIndex?.()\n        if (activeIndex !== undefined && activeIndex >= 0) {\n          menu?.scrollToItem?.(activeIndex)\n        }\n      } else {\n        // logic for non-virtual scroll mode\n        const container = menuElement.querySelector(\n          `.${ns.namespace.value}-scrollbar__wrap`\n        )\n        let activeNode = menuElement.querySelector(\n          `.${ns.b('node')}.in-active-path`\n        )\n        if (!activeNode) {\n          const activeElements = menuElement.querySelectorAll(\n            `.${ns.b('node')}.${ns.is('active')}`\n          )\n          activeNode = activeElements[activeElements.length - 1]\n        }\n        scrollIntoView(container, activeNode)\n      }\n    }\n  })\n}\n\nconst handleKeyDown = (e: KeyboardEvent) => {\n  const target = e.target as HTMLElement\n  const code = getEventCode(e)\n\n  switch (code) {\n    case EVENT_CODE.up:\n    case EVENT_CODE.down: {\n      e.preventDefault()\n      const distance = code === EVENT_CODE.up ? -1 : 1\n\n      if (virtualScroll.value) {\n        const menuIndex = getMenuIndex(target)\n        const menu = menuList.value[menuIndex]\n        if (menu) {\n          // For virtual scroll, calculate the target index and use focusNodeAt\n          const currentIndex = menu.getNodeIndexById(target.id)\n          if (currentIndex >= 0) {\n            const nodesInMenu = menus.value[menuIndex] ?? []\n            const nodesCount = nodesInMenu.length\n            // Find the next non-disabled node\n            let targetIndex = currentIndex + distance\n            while (targetIndex >= 0 && targetIndex < nodesCount) {\n              if (!nodesInMenu[targetIndex].isDisabled) {\n                menu.focusNodeAt(targetIndex)\n                return\n              }\n              targetIndex += distance\n            }\n          }\n        }\n      }\n\n      focusNode(\n        getSibling(\n          target,\n          distance,\n          `.${ns.b('node')}[tabindex=\"-1\"]`\n        ) as HTMLElement\n      )\n      break\n    }\n    case EVENT_CODE.left: {\n      e.preventDefault()\n      const preMenu = menuList.value[getMenuIndex(target) - 1]\n      const expandedNode = preMenu?.$el.querySelector(\n        `.${ns.b('node')}[aria-expanded=\"true\"]`\n      )\n      focusNode(expandedNode)\n      break\n    }\n    case EVENT_CODE.right: {\n      e.preventDefault()\n      const nextMenu = menuList.value[getMenuIndex(target) + 1]\n      const firstNode = nextMenu?.$el.querySelector(\n        `.${ns.b('node')}[tabindex=\"-1\"]`\n      )\n      focusNode(firstNode)\n      break\n    }\n    case EVENT_CODE.enter:\n    case EVENT_CODE.numpadEnter:\n      checkNode(target)\n      break\n  }\n}\n\nprovide(\n  CASCADER_PANEL_INJECTION_KEY,\n  reactive({\n    config,\n    expandingNode,\n    checkedNodes,\n    isHoverMenu,\n    initialLoaded,\n    renderLabelFn,\n    virtualScroll,\n    itemSize,\n    height,\n    lazyLoad,\n    expandNode,\n    handleCheckChange,\n  })\n)\n\nwatch(\n  config,\n  (newVal, oldVal) => {\n    if (isEqual(newVal, oldVal)) return\n    initStore()\n  },\n  {\n    immediate: true,\n  }\n)\n\nwatch(() => props.options, initStore, {\n  deep: true,\n})\n\nwatch(\n  () => props.modelValue,\n  () => {\n    manualChecked = false\n    syncCheckedValue()\n  },\n  {\n    deep: true,\n  }\n)\n\nwatch(\n  () => checkedValue.value,\n  (val) => {\n    if (!isEqual(val, props.modelValue)) {\n      emit(UPDATE_MODEL_EVENT, val)\n      emit(CHANGE_EVENT, val)\n    }\n  }\n)\n\nconst loadLazyRootNodes = () => {\n  if (initialLoadedOnce.value) return\n  initStore()\n}\n\nonBeforeUpdate(() => (menuList.value = []))\n\nonMounted(() => !isEmpty(props.modelValue) && syncCheckedValue())\n\ndefineExpose({\n  menuList,\n  menus,\n  checkedNodes,\n  handleKeyDown,\n  handleCheckChange,\n  getFlattedNodes,\n  /**\n   * @description get an array of currently selected node,(leafOnly) whether only return the leaf checked nodes, default is `false`\n   */\n  getCheckedNodes,\n  /**\n   * @description clear checked nodes\n   */\n  clearCheckedNodes,\n  calculateCheckedValue,\n  scrollToExpandingNode,\n  loadLazyRootNodes,\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"index.vue_vue_type_script_setup_true_lang.mjs","names":[],"sources":["../../../../../../packages/components/cascader-panel/src/index.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[ns.b('panel'), ns.is('bordered', border)]\"\n    @keydown=\"handleKeyDown\"\n  >\n    <el-cascader-menu\n      v-for=\"(menu, index) in menus\"\n      :key=\"index\"\n      :ref=\"(item) => (menuList[index] = item as CascaderMenuInstance)\"\n      :index=\"index\"\n      :nodes=\"[...menu]\"\n      :virtual-scroll=\"virtualScroll\"\n      :item-size=\"itemSize\"\n      :height=\"height\"\n    >\n      <template #empty>\n        <slot name=\"empty\" />\n      </template>\n    </el-cascader-menu>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  nextTick,\n  onBeforeUpdate,\n  onMounted,\n  provide,\n  reactive,\n  ref,\n  useSlots,\n  watch,\n} from 'vue'\nimport { cloneDeep, flattenDeep, isEqual } from 'lodash-unified'\nimport {\n  castArray,\n  focusNode,\n  getEventCode,\n  getSibling,\n  isClient,\n  isEmpty,\n  scrollIntoView,\n  unique,\n} from '@element-plus/utils'\nimport {\n  CHANGE_EVENT,\n  EVENT_CODE,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { useNamespace } from '@element-plus/hooks'\nimport ElCascaderMenu from './menu.vue'\nimport Store from './store'\nimport Node from './node'\nimport {\n  CASCADER_PANEL_HEIGHT,\n  CASCADER_PANEL_ITEM_SIZE,\n  cascaderPanelEmits,\n  useCascaderConfig,\n} from './config'\nimport { checkNode, getMenuIndex, sortByOriginalOrder } from './utils'\nimport { CASCADER_PANEL_INJECTION_KEY } from './types'\n\nimport type {\n  CascaderNode,\n  CascaderNodeValue,\n  CascaderOption,\n  CascaderValue,\n  ElCascaderPanelContext,\n} from './types'\nimport type { CascaderMenuInstance } from './instance'\nimport type { CascaderPanelProps } from './config'\n\ndefineOptions({\n  name: 'ElCascaderPanel',\n})\n\nconst props = withDefaults(defineProps<CascaderPanelProps>(), {\n  options: () => [],\n  props: () => ({}),\n  border: true,\n  itemSize: CASCADER_PANEL_ITEM_SIZE,\n  height: CASCADER_PANEL_HEIGHT,\n})\nconst emit = defineEmits(cascaderPanelEmits)\n\n// for interrupt sync check status in lazy mode\nlet manualChecked = false\n\nconst ns = useNamespace('cascader')\nconst config = useCascaderConfig(props)\nconst slots = useSlots()\n\nlet store: Store\nconst initialLoaded = ref(true)\nconst initialLoadedOnce = ref(false)\nconst menuList = ref<CascaderMenuInstance[]>([])\nconst checkedValue = ref<CascaderValue>()\nconst menus = ref<CascaderNode[][]>([])\nconst expandingNode = ref<CascaderNode>()\nconst checkedNodes = ref<CascaderNode[]>([])\n\nconst isHoverMenu = computed(() => config.value.expandTrigger === 'hover')\nconst renderLabelFn = computed(() => props.renderLabel || slots.default)\nconst virtualScroll = computed(() => props.virtualScroll)\nconst itemSize = computed(() => props.itemSize)\nconst height = computed(() => props.height)\n\nconst initStore = () => {\n  const { options } = props\n  const cfg = config.value\n\n  manualChecked = false\n  store = new Store(options, cfg)\n  menus.value = [store.getNodes()]\n\n  if (cfg.lazy && isEmpty(props.options)) {\n    initialLoaded.value = false\n    lazyLoad(undefined, (list) => {\n      if (list) {\n        store = new Store(list, cfg)\n        menus.value = [store.getNodes()]\n      }\n      initialLoaded.value = true\n      syncCheckedValue(false, true)\n    })\n  } else {\n    syncCheckedValue(false, true)\n  }\n}\n\nconst lazyLoad: ElCascaderPanelContext['lazyLoad'] = (node, cb) => {\n  const cfg = config.value\n  node! = node || new Node({}, cfg, undefined, true)\n  node.loading = true\n\n  const resolve = (dataList?: CascaderOption[]) => {\n    const _node = node as Node\n    const parent = _node.root ? null : _node\n    _node.loading = false\n    _node.loaded = true\n    _node.childrenData = _node.childrenData || []\n    dataList && store?.appendNodes(dataList, parent as Node)\n    dataList && cb?.(dataList)\n    if (node.level === 0) {\n      initialLoadedOnce.value = true\n    }\n  }\n\n  const reject = () => {\n    node!.loading = false\n    node!.loaded = false\n    if (node!.level === 0) {\n      initialLoaded.value = true\n    }\n  }\n\n  cfg.lazyLoad(node, resolve, reject)\n}\n\nconst expandNode: ElCascaderPanelContext['expandNode'] = (node, silent) => {\n  const { level } = node\n  const newMenus = menus.value.slice(0, level)\n  let newExpandingNode: CascaderNode\n\n  if (node.isLeaf) {\n    newExpandingNode = node.pathNodes[level - 2]\n  } else {\n    newExpandingNode = node\n    newMenus.push(node.children)\n  }\n\n  if (expandingNode.value?.uid !== newExpandingNode?.uid) {\n    expandingNode.value = node\n    menus.value = newMenus\n    !silent && emit('expand-change', node?.pathValues || [])\n  }\n}\n\nconst handleCheckChange: ElCascaderPanelContext['handleCheckChange'] = (\n  node,\n  checked,\n  emitClose = true\n) => {\n  const { checkStrictly, multiple } = config.value\n  const oldNode = checkedNodes.value[0]\n  manualChecked = true\n\n  !multiple && oldNode?.doCheck(false)\n  node.doCheck(checked)\n  calculateCheckedValue()\n  emitClose && !multiple && !checkStrictly && emit('close')\n  !emitClose && !multiple && expandParentNode(node)\n}\n\nconst expandParentNode = (node: Node | undefined) => {\n  if (!node) return\n  node = node.parent\n  expandParentNode(node)\n  node && expandNode(node)\n}\n\nconst getFlattedNodes = (leafOnly: boolean) => store?.getFlattedNodes(leafOnly)\n\nconst getCheckedNodes = (leafOnly: boolean) => {\n  return getFlattedNodes(leafOnly)?.filter(({ checked }) => checked !== false)\n}\n\nconst clearCheckedNodes = () => {\n  checkedNodes.value.forEach((node) => node.doCheck(false))\n  calculateCheckedValue()\n  menus.value = menus.value.slice(0, 1)\n  expandingNode.value = undefined\n  emit('expand-change', [])\n}\n\nconst calculateCheckedValue = () => {\n  const { checkStrictly, multiple } = config.value\n  const oldNodes = checkedNodes.value\n  const newNodes = getCheckedNodes(!checkStrictly)!\n  // ensure the original order\n  const nodes = sortByOriginalOrder(oldNodes, newNodes)\n  const values = nodes.map((node) => node.valueByOption)\n  checkedNodes.value = nodes\n  checkedValue.value = multiple ? values : (values[0] ?? null)\n}\n\nconst syncCheckedValue = (loaded = false, forced = false) => {\n  const { modelValue } = props\n  const { lazy, multiple, checkStrictly } = config.value\n  const leafOnly = !checkStrictly\n\n  if (\n    !initialLoaded.value ||\n    manualChecked ||\n    (!forced && isEqual(modelValue, checkedValue.value))\n  )\n    return\n\n  if (lazy && !loaded) {\n    const values: CascaderNodeValue[] = unique(\n      flattenDeep(castArray(modelValue as CascaderNodeValue[]))\n    )\n    const nodes = values\n      .map((val) => store?.getNodeByValue(val))\n      .filter((node) => !!node && !node.loaded && !node.loading) as Node[]\n\n    if (nodes.length) {\n      nodes.forEach((node) => {\n        lazyLoad(node, () => syncCheckedValue(false, forced))\n      })\n    } else {\n      syncCheckedValue(true, forced)\n    }\n  } else {\n    const values = multiple ? castArray(modelValue) : [modelValue]\n    const nodes = unique(\n      values.map((val) =>\n        store?.getNodeByValue(val as CascaderNodeValue, leafOnly)\n      )\n    ) as Node[]\n    syncMenuState(nodes, forced)\n    checkedValue.value = cloneDeep(modelValue ?? undefined)\n  }\n}\n\nconst syncMenuState = (\n  newCheckedNodes: CascaderNode[],\n  reserveExpandingState = true\n) => {\n  const { checkStrictly } = config.value\n  const oldNodes = checkedNodes.value\n  const newNodes = newCheckedNodes.filter(\n    (node) => !!node && (checkStrictly || node.isLeaf)\n  )\n  const oldExpandingNode = store?.getSameNode(expandingNode.value!)\n  const newExpandingNode =\n    (reserveExpandingState && oldExpandingNode) || newNodes[0]\n\n  if (newExpandingNode) {\n    newExpandingNode.pathNodes.forEach((node) => expandNode(node, true))\n  } else {\n    expandingNode.value = undefined\n  }\n\n  oldNodes.forEach((node) => node.doCheck(false))\n  reactive(newNodes).forEach((node) => node.doCheck(true))\n  checkedNodes.value = newNodes\n  nextTick(scrollToExpandingNode)\n}\n\nconst scrollToExpandingNode = () => {\n  if (!isClient) return\n\n  menuList.value.forEach((menu) => {\n    const menuElement = menu?.$el\n    if (menuElement) {\n      // virtual scroll mode, use scrollToItem method\n      if (virtualScroll.value) {\n        const activeIndex = menu?.getActiveNodeIndex?.()\n        if (activeIndex !== undefined && activeIndex >= 0) {\n          menu?.scrollToItem?.(activeIndex)\n        }\n      } else {\n        // logic for non-virtual scroll mode\n        const container = menuElement.querySelector(\n          `.${ns.namespace.value}-scrollbar__wrap`\n        )\n        let activeNode = menuElement.querySelector(\n          `.${ns.b('node')}.in-active-path`\n        )\n        if (!activeNode) {\n          const activeElements = menuElement.querySelectorAll(\n            `.${ns.b('node')}.${ns.is('active')}`\n          )\n          activeNode = activeElements[activeElements.length - 1]\n        }\n        scrollIntoView(container, activeNode)\n      }\n    }\n  })\n}\n\nconst handleKeyDown = (e: KeyboardEvent) => {\n  const target = e.target as HTMLElement\n  const code = getEventCode(e)\n\n  switch (code) {\n    case EVENT_CODE.up:\n    case EVENT_CODE.down: {\n      e.preventDefault()\n      const distance = code === EVENT_CODE.up ? -1 : 1\n\n      if (virtualScroll.value) {\n        const menuIndex = getMenuIndex(target)\n        const menu = menuList.value[menuIndex]\n        if (menu) {\n          // For virtual scroll, calculate the target index and use focusNodeAt\n          const currentIndex = menu.getNodeIndexById(target.id)\n          if (currentIndex >= 0) {\n            const nodesInMenu = menus.value[menuIndex] ?? []\n            const nodesCount = nodesInMenu.length\n            // Find the next non-disabled node\n            let targetIndex = currentIndex + distance\n            while (targetIndex >= 0 && targetIndex < nodesCount) {\n              if (!nodesInMenu[targetIndex].isDisabled) {\n                menu.focusNodeAt(targetIndex)\n                return\n              }\n              targetIndex += distance\n            }\n          }\n        }\n      }\n\n      focusNode(\n        getSibling(\n          target,\n          distance,\n          `.${ns.b('node')}[tabindex=\"-1\"]`\n        ) as HTMLElement\n      )\n      break\n    }\n    case EVENT_CODE.left: {\n      e.preventDefault()\n      const preMenu = menuList.value[getMenuIndex(target) - 1]\n      const expandedNode = preMenu?.$el.querySelector(\n        `.${ns.b('node')}[aria-expanded=\"true\"]`\n      )\n      focusNode(expandedNode)\n      break\n    }\n    case EVENT_CODE.right: {\n      e.preventDefault()\n      const nextMenu = menuList.value[getMenuIndex(target) + 1]\n      const firstNode = nextMenu?.$el.querySelector(\n        `.${ns.b('node')}[tabindex=\"-1\"]`\n      )\n      focusNode(firstNode)\n      break\n    }\n    case EVENT_CODE.enter:\n    case EVENT_CODE.numpadEnter:\n      checkNode(target)\n      break\n  }\n}\n\nprovide(\n  CASCADER_PANEL_INJECTION_KEY,\n  reactive({\n    config,\n    expandingNode,\n    checkedNodes,\n    isHoverMenu,\n    initialLoaded,\n    renderLabelFn,\n    virtualScroll,\n    itemSize,\n    height,\n    lazyLoad,\n    expandNode,\n    handleCheckChange,\n  })\n)\n\nwatch(\n  config,\n  (newVal, oldVal) => {\n    if (isEqual(newVal, oldVal)) return\n    initStore()\n  },\n  {\n    immediate: true,\n  }\n)\n\nwatch(() => props.options, initStore, {\n  deep: true,\n})\n\nwatch(\n  () => props.modelValue,\n  () => {\n    manualChecked = false\n    syncCheckedValue()\n  },\n  {\n    deep: true,\n  }\n)\n\nwatch(\n  () => checkedValue.value,\n  (val) => {\n    if (!isEqual(val, props.modelValue)) {\n      emit(UPDATE_MODEL_EVENT, val)\n      emit(CHANGE_EVENT, val)\n    }\n  }\n)\n\nconst loadLazyRootNodes = () => {\n  if (initialLoadedOnce.value || !initialLoaded.value) return\n  initStore()\n}\n\nonBeforeUpdate(() => (menuList.value = []))\n\nonMounted(() => !isEmpty(props.modelValue) && syncCheckedValue())\n\ndefineExpose({\n  menuList,\n  menus,\n  checkedNodes,\n  handleKeyDown,\n  handleCheckChange,\n  getFlattedNodes,\n  /**\n   * @description get an array of currently selected node,(leafOnly) whether only return the leaf checked nodes, default is `false`\n   */\n  getCheckedNodes,\n  /**\n   * @description clear checked nodes\n   */\n  clearCheckedNodes,\n  calculateCheckedValue,\n  scrollToExpandingNode,\n  loadLazyRootNodes,\n})\n</script>\n"],"mappings":"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"}

package/es/components/checkbox/src/checkbox-button.vue.d.ts

@@ -13,11 +13,11 @@ declare const __VLS_base: _$vue.DefineComponent<CheckboxProps, {}, {}, {}, {}, _
   "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
   onChange?: ((val: CheckboxValueType) => any) | undefined;
 }>, {
-  id: string;
+  name: string;
   disabled: boolean;
+  id: string;
   modelValue: number | string | boolean;
   validateEvent: boolean;
-  name: string;
   value: string | boolean | number | object;
   label: string | boolean | number | object;
   trueValue: string | number;

package/es/components/checkbox/src/checkbox.d.ts

@@ -84,21 +84,21 @@ declare const checkboxProps: {
    * @description binding value
    */
   modelValue: {
-    type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+    type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     default: undefined;
   };
   /**
    * @description label of the Checkbox when used inside a `checkbox-group`
    */
   label: {
-    type: (BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
+    type: (StringConstructor | ObjectConstructor | BooleanConstructor | NumberConstructor)[];
     default: undefined;
   };
   /**
    * @description value of the Checkbox when used inside a `checkbox-group`
    */
   value: {
-    type: (BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
+    type: (StringConstructor | ObjectConstructor | BooleanConstructor | NumberConstructor)[];
     default: undefined;
   };
   /**

package/es/components/checkbox/src/checkbox.vue.d.ts

@@ -13,11 +13,11 @@ declare const __VLS_base: _$vue.DefineComponent<CheckboxProps, {}, {}, {}, {}, _
   "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
   onChange?: ((val: CheckboxValueType) => any) | undefined;
 }>, {
-  id: string;
+  name: string;
   disabled: boolean;
+  id: string;
   modelValue: number | string | boolean;
   validateEvent: boolean;
-  name: string;
   value: string | boolean | number | object;
   label: string | boolean | number | object;
   trueValue: string | number;

package/es/components/col/src/col.vue.d.ts

@@ -7,8 +7,8 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<ColProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<ColProps> & Readonly<{}>, {
-  offset: number;
   push: number;
+  offset: number;
   tag: string;
   span: number;
   pull: number;

package/es/components/collapse/src/collapse-item.vue.d.ts

@@ -18,8 +18,8 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: _$vue.DefineComponent<CollapseItemProps, {
   /** @description current collapse-item whether active */isActive: _$vue.ComputedRef<boolean | undefined>;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<CollapseItemProps> & Readonly<{}>, {
-  title: string;
   icon: IconPropType;
+  title: string;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/es/components/color-picker/src/color-picker.vue.d.ts

@@ -43,9 +43,9 @@ declare const __VLS_export: _$vue.DefineComponent<ColorPickerProps, {
   onBlur?: ((evt: FocusEvent) => any) | undefined;
   onActiveChange?: ((val: string | null) => any) | undefined;
 }>, {
+  disabled: boolean;
   valueOnClear: string | number | boolean | Function | null;
   teleported: boolean;
-  disabled: boolean;
   modelValue: string | null;
   clearable: boolean;
   tabindex: string | number;

package/es/components/color-picker-panel/src/color-picker-panel.vue.d.ts

@@ -27,9 +27,9 @@ declare const __VLS_base: _$vue.DefineComponent<ColorPickerPanelProps, {
 }, string, _$vue.PublicProps, Readonly<ColorPickerPanelProps> & Readonly<{
   "onUpdate:modelValue"?: ((val: string | null) => any) | undefined;
 }>, {
+  border: boolean;
   modelValue: string | null;
   validateEvent: boolean;
-  border: boolean;
   showAlpha: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/es/components/config-provider/src/hooks/use-global-config.d.ts

@@ -32,7 +32,7 @@ declare function useGlobalComponentSettings(block: string, sizeFallback?: MaybeR
     currentZIndex: _$vue.ComputedRef<number>;
     nextZIndex: () => number;
   };
-  size: _$vue.ComputedRef<"" | "default" | "small" | "large">;
+  size: _$vue.ComputedRef<"default" | "" | "small" | "large">;
 };
 declare const provideGlobalConfig: (config: MaybeRef<ConfigProviderContext>, app?: App, global?: boolean) => _$vue.ComputedRef<Partial<ConfigProviderProps>> | undefined;
 //#endregion

package/es/components/countdown/src/countdown.vue_vue_type_script_setup_true_lang.mjs

@@ -1,7 +1,7 @@
 import { CHANGE_EVENT } from "../../../constants/event.mjs";
 import { cAF, rAF } from "../../../utils/raf.mjs";
-import { countdownEmits, countdownProps } from "./countdown.mjs";
 import { ElStatistic } from "../../statistic/index.mjs";
+import { countdownEmits, countdownProps } from "./countdown.mjs";
 import { formatTime, getTime } from "./utils.mjs";
 import { computed, createBlock, createSlots, defineComponent, onBeforeUnmount, onMounted, openBlock, ref, renderList, renderSlot, unref, watch, withCtx } from "vue";
 //#region ../../packages/components/countdown/src/countdown.vue?vue&type=script&setup=true&lang.ts

package/es/components/date-picker/src/date-picker.d.ts

@@ -33,7 +33,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly unlinkPanels: BooleanConstructor;
   readonly singlePanel: BooleanConstructor;
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "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>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "auto" | "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[]) => "left" | "right" | "auto" | "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>;
   readonly fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, readonly ["bottom", "top", "right", "left"], boolean>;
   readonly disabledHours: {
     readonly type: _$vue.PropType<GetDisabledHours>;
@@ -188,7 +188,7 @@ declare const _default: _$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 | string[] | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | string[] | number[] | 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;
@@ -232,7 +232,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly unlinkPanels: BooleanConstructor;
   readonly singlePanel: BooleanConstructor;
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "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>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "auto" | "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[]) => "left" | "right" | "auto" | "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>;
   readonly fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, readonly ["bottom", "top", "right", "left"], boolean>;
   readonly disabledHours: {
     readonly type: _$vue.PropType<GetDisabledHours>;
@@ -387,7 +387,7 @@ declare const _default: _$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 | string[] | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | string[] | number[] | 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;
@@ -408,9 +408,9 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
   readonly type: EpPropMergeType<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => DatePickerType)) | null)[], unknown, unknown>;
-  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 disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly modelValue: EpPropMergeType<(new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType | null)) | null)[], unknown, unknown>;
+  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 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>;
@@ -420,7 +420,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly popperStyle: _$vue.StyleValue;
   readonly fallbackPlacements: Placement[];
-  readonly placement: EpPropMergeType<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown>;
+  readonly placement: EpPropMergeType<(new (...args: any[]) => "left" | "right" | "auto" | "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[]) => "left" | "right" | "auto" | "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>;
   readonly popperOptions: Partial<Options>;
   readonly automaticDropdown: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;

package/es/components/date-picker/src/props.d.ts

@@ -33,7 +33,7 @@ declare const datePickerProps: {
   readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly unlinkPanels: BooleanConstructor;
   readonly singlePanel: BooleanConstructor;
-  readonly placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "left" | "right" | "top" | "auto" | "bottom" | "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>;
+  readonly placement: EpPropFinalized<(new (...args: any[]) => "left" | "right" | "auto" | "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[]) => "left" | "right" | "auto" | "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>;
   readonly fallbackPlacements: EpPropFinalized<(new (...args: any[]) => Placement[]) | (() => Placement[]) | (((new (...args: any[]) => Placement[]) | (() => Placement[])) | null)[], unknown, unknown, readonly ["bottom", "top", "right", "left"], boolean>;
   readonly disabledHours: {
     readonly type: _$vue.PropType<GetDisabledHours>;
@@ -188,7 +188,7 @@ declare const datePickerProps: {
   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 | string[] | number[] | Date[]) | (() => ModelValueType | null) | (((new (...args: any[]) => string | number | Date | string[] | number[] | 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/es/components/date-picker-panel/src/date-picker-com/panel-date-pick.vue.d.ts

@@ -75,9 +75,9 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   onPick?: ((...args: any[]) => any) | undefined;
   "onSet-picker-option"?: ((...args: any[]) => any) | undefined;
 }>, {
-  readonly disabled: boolean;
   readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly border: boolean;
+  readonly disabled: boolean;
   readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showConfirm: boolean;

package/es/components/date-picker-panel/src/date-picker-com/panel-date-range.vue.d.ts

@@ -89,9 +89,9 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   onPick?: ((...args: any[]) => any) | undefined;
   "onSet-picker-option"?: ((...args: any[]) => any) | undefined;
 }>, {
-  readonly disabled: boolean;
   readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly border: boolean;
+  readonly disabled: boolean;
   readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showConfirm: boolean;

package/es/components/date-picker-panel/src/date-picker-com/panel-month-range.vue.d.ts

@@ -47,9 +47,9 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
   readonly singlePanel: BooleanConstructor;
 }>> & Readonly<{}>, {
-  readonly disabled: boolean;
   readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly border: boolean;
+  readonly disabled: boolean;
   readonly showConfirm: boolean;
   readonly showFooter: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly unlinkPanels: boolean;

package/es/components/date-picker-panel/src/date-picker-com/panel-year-range.vue.d.ts

@@ -47,9 +47,9 @@ declare const __VLS_base: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
   readonly singlePanel: BooleanConstructor;
 }>> & Readonly<{}>, {
-  readonly disabled: boolean;
   readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly border: boolean;
+  readonly disabled: boolean;
   readonly showConfirm: boolean;
   readonly showFooter: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly unlinkPanels: boolean;

package/es/components/date-picker-panel/src/date-picker-panel.d.ts

@@ -51,7 +51,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly dateFormat: StringConstructor;
   readonly timeFormat: StringConstructor;
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType) | (((new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType)) | null)[], unknown, unknown, "", boolean>;
+  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType) | (((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType)) | null)[], unknown, unknown, "", boolean>;
   readonly defaultValue: {
     readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>) | (((new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>)) | null)[], unknown, unknown>>;
     readonly required: false;
@@ -111,7 +111,7 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly dateFormat: StringConstructor;
   readonly timeFormat: StringConstructor;
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType) | (((new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType)) | null)[], unknown, unknown, "", boolean>;
+  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType) | (((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType)) | null)[], unknown, unknown, "", boolean>;
   readonly defaultValue: {
     readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>) | (((new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>)) | null)[], unknown, unknown>>;
     readonly required: false;
@@ -133,10 +133,10 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   "onVisible-change"?: ((...args: any[]) => any) | undefined;
 }>, {
   readonly type: EpPropMergeType<(new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => DatePickerType) | (((new (...args: any[]) => "year" | "years" | "month" | "months" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange" | "yearrange") | (() => DatePickerType)) | null)[], unknown, unknown>;
+  readonly border: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly modelValue: EpPropMergeType<(new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType) | (((new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType)) | null)[], unknown, unknown>;
+  readonly modelValue: EpPropMergeType<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType) | (((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType)) | null)[], unknown, unknown>;
   readonly clearable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly border: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly shortcuts: unknown[];
   readonly showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;

package/es/components/date-picker-panel/src/panel-utils.d.ts

@@ -44,9 +44,9 @@ declare const getPanel: (type: DatePickerType) => ({
     pick: (...args: any[]) => void;
     "set-picker-option": (...args: any[]) => void;
   }, _$vue.PublicProps, {
-    readonly disabled: boolean;
     readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly border: boolean;
+    readonly disabled: boolean;
     readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly showConfirm: boolean;
@@ -93,9 +93,9 @@ declare const getPanel: (type: DatePickerType) => ({
     onPick?: ((...args: any[]) => any) | undefined;
     "onSet-picker-option"?: ((...args: any[]) => any) | undefined;
   }>, {}, {}, {}, {}, {
-    readonly disabled: boolean;
     readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly border: boolean;
+    readonly disabled: boolean;
     readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly showConfirm: boolean;
@@ -145,9 +145,9 @@ declare const getPanel: (type: DatePickerType) => ({
   pick: (...args: any[]) => void;
   "set-picker-option": (...args: any[]) => void;
 }, string, {
-  readonly disabled: boolean;
   readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly border: boolean;
+  readonly disabled: boolean;
   readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showConfirm: boolean;
@@ -193,9 +193,9 @@ declare const getPanel: (type: DatePickerType) => ({
     };
     readonly singlePanel: BooleanConstructor;
   }>> & Readonly<{}>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, _$vue.PublicProps, {
-    readonly disabled: boolean;
     readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly border: boolean;
+    readonly disabled: boolean;
     readonly showConfirm: boolean;
     readonly showFooter: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly unlinkPanels: boolean;
@@ -222,9 +222,9 @@ declare const getPanel: (type: DatePickerType) => ({
     };
     readonly singlePanel: BooleanConstructor;
   }>> & Readonly<{}>, {}, {}, {}, {}, {
-    readonly disabled: boolean;
     readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly border: boolean;
+    readonly disabled: boolean;
     readonly showConfirm: boolean;
     readonly showFooter: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly unlinkPanels: boolean;
@@ -248,9 +248,9 @@ declare const getPanel: (type: DatePickerType) => ({
   };
   readonly singlePanel: BooleanConstructor;
 }>> & Readonly<{}>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, {
-  readonly disabled: boolean;
   readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly border: boolean;
+  readonly disabled: boolean;
   readonly showConfirm: boolean;
   readonly showFooter: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly unlinkPanels: boolean;
@@ -303,9 +303,9 @@ declare const getPanel: (type: DatePickerType) => ({
     pick: (...args: any[]) => void;
     "set-picker-option": (...args: any[]) => void;
   }, _$vue.PublicProps, {
-    readonly disabled: boolean;
     readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly border: boolean;
+    readonly disabled: boolean;
     readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly showConfirm: boolean;
@@ -348,9 +348,9 @@ declare const getPanel: (type: DatePickerType) => ({
     onPick?: ((...args: any[]) => any) | undefined;
     "onSet-picker-option"?: ((...args: any[]) => any) | undefined;
   }>, {}, {}, {}, {}, {
-    readonly disabled: boolean;
     readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly border: boolean;
+    readonly disabled: boolean;
     readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly showConfirm: boolean;
@@ -394,9 +394,9 @@ declare const getPanel: (type: DatePickerType) => ({
   pick: (...args: any[]) => void;
   "set-picker-option": (...args: any[]) => void;
 }, string, {
-  readonly disabled: boolean;
   readonly visible: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly border: boolean;
+  readonly disabled: boolean;
   readonly editable: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showNow: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly showConfirm: boolean;

package/es/components/date-picker-panel/src/props/date-picker-panel.d.ts

@@ -51,7 +51,7 @@ declare const datePickerPanelProps: {
   readonly dateFormat: StringConstructor;
   readonly timeFormat: StringConstructor;
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType) | (((new (...args: any[]) => string | number | Date | string[] | number[] | Date[]) | (() => ModelValueType)) | null)[], unknown, unknown, "", boolean>;
+  readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType) | (((new (...args: any[]) => string | number | string[] | Date | number[] | Date[]) | (() => ModelValueType)) | null)[], unknown, unknown, "", boolean>;
   readonly defaultValue: {
     readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>) | (((new (...args: any[]) => Date | [Date, Date]) | (() => SingleOrRange<Date>)) | null)[], unknown, unknown>>;
     readonly required: false;

package/es/components/descriptions/src/description-item.d.ts

@@ -68,8 +68,8 @@ declare const DescriptionItem: _$vue.DefineComponent<ExtractPropTypes<{
   className: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
   labelClassName: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
 }>> & Readonly<{}>, {
-  className: string;
   minWidth: EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>;
+  className: string;
   width: EpPropMergeType<(StringConstructor | NumberConstructor)[], unknown, unknown>;
   label: string;
   span: number;