@element-plus/nightly 0.0.20260504 → 0.0.20260506

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

@@ -1,7 +1,7 @@
 const require_runtime = require('../../../_virtual/_rolldown/runtime.js');
-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');
@@ -183,10 +183,10 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.
 			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];
@@ -206,23 +206,23 @@ var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.
 							}
 						}
 					}
-					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:
+				case require_aria.EVENT_CODE.enter:
+				case require_aria.EVENT_CODE.numpadEnter:
 					require_utils.checkNode(target);
 					break;
 			}

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":[],"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.js","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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"}

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

@@ -24,9 +24,9 @@ declare const __VLS_base: vue.DefineComponent<__VLS_Props, {
   virtualListRef: vue.Ref<FixedSizeListInstance | undefined, FixedSizeListInstance | undefined>;
   readonly $el: HTMLElement;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-  height: number;
   virtualScroll: boolean;
   itemSize: number;
+  height: 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

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

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

@@ -8,19 +8,19 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
 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;
 }>, {
-  disabled: boolean;
   modelValue: number | string | boolean;
-  validateEvent: boolean;
-  id: string;
-  value: string | boolean | number | object;
   name: string;
+  disabled: boolean;
+  value: string | boolean | number | object;
   label: string | boolean | number | object;
+  id: string;
+  validateEvent: boolean;
   trueValue: string | number;
   falseValue: string | number;
   trueLabel: string | number;

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

@@ -9,20 +9,20 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
 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;
 }>, {
-  disabled: boolean;
-  type: "checkbox" | "button";
+  modelValue: CheckboxGroupValueType;
   props: {
     value?: string;
     label?: string;
     disabled?: string;
   };
-  modelValue: CheckboxGroupValueType;
+  type: "checkbox" | "button";
+  disabled: boolean;
   validateEvent: boolean;
   tag: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;

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

@@ -86,21 +86,21 @@ declare const checkboxProps: {
    * @description binding value
    */
   modelValue: {
-    type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+    type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
     default: undefined;
   };
   /**
    * @description label of the Checkbox when used inside a `checkbox-group`
    */
   label: {
-    type: (BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
+    type: (BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[];
     default: undefined;
   };
   /**
    * @description value of the Checkbox when used inside a `checkbox-group`
    */
   value: {
-    type: (BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
+    type: (BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[];
     default: undefined;
   };
   /**
@@ -129,14 +129,14 @@ declare const checkboxProps: {
    * @description value of the Checkbox if it's checked
    */
   trueValue: {
-    type: (StringConstructor | NumberConstructor)[];
+    type: (NumberConstructor | StringConstructor)[];
     default: undefined;
   };
   /**
    * @description value of the Checkbox if it's not checked
    */
   falseValue: {
-    type: (StringConstructor | NumberConstructor)[];
+    type: (NumberConstructor | StringConstructor)[];
     default: undefined;
   };
   /**
@@ -144,7 +144,7 @@ declare const checkboxProps: {
    * @description value of the Checkbox if it's checked
    */
   trueLabel: {
-    type: (StringConstructor | NumberConstructor)[];
+    type: (NumberConstructor | StringConstructor)[];
     default: undefined;
   };
   /**
@@ -152,7 +152,7 @@ declare const checkboxProps: {
    * @description value of the Checkbox if it's not checked
    */
   falseLabel: {
-    type: (StringConstructor | NumberConstructor)[];
+    type: (NumberConstructor | StringConstructor)[];
     default: undefined;
   };
   /**
@@ -178,7 +178,7 @@ declare const checkboxProps: {
   /**
    * @description input tabindex
    */
-  tabindex: (StringConstructor | NumberConstructor)[];
+  tabindex: (NumberConstructor | StringConstructor)[];
   /**
    * @description whether to trigger form validation
    */

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

@@ -8,19 +8,19 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
 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;
 }>, {
-  disabled: boolean;
   modelValue: number | string | boolean;
-  validateEvent: boolean;
-  id: string;
-  value: string | boolean | number | object;
   name: string;
+  disabled: boolean;
+  value: string | boolean | number | object;
   label: string | boolean | number | object;
+  id: string;
+  validateEvent: boolean;
   trueValue: string | number;
   falseValue: string | number;
   trueLabel: string | number;

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

@@ -33,7 +33,7 @@ interface CollapseProps {
 declare const collapseProps: {
   readonly accordion: BooleanConstructor;
   readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | CollapseActiveName[]) | (() => CollapseModelValue) | (((new (...args: any[]) => string | number | CollapseActiveName[]) | (() => CollapseModelValue)) | null)[], unknown, unknown, () => [], boolean>;
-  readonly expandIconPosition: EpPropFinalized<(new (...args: any[]) => "right" | "left") | (() => CollapseIconPositionType) | (((new (...args: any[]) => "right" | "left") | (() => CollapseIconPositionType)) | null)[], unknown, unknown, "right", boolean>;
+  readonly expandIconPosition: EpPropFinalized<(new (...args: any[]) => "left" | "right") | (() => CollapseIconPositionType) | (((new (...args: any[]) => "left" | "right") | (() => CollapseIconPositionType)) | null)[], unknown, unknown, "right", boolean>;
   readonly beforeCollapse: {
     readonly type: vue.PropType<(name: CollapseActiveName) => Awaitable<boolean>>;
     readonly required: false;

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

@@ -11,11 +11,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.vue.d.ts

@@ -29,28 +29,28 @@ declare const __VLS_export: vue.DefineComponent<ColorPickerProps, {
    */
   blur: typeof blur;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+  "update:modelValue": (val: string | null) => void;
   change: (val: string | null) => void;
   clear: () => void;
-  "update:modelValue": (val: string | null) => void;
   focus: (evt: FocusEvent) => void;
   blur: (evt: FocusEvent) => void;
   activeChange: (val: string | null) => void;
 }, string, vue.PublicProps, Readonly<ColorPickerProps> & Readonly<{
+  "onUpdate:modelValue"?: ((val: string | null) => any) | undefined;
   onChange?: ((val: string | null) => any) | undefined;
   onClear?: (() => any) | undefined;
-  "onUpdate:modelValue"?: ((val: string | null) => any) | undefined;
   onFocus?: ((evt: FocusEvent) => any) | undefined;
   onBlur?: ((evt: FocusEvent) => any) | undefined;
   onActiveChange?: ((val: string | null) => any) | undefined;
 }>, {
-  disabled: boolean;
   modelValue: string | null;
+  disabled: boolean;
+  teleported: boolean;
   clearable: boolean;
-  validateEvent: boolean;
   tabindex: string | number;
+  validateEvent: boolean;
   popperStyle: string | false | vue.CSSProperties | vue.StyleValue[] | null;
   persistent: boolean;
-  teleported: boolean;
   valueOnClear: string | number | boolean | Function | null;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

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

@@ -2,16 +2,16 @@ const require_runtime = require('../../../_virtual/_rolldown/runtime.js');
 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');
@@ -40,12 +40,12 @@ var color_picker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (
 	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)();
@@ -54,7 +54,7 @@ var color_picker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (
 		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);
@@ -203,7 +203,7 @@ var color_picker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (
 			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,
@@ -239,7 +239,7 @@ var color_picker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (
 					"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: "",
@@ -248,7 +248,7 @@ var color_picker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (
 					}, {
 						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")),
@@ -259,7 +259,7 @@ var color_picker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (
 					}, 8, ["class"])])]),
 					_: 1
 				}, 16)), [[
-					(0, vue.unref)(require_index$7.default),
+					(0, vue.unref)(require_index.default),
 					handleClickOutside,
 					triggerRef.value
 				]])]),
@@ -284,10 +284,10 @@ var color_picker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (
 				}, [(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)]),

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

@@ -1 +1 @@
-{"version":3,"file":"color-picker.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../../../../../packages/components/color-picker/src/color-picker.vue"],"sourcesContent":["<template>\n  <el-tooltip\n    ref=\"popper\"\n    :visible=\"showPicker\"\n    :show-arrow=\"false\"\n    :fallback-placements=\"['bottom', 'top', 'right', 'left']\"\n    :offset=\"0\"\n    :gpu-acceleration=\"false\"\n    :popper-class=\"[ns.be('picker', 'panel'), popperClass!]\"\n    :popper-style=\"popperStyle\"\n    :stop-popper-mouse-event=\"false\"\n    pure\n    loop\n    role=\"dialog\"\n    effect=\"light\"\n    trigger=\"click\"\n    :teleported=\"teleported\"\n    :transition=\"`${ns.namespace.value}-zoom-in-top`\"\n    :persistent=\"persistent\"\n    :append-to=\"appendTo\"\n    @show=\"handleShowTooltip\"\n    @hide=\"setShowPicker(false)\"\n  >\n    <template #content>\n      <el-color-picker-panel\n        ref=\"pickerPanelRef\"\n        v-bind=\"panelProps\"\n        v-click-outside:[triggerRef]=\"handleClickOutside\"\n        :border=\"false\"\n        :validate-event=\"false\"\n        @keydown.esc=\"handleEsc\"\n      >\n        <template #footer>\n          <div>\n            <el-button\n              v-if=\"clearable\"\n              :class=\"ns.be('footer', 'link-btn')\"\n              text\n              size=\"small\"\n              @click=\"clear\"\n            >\n              {{ t('el.colorpicker.clear') }}\n            </el-button>\n            <el-button\n              plain\n              size=\"small\"\n              :class=\"ns.be('footer', 'btn')\"\n              @click=\"confirmValue\"\n            >\n              {{ t('el.colorpicker.confirm') }}\n            </el-button>\n          </div>\n        </template>\n      </el-color-picker-panel>\n    </template>\n    <template #default>\n      <div\n        :id=\"buttonId\"\n        ref=\"triggerRef\"\n        v-bind=\"$attrs\"\n        :class=\"btnKls\"\n        role=\"button\"\n        :aria-label=\"buttonAriaLabel\"\n        :aria-labelledby=\"buttonAriaLabelledby\"\n        :aria-description=\"\n          t('el.colorpicker.description', { color: modelValue || '' })\n        \"\n        :aria-disabled=\"colorDisabled\"\n        :tabindex=\"colorDisabled ? undefined : tabindex\"\n        @keydown=\"handleKeyDown\"\n        @focus=\"handleFocus\"\n        @blur=\"handleBlur\"\n      >\n        <div :class=\"ns.be('picker', 'trigger')\" @click=\"handleTrigger\">\n          <span :class=\"[ns.be('picker', 'color'), ns.is('alpha', showAlpha)]\">\n            <span\n              :class=\"ns.be('picker', 'color-inner')\"\n              :style=\"{\n                backgroundColor: displayedColor,\n              }\"\n            >\n              <el-icon\n                v-show=\"modelValue || showPanelColor\"\n                :class=\"[ns.be('picker', 'icon'), ns.is('icon-arrow-down')]\"\n              >\n                <arrow-down />\n              </el-icon>\n              <el-icon\n                v-show=\"!modelValue && !showPanelColor\"\n                :class=\"[ns.be('picker', 'empty'), ns.is('icon-close')]\"\n              >\n                <close />\n              </el-icon>\n            </span>\n          </span>\n        </div>\n      </div>\n    </template>\n  </el-tooltip>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, nextTick, provide, ref, watch } from 'vue'\nimport { debounce, pick } from 'lodash-unified'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { reactiveComputed } from '@vueuse/core'\nimport { ClickOutside as vClickOutside } from '@element-plus/directives'\nimport { ElTooltip } from '@element-plus/components/tooltip'\nimport { ElButton } from '@element-plus/components/button'\nimport {\n  useFormDisabled,\n  useFormItem,\n  useFormItemInputId,\n  useFormSize,\n} from '@element-plus/components/form'\nimport {\n  useEmptyValues,\n  useFocusController,\n  useLocale,\n  useNamespace,\n} from '@element-plus/hooks'\nimport {\n  CHANGE_EVENT,\n  EVENT_CODE,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { NOOP, getEventCode } from '@element-plus/utils'\nimport { ArrowDown, Close } from '@element-plus/icons-vue'\nimport { colorPickerEmits, colorPickerPropsDefaults } from './color-picker'\nimport {\n  ElColorPickerPanel,\n  ROOT_COMMON_COLOR_INJECTION_KEY,\n  colorPickerPanelProps,\n} from '@element-plus/components/color-picker-panel'\nimport Color from '@element-plus/components/color-picker-panel/src/utils/color'\nimport { useCommonColor } from '@element-plus/components/color-picker-panel/src/composables/use-common-color'\n\nimport type { ColorPickerPanelInstance } from '@element-plus/components/color-picker-panel'\nimport type { TooltipInstance } from '@element-plus/components/tooltip'\nimport type { ColorPickerProps } from './color-picker'\n\ndefineOptions({\n  name: 'ElColorPicker',\n})\nconst props = withDefaults(\n  defineProps<ColorPickerProps>(),\n  colorPickerPropsDefaults\n)\n\nconst emit = defineEmits(colorPickerEmits)\n\nconst { t } = useLocale()\nconst ns = useNamespace('color')\nconst { formItem } = useFormItem()\nconst colorSize = useFormSize()\nconst colorDisabled = useFormDisabled()\nconst { valueOnClear, isEmptyValue } = useEmptyValues(props, null)\nconst commonColor = useCommonColor(props, emit)\nconst { inputId: buttonId, isLabeledByFormItem } = useFormItemInputId(props, {\n  formItemContext: formItem,\n})\n\nconst popper = ref<TooltipInstance>()\nconst triggerRef = ref()\nconst pickerPanelRef = ref<ColorPickerPanelInstance>()\nconst showPicker = ref(false)\nconst showPanelColor = ref(false)\n\n// active-change is used to prevent modelValue changes from triggering.\nlet shouldActiveChange = true\n\nconst { isFocused, handleFocus, handleBlur } = useFocusController(triggerRef, {\n  disabled: colorDisabled,\n  beforeBlur(event) {\n    return popper.value?.isFocusInsideContent(event)\n  },\n  afterBlur() {\n    setShowPicker(false)\n    resetColor()\n    if (props.validateEvent) {\n      formItem?.validate?.('blur').catch(NOOP)\n    }\n  },\n})\n\nconst color = reactiveComputed(\n  () => pickerPanelRef.value?.color ?? commonColor.color\n) as Color\n\nconst panelProps = computed(() =>\n  pick(props, Object.keys(colorPickerPanelProps))\n)\n\nconst displayedColor = computed(() => {\n  if (!props.modelValue && !showPanelColor.value) {\n    return 'transparent'\n  }\n  return displayedRgb(color, props.showAlpha)\n})\n\nconst currentColor = computed(() => {\n  return !props.modelValue && !showPanelColor.value ? '' : color.value\n})\n\nconst buttonAriaLabel = computed<string | undefined>(() => {\n  return !isLabeledByFormItem.value\n    ? props.ariaLabel || t('el.colorpicker.defaultLabel')\n    : undefined\n})\n\nconst buttonAriaLabelledby = computed<string | undefined>(() => {\n  return isLabeledByFormItem.value ? formItem?.labelId : undefined\n})\n\nconst btnKls = computed(() => {\n  return [\n    ns.b('picker'),\n    ns.is('disabled', colorDisabled.value),\n    ns.bm('picker', colorSize.value),\n    ns.is('focused', isFocused.value),\n  ]\n})\n\nfunction displayedRgb(color: Color, showAlpha: boolean) {\n  const { r, g, b, a } = color.toRgb()\n  return showAlpha ? `rgba(${r}, ${g}, ${b}, ${a})` : `rgb(${r}, ${g}, ${b})`\n}\n\nfunction setShowPicker(value: boolean) {\n  showPicker.value = value\n}\n\nconst debounceSetShowPicker = debounce(setShowPicker, 100, { leading: true })\nfunction show() {\n  if (colorDisabled.value) return\n  setShowPicker(true)\n}\n\nfunction hide() {\n  debounceSetShowPicker(false)\n  resetColor()\n}\n\nfunction resetColor() {\n  nextTick(() => {\n    if (props.modelValue) {\n      color.fromString(props.modelValue)\n    } else {\n      color.value = ''\n      nextTick(() => {\n        showPanelColor.value = false\n      })\n    }\n  })\n}\n\nfunction handleTrigger() {\n  if (colorDisabled.value) return\n  if (showPicker.value) {\n    resetColor()\n  }\n  debounceSetShowPicker(!showPicker.value)\n}\n\nfunction confirmValue() {\n  const value = isEmptyValue(color.value) ? valueOnClear.value : color.value\n  emit(UPDATE_MODEL_EVENT, value)\n  emit(CHANGE_EVENT, value)\n  if (props.validateEvent) {\n    formItem?.validate('change').catch(NOOP)\n  }\n  debounceSetShowPicker(false)\n  // check if modelValue change, if not change, then reset color.\n  nextTick(() => {\n    const newColor = new Color({\n      enableAlpha: props.showAlpha,\n      format: props.colorFormat || '',\n      value: props.modelValue,\n    })\n    if (!color.compare(newColor)) {\n      resetColor()\n    }\n  })\n}\n\nfunction clear() {\n  debounceSetShowPicker(false)\n  emit(UPDATE_MODEL_EVENT, valueOnClear.value)\n  emit(CHANGE_EVENT, valueOnClear.value)\n  if (props.modelValue !== valueOnClear.value && props.validateEvent) {\n    formItem?.validate('change').catch(NOOP)\n  }\n  resetColor()\n  emit('clear')\n}\n\nfunction handleShowTooltip() {\n  pickerPanelRef?.value?.inputRef?.focus()\n}\n\nfunction handleClickOutside() {\n  if (!showPicker.value) return\n  hide()\n  isFocused.value && focus()\n}\n\nfunction handleEsc(event: KeyboardEvent) {\n  event.preventDefault()\n  event.stopPropagation()\n  setShowPicker(false)\n  resetColor()\n}\n\nfunction handleKeyDown(event: KeyboardEvent) {\n  const code = getEventCode(event)\n\n  switch (code) {\n    case EVENT_CODE.enter:\n    case EVENT_CODE.numpadEnter:\n    case EVENT_CODE.space:\n      event.preventDefault()\n      event.stopPropagation()\n      show()\n      break\n    case EVENT_CODE.esc:\n      handleEsc(event)\n      break\n  }\n}\n\nfunction focus() {\n  triggerRef.value.focus()\n}\n\nfunction blur() {\n  triggerRef.value.blur()\n}\n\nwatch(\n  () => currentColor.value,\n  (val) => {\n    shouldActiveChange && emit('activeChange', val)\n    shouldActiveChange = true\n  }\n)\n\nwatch(\n  () => color.value,\n  () => {\n    if (!props.modelValue && !showPanelColor.value) {\n      showPanelColor.value = true\n    }\n  }\n)\n\nwatch(\n  () => props.modelValue,\n  (newVal) => {\n    if (!newVal) {\n      showPanelColor.value = false\n    } else if (newVal && newVal !== color.value) {\n      shouldActiveChange = false\n      color.fromString(newVal)\n    }\n  }\n)\n\nwatch(\n  () => showPicker.value,\n  () => {\n    pickerPanelRef.value && nextTick(pickerPanelRef.value.update)\n  }\n)\n\nprovide(ROOT_COMMON_COLOR_INJECTION_KEY, commonColor)\n\ndefineExpose({\n  /**\n   * @description current color object\n   */\n  color,\n  /**\n   * @description manually show ColorPicker\n   */\n  show,\n  /**\n   * @description manually hide ColorPicker\n   */\n  hide,\n  /**\n   * @description focus the input element\n   */\n  focus,\n  /**\n   * @description blur the input element\n   */\n  blur,\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"color-picker.vue_vue_type_script_setup_true_lang.js","names":["$attrs"],"sources":["../../../../../../packages/components/color-picker/src/color-picker.vue"],"sourcesContent":["<template>\n  <el-tooltip\n    ref=\"popper\"\n    :visible=\"showPicker\"\n    :show-arrow=\"false\"\n    :fallback-placements=\"['bottom', 'top', 'right', 'left']\"\n    :offset=\"0\"\n    :gpu-acceleration=\"false\"\n    :popper-class=\"[ns.be('picker', 'panel'), popperClass!]\"\n    :popper-style=\"popperStyle\"\n    :stop-popper-mouse-event=\"false\"\n    pure\n    loop\n    role=\"dialog\"\n    effect=\"light\"\n    trigger=\"click\"\n    :teleported=\"teleported\"\n    :transition=\"`${ns.namespace.value}-zoom-in-top`\"\n    :persistent=\"persistent\"\n    :append-to=\"appendTo\"\n    @show=\"handleShowTooltip\"\n    @hide=\"setShowPicker(false)\"\n  >\n    <template #content>\n      <el-color-picker-panel\n        ref=\"pickerPanelRef\"\n        v-bind=\"panelProps\"\n        v-click-outside:[triggerRef]=\"handleClickOutside\"\n        :border=\"false\"\n        :validate-event=\"false\"\n        @keydown.esc=\"handleEsc\"\n      >\n        <template #footer>\n          <div>\n            <el-button\n              v-if=\"clearable\"\n              :class=\"ns.be('footer', 'link-btn')\"\n              text\n              size=\"small\"\n              @click=\"clear\"\n            >\n              {{ t('el.colorpicker.clear') }}\n            </el-button>\n            <el-button\n              plain\n              size=\"small\"\n              :class=\"ns.be('footer', 'btn')\"\n              @click=\"confirmValue\"\n            >\n              {{ t('el.colorpicker.confirm') }}\n            </el-button>\n          </div>\n        </template>\n      </el-color-picker-panel>\n    </template>\n    <template #default>\n      <div\n        :id=\"buttonId\"\n        ref=\"triggerRef\"\n        v-bind=\"$attrs\"\n        :class=\"btnKls\"\n        role=\"button\"\n        :aria-label=\"buttonAriaLabel\"\n        :aria-labelledby=\"buttonAriaLabelledby\"\n        :aria-description=\"\n          t('el.colorpicker.description', { color: modelValue || '' })\n        \"\n        :aria-disabled=\"colorDisabled\"\n        :tabindex=\"colorDisabled ? undefined : tabindex\"\n        @keydown=\"handleKeyDown\"\n        @focus=\"handleFocus\"\n        @blur=\"handleBlur\"\n      >\n        <div :class=\"ns.be('picker', 'trigger')\" @click=\"handleTrigger\">\n          <span :class=\"[ns.be('picker', 'color'), ns.is('alpha', showAlpha)]\">\n            <span\n              :class=\"ns.be('picker', 'color-inner')\"\n              :style=\"{\n                backgroundColor: displayedColor,\n              }\"\n            >\n              <el-icon\n                v-show=\"modelValue || showPanelColor\"\n                :class=\"[ns.be('picker', 'icon'), ns.is('icon-arrow-down')]\"\n              >\n                <arrow-down />\n              </el-icon>\n              <el-icon\n                v-show=\"!modelValue && !showPanelColor\"\n                :class=\"[ns.be('picker', 'empty'), ns.is('icon-close')]\"\n              >\n                <close />\n              </el-icon>\n            </span>\n          </span>\n        </div>\n      </div>\n    </template>\n  </el-tooltip>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, nextTick, provide, ref, watch } from 'vue'\nimport { debounce, pick } from 'lodash-unified'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { reactiveComputed } from '@vueuse/core'\nimport { ClickOutside as vClickOutside } from '@element-plus/directives'\nimport { ElTooltip } from '@element-plus/components/tooltip'\nimport { ElButton } from '@element-plus/components/button'\nimport {\n  useFormDisabled,\n  useFormItem,\n  useFormItemInputId,\n  useFormSize,\n} from '@element-plus/components/form'\nimport {\n  useEmptyValues,\n  useFocusController,\n  useLocale,\n  useNamespace,\n} from '@element-plus/hooks'\nimport {\n  CHANGE_EVENT,\n  EVENT_CODE,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { NOOP, getEventCode } from '@element-plus/utils'\nimport { ArrowDown, Close } from '@element-plus/icons-vue'\nimport { colorPickerEmits, colorPickerPropsDefaults } from './color-picker'\nimport {\n  ElColorPickerPanel,\n  ROOT_COMMON_COLOR_INJECTION_KEY,\n  colorPickerPanelProps,\n} from '@element-plus/components/color-picker-panel'\nimport Color from '@element-plus/components/color-picker-panel/src/utils/color'\nimport { useCommonColor } from '@element-plus/components/color-picker-panel/src/composables/use-common-color'\n\nimport type { ColorPickerPanelInstance } from '@element-plus/components/color-picker-panel'\nimport type { TooltipInstance } from '@element-plus/components/tooltip'\nimport type { ColorPickerProps } from './color-picker'\n\ndefineOptions({\n  name: 'ElColorPicker',\n})\nconst props = withDefaults(\n  defineProps<ColorPickerProps>(),\n  colorPickerPropsDefaults\n)\n\nconst emit = defineEmits(colorPickerEmits)\n\nconst { t } = useLocale()\nconst ns = useNamespace('color')\nconst { formItem } = useFormItem()\nconst colorSize = useFormSize()\nconst colorDisabled = useFormDisabled()\nconst { valueOnClear, isEmptyValue } = useEmptyValues(props, null)\nconst commonColor = useCommonColor(props, emit)\nconst { inputId: buttonId, isLabeledByFormItem } = useFormItemInputId(props, {\n  formItemContext: formItem,\n})\n\nconst popper = ref<TooltipInstance>()\nconst triggerRef = ref()\nconst pickerPanelRef = ref<ColorPickerPanelInstance>()\nconst showPicker = ref(false)\nconst showPanelColor = ref(false)\n\n// active-change is used to prevent modelValue changes from triggering.\nlet shouldActiveChange = true\n\nconst { isFocused, handleFocus, handleBlur } = useFocusController(triggerRef, {\n  disabled: colorDisabled,\n  beforeBlur(event) {\n    return popper.value?.isFocusInsideContent(event)\n  },\n  afterBlur() {\n    setShowPicker(false)\n    resetColor()\n    if (props.validateEvent) {\n      formItem?.validate?.('blur').catch(NOOP)\n    }\n  },\n})\n\nconst color = reactiveComputed(\n  () => pickerPanelRef.value?.color ?? commonColor.color\n) as Color\n\nconst panelProps = computed(() =>\n  pick(props, Object.keys(colorPickerPanelProps))\n)\n\nconst displayedColor = computed(() => {\n  if (!props.modelValue && !showPanelColor.value) {\n    return 'transparent'\n  }\n  return displayedRgb(color, props.showAlpha)\n})\n\nconst currentColor = computed(() => {\n  return !props.modelValue && !showPanelColor.value ? '' : color.value\n})\n\nconst buttonAriaLabel = computed<string | undefined>(() => {\n  return !isLabeledByFormItem.value\n    ? props.ariaLabel || t('el.colorpicker.defaultLabel')\n    : undefined\n})\n\nconst buttonAriaLabelledby = computed<string | undefined>(() => {\n  return isLabeledByFormItem.value ? formItem?.labelId : undefined\n})\n\nconst btnKls = computed(() => {\n  return [\n    ns.b('picker'),\n    ns.is('disabled', colorDisabled.value),\n    ns.bm('picker', colorSize.value),\n    ns.is('focused', isFocused.value),\n  ]\n})\n\nfunction displayedRgb(color: Color, showAlpha: boolean) {\n  const { r, g, b, a } = color.toRgb()\n  return showAlpha ? `rgba(${r}, ${g}, ${b}, ${a})` : `rgb(${r}, ${g}, ${b})`\n}\n\nfunction setShowPicker(value: boolean) {\n  showPicker.value = value\n}\n\nconst debounceSetShowPicker = debounce(setShowPicker, 100, { leading: true })\nfunction show() {\n  if (colorDisabled.value) return\n  setShowPicker(true)\n}\n\nfunction hide() {\n  debounceSetShowPicker(false)\n  resetColor()\n}\n\nfunction resetColor() {\n  nextTick(() => {\n    if (props.modelValue) {\n      color.fromString(props.modelValue)\n    } else {\n      color.value = ''\n      nextTick(() => {\n        showPanelColor.value = false\n      })\n    }\n  })\n}\n\nfunction handleTrigger() {\n  if (colorDisabled.value) return\n  if (showPicker.value) {\n    resetColor()\n  }\n  debounceSetShowPicker(!showPicker.value)\n}\n\nfunction confirmValue() {\n  const value = isEmptyValue(color.value) ? valueOnClear.value : color.value\n  emit(UPDATE_MODEL_EVENT, value)\n  emit(CHANGE_EVENT, value)\n  if (props.validateEvent) {\n    formItem?.validate('change').catch(NOOP)\n  }\n  debounceSetShowPicker(false)\n  // check if modelValue change, if not change, then reset color.\n  nextTick(() => {\n    const newColor = new Color({\n      enableAlpha: props.showAlpha,\n      format: props.colorFormat || '',\n      value: props.modelValue,\n    })\n    if (!color.compare(newColor)) {\n      resetColor()\n    }\n  })\n}\n\nfunction clear() {\n  debounceSetShowPicker(false)\n  emit(UPDATE_MODEL_EVENT, valueOnClear.value)\n  emit(CHANGE_EVENT, valueOnClear.value)\n  if (props.modelValue !== valueOnClear.value && props.validateEvent) {\n    formItem?.validate('change').catch(NOOP)\n  }\n  resetColor()\n  emit('clear')\n}\n\nfunction handleShowTooltip() {\n  pickerPanelRef?.value?.inputRef?.focus()\n}\n\nfunction handleClickOutside() {\n  if (!showPicker.value) return\n  hide()\n  isFocused.value && focus()\n}\n\nfunction handleEsc(event: KeyboardEvent) {\n  event.preventDefault()\n  event.stopPropagation()\n  setShowPicker(false)\n  resetColor()\n}\n\nfunction handleKeyDown(event: KeyboardEvent) {\n  const code = getEventCode(event)\n\n  switch (code) {\n    case EVENT_CODE.enter:\n    case EVENT_CODE.numpadEnter:\n    case EVENT_CODE.space:\n      event.preventDefault()\n      event.stopPropagation()\n      show()\n      break\n    case EVENT_CODE.esc:\n      handleEsc(event)\n      break\n  }\n}\n\nfunction focus() {\n  triggerRef.value.focus()\n}\n\nfunction blur() {\n  triggerRef.value.blur()\n}\n\nwatch(\n  () => currentColor.value,\n  (val) => {\n    shouldActiveChange && emit('activeChange', val)\n    shouldActiveChange = true\n  }\n)\n\nwatch(\n  () => color.value,\n  () => {\n    if (!props.modelValue && !showPanelColor.value) {\n      showPanelColor.value = true\n    }\n  }\n)\n\nwatch(\n  () => props.modelValue,\n  (newVal) => {\n    if (!newVal) {\n      showPanelColor.value = false\n    } else if (newVal && newVal !== color.value) {\n      shouldActiveChange = false\n      color.fromString(newVal)\n    }\n  }\n)\n\nwatch(\n  () => showPicker.value,\n  () => {\n    pickerPanelRef.value && nextTick(pickerPanelRef.value.update)\n  }\n)\n\nprovide(ROOT_COMMON_COLOR_INJECTION_KEY, commonColor)\n\ndefineExpose({\n  /**\n   * @description current color object\n   */\n  color,\n  /**\n   * @description manually show ColorPicker\n   */\n  show,\n  /**\n   * @description manually hide ColorPicker\n   */\n  hide,\n  /**\n   * @description focus the input element\n   */\n  focus,\n  /**\n   * @description blur the input element\n   */\n  blur,\n})\n</script>\n"],"mappings":"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"}

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

@@ -28,9 +28,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/lib/components/countdown/src/countdown.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +1,8 @@
 const require_runtime = require('../../../_virtual/_rolldown/runtime.js');
 const require_event = require('../../../constants/event.js');
 const require_raf = require('../../../utils/raf.js');
-const require_countdown = require('./countdown.js');
 const require_index = require('../../statistic/index.js');
+const require_countdown = require('./countdown.js');
 const require_utils = require('./utils.js');
 let vue = require("vue");