@element-plus/nightly 0.0.20261109 → 0.0.20261111

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

@@ -270,21 +270,21 @@ declare const __VLS_base: _$vue.DefineComponent<CascaderPanelProps, {
   scrollToExpandingNode: () => void;
   loadLazyRootNodes: () => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (value: CascaderValue | null | undefined) => void;
   change: (value: CascaderValue | null | undefined) => void;
   close: () => void;
-  "update:modelValue": (value: CascaderValue | null | undefined) => void;
   "expand-change": (value: CascaderNodePathValue) => void;
 }, string, _$vue.PublicProps, Readonly<CascaderPanelProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: CascaderValue | null | undefined) => any) | undefined;
   onChange?: ((value: CascaderValue | null | undefined) => any) | undefined;
   onClose?: (() => any) | undefined;
-  "onUpdate:modelValue"?: ((value: CascaderValue | null | undefined) => any) | undefined;
   "onExpand-change"?: ((value: CascaderNodePathValue) => any) | undefined;
 }>, {
   props: CascaderProps;
   height: number;
-  itemSize: number;
   border: boolean;
   options: CascaderOption[];
+  itemSize: number;
 }, {}, {}, {}, 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/cascader-panel/src/index.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,6 @@
-const require_aria = require("../../../utils/dom/aria.js");
-const require_aria$1 = require("../../../constants/aria.js");
+const require_aria = require("../../../constants/aria.js");
 const require_event = require("../../../constants/event.js");
+const require_aria$1 = require("../../../utils/dom/aria.js");
 const require_event$1 = require("../../../utils/dom/event.js");
 const require_types = require("../../../utils/types.js");
 const require_scroll = require("../../../utils/dom/scroll.js");
@@ -186,10 +186,10 @@ var index_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.de
 			const target = e.target;
 			const code = require_event$1.getEventCode(e);
 			switch (code) {
-				case require_aria$1.EVENT_CODE.up:
-				case require_aria$1.EVENT_CODE.down: {
+				case require_aria.EVENT_CODE.up:
+				case require_aria.EVENT_CODE.down: {
 					e.preventDefault();
-					const distance = code === require_aria$1.EVENT_CODE.up ? -1 : 1;
+					const distance = code === require_aria.EVENT_CODE.up ? -1 : 1;
 					if (virtualScroll.value) {
 						const menuIndex = require_utils.getMenuIndex(target);
 						const menu = menuList.value[menuIndex];
@@ -209,23 +209,23 @@ var index_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.de
 							}
 						}
 					}
-					require_aria.focusNode(require_aria.getSibling(target, distance, `.${ns.b("node")}[tabindex="-1"]`));
+					require_aria$1.focusNode(require_aria$1.getSibling(target, distance, `.${ns.b("node")}[tabindex="-1"]`));
 					break;
 				}
-				case require_aria$1.EVENT_CODE.left: {
+				case require_aria.EVENT_CODE.left: {
 					e.preventDefault();
 					const expandedNode = menuList.value[require_utils.getMenuIndex(target) - 1]?.$el.querySelector(`.${ns.b("node")}[aria-expanded="true"]`);
-					require_aria.focusNode(expandedNode);
+					require_aria$1.focusNode(expandedNode);
 					break;
 				}
-				case require_aria$1.EVENT_CODE.right: {
+				case require_aria.EVENT_CODE.right: {
 					e.preventDefault();
 					const firstNode = menuList.value[require_utils.getMenuIndex(target) + 1]?.$el.querySelector(`.${ns.b("node")}[tabindex="-1"]`);
-					require_aria.focusNode(firstNode);
+					require_aria$1.focusNode(firstNode);
 					break;
 				}
-				case require_aria$1.EVENT_CODE.enter:
-				case require_aria$1.EVENT_CODE.numpadEnter: require_utils.checkNode(target);
+				case require_aria.EVENT_CODE.enter:
+				case require_aria.EVENT_CODE.numpadEnter: require_utils.checkNode(target);
 			}
 		};
 		(0, vue.provide)(require_types$1.CASCADER_PANEL_INJECTION_KEY, (0, vue.reactive)({

package/lib/components/cascader-panel/src/index.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue_vue_type_script_setup_true_lang.js","names":["cascaderPanelProps","cascaderPanelEmits","useNamespace","useCascaderConfig","useSlots","ref","computed","Store","isEmpty","Node","sortByOriginalOrder","isEqual","unique","flattenDeep","castArray","cloneDeep","isClient","getEventCode","EVENT_CODE","getMenuIndex","getSibling","CASCADER_PANEL_INJECTION_KEY","reactive","UPDATE_MODEL_EVENT","CHANGE_EVENT","_openBlock","_createElementBlock","_normalizeClass","_unref","_Fragment","_renderList","_createBlock","ElCascaderMenu","_withCtx","_renderSlot"],"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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"}
+{"version":3,"file":"index.vue_vue_type_script_setup_true_lang.js","names":["cascaderPanelProps","cascaderPanelEmits","useNamespace","useCascaderConfig","useSlots","ref","computed","Store","isEmpty","Node","sortByOriginalOrder","isEqual","unique","flattenDeep","castArray","cloneDeep","isClient","getEventCode","EVENT_CODE","getMenuIndex","getSibling","CASCADER_PANEL_INJECTION_KEY","reactive","UPDATE_MODEL_EVENT","CHANGE_EVENT","_openBlock","_createElementBlock","_normalizeClass","_unref","_Fragment","_renderList","_createBlock","ElCascaderMenu","_withCtx","_renderSlot"],"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/lib/components/cascader-panel/src/menu.vue.d.ts

@@ -25,8 +25,8 @@ declare const __VLS_base: _$vue.DefineComponent<__VLS_Props, {
   readonly $el: HTMLElement;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
   height: number;
-  itemSize: number;
   virtualScroll: boolean;
+  itemSize: number;
 }, {}, {}, {}, 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/check-tag/src/check-tag.d.ts

@@ -23,7 +23,7 @@ interface CheckTagProps {
 declare const checkTagProps: {
   readonly checked: BooleanConstructor;
   readonly disabled: BooleanConstructor;
-  readonly type: EpPropFinalized<StringConstructor, "success" | "info" | "primary" | "warning" | "danger", unknown, "primary", boolean>;
+  readonly type: EpPropFinalized<StringConstructor, "primary" | "success" | "warning" | "info" | "danger", unknown, "primary", boolean>;
 };
 /**
  * @deprecated Removed after 3.0.0, Use `CheckTagProps` instead.

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

@@ -15,7 +15,7 @@ declare const __VLS_base: _$vue.DefineComponent<CheckTagProps, {}, {}, {}, {}, _
   onChange?: ((value: boolean) => any) | undefined;
   "onUpdate:checked"?: ((value: boolean) => any) | undefined;
 }>, {
-  type: "success" | "info" | "primary" | "warning" | "danger";
+  type: "primary" | "success" | "warning" | "info" | "danger";
 }, {}, {}, {}, 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/checkbox/src/checkbox-button.vue.d.ts

@@ -9,17 +9,17 @@ declare const __VLS_template: () => {
 };
 type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
 declare const __VLS_base: _$vue.DefineComponent<CheckboxProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  change: (val: CheckboxValueType) => void;
   "update:modelValue": (val: CheckboxValueType) => void;
+  change: (val: CheckboxValueType) => void;
 }, string, _$vue.PublicProps, Readonly<CheckboxProps> & Readonly<{
-  onChange?: ((val: CheckboxValueType) => any) | undefined;
   "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
+  onChange?: ((val: CheckboxValueType) => any) | undefined;
 }>, {
-  name: string;
   disabled: boolean;
   id: string;
   modelValue: string | number | boolean;
   validateEvent: boolean;
+  name: string;
   value: string | number | boolean | object;
   label: string | number | boolean | object;
   trueValue: string | number;

package/lib/components/checkbox/src/checkbox-group.d.ts

@@ -68,7 +68,7 @@ declare const checkboxGroupProps: {
   readonly min: NumberConstructor;
   readonly max: NumberConstructor;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/lib/components/checkbox/src/checkbox-group.vue.d.ts

@@ -10,19 +10,19 @@ declare const __VLS_template: () => {
 };
 type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
 declare const __VLS_base: _$vue.DefineComponent<CheckboxGroupProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  change: (val: CheckboxValueType[]) => void;
   "update:modelValue": (val: CheckboxGroupValueType) => void;
+  change: (val: CheckboxValueType[]) => void;
 }, string, _$vue.PublicProps, Readonly<CheckboxGroupProps> & Readonly<{
-  onChange?: ((val: CheckboxValueType[]) => any) | undefined;
   "onUpdate:modelValue"?: ((val: CheckboxGroupValueType) => any) | undefined;
+  onChange?: ((val: CheckboxValueType[]) => any) | undefined;
 }>, {
+  type: "button" | "checkbox";
+  disabled: boolean;
   props: {
     value?: string;
     label?: string;
     disabled?: string;
   };
-  type: "button" | "checkbox";
-  disabled: boolean;
   modelValue: CheckboxGroupValueType;
   validateEvent: boolean;
   tag: string;

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

@@ -84,21 +84,21 @@ declare const checkboxProps: {
    * @description binding value
    */
   modelValue: {
-    type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
+    type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
     default: undefined;
   };
   /**
    * @description label of the Checkbox when used inside a `checkbox-group`
    */
   label: {
-    type: (BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[];
+    type: (BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
     default: undefined;
   };
   /**
    * @description value of the Checkbox when used inside a `checkbox-group`
    */
   value: {
-    type: (BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[];
+    type: (BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
     default: undefined;
   };
   /**
@@ -127,14 +127,14 @@ declare const checkboxProps: {
    * @description value of the Checkbox if it's checked
    */
   trueValue: {
-    type: (NumberConstructor | StringConstructor)[];
+    type: (StringConstructor | NumberConstructor)[];
     default: undefined;
   };
   /**
    * @description value of the Checkbox if it's not checked
    */
   falseValue: {
-    type: (NumberConstructor | StringConstructor)[];
+    type: (StringConstructor | NumberConstructor)[];
     default: undefined;
   };
   /**
@@ -142,7 +142,7 @@ declare const checkboxProps: {
    * @description value of the Checkbox if it's checked
    */
   trueLabel: {
-    type: (NumberConstructor | StringConstructor)[];
+    type: (StringConstructor | NumberConstructor)[];
     default: undefined;
   };
   /**
@@ -150,7 +150,7 @@ declare const checkboxProps: {
    * @description value of the Checkbox if it's not checked
    */
   falseLabel: {
-    type: (NumberConstructor | StringConstructor)[];
+    type: (StringConstructor | NumberConstructor)[];
     default: undefined;
   };
   /**
@@ -168,7 +168,7 @@ declare const checkboxProps: {
    * @description size of the Checkbox
    */
   size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -176,7 +176,7 @@ declare const checkboxProps: {
   /**
    * @description input tabindex
    */
-  tabindex: (NumberConstructor | StringConstructor)[];
+  tabindex: (StringConstructor | NumberConstructor)[];
   /**
    * @description whether to trigger form validation
    */

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

@@ -9,17 +9,17 @@ declare const __VLS_template: () => {
 };
 type __VLS_Slots = ReturnType<typeof __VLS_template>['__VLS_Slots'];
 declare const __VLS_base: _$vue.DefineComponent<CheckboxProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  change: (val: CheckboxValueType) => void;
   "update:modelValue": (val: CheckboxValueType) => void;
+  change: (val: CheckboxValueType) => void;
 }, string, _$vue.PublicProps, Readonly<CheckboxProps> & Readonly<{
-  onChange?: ((val: CheckboxValueType) => any) | undefined;
   "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
+  onChange?: ((val: CheckboxValueType) => any) | undefined;
 }>, {
-  name: string;
   disabled: boolean;
   id: string;
   modelValue: string | number | boolean;
   validateEvent: boolean;
+  name: string;
   value: string | number | boolean | object;
   label: string | number | boolean | object;
   trueValue: string | number;

package/lib/components/checkbox/src/composables/use-checkbox-status.d.ts

@@ -7,10 +7,10 @@ import { ComponentInternalInstance } from "vue";
 declare const useCheckboxStatus: (props: CheckboxProps, slots: ComponentInternalInstance["slots"], {
   model
 }: Pick<CheckboxModel, "model">) => {
-  checkboxButtonSize: _$vue.ComputedRef<"" | "default" | "large" | "small">;
+  checkboxButtonSize: _$vue.ComputedRef<"" | "default" | "small" | "large">;
   isChecked: _$vue.ComputedRef<boolean>;
   isFocused: _$vue.Ref<boolean, boolean>;
-  checkboxSize: _$vue.ComputedRef<"" | "default" | "large" | "small">;
+  checkboxSize: _$vue.ComputedRef<"" | "default" | "small" | "large">;
   hasOwnLabel: _$vue.ComputedRef<boolean>;
   actualValue: _$vue.ComputedRef<string | number | boolean | object | undefined>;
 };

package/lib/components/checkbox/src/composables/use-checkbox.d.ts

@@ -9,8 +9,8 @@ declare const useCheckbox: (props: CheckboxProps, slots: ComponentInternalInstan
   isChecked: _$vue.ComputedRef<boolean>;
   isDisabled: _$vue.ComputedRef<boolean>;
   isFocused: _$vue.Ref<boolean, boolean>;
-  checkboxButtonSize: _$vue.ComputedRef<"" | "default" | "large" | "small">;
-  checkboxSize: _$vue.ComputedRef<"" | "default" | "large" | "small">;
+  checkboxButtonSize: _$vue.ComputedRef<"" | "default" | "small" | "large">;
+  checkboxSize: _$vue.ComputedRef<"" | "default" | "small" | "large">;
   hasOwnLabel: _$vue.ComputedRef<boolean>;
   model: _$vue.WritableComputedRef<any, unknown>;
   actualValue: _$vue.ComputedRef<string | number | boolean | object | undefined>;

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

@@ -20,8 +20,8 @@ type __VLS_Slots = ReturnType<typeof __VLS_template>['__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/lib/components/collapse/src/collapse.vue.d.ts

@@ -12,11 +12,11 @@ declare const __VLS_base: _$vue.DefineComponent<CollapseProps, {
   /** @description active names */activeNames: _$vue.Ref<(string | number)[], (string | number)[]>; /** @description set active names */
   setActiveNames: (_activeNames: CollapseActiveName[]) => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  change: (value: CollapseModelValue) => void;
   "update:modelValue": (value: CollapseModelValue) => void;
+  change: (value: CollapseModelValue) => void;
 }, string, _$vue.PublicProps, Readonly<CollapseProps> & Readonly<{
-  onChange?: ((value: CollapseModelValue) => any) | undefined;
   "onUpdate:modelValue"?: ((value: CollapseModelValue) => any) | undefined;
+  onChange?: ((value: CollapseModelValue) => any) | undefined;
 }>, {
   modelValue: CollapseModelValue;
   expandIconPosition: CollapseIconPositionType;

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

@@ -84,7 +84,7 @@ declare const colorPickerProps: {
   readonly id: StringConstructor;
   readonly showAlpha: BooleanConstructor;
   readonly colorFormat: {
-    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "name" | "rgb" | "prgb" | "hex" | "hex3" | "hex4" | "hex6" | "hex8" | "hsl" | "hsv" | "cmyk") | (() => ColorFormats) | (((new (...args: any[]) => "name" | "rgb" | "prgb" | "hex" | "hex3" | "hex4" | "hex6" | "hex8" | "hsl" | "hsv" | "cmyk") | (() => ColorFormats)) | null)[], unknown, unknown>>;
+    readonly type: _$vue.PropType<EpPropMergeType<(new (...args: any[]) => "name" | "rgb" | "prgb" | "hex" | "hex3" | "hex4" | "hex6" | "hex8" | "hsl" | "hsv" | "oklch" | "cmyk") | (() => ColorFormats) | (((new (...args: any[]) => "name" | "rgb" | "prgb" | "hex" | "hex3" | "hex4" | "hex6" | "hex8" | "hsl" | "hsv" | "oklch" | "cmyk") | (() => ColorFormats)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
@@ -92,7 +92,7 @@ declare const colorPickerProps: {
   readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
   readonly clearable: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly size: {
-    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "large" | "small", never>>;
+    readonly type: _$vue.PropType<EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

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

@@ -30,16 +30,16 @@ declare const __VLS_export: _$vue.DefineComponent<ColorPickerProps, {
    */
   blur: typeof blur;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  change: (val: string | null) => void;
   clear: () => void;
   "update:modelValue": (val: string | null) => void;
+  change: (val: string | null) => void;
   focus: (evt: FocusEvent) => void;
   blur: (evt: FocusEvent) => void;
   activeChange: (val: string | null) => void;
 }, string, _$vue.PublicProps, Readonly<ColorPickerProps> & Readonly<{
-  onChange?: ((val: string | null) => any) | undefined;
   onClear?: (() => any) | undefined;
   "onUpdate:modelValue"?: ((val: string | null) => any) | undefined;
+  onChange?: ((val: string | null) => any) | undefined;
   onFocus?: ((evt: FocusEvent) => any) | undefined;
   onBlur?: ((evt: FocusEvent) => any) | undefined;
   onActiveChange?: ((val: string | null) => any) | undefined;

package/lib/components/color-picker/src/color-picker.vue_vue_type_script_setup_true_lang.js

@@ -1,16 +1,16 @@
 const require_aria = require("../../../constants/aria.js");
 const require_event = require("../../../constants/event.js");
 const require_event$1 = require("../../../utils/dom/event.js");
-const require_index = require("../../../hooks/use-locale/index.js");
-const require_index$1 = require("../../../hooks/use-namespace/index.js");
-const require_index$2 = require("../../../hooks/use-focus-controller/index.js");
-const require_index$3 = require("../../../hooks/use-empty-values/index.js");
-const require_index$4 = require("../../icon/index.js");
+const require_index = require("../../../directives/click-outside/index.js");
+const require_index$1 = require("../../../hooks/use-locale/index.js");
+const require_index$2 = require("../../../hooks/use-namespace/index.js");
+const require_index$3 = require("../../../hooks/use-focus-controller/index.js");
+const require_index$4 = require("../../../hooks/use-empty-values/index.js");
+const require_index$5 = require("../../icon/index.js");
 const require_use_form_common_props = require("../../form/src/hooks/use-form-common-props.js");
 const require_use_form_item = require("../../form/src/hooks/use-form-item.js");
-const require_index$5 = require("../../tooltip/index.js");
-const require_index$6 = require("../../button/index.js");
-const require_index$7 = require("../../../directives/click-outside/index.js");
+const require_index$6 = require("../../tooltip/index.js");
+const require_index$7 = require("../../button/index.js");
 const require_color_picker_panel = require("../../color-picker-panel/src/color-picker-panel.js");
 const require_color = require("../../color-picker-panel/src/utils/color.js");
 const require_use_common_color = require("../../color-picker-panel/src/composables/use-common-color.js");
@@ -38,12 +38,12 @@ var color_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0,
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
-		const { t } = require_index.useLocale();
-		const ns = require_index$1.useNamespace("color");
+		const { t } = require_index$1.useLocale();
+		const ns = require_index$2.useNamespace("color");
 		const { formItem } = require_use_form_item.useFormItem();
 		const colorSize = require_use_form_common_props.useFormSize();
 		const colorDisabled = require_use_form_common_props.useFormDisabled();
-		const { valueOnClear, isEmptyValue } = require_index$3.useEmptyValues(props, null);
+		const { valueOnClear, isEmptyValue } = require_index$4.useEmptyValues(props, null);
 		const commonColor = require_use_common_color.useCommonColor(props, emit);
 		const { inputId: buttonId, isLabeledByFormItem } = require_use_form_item.useFormItemInputId(props, { formItemContext: formItem });
 		const popper = (0, vue.ref)();
@@ -52,7 +52,7 @@ var color_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0,
 		const showPicker = (0, vue.ref)(false);
 		const showPanelColor = (0, vue.ref)(false);
 		let shouldActiveChange = true;
-		const { isFocused, handleFocus, handleBlur } = require_index$2.useFocusController(triggerRef, {
+		const { isFocused, handleFocus, handleBlur } = require_index$3.useFocusController(triggerRef, {
 			disabled: colorDisabled,
 			beforeBlur(event) {
 				return popper.value?.isFocusInsideContent(event);
@@ -214,7 +214,7 @@ var color_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0,
 			blur
 		});
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$5.ElTooltip), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$6.ElTooltip), {
 				ref_key: "popper",
 				ref: popper,
 				visible: showPicker.value,
@@ -250,7 +250,7 @@ var color_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0,
 					"validate-event": false,
 					onKeydown: (0, vue.withKeys)(handleEsc, ["esc"])
 				}), {
-					footer: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", null, [__props.clearable ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$6.ElButton), {
+					footer: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", null, [__props.clearable ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$7.ElButton), {
 						key: 0,
 						class: (0, vue.normalizeClass)((0, vue.unref)(ns).be("footer", "link-btn")),
 						text: "",
@@ -259,7 +259,7 @@ var color_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0,
 					}, {
 						default: (0, vue.withCtx)(() => [(0, vue.createTextVNode)((0, vue.toDisplayString)((0, vue.unref)(t)("el.colorpicker.clear")), 1)]),
 						_: 1
-					}, 8, ["class"])) : (0, vue.createCommentVNode)("v-if", true), (0, vue.createVNode)((0, vue.unref)(require_index$6.ElButton), {
+					}, 8, ["class"])) : (0, vue.createCommentVNode)("v-if", true), (0, vue.createVNode)((0, vue.unref)(require_index$7.ElButton), {
 						plain: "",
 						size: "small",
 						class: (0, vue.normalizeClass)((0, vue.unref)(ns).be("footer", "btn")),
@@ -270,7 +270,7 @@ var color_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0,
 					}, 8, ["class"])])]),
 					_: 1
 				}, 16)), [[
-					(0, vue.unref)(require_index$7.default),
+					(0, vue.unref)(require_index.default),
 					handleClickOutside,
 					triggerRef.value
 				]])]),
@@ -295,10 +295,10 @@ var color_picker_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0,
 				}, [(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)([(0, vue.unref)(ns).be("picker", "color"), (0, vue.unref)(ns).is("alpha", __props.showAlpha)]) }, [(0, vue.createElementVNode)("span", {
 					class: (0, vue.normalizeClass)((0, vue.unref)(ns).be("picker", "color-inner")),
 					style: (0, vue.normalizeStyle)({ backgroundColor: displayedColor.value })
-				}, [(0, vue.withDirectives)((0, vue.createVNode)((0, vue.unref)(require_index$4.ElIcon), { class: (0, vue.normalizeClass)([(0, vue.unref)(ns).be("picker", "icon"), (0, vue.unref)(ns).is("icon-arrow-down")]) }, {
+				}, [(0, vue.withDirectives)((0, vue.createVNode)((0, vue.unref)(require_index$5.ElIcon), { class: (0, vue.normalizeClass)([(0, vue.unref)(ns).be("picker", "icon"), (0, vue.unref)(ns).is("icon-arrow-down")]) }, {
 					default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(_element_plus_icons_vue.ArrowDown))]),
 					_: 1
-				}, 8, ["class"]), [[vue.vShow, __props.modelValue || showPanelColor.value]]), (0, vue.withDirectives)((0, vue.createVNode)((0, vue.unref)(require_index$4.ElIcon), { class: (0, vue.normalizeClass)([(0, vue.unref)(ns).be("picker", "empty"), (0, vue.unref)(ns).is("icon-close")]) }, {
+				}, 8, ["class"]), [[vue.vShow, __props.modelValue || showPanelColor.value]]), (0, vue.withDirectives)((0, vue.createVNode)((0, vue.unref)(require_index$5.ElIcon), { class: (0, vue.normalizeClass)([(0, vue.unref)(ns).be("picker", "empty"), (0, vue.unref)(ns).is("icon-close")]) }, {
 					default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(_element_plus_icons_vue.Close))]),
 					_: 1
 				}, 8, ["class"]), [[vue.vShow, !__props.modelValue && !showPanelColor.value]])], 6)], 2)], 2)], 16, _hoisted_1)]),