@element-plus/nightly 0.0.20260531 → 0.0.20260602

package/lib/components/tree-v2/src/composables/useTree.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTree.js","names":["useCheck","useFilter","NODE_CLICK","NODE_DROP","CURRENT_CHANGE","NODE_EXPAND","NODE_COLLAPSE"],"sources":["../../../../../../../packages/components/tree-v2/src/composables/useTree.ts"],"sourcesContent":["import { computed, ref, shallowRef, watch } from 'vue'\nimport { isObject } from '@element-plus/utils'\nimport {\n  CURRENT_CHANGE,\n  NODE_CLICK,\n  NODE_COLLAPSE,\n  NODE_DROP,\n  NODE_EXPAND,\n  TreeOptionsEnum,\n} from '../virtual-tree'\nimport { useCheck } from './useCheck'\nimport { useFilter } from './useFilter'\n\nimport type {\n  FixedSizeList,\n  Alignment as ScrollStrategy,\n} from '@element-plus/components/virtual-list'\nimport type { SetupContext } from 'vue'\nimport type { treeEmits } from '../virtual-tree'\nimport type { CheckboxValueType } from '@element-plus/components/checkbox'\nimport type {\n  Tree,\n  TreeData,\n  TreeKey,\n  TreeNode,\n  TreeNodeData,\n  TreeProps,\n} from '../types'\n\nexport function useTree(\n  props: TreeProps,\n  emit: SetupContext<typeof treeEmits>['emit']\n) {\n  const expandedKeySet = ref<Set<TreeKey>>(new Set())\n  const currentKey = ref<TreeKey | undefined>()\n  const tree = shallowRef<Tree | undefined>()\n  const listRef = ref<typeof FixedSizeList | undefined>()\n\n  const {\n    isIndeterminate,\n    isChecked,\n    toggleCheckbox,\n    getCheckedKeys,\n    getCheckedNodes,\n    getHalfCheckedKeys,\n    getHalfCheckedNodes,\n    setChecked,\n    setCheckedKeys,\n  } = useCheck(props, tree)\n\n  const { doFilter, hiddenNodeKeySet, isForceHiddenExpandIcon } = useFilter(\n    props,\n    tree\n  )\n\n  const valueKey = computed(() => {\n    return props.props?.value || TreeOptionsEnum.KEY\n  })\n  const childrenKey = computed(() => {\n    return props.props?.children || TreeOptionsEnum.CHILDREN\n  })\n  const disabledKey = computed(() => {\n    return props.props?.disabled || TreeOptionsEnum.DISABLED\n  })\n  const labelKey = computed(() => {\n    return props.props?.label || TreeOptionsEnum.LABEL\n  })\n\n  const flattenTree = computed(() => {\n    const expandedKeys = expandedKeySet.value\n    const hiddenKeys = hiddenNodeKeySet.value\n    const flattenNodes: TreeNode[] = []\n    const nodes = tree.value?.treeNodes || []\n\n    const stack: TreeNode[] = []\n    for (let i = nodes.length - 1; i >= 0; --i) {\n      stack.push(nodes[i])\n    }\n    while (stack.length) {\n      const node = stack.pop()!\n      if (hiddenKeys.has(node.key)) continue\n\n      flattenNodes.push(node)\n      if (node.children && expandedKeys.has(node.key)) {\n        for (let i = node.children.length - 1; i >= 0; --i) {\n          stack.push(node.children[i])\n        }\n      }\n    }\n\n    return flattenNodes\n  })\n\n  const isNotEmpty = computed(() => {\n    return flattenTree.value.length > 0\n  })\n\n  function createTree(data: TreeData): Tree {\n    const treeNodeMap: Map<TreeKey, TreeNode> = new Map()\n    const levelTreeNodeMap: Map<number, TreeNode[]> = new Map()\n    let maxLevel = 1\n    function traverse(\n      nodes: TreeData,\n      level = 1,\n      parent: TreeNode | undefined = undefined\n    ) {\n      const siblings: TreeNode[] = []\n      for (const rawNode of nodes) {\n        const value = getKey(rawNode)\n        const node: TreeNode = {\n          level,\n          key: value,\n          data: rawNode,\n        }\n        node.label = getLabel(rawNode)\n        node.parent = parent\n        const children = getChildren(rawNode)\n        node.disabled = getDisabled(rawNode)\n        node.isLeaf = !children || children.length === 0\n        node.expanded = expandedKeySet.value.has(value)\n        if (children && children.length) {\n          node.children = traverse(children, level + 1, node)\n        }\n        siblings.push(node)\n        treeNodeMap.set(value, node)\n        if (!levelTreeNodeMap.has(level)) {\n          levelTreeNodeMap.set(level, [])\n        }\n        levelTreeNodeMap.get(level)?.push(node)\n      }\n      if (level > maxLevel) {\n        maxLevel = level\n      }\n      return siblings\n    }\n    const treeNodes: TreeNode[] = traverse(data)\n    return {\n      treeNodeMap,\n      levelTreeNodeMap,\n      maxLevel,\n      treeNodes,\n    }\n  }\n\n  function filter(query: string) {\n    const keys = doFilter(query)\n    if (keys) {\n      expandedKeySet.value = keys\n    }\n  }\n\n  function getChildren(node: TreeNodeData): TreeNodeData[] {\n    return node[childrenKey.value]\n  }\n\n  function getKey(node: TreeNodeData): TreeKey {\n    if (!node) {\n      return ''\n    }\n    return node[valueKey.value]\n  }\n\n  function getDisabled(node: TreeNodeData): boolean {\n    return node[disabledKey.value]\n  }\n\n  function getLabel(node: TreeNodeData): string {\n    return node[labelKey.value]\n  }\n\n  function toggleExpand(node: TreeNode) {\n    const expandedKeys = expandedKeySet.value\n    if (expandedKeys.has(node.key)) {\n      collapseNode(node)\n    } else {\n      expandNode(node)\n    }\n  }\n\n  function setExpandedKeys(keys: TreeKey[]) {\n    const expandedKeys = new Set<TreeKey>()\n    const nodeMap = tree.value!.treeNodeMap\n\n    expandedKeySet.value.forEach((key) => {\n      const node = nodeMap.get(key)\n      if (node) node.expanded = false\n    })\n\n    keys.forEach((k) => {\n      let node = nodeMap.get(k)\n      while (node && !expandedKeys.has(node.key)) {\n        expandedKeys.add(node.key)\n        node.expanded = true\n        node = node.parent\n      }\n    })\n\n    expandedKeySet.value = expandedKeys\n  }\n\n  function handleNodeClick(node: TreeNode, e: MouseEvent) {\n    handleCurrentChange(node)\n    emit(NODE_CLICK, node.data, node, e)\n    if (props.expandOnClickNode) {\n      toggleExpand(node)\n    }\n    if (\n      props.showCheckbox &&\n      (props.checkOnClickNode || (node.isLeaf && props.checkOnClickLeaf)) &&\n      !node.disabled\n    ) {\n      toggleCheckbox(node, !isChecked(node), true)\n    }\n  }\n\n  function handleNodeDrop(node: TreeNode, e: DragEvent) {\n    emit(NODE_DROP, node.data, node, e)\n  }\n\n  function handleCurrentChange(node: TreeNode) {\n    if (!isCurrent(node)) {\n      currentKey.value = node.key\n      emit(CURRENT_CHANGE, node.data, node)\n    }\n  }\n\n  function handleNodeCheck(node: TreeNode, checked: CheckboxValueType) {\n    toggleCheckbox(node, checked)\n  }\n\n  function expandNode(node: TreeNode) {\n    const keySet = expandedKeySet.value\n    if (tree.value && props.accordion) {\n      // whether only one node among the same level can be expanded at one time\n      const { treeNodeMap } = tree.value\n      keySet.forEach((key) => {\n        const treeNode = treeNodeMap.get(key)\n        if (node && node.level === treeNode?.level) {\n          keySet.delete(key)\n          treeNode.expanded = false\n        }\n      })\n    }\n    keySet.add(node.key)\n    const _node = getNode(node.key)\n    if (_node) {\n      _node.expanded = true\n      emit(NODE_EXPAND, _node.data, _node)\n    }\n  }\n\n  function collapseNode(node: TreeNode) {\n    expandedKeySet.value.delete(node.key)\n    const _node = getNode(node.key)\n    if (_node) {\n      _node.expanded = false\n      emit(NODE_COLLAPSE, _node.data, _node)\n    }\n  }\n\n  function isDisabled(node: TreeNode): boolean {\n    return !!node.disabled\n  }\n\n  function isCurrent(node: TreeNode): boolean {\n    const current = currentKey.value\n    return current !== undefined && current === node.key\n  }\n\n  function getCurrentNode(): TreeNodeData | undefined {\n    if (!currentKey.value) return undefined\n    return tree.value?.treeNodeMap.get(currentKey.value)?.data\n  }\n\n  function getCurrentKey(): TreeKey | undefined {\n    return currentKey.value\n  }\n\n  function setCurrentKey(key: TreeKey): void {\n    currentKey.value = key\n  }\n\n  function setData(data: TreeData) {\n    tree.value = createTree(data)\n  }\n\n  function getNode(data: TreeKey | TreeNodeData) {\n    const key = isObject(data) ? getKey(data) : data\n    return tree.value?.treeNodeMap.get(key)\n  }\n\n  function scrollToNode(key: TreeKey, strategy: ScrollStrategy = 'auto') {\n    const node = getNode(key)\n    if (node && listRef.value) {\n      listRef.value.scrollToItem(flattenTree.value.indexOf(node), strategy)\n    }\n  }\n\n  function scrollTo(offset: number) {\n    listRef.value?.scrollTo(offset)\n  }\n\n  watch(\n    () => props.currentNodeKey,\n    (key) => {\n      currentKey.value = key\n    },\n    {\n      immediate: true,\n    }\n  )\n\n  watch(\n    () => props.defaultExpandedKeys,\n    (keys) => {\n      setExpandedKeys(keys || [])\n    }\n  )\n\n  watch(\n    () => props.data!,\n    (data: TreeData) => {\n      setData(data)\n      setExpandedKeys(props.defaultExpandedKeys || [])\n    },\n    {\n      immediate: true,\n    }\n  )\n\n  return {\n    tree,\n    flattenTree,\n    isNotEmpty,\n    listRef,\n    getKey,\n    getChildren,\n    toggleExpand,\n    toggleCheckbox,\n    isChecked,\n    isIndeterminate,\n    isDisabled,\n    isCurrent,\n    isForceHiddenExpandIcon,\n    handleNodeClick,\n    handleNodeDrop,\n    handleNodeCheck,\n    // expose\n    getCurrentNode,\n    getCurrentKey,\n    setCurrentKey,\n    getCheckedKeys,\n    getCheckedNodes,\n    getHalfCheckedKeys,\n    getHalfCheckedNodes,\n    setChecked,\n    setCheckedKeys,\n    filter,\n    setData,\n    getNode,\n    expandNode,\n    collapseNode,\n    setExpandedKeys,\n    scrollToNode,\n    scrollTo,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"useTree.js","names":["useCheck","useFilter","NODE_CLICK","NODE_DROP","CURRENT_CHANGE","NODE_EXPAND","NODE_COLLAPSE"],"sources":["../../../../../../../packages/components/tree-v2/src/composables/useTree.ts"],"sourcesContent":["import { computed, ref, shallowRef, watch } from 'vue'\nimport { isObject } from '@element-plus/utils'\nimport {\n  CURRENT_CHANGE,\n  NODE_CLICK,\n  NODE_COLLAPSE,\n  NODE_DROP,\n  NODE_EXPAND,\n  TreeOptionsEnum,\n} from '../virtual-tree'\nimport { useCheck } from './useCheck'\nimport { useFilter } from './useFilter'\n\nimport type {\n  FixedSizeList,\n  Alignment as ScrollStrategy,\n} from '@element-plus/components/virtual-list'\nimport type { SetupContext } from 'vue'\nimport type { treeEmits } from '../virtual-tree'\nimport type { CheckboxValueType } from '@element-plus/components/checkbox'\nimport type {\n  Tree,\n  TreeData,\n  TreeKey,\n  TreeNode,\n  TreeNodeData,\n  TreeProps,\n} from '../types'\n\nexport function useTree(\n  props: TreeProps,\n  emit: SetupContext<typeof treeEmits>['emit']\n) {\n  const expandedKeySet = ref<Set<TreeKey>>(new Set())\n  const currentKey = ref<TreeKey | undefined>()\n  const tree = shallowRef<Tree | undefined>()\n  const listRef = ref<typeof FixedSizeList | undefined>()\n\n  const {\n    isIndeterminate,\n    isChecked,\n    toggleCheckbox,\n    getCheckedKeys,\n    getCheckedNodes,\n    getHalfCheckedKeys,\n    getHalfCheckedNodes,\n    setChecked,\n    setCheckedKeys,\n  } = useCheck(props, tree)\n\n  const { doFilter, hiddenNodeKeySet, isForceHiddenExpandIcon } = useFilter(\n    props,\n    tree\n  )\n\n  const valueKey = computed(() => {\n    return props.props?.value || TreeOptionsEnum.KEY\n  })\n  const childrenKey = computed(() => {\n    return props.props?.children || TreeOptionsEnum.CHILDREN\n  })\n  const disabledKey = computed(() => {\n    return props.props?.disabled || TreeOptionsEnum.DISABLED\n  })\n  const labelKey = computed(() => {\n    return props.props?.label || TreeOptionsEnum.LABEL\n  })\n\n  const flattenTree = computed(() => {\n    const expandedKeys = expandedKeySet.value\n    const hiddenKeys = hiddenNodeKeySet.value\n    const flattenNodes: TreeNode[] = []\n    const nodes = tree.value?.treeNodes || []\n\n    const stack: TreeNode[] = []\n    for (let i = nodes.length - 1; i >= 0; --i) {\n      stack.push(nodes[i])\n    }\n    while (stack.length) {\n      const node = stack.pop()!\n      if (hiddenKeys.has(node.key)) continue\n\n      flattenNodes.push(node)\n      if (node.children && expandedKeys.has(node.key)) {\n        for (let i = node.children.length - 1; i >= 0; --i) {\n          stack.push(node.children[i])\n        }\n      }\n    }\n\n    return flattenNodes\n  })\n\n  const isNotEmpty = computed(() => {\n    return flattenTree.value.length > 0\n  })\n\n  function createTree(data: TreeData): Tree {\n    const treeNodeMap: Map<TreeKey, TreeNode> = new Map()\n    const levelTreeNodeMap: Map<number, TreeNode[]> = new Map()\n    let maxLevel = 1\n    function traverse(\n      nodes: TreeData,\n      level = 1,\n      parent: TreeNode | undefined = undefined\n    ) {\n      const siblings: TreeNode[] = []\n      for (const rawNode of nodes) {\n        const value = getKey(rawNode)\n        const node: TreeNode = {\n          level,\n          key: value,\n          data: rawNode,\n        }\n        node.label = getLabel(rawNode)\n        node.parent = parent\n        const children = getChildren(rawNode)\n        node.disabled = getDisabled(rawNode)\n        node.isLeaf = !children || children.length === 0\n        node.expanded = expandedKeySet.value.has(value)\n        if (children && children.length) {\n          node.children = traverse(children, level + 1, node)\n        }\n        siblings.push(node)\n        treeNodeMap.set(value, node)\n        if (!levelTreeNodeMap.has(level)) {\n          levelTreeNodeMap.set(level, [])\n        }\n        levelTreeNodeMap.get(level)?.push(node)\n      }\n      if (level > maxLevel) {\n        maxLevel = level\n      }\n      return siblings\n    }\n    const treeNodes: TreeNode[] = traverse(data)\n    return {\n      treeNodeMap,\n      levelTreeNodeMap,\n      maxLevel,\n      treeNodes,\n    }\n  }\n\n  function filter(query: string) {\n    const keys = doFilter(query)\n    if (keys) {\n      expandedKeySet.value = keys\n    }\n  }\n\n  function getChildren(node: TreeNodeData): TreeNodeData[] {\n    return node[childrenKey.value]\n  }\n\n  function getKey(node: TreeNodeData): TreeKey {\n    if (!node) {\n      return ''\n    }\n    return node[valueKey.value]\n  }\n\n  function getDisabled(node: TreeNodeData): boolean {\n    return node[disabledKey.value]\n  }\n\n  function getLabel(node: TreeNodeData): string {\n    return node[labelKey.value]\n  }\n\n  function toggleExpand(node: TreeNode) {\n    const expandedKeys = expandedKeySet.value\n    if (expandedKeys.has(node.key)) {\n      collapseNode(node)\n    } else {\n      expandNode(node)\n    }\n  }\n\n  function setExpandedKeys(keys: TreeKey[]) {\n    const expandedKeys = new Set<TreeKey>()\n    const nodeMap = tree.value!.treeNodeMap\n\n    expandedKeySet.value.forEach((key) => {\n      const node = nodeMap.get(key)\n      if (node) node.expanded = false\n    })\n\n    keys.forEach((k) => {\n      let node = nodeMap.get(k)\n      while (node && !expandedKeys.has(node.key)) {\n        expandedKeys.add(node.key)\n        node.expanded = true\n        node = node.parent\n      }\n    })\n\n    expandedKeySet.value = expandedKeys\n  }\n\n  function handleNodeClick(node: TreeNode, e: MouseEvent) {\n    handleCurrentChange(node)\n    emit(NODE_CLICK, node.data, node, e)\n    if (props.expandOnClickNode) {\n      toggleExpand(node)\n    }\n    if (\n      props.showCheckbox &&\n      (props.checkOnClickNode || (node.isLeaf && props.checkOnClickLeaf)) &&\n      !node.disabled\n    ) {\n      toggleCheckbox(node, !isChecked(node), true)\n    }\n  }\n\n  function handleNodeDrop(node: TreeNode, e: DragEvent) {\n    emit(NODE_DROP, node.data, node, e)\n  }\n\n  function handleCurrentChange(node: TreeNode) {\n    if (!isCurrent(node)) {\n      currentKey.value = node.key\n      emit(CURRENT_CHANGE, node.data, node)\n    }\n  }\n\n  function handleNodeCheck(node: TreeNode, checked: CheckboxValueType) {\n    toggleCheckbox(node, checked)\n  }\n\n  function expandNode(node: TreeNode) {\n    const keySet = expandedKeySet.value\n    if (tree.value && props.accordion) {\n      // whether only one node among the same level can be expanded at one time\n      const { treeNodeMap } = tree.value\n      keySet.forEach((key) => {\n        const treeNode = treeNodeMap.get(key)\n        if (node && node.level === treeNode?.level) {\n          keySet.delete(key)\n          treeNode.expanded = false\n        }\n      })\n    }\n    keySet.add(node.key)\n    const _node = getNode(node.key)\n    if (_node) {\n      _node.expanded = true\n      emit(NODE_EXPAND, _node.data, _node)\n    }\n  }\n\n  function collapseNode(node: TreeNode) {\n    expandedKeySet.value.delete(node.key)\n    const _node = getNode(node.key)\n    if (_node) {\n      _node.expanded = false\n      emit(NODE_COLLAPSE, _node.data, _node)\n    }\n  }\n\n  function isDisabled(node: TreeNode): boolean {\n    return !!node.disabled\n  }\n\n  function isCurrent(node: TreeNode): boolean {\n    const current = currentKey.value\n    return current !== undefined && current === node.key\n  }\n\n  function getCurrentNode(): TreeNodeData | undefined {\n    if (currentKey.value === undefined) return undefined\n    return tree.value?.treeNodeMap.get(currentKey.value)?.data\n  }\n\n  function getCurrentKey(): TreeKey | undefined {\n    return currentKey.value\n  }\n\n  function setCurrentKey(key: TreeKey): void {\n    currentKey.value = key\n  }\n\n  function setData(data: TreeData) {\n    tree.value = createTree(data)\n  }\n\n  function getNode(data: TreeKey | TreeNodeData) {\n    const key = isObject(data) ? getKey(data) : data\n    return tree.value?.treeNodeMap.get(key)\n  }\n\n  function scrollToNode(key: TreeKey, strategy: ScrollStrategy = 'auto') {\n    const node = getNode(key)\n    if (node && listRef.value) {\n      listRef.value.scrollToItem(flattenTree.value.indexOf(node), strategy)\n    }\n  }\n\n  function scrollTo(offset: number) {\n    listRef.value?.scrollTo(offset)\n  }\n\n  watch(\n    () => props.currentNodeKey,\n    (key) => {\n      currentKey.value = key\n    },\n    {\n      immediate: true,\n    }\n  )\n\n  watch(\n    () => props.defaultExpandedKeys,\n    (keys) => {\n      setExpandedKeys(keys || [])\n    }\n  )\n\n  watch(\n    () => props.data!,\n    (data: TreeData) => {\n      setData(data)\n      setExpandedKeys(props.defaultExpandedKeys || [])\n    },\n    {\n      immediate: true,\n    }\n  )\n\n  return {\n    tree,\n    flattenTree,\n    isNotEmpty,\n    listRef,\n    getKey,\n    getChildren,\n    toggleExpand,\n    toggleCheckbox,\n    isChecked,\n    isIndeterminate,\n    isDisabled,\n    isCurrent,\n    isForceHiddenExpandIcon,\n    handleNodeClick,\n    handleNodeDrop,\n    handleNodeCheck,\n    // expose\n    getCurrentNode,\n    getCurrentKey,\n    setCurrentKey,\n    getCheckedKeys,\n    getCheckedNodes,\n    getHalfCheckedKeys,\n    getHalfCheckedNodes,\n    setChecked,\n    setCheckedKeys,\n    filter,\n    setData,\n    getNode,\n    expandNode,\n    collapseNode,\n    setExpandedKeys,\n    scrollToNode,\n    scrollTo,\n  }\n}\n"],"mappings":"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"}

package/lib/components/tree-v2/src/tree.vue.d.ts

@@ -30,33 +30,33 @@ declare const __VLS_base: _$vue.DefineComponent<TreeProps, {
   scrollTo: (offset: number) => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "current-change": (data: TreeNodeData, node: TreeNode) => void;
-  "node-expand": (data: TreeNodeData, node: TreeNode) => void;
   "node-click": (data: TreeNodeData, node: TreeNode, e: MouseEvent) => void;
   "node-drop": (data: TreeNodeData, node: TreeNode, e: DragEvent) => void;
+  "node-expand": (data: TreeNodeData, node: TreeNode) => void;
   "node-collapse": (data: TreeNodeData, node: TreeNode) => void;
   check: (data: TreeNodeData, checkedInfo: CheckedInfo) => void;
   "check-change": (data: TreeNodeData, checked: boolean) => void;
   "node-contextmenu": (evt: Event, data: TreeNodeData, node: TreeNode) => void;
 }, string, _$vue.PublicProps, Readonly<TreeProps> & Readonly<{
   "onCurrent-change"?: ((data: TreeNodeData, node: TreeNode) => any) | undefined;
-  "onNode-expand"?: ((data: TreeNodeData, node: TreeNode) => any) | undefined;
-  "onCheck-change"?: ((data: TreeNodeData, checked: boolean) => any) | undefined;
   "onNode-click"?: ((data: TreeNodeData, node: TreeNode, e: MouseEvent) => any) | undefined;
-  "onNode-contextmenu"?: ((evt: Event, data: TreeNodeData, node: TreeNode) => any) | undefined;
+  "onNode-drop"?: ((data: TreeNodeData, node: TreeNode, e: DragEvent) => any) | undefined;
+  "onNode-expand"?: ((data: TreeNodeData, node: TreeNode) => any) | undefined;
   "onNode-collapse"?: ((data: TreeNodeData, node: TreeNode) => any) | undefined;
   onCheck?: ((data: TreeNodeData, checkedInfo: CheckedInfo) => any) | undefined;
-  "onNode-drop"?: ((data: TreeNodeData, node: TreeNode, e: DragEvent) => any) | undefined;
+  "onCheck-change"?: ((data: TreeNodeData, checked: boolean) => any) | undefined;
+  "onNode-contextmenu"?: ((evt: Event, data: TreeNodeData, node: TreeNode) => any) | undefined;
 }>, {
   props: TreeOptionProps;
+  itemSize: number;
   height: number;
   data: TreeData;
-  indent: number;
   perfMode: boolean;
-  itemSize: number;
-  checkOnClickLeaf: boolean;
-  expandOnClickNode: boolean;
   defaultCheckedKeys: TreeKey[];
   defaultExpandedKeys: TreeKey[];
+  indent: number;
+  expandOnClickNode: boolean;
+  checkOnClickLeaf: boolean;
 }, {}, {}, {}, 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/upload/src/upload-content.vue.d.ts

@@ -15,9 +15,9 @@ declare const __VLS_base: _$vue.DefineComponent<UploadContentProps, {
   abort: (file?: UploadFile) => void;
   upload: (rawFile: UploadRawFile) => Promise<void>;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<UploadContentProps> & Readonly<{}>, {
-  disabled: boolean;
-  name: string;
   data: Awaitable<UploadData> | ((rawFile: UploadRawFile) => Awaitable<UploadData>);
+  name: string;
+  disabled: boolean;
   onError: (err: UploadAjaxError, rawFile: UploadRawFile) => void;
   onProgress: (evt: UploadProgressEvent, rawFile: UploadRawFile) => void;
   beforeUpload: UploadHooks["beforeUpload"];

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

@@ -34,9 +34,9 @@ declare const __VLS_base: _$vue.DefineComponent<UploadProps, {
   handleStart: (rawFile: UploadRawFile) => void; /** @description remove the file manually */
   handleRemove: (file: UploadFile | UploadRawFile) => void;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<UploadProps> & Readonly<{}>, {
-  disabled: boolean;
-  name: string;
   data: Awaitable<UploadData> | ((rawFile: UploadRawFile) => Awaitable<UploadData>);
+  name: string;
+  disabled: boolean;
   onChange: UploadHooks["onChange"];
   onError: UploadHooks["onError"];
   onProgress: UploadHooks["onProgress"];

package/lib/components/virtual-list/src/builders/build-grid.d.ts

@@ -113,7 +113,7 @@ declare const createGrid: ({
   readonly role: StringConstructor;
 }>, () => VNode<_$vue.RendererNode, _$vue.RendererElement, {
   [key: string]: any;
-}>, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("scroll" | "itemRendered")[], "scroll" | "itemRendered", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+}>, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("itemRendered" | "scroll")[], "itemRendered" | "scroll", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   readonly className: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly containerElement: EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
   readonly data: EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], unknown, unknown, () => [], boolean>;
@@ -203,20 +203,20 @@ declare const createGrid: ({
   readonly scrollbarEndGap: EpPropFinalized<NumberConstructor, unknown, unknown, 2, boolean>;
   readonly role: StringConstructor;
 }>> & Readonly<{
-  onScroll?: ((...args: any[]) => any) | undefined;
   onItemRendered?: ((...args: any[]) => any) | undefined;
+  onScroll?: ((...args: any[]) => any) | undefined;
 }>, {
-  readonly style: StyleValue;
   readonly className: string;
-  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
-  readonly data: any[];
-  readonly scrollbarAlwaysOn: boolean;
-  readonly itemKey: GridItemKeyGetter;
   readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
+  readonly data: any[];
   readonly innerElement: EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
   readonly innerProps: Record<string, unknown>;
+  readonly style: StyleValue;
   readonly perfMode: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
   readonly useIsScrolling: boolean;
+  readonly scrollbarAlwaysOn: boolean;
+  readonly itemKey: GridItemKeyGetter;
   readonly columnCache: number;
   readonly initScrollLeft: number;
   readonly initScrollTop: number;

package/lib/components/virtual-list/src/builders/build-list.d.ts

@@ -130,7 +130,7 @@ declare const createList: ({
   scrollTo: (offset: number) => void;
   scrollToItem: (idx: number, alignment?: Alignment) => void;
   resetScrollTop: () => void;
-}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("scroll" | "end-reached" | "itemRendered")[], "scroll" | "end-reached" | "itemRendered", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("itemRendered" | "scroll" | "end-reached")[], "itemRendered" | "scroll" | "end-reached", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   readonly className: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly containerElement: EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
   readonly data: EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], unknown, unknown, () => [], boolean>;
@@ -181,21 +181,21 @@ declare const createList: ({
     __epPropKey: true;
   };
 }>> & Readonly<{
+  onItemRendered?: ((...args: any[]) => any) | undefined;
   onScroll?: ((...args: any[]) => any) | undefined;
   "onEnd-reached"?: ((...args: any[]) => any) | undefined;
-  onItemRendered?: ((...args: any[]) => any) | undefined;
 }>, {
-  readonly style: _$vue.StyleValue;
-  readonly className: string;
-  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
-  readonly data: any[];
   readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
-  readonly scrollbarAlwaysOn: boolean;
+  readonly className: string;
   readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
+  readonly data: any[];
   readonly innerElement: EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
   readonly innerProps: Record<string, unknown>;
+  readonly style: _$vue.StyleValue;
   readonly perfMode: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
   readonly useIsScrolling: boolean;
+  readonly scrollbarAlwaysOn: boolean;
   readonly cache: number;
   readonly initScrollOffset: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;

package/lib/components/virtual-list/src/components/dynamic-size-grid.d.ts

@@ -99,7 +99,7 @@ declare const DynamicSizeGrid: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly role: StringConstructor;
 }>, () => _$vue.VNode<_$vue.RendererNode, _$vue.RendererElement, {
   [key: string]: any;
-}>, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("scroll" | "itemRendered")[], "scroll" | "itemRendered", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+}>, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("itemRendered" | "scroll")[], "itemRendered" | "scroll", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   readonly className: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly containerElement: EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
   readonly data: EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], unknown, unknown, () => [], boolean>;
@@ -189,20 +189,20 @@ declare const DynamicSizeGrid: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly scrollbarEndGap: EpPropFinalized<NumberConstructor, unknown, unknown, 2, boolean>;
   readonly role: StringConstructor;
 }>> & Readonly<{
-  onScroll?: ((...args: any[]) => any) | undefined;
   onItemRendered?: ((...args: any[]) => any) | undefined;
+  onScroll?: ((...args: any[]) => any) | undefined;
 }>, {
-  readonly style: _$vue.StyleValue;
   readonly className: string;
-  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
-  readonly data: any[];
-  readonly scrollbarAlwaysOn: boolean;
-  readonly itemKey: GridItemKeyGetter;
   readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
+  readonly data: any[];
   readonly innerElement: EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
   readonly innerProps: Record<string, unknown>;
+  readonly style: _$vue.StyleValue;
   readonly perfMode: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
   readonly useIsScrolling: boolean;
+  readonly scrollbarAlwaysOn: boolean;
+  readonly itemKey: GridItemKeyGetter;
   readonly columnCache: number;
   readonly initScrollLeft: number;
   readonly initScrollTop: number;

package/lib/components/virtual-list/src/components/dynamic-size-list.d.ts

@@ -117,7 +117,7 @@ declare const DynamicSizeList: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   scrollTo: (offset: number) => void;
   scrollToItem: (idx: number, alignment?: Alignment) => void;
   resetScrollTop: () => void;
-}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("scroll" | "end-reached" | "itemRendered")[], "scroll" | "end-reached" | "itemRendered", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("itemRendered" | "scroll" | "end-reached")[], "itemRendered" | "scroll" | "end-reached", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   readonly className: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly containerElement: EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
   readonly data: EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], unknown, unknown, () => [], boolean>;
@@ -168,21 +168,21 @@ declare const DynamicSizeList: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __epPropKey: true;
   };
 }>> & Readonly<{
+  onItemRendered?: ((...args: any[]) => any) | undefined;
   onScroll?: ((...args: any[]) => any) | undefined;
   "onEnd-reached"?: ((...args: any[]) => any) | undefined;
-  onItemRendered?: ((...args: any[]) => any) | undefined;
 }>, {
-  readonly style: _$vue.StyleValue;
-  readonly className: string;
-  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
-  readonly data: any[];
   readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
-  readonly scrollbarAlwaysOn: boolean;
+  readonly className: string;
   readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
+  readonly data: any[];
   readonly innerElement: EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
   readonly innerProps: Record<string, unknown>;
+  readonly style: _$vue.StyleValue;
   readonly perfMode: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
   readonly useIsScrolling: boolean;
+  readonly scrollbarAlwaysOn: boolean;
   readonly cache: number;
   readonly initScrollOffset: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;

package/lib/components/virtual-list/src/components/fixed-size-grid.d.ts

@@ -94,7 +94,7 @@ declare const FixedSizeGrid: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly role: StringConstructor;
 }>, () => _$vue.VNode<_$vue.RendererNode, _$vue.RendererElement, {
   [key: string]: any;
-}>, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("scroll" | "itemRendered")[], "scroll" | "itemRendered", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+}>, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("itemRendered" | "scroll")[], "itemRendered" | "scroll", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   readonly className: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly containerElement: EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
   readonly data: EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], unknown, unknown, () => [], boolean>;
@@ -184,20 +184,20 @@ declare const FixedSizeGrid: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly scrollbarEndGap: EpPropFinalized<NumberConstructor, unknown, unknown, 2, boolean>;
   readonly role: StringConstructor;
 }>> & Readonly<{
-  onScroll?: ((...args: any[]) => any) | undefined;
   onItemRendered?: ((...args: any[]) => any) | undefined;
+  onScroll?: ((...args: any[]) => any) | undefined;
 }>, {
-  readonly style: _$vue.StyleValue;
   readonly className: string;
-  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
-  readonly data: any[];
-  readonly scrollbarAlwaysOn: boolean;
-  readonly itemKey: GridItemKeyGetter;
   readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
+  readonly data: any[];
   readonly innerElement: EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
   readonly innerProps: Record<string, unknown>;
+  readonly style: _$vue.StyleValue;
   readonly perfMode: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
   readonly useIsScrolling: boolean;
+  readonly scrollbarAlwaysOn: boolean;
+  readonly itemKey: GridItemKeyGetter;
   readonly columnCache: number;
   readonly initScrollLeft: number;
   readonly initScrollTop: number;

package/lib/components/virtual-list/src/components/fixed-size-list.d.ts

@@ -117,7 +117,7 @@ declare const FixedSizeList: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   scrollTo: (offset: number) => void;
   scrollToItem: (idx: number, alignment?: Alignment) => void;
   resetScrollTop: () => void;
-}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("scroll" | "end-reached" | "itemRendered")[], "scroll" | "end-reached" | "itemRendered", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
+}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, ("itemRendered" | "scroll" | "end-reached")[], "itemRendered" | "scroll" | "end-reached", _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
   readonly className: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly containerElement: EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
   readonly data: EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], unknown, unknown, () => [], boolean>;
@@ -168,21 +168,21 @@ declare const FixedSizeList: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __epPropKey: true;
   };
 }>> & Readonly<{
+  onItemRendered?: ((...args: any[]) => any) | undefined;
   onScroll?: ((...args: any[]) => any) | undefined;
   "onEnd-reached"?: ((...args: any[]) => any) | undefined;
-  onItemRendered?: ((...args: any[]) => any) | undefined;
 }>, {
-  readonly style: _$vue.StyleValue;
-  readonly className: string;
-  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
-  readonly data: any[];
   readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
-  readonly scrollbarAlwaysOn: boolean;
+  readonly className: string;
   readonly containerElement: EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
+  readonly data: any[];
   readonly innerElement: EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
   readonly innerProps: Record<string, unknown>;
+  readonly style: _$vue.StyleValue;
   readonly perfMode: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
   readonly useIsScrolling: boolean;
+  readonly scrollbarAlwaysOn: boolean;
   readonly cache: number;
   readonly initScrollOffset: number;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;

package/lib/components/virtual-list/src/components/scrollbar.d.ts

@@ -73,8 +73,8 @@ declare const ScrollBar: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   "onStart-move"?: ((...args: any[]) => any) | undefined;
   "onStop-move"?: ((...args: any[]) => any) | undefined;
 }>, {
-  readonly visible: boolean;
   readonly layout: EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
+  readonly visible: boolean;
   readonly alwaysOn: boolean;
   readonly scrollbarSize: number;
   readonly startGap: number;

package/lib/components/virtual-list/src/utils.d.ts

@@ -3,7 +3,7 @@ import { CSSProperties } from "vue";
 
 //#region ../../packages/components/virtual-list/src/utils.d.ts
 declare const getScrollDir: (prev: number, cur: number) => "forward" | "backward";
-declare const isHorizontal: (dir: string) => dir is "ltr" | "rtl" | "horizontal";
+declare const isHorizontal: (dir: string) => dir is "horizontal" | "ltr" | "rtl";
 declare const isRTL: (dir: Direction) => dir is "rtl";
 declare function getRTLOffsetType(recalculate?: boolean): RTLOffsetType;
 type RenderThumbStyleParams = {

package/lib/constants/index.js

@@ -1,11 +1,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_aria = require("./aria.js");
+const require_column_alignment = require("./column-alignment.js");
 const require_date = require("./date.js");
 const require_event = require("./event.js");
+const require_form = require("./form.js");
 const require_key = require("./key.js");
 const require_size = require("./size.js");
-const require_column_alignment = require("./column-alignment.js");
-const require_form = require("./form.js");
 exports.BORDER_HORIZONTAL_WIDTH = require_form.BORDER_HORIZONTAL_WIDTH;
 exports.CHANGE_EVENT = require_event.CHANGE_EVENT;
 exports.EVENT_CODE = require_aria.EVENT_CODE;

package/lib/directives/trap-focus/index.js

@@ -3,8 +3,8 @@ Object.defineProperties(exports, {
 	[Symbol.toStringTag]: { value: "Module" }
 });
 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_aria$1 = require("../../utils/dom/aria.js");
 const require_event = require("../../utils/dom/event.js");
 let vue = require("vue");
 //#region ../../packages/directives/trap-focus/index.ts
@@ -15,7 +15,7 @@ const FOCUS_HANDLER = (e) => {
 	if (FOCUS_STACK.length === 0) return;
 	const code = require_event.getEventCode(e);
 	const focusableElement = FOCUS_STACK[FOCUS_STACK.length - 1][FOCUSABLE_CHILDREN];
-	if (focusableElement.length > 0 && code === require_aria$1.EVENT_CODE.tab) {
+	if (focusableElement.length > 0 && code === require_aria.EVENT_CODE.tab) {
 		if (focusableElement.length === 1) {
 			e.preventDefault();
 			if (document.activeElement !== focusableElement[0]) focusableElement[0].focus();
@@ -40,13 +40,13 @@ const FOCUS_HANDLER = (e) => {
 };
 const TrapFocus = {
 	beforeMount(el) {
-		el[FOCUSABLE_CHILDREN] = require_aria.obtainAllFocusableElements(el);
+		el[FOCUSABLE_CHILDREN] = require_aria$1.obtainAllFocusableElements(el);
 		FOCUS_STACK.push(el);
 		if (FOCUS_STACK.length <= 1) document.addEventListener("keydown", FOCUS_HANDLER);
 	},
 	updated(el) {
 		(0, vue.nextTick)(() => {
-			el[FOCUSABLE_CHILDREN] = require_aria.obtainAllFocusableElements(el);
+			el[FOCUSABLE_CHILDREN] = require_aria$1.obtainAllFocusableElements(el);
 		});
 	},
 	unmounted() {

package/lib/directives/trap-focus/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["getEventCode","EVENT_CODE","obtainAllFocusableElements"],"sources":["../../../../../packages/directives/trap-focus/index.ts"],"sourcesContent":["import { nextTick } from 'vue'\nimport { getEventCode, obtainAllFocusableElements } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\n\nimport type { ObjectDirective } from 'vue'\n\nexport const FOCUSABLE_CHILDREN = '_trap-focus-children'\nexport const TRAP_FOCUS_HANDLER = '_trap-focus-handler'\n\nexport interface TrapFocusElement extends HTMLElement {\n  [FOCUSABLE_CHILDREN]: HTMLElement[]\n  [TRAP_FOCUS_HANDLER]: (e: KeyboardEvent) => void\n}\n\nconst FOCUS_STACK: TrapFocusElement[] = []\n\nconst FOCUS_HANDLER = (e: KeyboardEvent) => {\n  // Getting the top layer.\n  if (FOCUS_STACK.length === 0) return\n  const code = getEventCode(e)\n  const focusableElement =\n    FOCUS_STACK[FOCUS_STACK.length - 1][FOCUSABLE_CHILDREN]\n  if (focusableElement.length > 0 && code === EVENT_CODE.tab) {\n    if (focusableElement.length === 1) {\n      e.preventDefault()\n      if (document.activeElement !== focusableElement[0]) {\n        focusableElement[0].focus()\n      }\n      return\n    }\n    const goingBackward = e.shiftKey\n    const isFirst = e.target === focusableElement[0]\n    const isLast = e.target === focusableElement[focusableElement.length - 1]\n    if (isFirst && goingBackward) {\n      e.preventDefault()\n      focusableElement[focusableElement.length - 1].focus()\n    }\n    if (isLast && !goingBackward) {\n      e.preventDefault()\n      focusableElement[0].focus()\n    }\n\n    // the is critical since jsdom did not implement user actions, you can only mock it\n    // DELETE ME: when testing env switches to puppeteer\n    if (process.env.NODE_ENV === 'test') {\n      const index = focusableElement.indexOf(e.target as HTMLElement)\n      if (index !== -1) {\n        focusableElement[goingBackward ? index - 1 : index + 1]?.focus()\n      }\n    }\n  }\n}\n\nconst TrapFocus: ObjectDirective = {\n  beforeMount(el: TrapFocusElement) {\n    el[FOCUSABLE_CHILDREN] = obtainAllFocusableElements(el)\n    FOCUS_STACK.push(el)\n    if (FOCUS_STACK.length <= 1) {\n      document.addEventListener('keydown', FOCUS_HANDLER)\n    }\n  },\n  updated(el: TrapFocusElement) {\n    nextTick(() => {\n      el[FOCUSABLE_CHILDREN] = obtainAllFocusableElements(el)\n    })\n  },\n  unmounted() {\n    FOCUS_STACK.shift()\n    if (FOCUS_STACK.length === 0) {\n      document.removeEventListener('keydown', FOCUS_HANDLER)\n    }\n  },\n}\n\nexport default TrapFocus\n"],"mappings":";;;;;;;;;;AAMA,MAAa,qBAAqB;AAClC,MAAa,qBAAqB;AAOlC,MAAM,cAAkC,EAAE;AAE1C,MAAM,iBAAiB,MAAqB;CAE1C,IAAI,YAAY,WAAW,GAAG;CAC9B,MAAM,OAAOA,cAAAA,aAAa,EAAE;CAC5B,MAAM,mBACJ,YAAY,YAAY,SAAS,GAAG;CACtC,IAAI,iBAAiB,SAAS,KAAK,SAASC,eAAAA,WAAW,KAAK;EAC1D,IAAI,iBAAiB,WAAW,GAAG;GACjC,EAAE,gBAAgB;GAClB,IAAI,SAAS,kBAAkB,iBAAiB,IAC9C,iBAAiB,GAAG,OAAO;GAE7B;;EAEF,MAAM,gBAAgB,EAAE;EACxB,MAAM,UAAU,EAAE,WAAW,iBAAiB;EAC9C,MAAM,SAAS,EAAE,WAAW,iBAAiB,iBAAiB,SAAS;EACvE,IAAI,WAAW,eAAe;GAC5B,EAAE,gBAAgB;GAClB,iBAAiB,iBAAiB,SAAS,GAAG,OAAO;;EAEvD,IAAI,UAAU,CAAC,eAAe;GAC5B,EAAE,gBAAgB;GAClB,iBAAiB,GAAG,OAAO;;EAK7B,IAAI,QAAQ,IAAI,aAAa,QAAQ;GACnC,MAAM,QAAQ,iBAAiB,QAAQ,EAAE,OAAsB;GAC/D,IAAI,UAAU,IACZ,iBAAiB,gBAAgB,QAAQ,IAAI,QAAQ,IAAI,OAAO;;;;AAMxE,MAAM,YAA6B;CACjC,YAAY,IAAsB;EAChC,GAAG,sBAAsBC,aAAAA,2BAA2B,GAAG;EACvD,YAAY,KAAK,GAAG;EACpB,IAAI,YAAY,UAAU,GACxB,SAAS,iBAAiB,WAAW,cAAc;;CAGvD,QAAQ,IAAsB;EAC5B,CAAA,GAAA,IAAA,gBAAe;GACb,GAAG,sBAAsBA,aAAAA,2BAA2B,GAAG;IACvD;;CAEJ,YAAY;EACV,YAAY,OAAO;EACnB,IAAI,YAAY,WAAW,GACzB,SAAS,oBAAoB,WAAW,cAAc;;CAG3D"}
+{"version":3,"file":"index.js","names":["getEventCode","EVENT_CODE","obtainAllFocusableElements"],"sources":["../../../../../packages/directives/trap-focus/index.ts"],"sourcesContent":["import { nextTick } from 'vue'\nimport { getEventCode, obtainAllFocusableElements } from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\n\nimport type { ObjectDirective } from 'vue'\n\nexport const FOCUSABLE_CHILDREN = '_trap-focus-children'\nexport const TRAP_FOCUS_HANDLER = '_trap-focus-handler'\n\nexport interface TrapFocusElement extends HTMLElement {\n  [FOCUSABLE_CHILDREN]: HTMLElement[]\n  [TRAP_FOCUS_HANDLER]: (e: KeyboardEvent) => void\n}\n\nconst FOCUS_STACK: TrapFocusElement[] = []\n\nconst FOCUS_HANDLER = (e: KeyboardEvent) => {\n  // Getting the top layer.\n  if (FOCUS_STACK.length === 0) return\n  const code = getEventCode(e)\n  const focusableElement =\n    FOCUS_STACK[FOCUS_STACK.length - 1][FOCUSABLE_CHILDREN]\n  if (focusableElement.length > 0 && code === EVENT_CODE.tab) {\n    if (focusableElement.length === 1) {\n      e.preventDefault()\n      if (document.activeElement !== focusableElement[0]) {\n        focusableElement[0].focus()\n      }\n      return\n    }\n    const goingBackward = e.shiftKey\n    const isFirst = e.target === focusableElement[0]\n    const isLast = e.target === focusableElement[focusableElement.length - 1]\n    if (isFirst && goingBackward) {\n      e.preventDefault()\n      focusableElement[focusableElement.length - 1].focus()\n    }\n    if (isLast && !goingBackward) {\n      e.preventDefault()\n      focusableElement[0].focus()\n    }\n\n    // the is critical since jsdom did not implement user actions, you can only mock it\n    // DELETE ME: when testing env switches to puppeteer\n    if (process.env.NODE_ENV === 'test') {\n      const index = focusableElement.indexOf(e.target as HTMLElement)\n      if (index !== -1) {\n        focusableElement[goingBackward ? index - 1 : index + 1]?.focus()\n      }\n    }\n  }\n}\n\nconst TrapFocus: ObjectDirective = {\n  beforeMount(el: TrapFocusElement) {\n    el[FOCUSABLE_CHILDREN] = obtainAllFocusableElements(el)\n    FOCUS_STACK.push(el)\n    if (FOCUS_STACK.length <= 1) {\n      document.addEventListener('keydown', FOCUS_HANDLER)\n    }\n  },\n  updated(el: TrapFocusElement) {\n    nextTick(() => {\n      el[FOCUSABLE_CHILDREN] = obtainAllFocusableElements(el)\n    })\n  },\n  unmounted() {\n    FOCUS_STACK.shift()\n    if (FOCUS_STACK.length === 0) {\n      document.removeEventListener('keydown', FOCUS_HANDLER)\n    }\n  },\n}\n\nexport default TrapFocus\n"],"mappings":";;;;;;;;;;AAMA,MAAa,qBAAqB;AAClC,MAAa,qBAAqB;AAOlC,MAAM,cAAkC,EAAE;AAE1C,MAAM,iBAAiB,MAAqB;CAE1C,IAAI,YAAY,WAAW,GAAG;CAC9B,MAAM,OAAOA,cAAAA,aAAa,EAAE;CAC5B,MAAM,mBACJ,YAAY,YAAY,SAAS,GAAG;CACtC,IAAI,iBAAiB,SAAS,KAAK,SAASC,aAAAA,WAAW,KAAK;EAC1D,IAAI,iBAAiB,WAAW,GAAG;GACjC,EAAE,gBAAgB;GAClB,IAAI,SAAS,kBAAkB,iBAAiB,IAC9C,iBAAiB,GAAG,OAAO;GAE7B;;EAEF,MAAM,gBAAgB,EAAE;EACxB,MAAM,UAAU,EAAE,WAAW,iBAAiB;EAC9C,MAAM,SAAS,EAAE,WAAW,iBAAiB,iBAAiB,SAAS;EACvE,IAAI,WAAW,eAAe;GAC5B,EAAE,gBAAgB;GAClB,iBAAiB,iBAAiB,SAAS,GAAG,OAAO;;EAEvD,IAAI,UAAU,CAAC,eAAe;GAC5B,EAAE,gBAAgB;GAClB,iBAAiB,GAAG,OAAO;;EAK7B,IAAI,QAAQ,IAAI,aAAa,QAAQ;GACnC,MAAM,QAAQ,iBAAiB,QAAQ,EAAE,OAAsB;GAC/D,IAAI,UAAU,IACZ,iBAAiB,gBAAgB,QAAQ,IAAI,QAAQ,IAAI,OAAO;;;;AAMxE,MAAM,YAA6B;CACjC,YAAY,IAAsB;EAChC,GAAG,sBAAsBC,eAAAA,2BAA2B,GAAG;EACvD,YAAY,KAAK,GAAG;EACpB,IAAI,YAAY,UAAU,GACxB,SAAS,iBAAiB,WAAW,cAAc;;CAGvD,QAAQ,IAAsB;EAC5B,CAAA,GAAA,IAAA,gBAAe;GACb,GAAG,sBAAsBA,eAAAA,2BAA2B,GAAG;IACvD;;CAEJ,YAAY;EACV,YAAY,OAAO;EACnB,IAAI,YAAY,WAAW,GACzB,SAAS,oBAAoB,WAAW,cAAc;;CAG3D"}

package/lib/hooks/use-floating/index.d.ts

@@ -25,8 +25,8 @@ declare const useFloating: ({
   middlewareData: Ref<{
     [x: string]: any;
     arrow?: {
-      x?: number | undefined;
       y?: number | undefined;
+      x?: number | undefined;
       centerOffset: number;
       alignmentOffset?: number | undefined;
     } | undefined;
@@ -48,36 +48,36 @@ declare const useFloating: ({
       referenceHidden?: boolean | undefined;
       escaped?: boolean | undefined;
       referenceHiddenOffsets?: {
-        bottom: number;
-        top: number;
         right: number;
+        bottom: number;
         left: number;
+        top: number;
       } | undefined;
       escapedOffsets?: {
-        bottom: number;
-        top: number;
         right: number;
+        bottom: number;
         left: number;
+        top: number;
       } | undefined;
     } | undefined;
     offset?: {
-      x: number;
       y: number;
+      x: number;
       placement: Placement;
     } | undefined;
     shift?: {
-      x: number;
       y: number;
+      x: number;
       enabled: {
-        x: boolean;
         y: boolean;
+        x: boolean;
       };
     } | undefined;
   }, _$_floating_ui_dom0.MiddlewareData | {
     [x: string]: any;
     arrow?: {
-      x?: number | undefined;
       y?: number | undefined;
+      x?: number | undefined;
       centerOffset: number;
       alignmentOffset?: number | undefined;
     } | undefined;
@@ -99,29 +99,29 @@ declare const useFloating: ({
       referenceHidden?: boolean | undefined;
       escaped?: boolean | undefined;
       referenceHiddenOffsets?: {
-        bottom: number;
-        top: number;
         right: number;
+        bottom: number;
         left: number;
+        top: number;
       } | undefined;
       escapedOffsets?: {
-        bottom: number;
-        top: number;
         right: number;
+        bottom: number;
         left: number;
+        top: number;
       } | undefined;
     } | undefined;
     offset?: {
-      x: number;
       y: number;
+      x: number;
       placement: Placement;
     } | undefined;
     shift?: {
-      x: number;
       y: number;
+      x: number;
       enabled: {
-        x: boolean;
         y: boolean;
+        x: boolean;
       };
     } | undefined;
   }>;

package/lib/hooks/use-popper/index.d.ts

@@ -46,13 +46,13 @@ declare const usePopper: (referenceElementRef: Ref<ReferenceElement>, popperElem
         popperEscapeOffsets: _$_popperjs_core0.SideObject;
       };
       offset?: {
+        right?: _$_popperjs_core0.Offsets | undefined;
         bottom?: _$_popperjs_core0.Offsets | undefined;
         auto?: _$_popperjs_core0.Offsets | undefined;
+        left?: _$_popperjs_core0.Offsets | undefined;
+        top?: _$_popperjs_core0.Offsets | undefined;
         "auto-start"?: _$_popperjs_core0.Offsets | undefined;
         "auto-end"?: _$_popperjs_core0.Offsets | undefined;
-        top?: _$_popperjs_core0.Offsets | undefined;
-        right?: _$_popperjs_core0.Offsets | undefined;
-        left?: _$_popperjs_core0.Offsets | undefined;
         "top-start"?: _$_popperjs_core0.Offsets | undefined;
         "top-end"?: _$_popperjs_core0.Offsets | undefined;
         "bottom-start"?: _$_popperjs_core0.Offsets | undefined;

package/lib/hooks/use-size/index.d.ts

@@ -5,14 +5,14 @@ import { InjectionKey, Ref } from "vue";
 
 //#region ../../packages/hooks/use-size/index.d.ts
 declare const useSizeProp: {
-  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;
 };
 declare const useSizeProps: {
   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;
@@ -22,6 +22,6 @@ interface SizeContext {
   size: Ref<ComponentSize>;
 }
 declare const SIZE_INJECTION_KEY: InjectionKey<SizeContext>;
-declare const useGlobalSize: () => _$vue.ComputedRef<"" | "default" | "large" | "small">;
+declare const useGlobalSize: () => _$vue.ComputedRef<"" | "default" | "small" | "large">;
 //#endregion
 export { SIZE_INJECTION_KEY, SizeContext, useGlobalSize, useSizeProp, useSizeProps };