element-plus 1.2.0-beta.2 → 1.2.0-beta.6

package/es/components/tree-v2/src/composables/useTree.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTree.mjs","sources":["../../../../../../../packages/components/tree-v2/src/composables/useTree.ts"],"sourcesContent":["import { computed, nextTick, ref, shallowRef, watch } from 'vue'\nimport {\n  NODE_CLICK,\n  NODE_COLLAPSE,\n  NODE_EXPAND,\n  CURRENT_CHANGE,\n  TreeOptionsEnum,\n} from '../virtual-tree'\nimport { useCheck } from './useCheck'\nimport { useFilter } from './useFilter'\nimport type {\n  TreeProps,\n  TreeNodeData,\n  TreeKey,\n  TreeNode,\n  TreeData,\n  Tree,\n} from '../types'\n\nexport function useTree(props: TreeProps, emit) {\n  const expandedKeySet = ref<Set<TreeKey>>(new Set(props.defaultExpandedKeys))\n  const currentKey = ref<TreeKey | undefined>()\n  const tree = shallowRef<Tree | undefined>()\n\n  watch(\n    () => props.currentNodeKey,\n    (key) => {\n      currentKey.value = key\n    },\n    {\n      immediate: true,\n    }\n  )\n\n  watch(\n    () => props.data,\n    (data: TreeData) => {\n      setData(data)\n    },\n    {\n      immediate: true,\n    }\n  )\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 && tree.value.treeNodes) || []\n    function traverse() {\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 (!node) continue\n        if (!hiddenKeys.has(node.key)) {\n          flattenNodes.push(node)\n        }\n        // Only \"visible\" nodes will be rendered\n        if (expandedKeys.has(node.key)) {\n          const children = node.children\n          if (children) {\n            const length = children.length\n            for (let i = length - 1; i >= 0; --i) {\n              stack.push(children[i])\n            }\n          }\n        }\n      }\n    }\n    traverse()\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 (let index = 0; index < nodes.length; ++index) {\n        const rawNode = nodes[index]\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        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      collapse(node)\n    } else {\n      expand(node)\n    }\n  }\n\n  function handleNodeClick(node: TreeNode) {\n    emit(NODE_CLICK, node.data, node)\n    handleCurrentChange(node)\n    if (props.expandOnClickNode) {\n      toggleExpand(node)\n    }\n    if (props.showCheckbox && props.checkOnClickNode && !node.disabled) {\n      toggleCheckbox(node, !isChecked(node), true)\n    }\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: boolean) {\n    toggleCheckbox(node, checked)\n  }\n\n  function expand(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 node = treeNodeMap.get(key)\n        if (node && node.level === node.level) {\n          keySet.delete(key)\n        }\n      })\n    }\n    keySet.add(node.key)\n    emit(NODE_EXPAND, node.data, node)\n  }\n\n  function collapse(node: TreeNode) {\n    expandedKeySet.value.delete(node.key)\n    emit(NODE_COLLAPSE, node.data, node)\n  }\n\n  function isExpanded(node: TreeNode): boolean {\n    return expandedKeySet.value.has(node.key)\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 && 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    nextTick(() => (tree.value = createTree(data)))\n  }\n\n  return {\n    tree,\n    flattenTree,\n    isNotEmpty,\n    getKey,\n    getChildren,\n    toggleExpand,\n    toggleCheckbox,\n    isExpanded,\n    isChecked,\n    isIndeterminate,\n    isDisabled,\n    isCurrent,\n    isForceHiddenExpandIcon,\n    handleNodeClick,\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  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useTree.mjs","sources":["../../../../../../../packages/components/tree-v2/src/composables/useTree.ts"],"sourcesContent":["import { computed, nextTick, ref, shallowRef, watch } from 'vue'\nimport {\n  NODE_CLICK,\n  NODE_COLLAPSE,\n  NODE_EXPAND,\n  CURRENT_CHANGE,\n  TreeOptionsEnum,\n} from '../virtual-tree'\nimport { useCheck } from './useCheck'\nimport { useFilter } from './useFilter'\nimport type {\n  TreeProps,\n  TreeNodeData,\n  TreeKey,\n  TreeNode,\n  TreeData,\n  Tree,\n} from '../types'\n\nexport function useTree(props: TreeProps, emit) {\n  const expandedKeySet = ref<Set<TreeKey>>(new Set(props.defaultExpandedKeys))\n  const currentKey = ref<TreeKey | undefined>()\n  const tree = shallowRef<Tree | undefined>()\n\n  watch(\n    () => props.currentNodeKey,\n    (key) => {\n      currentKey.value = key\n    },\n    {\n      immediate: true,\n    }\n  )\n\n  watch(\n    () => props.data,\n    (data: TreeData) => {\n      setData(data)\n    },\n    {\n      immediate: true,\n    }\n  )\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 && tree.value.treeNodes) || []\n    function traverse() {\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 (!node) continue\n        if (!hiddenKeys.has(node.key)) {\n          flattenNodes.push(node)\n        }\n        // Only \"visible\" nodes will be rendered\n        if (expandedKeys.has(node.key)) {\n          const children = node.children\n          if (children) {\n            const length = children.length\n            for (let i = length - 1; i >= 0; --i) {\n              stack.push(children[i])\n            }\n          }\n        }\n      }\n    }\n    traverse()\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 (let index = 0; index < nodes.length; ++index) {\n        const rawNode = nodes[index]\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        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      collapse(node)\n    } else {\n      expand(node)\n    }\n  }\n\n  function handleNodeClick(node: TreeNode) {\n    emit(NODE_CLICK, node.data, node)\n    handleCurrentChange(node)\n    if (props.expandOnClickNode) {\n      toggleExpand(node)\n    }\n    if (props.showCheckbox && props.checkOnClickNode && !node.disabled) {\n      toggleCheckbox(node, !isChecked(node), true)\n    }\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: boolean) {\n    toggleCheckbox(node, checked)\n  }\n\n  function expand(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 node = treeNodeMap.get(key)\n        if (node && node.level === node.level) {\n          keySet.delete(key)\n        }\n      })\n    }\n    keySet.add(node.key)\n    emit(NODE_EXPAND, node.data, node)\n  }\n\n  function collapse(node: TreeNode) {\n    expandedKeySet.value.delete(node.key)\n    emit(NODE_COLLAPSE, node.data, node)\n  }\n\n  function isExpanded(node: TreeNode): boolean {\n    return expandedKeySet.value.has(node.key)\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 && 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    nextTick(() => (tree.value = createTree(data)))\n  }\n\n  return {\n    tree,\n    flattenTree,\n    isNotEmpty,\n    getKey,\n    getChildren,\n    toggleExpand,\n    toggleCheckbox,\n    isExpanded,\n    isChecked,\n    isIndeterminate,\n    isDisabled,\n    isCurrent,\n    isForceHiddenExpandIcon,\n    handleNodeClick,\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  }\n}\n"],"names":[],"mappings":"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"}

package/es/components/tree-v2/src/tree-node.mjs

@@ -1,6 +1,6 @@
-import script from './tree-node.vue_vue&type=script&lang.mjs';
-export { default } from './tree-node.vue_vue&type=script&lang.mjs';
-import { render } from './tree-node.vue_vue&type=template&id=71d8f826&lang.mjs';
+import script from './tree-node.vue_vue_type_script_lang.mjs';
+export { default } from './tree-node.vue_vue_type_script_lang.mjs';
+import { render } from './tree-node.vue_vue_type_template_id_71d8f826_lang.mjs';
 
 script.render = render;
 script.__file = "packages/components/tree-v2/src/tree-node.vue";

package/es/components/tree-v2/src/tree-node.vue.d.ts

@@ -32,26 +32,26 @@ declare const _default: import("vue").DefineComponent<{
     readonly current?: unknown;
     readonly hiddenExpandIcon?: unknown;
 } & {
-    expanded: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     disabled: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    expanded: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    current: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     indeterminate: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     checked: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     node: import("./types").TreeNode;
     showCheckbox: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    current: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     hiddenExpandIcon: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
 } & {}> & {
     onClick?: ((node: import("./types").TreeNode) => any) | undefined;
     onCheck?: ((node: import("./types").TreeNode, checked: boolean) => any) | undefined;
     onToggle?: ((node: import("./types").TreeNode) => any) | undefined;
 }, {
-    expanded: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     disabled: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    expanded: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    current: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     indeterminate: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     checked: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     node: import("./types").TreeNode;
     showCheckbox: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    current: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     hiddenExpandIcon: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
 }>;
 export default _default;

package/es/components/tree-v2/src/tree-node.vue_vue_type_script_lang.mjs

@@ -0,0 +1,58 @@
+import { defineComponent, inject, computed } from 'vue';
+import { CaretRight } from '@element-plus/icons-vue';
+import { ElIcon } from '../../icon/index.mjs';
+import { ElCheckbox } from '../../checkbox/index.mjs';
+import ElNodeContent from './tree-node-content.mjs';
+import { treeNodeProps, treeNodeEmits, ROOT_TREE_INJECTION_KEY, NODE_CONTEXTMENU } from './virtual-tree.mjs';
+
+const DEFAULT_ICON = "caret-right";
+var script = defineComponent({
+  name: "ElTreeNode",
+  components: {
+    ElIcon,
+    CaretRight,
+    ElCheckbox,
+    ElNodeContent
+  },
+  props: treeNodeProps,
+  emits: treeNodeEmits,
+  setup(props, { emit }) {
+    const tree = inject(ROOT_TREE_INJECTION_KEY);
+    const indent = computed(() => {
+      var _a;
+      return (_a = tree == null ? void 0 : tree.props.indent) != null ? _a : 16;
+    });
+    const icon = computed(() => {
+      var _a;
+      return (_a = tree == null ? void 0 : tree.props.icon) != null ? _a : DEFAULT_ICON;
+    });
+    const handleClick = () => {
+      emit("click", props.node);
+    };
+    const handleExpandIconClick = () => {
+      emit("toggle", props.node);
+    };
+    const handleCheckChange = (value) => {
+      emit("check", props.node, value);
+    };
+    const handleContextMenu = (event) => {
+      var _a, _b, _c, _d;
+      if ((_c = (_b = (_a = tree == null ? void 0 : tree.instance) == null ? void 0 : _a.vnode) == null ? void 0 : _b.props) == null ? void 0 : _c["onNodeContextmenu"]) {
+        event.stopPropagation();
+        event.preventDefault();
+      }
+      tree == null ? void 0 : tree.ctx.emit(NODE_CONTEXTMENU, event, (_d = props.node) == null ? void 0 : _d.data, props.node);
+    };
+    return {
+      indent,
+      icon,
+      handleClick,
+      handleExpandIconClick,
+      handleCheckChange,
+      handleContextMenu
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=tree-node.vue_vue_type_script_lang.mjs.map

package/es/components/tree-v2/src/tree-node.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-node.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/tree-v2/src/tree-node.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"node$\"\n    class=\"el-tree-node\"\n    :class=\"{\n      'is-expanded': expanded,\n      'is-current': current,\n      'is-focusable': !disabled,\n      'is-checked': !disabled && checked,\n    }\"\n    role=\"treeitem\"\n    tabindex=\"-1\"\n    :aria-expanded=\"expanded\"\n    :aria-disabled=\"disabled\"\n    :aria-checked=\"checked\"\n    :data-key=\"node?.key\"\n    @click.stop=\"handleClick\"\n    @contextmenu=\"handleContextMenu\"\n  >\n    <div\n      class=\"el-tree-node__content\"\n      :style=\"{ paddingLeft: `${(node.level - 1) * indent}px` }\"\n    >\n      <el-icon\n        v-if=\"icon\"\n        :class=\"[\n          {\n            'is-leaf': node?.isLeaf,\n            'is-hidden': hiddenExpandIcon,\n            expanded: !node?.isLeaf && expanded,\n          },\n          'el-tree-node__expand-icon',\n        ]\"\n        @click.stop=\"handleExpandIconClick\"\n      >\n        <component :is=\"icon\" />\n      </el-icon>\n      <el-checkbox\n        v-if=\"showCheckbox\"\n        :model-value=\"checked\"\n        :indeterminate=\"indeterminate\"\n        :disabled=\"disabled\"\n        @change=\"handleCheckChange\"\n        @click.stop\n      />\n      <el-node-content :node=\"node\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject } from 'vue'\nimport { CaretRight } from '@element-plus/icons-vue'\nimport ElIcon from '@element-plus/components/icon'\nimport ElCheckbox from '@element-plus/components/checkbox'\nimport ElNodeContent from './tree-node-content'\nimport {\n  ROOT_TREE_INJECTION_KEY,\n  NODE_CONTEXTMENU,\n  treeNodeEmits,\n  treeNodeProps,\n} from './virtual-tree'\n\nconst DEFAULT_ICON = 'caret-right'\n\nexport default defineComponent({\n  name: 'ElTreeNode',\n  components: {\n    ElIcon,\n    CaretRight,\n    ElCheckbox,\n    ElNodeContent,\n  },\n  props: treeNodeProps,\n  emits: treeNodeEmits,\n  setup(props, { emit }) {\n    const tree = inject(ROOT_TREE_INJECTION_KEY)\n\n    const indent = computed(() => {\n      return tree?.props.indent ?? 16\n    })\n\n    const icon = computed(() => {\n      return tree?.props.icon ?? DEFAULT_ICON\n    })\n\n    const handleClick = () => {\n      emit('click', props.node)\n    }\n    const handleExpandIconClick = () => {\n      emit('toggle', props.node)\n    }\n    const handleCheckChange = (value: boolean) => {\n      emit('check', props.node, value)\n    }\n    const handleContextMenu = (event: Event) => {\n      if (tree?.instance?.vnode?.props?.['onNodeContextmenu']) {\n        event.stopPropagation()\n        event.preventDefault()\n      }\n      tree?.ctx.emit(NODE_CONTEXTMENU, event, props.node?.data, props.node)\n    }\n\n    return {\n      indent,\n      icon,\n      handleClick,\n      handleExpandIconClick,\n      handleCheckChange,\n      handleContextMenu,\n    }\n  },\n})\n</script>\n"],"names":[],"mappings":";;;;;;;AA+DA,MAAM,eAAe;AAErB,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,EAEF,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,OAAO,OAAO;AAEpB,UAAM,SAAS,SAAS,MAAM;;AAC5B,aAAO,mCAAM,MAAM,WAAZ,YAAsB;AAAA;AAG/B,UAAM,OAAO,SAAS,MAAM;;AAC1B,aAAO,mCAAM,MAAM,SAAZ,YAAoB;AAAA;AAG7B,UAAM,cAAc,MAAM;AACxB,WAAK,SAAS,MAAM;AAAA;AAEtB,UAAM,wBAAwB,MAAM;AAClC,WAAK,UAAU,MAAM;AAAA;AAEvB,UAAM,oBAAoB,CAAC,UAAmB;AAC5C,WAAK,SAAS,MAAM,MAAM;AAAA;AAE5B,UAAM,oBAAoB,CAAC,UAAiB;;AAC1C,UAAI,+CAAM,aAAN,mBAAgB,UAAhB,mBAAuB,UAAvB,mBAA+B,sBAAsB;AACvD,cAAM;AACN,cAAM;AAAA;AAER,mCAAM,IAAI,KAAK,kBAAkB,OAAO,YAAM,SAAN,mBAAY,MAAM,MAAM;AAAA;AAGlE,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

package/es/components/tree-v2/src/tree-node.vue_vue_type_template_id_71d8f826_lang.mjs

@@ -0,0 +1,62 @@
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, withModifiers, createElementVNode, normalizeStyle, createBlock, withCtx, resolveDynamicComponent, createCommentVNode, createVNode } from 'vue';
+
+const _hoisted_1 = ["aria-expanded", "aria-disabled", "aria-checked", "data-key"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _a, _b, _c;
+  const _component_el_icon = resolveComponent("el-icon");
+  const _component_el_checkbox = resolveComponent("el-checkbox");
+  const _component_el_node_content = resolveComponent("el-node-content");
+  return openBlock(), createElementBlock("div", {
+    ref: "node$",
+    class: normalizeClass(["el-tree-node", {
+      "is-expanded": _ctx.expanded,
+      "is-current": _ctx.current,
+      "is-focusable": !_ctx.disabled,
+      "is-checked": !_ctx.disabled && _ctx.checked
+    }]),
+    role: "treeitem",
+    tabindex: "-1",
+    "aria-expanded": _ctx.expanded,
+    "aria-disabled": _ctx.disabled,
+    "aria-checked": _ctx.checked,
+    "data-key": (_a = _ctx.node) == null ? void 0 : _a.key,
+    onClick: _cache[1] || (_cache[1] = withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"])),
+    onContextmenu: _cache[2] || (_cache[2] = (...args) => _ctx.handleContextMenu && _ctx.handleContextMenu(...args))
+  }, [
+    createElementVNode("div", {
+      class: "el-tree-node__content",
+      style: normalizeStyle({ paddingLeft: `${(_ctx.node.level - 1) * _ctx.indent}px` })
+    }, [
+      _ctx.icon ? (openBlock(), createBlock(_component_el_icon, {
+        key: 0,
+        class: normalizeClass([
+          {
+            "is-leaf": (_b = _ctx.node) == null ? void 0 : _b.isLeaf,
+            "is-hidden": _ctx.hiddenExpandIcon,
+            expanded: !((_c = _ctx.node) == null ? void 0 : _c.isLeaf) && _ctx.expanded
+          },
+          "el-tree-node__expand-icon"
+        ]),
+        onClick: withModifiers(_ctx.handleExpandIconClick, ["stop"])
+      }, {
+        default: withCtx(() => [
+          (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
+        ]),
+        _: 1
+      }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true),
+      _ctx.showCheckbox ? (openBlock(), createBlock(_component_el_checkbox, {
+        key: 1,
+        "model-value": _ctx.checked,
+        indeterminate: _ctx.indeterminate,
+        disabled: _ctx.disabled,
+        onChange: _ctx.handleCheckChange,
+        onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+        }, ["stop"]))
+      }, null, 8, ["model-value", "indeterminate", "disabled", "onChange"])) : createCommentVNode("v-if", true),
+      createVNode(_component_el_node_content, { node: _ctx.node }, null, 8, ["node"])
+    ], 4)
+  ], 42, _hoisted_1);
+}
+
+export { render };
+//# sourceMappingURL=tree-node.vue_vue_type_template_id_71d8f826_lang.mjs.map

package/es/components/tree-v2/src/tree-node.vue_vue_type_template_id_71d8f826_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-node.vue_vue_type_template_id_71d8f826_lang.mjs","sources":["../../../../../../packages/components/tree-v2/src/tree-node.vue?vue&type=template&id=71d8f826&lang.js"],"sourcesContent":["<template>\n  <div\n    ref=\"node$\"\n    class=\"el-tree-node\"\n    :class=\"{\n      'is-expanded': expanded,\n      'is-current': current,\n      'is-focusable': !disabled,\n      'is-checked': !disabled && checked,\n    }\"\n    role=\"treeitem\"\n    tabindex=\"-1\"\n    :aria-expanded=\"expanded\"\n    :aria-disabled=\"disabled\"\n    :aria-checked=\"checked\"\n    :data-key=\"node?.key\"\n    @click.stop=\"handleClick\"\n    @contextmenu=\"handleContextMenu\"\n  >\n    <div\n      class=\"el-tree-node__content\"\n      :style=\"{ paddingLeft: `${(node.level - 1) * indent}px` }\"\n    >\n      <el-icon\n        v-if=\"icon\"\n        :class=\"[\n          {\n            'is-leaf': node?.isLeaf,\n            'is-hidden': hiddenExpandIcon,\n            expanded: !node?.isLeaf && expanded,\n          },\n          'el-tree-node__expand-icon',\n        ]\"\n        @click.stop=\"handleExpandIconClick\"\n      >\n        <component :is=\"icon\" />\n      </el-icon>\n      <el-checkbox\n        v-if=\"showCheckbox\"\n        :model-value=\"checked\"\n        :indeterminate=\"indeterminate\"\n        :disabled=\"disabled\"\n        @change=\"handleCheckChange\"\n        @click.stop\n      />\n      <el-node-content :node=\"node\" />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, inject } from 'vue'\nimport { CaretRight } from '@element-plus/icons-vue'\nimport ElIcon from '@element-plus/components/icon'\nimport ElCheckbox from '@element-plus/components/checkbox'\nimport ElNodeContent from './tree-node-content'\nimport {\n  ROOT_TREE_INJECTION_KEY,\n  NODE_CONTEXTMENU,\n  treeNodeEmits,\n  treeNodeProps,\n} from './virtual-tree'\n\nconst DEFAULT_ICON = 'caret-right'\n\nexport default defineComponent({\n  name: 'ElTreeNode',\n  components: {\n    ElIcon,\n    CaretRight,\n    ElCheckbox,\n    ElNodeContent,\n  },\n  props: treeNodeProps,\n  emits: treeNodeEmits,\n  setup(props, { emit }) {\n    const tree = inject(ROOT_TREE_INJECTION_KEY)\n\n    const indent = computed(() => {\n      return tree?.props.indent ?? 16\n    })\n\n    const icon = computed(() => {\n      return tree?.props.icon ?? DEFAULT_ICON\n    })\n\n    const handleClick = () => {\n      emit('click', props.node)\n    }\n    const handleExpandIconClick = () => {\n      emit('toggle', props.node)\n    }\n    const handleCheckChange = (value: boolean) => {\n      emit('check', props.node, value)\n    }\n    const handleContextMenu = (event: Event) => {\n      if (tree?.instance?.vnode?.props?.['onNodeContextmenu']) {\n        event.stopPropagation()\n        event.preventDefault()\n      }\n      tree?.ctx.emit(NODE_CONTEXTMENU, event, props.node?.data, props.node)\n    }\n\n    return {\n      indent,\n      icon,\n      handleClick,\n      handleExpandIconClick,\n      handleCheckChange,\n      handleContextMenu,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_createBlock","_createVNode"],"mappings":";;;;;;;;sBACEA;IACE,KAAI;AAAA,IACJ,uBAAM;;;;;;IAON,MAAK;AAAA,IACL,UAAS;AAAA,IACR,iBAAe;IACf,iBAAe;IACf,gBAAc;IACd,YAAU,oBAAA,mBAAM;AAAA,IAChB,8DAAY;IACZ,sDAAa;;IAEdC;MACE,OAAM;AAAA,MACL,wCAA0B,WAAK,aAAa;;MAGrC,0BADRC;;QAEG;;;;;;;;QAQA,uBAAY;;yBAEb;wBAAAA,oCAAgB;;;;MAGV,kCADRA;;QAEG,eAAa;QACb,eAAe;QACf,UAAU;QACV,UAAQ;QACR,iDAAD;;;MAEFC,0CAAkB,MAAM;;;;;;;"}

package/es/components/tree-v2/src/tree.mjs

@@ -1,6 +1,6 @@
-import script from './tree.vue_vue&type=script&lang.mjs';
-export { default } from './tree.vue_vue&type=script&lang.mjs';
-import { render } from './tree.vue_vue&type=template&id=5b45a1b2&lang.mjs';
+import script from './tree.vue_vue_type_script_lang.mjs';
+export { default } from './tree.vue_vue_type_script_lang.mjs';
+import { render } from './tree.vue_vue_type_template_id_5b45a1b2_lang.mjs';
 
 script.render = render;
 script.__file = "packages/components/tree-v2/src/tree.vue";

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

@@ -22,7 +22,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly filterMethod: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<import("./types").FilterMethod>, unknown, unknown, unknown, unknown>;
     readonly perfMode: import("../../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
 }, {
-    t: (...args: any[]) => string;
+    t: import("element-plus/es/hooks").Translator;
     flattenTree: import("vue").ComputedRef<import("./types").TreeNode[]>;
     itemSize: number;
     isNotEmpty: import("vue").ComputedRef<boolean>;
@@ -64,8 +64,8 @@ declare const _default: import("vue").DefineComponent<{
     readonly perfMode?: unknown;
 } & {
     props: import("./types").TreeOptionProps;
-    height: number;
     data: import("./types").TreeData;
+    height: number;
     checkStrictly: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     accordion: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     indent: number;
@@ -78,8 +78,8 @@ declare const _default: import("vue").DefineComponent<{
     perfMode: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
 } & {
     icon?: string | undefined;
-    filterMethod?: import("./types").FilterMethod | undefined;
     emptyText?: string | undefined;
+    filterMethod?: import("./types").FilterMethod | undefined;
     currentNodeKey?: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<import("./types").TreeKey>, unknown, unknown> | undefined;
 }> & {
     "onCurrent-change"?: ((data: import("../../tree/src/tree.type").TreeNodeData, node: import("./types").TreeNode) => any) | undefined;
@@ -90,14 +90,14 @@ declare const _default: import("vue").DefineComponent<{
     "onNode-contextmenu"?: ((event: Event, data: import("../../tree/src/tree.type").TreeNodeData, node: import("./types").TreeNode) => any) | undefined;
     "onNode-collapse"?: ((data: import("../../tree/src/tree.type").TreeNodeData, node: import("./types").TreeNode) => any) | undefined;
 }, {
-    props: import("./types").TreeOptionProps;
-    height: number;
     icon: string;
+    props: import("./types").TreeOptionProps;
     data: import("./types").TreeData;
+    height: number;
+    emptyText: string;
     checkStrictly: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     filterMethod: import("./types").FilterMethod;
     accordion: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
-    emptyText: string;
     indent: number;
     showCheckbox: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     defaultCheckedKeys: import("./types").TreeKey[];

package/es/components/tree-v2/src/tree.vue_vue_type_script_lang.mjs

@@ -0,0 +1,84 @@
+import { defineComponent, provide, getCurrentInstance } from 'vue';
+import '../../../hooks/index.mjs';
+import '../../virtual-list/index.mjs';
+import { useTree } from './composables/useTree.mjs';
+import './tree-node.mjs';
+import { treeProps, treeEmits, ROOT_TREE_INJECTION_KEY } from './virtual-tree.mjs';
+import script$1 from './tree-node.vue_vue_type_script_lang.mjs';
+import FixedSizeList from '../../virtual-list/src/components/fixed-size-list.mjs';
+import { useLocale } from '../../../hooks/use-locale/index.mjs';
+
+var script = defineComponent({
+  name: "ElTreeV2",
+  components: {
+    ElTreeNode: script$1,
+    FixedSizeList
+  },
+  props: treeProps,
+  emits: treeEmits,
+  setup(props, ctx) {
+    provide(ROOT_TREE_INJECTION_KEY, {
+      ctx,
+      props,
+      instance: getCurrentInstance()
+    });
+    const { t } = useLocale();
+    const {
+      flattenTree,
+      isNotEmpty,
+      toggleExpand,
+      isExpanded,
+      isIndeterminate,
+      isChecked,
+      isDisabled,
+      isCurrent,
+      isForceHiddenExpandIcon,
+      toggleCheckbox,
+      handleNodeClick,
+      handleNodeCheck,
+      getCurrentNode,
+      getCurrentKey,
+      setCurrentKey,
+      getCheckedKeys,
+      getCheckedNodes,
+      getHalfCheckedKeys,
+      getHalfCheckedNodes,
+      setChecked,
+      setCheckedKeys,
+      filter,
+      setData
+    } = useTree(props, ctx.emit);
+    ctx.expose({
+      getCurrentNode,
+      getCurrentKey,
+      setCurrentKey,
+      getCheckedKeys,
+      getCheckedNodes,
+      getHalfCheckedKeys,
+      getHalfCheckedNodes,
+      setChecked,
+      setCheckedKeys,
+      filter,
+      setData
+    });
+    return {
+      t,
+      flattenTree,
+      itemSize: 26,
+      isNotEmpty,
+      toggleExpand,
+      toggleCheckbox,
+      isExpanded,
+      isIndeterminate,
+      isChecked,
+      isDisabled,
+      isCurrent,
+      isForceHiddenExpandIcon,
+      handleNodeClick,
+      handleNodeCheck
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=tree.vue_vue_type_script_lang.mjs.map

package/es/components/tree-v2/src/tree.vue_vue_type_script_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.vue_vue_type_script_lang.mjs","sources":["../../../../../../packages/components/tree-v2/src/tree.vue"],"sourcesContent":["<template>\n  <div\n    class=\"el-tree\"\n    :class=\"{\n      'el-tree--highlight-current': highlightCurrent,\n    }\"\n    role=\"tree\"\n  >\n    <fixed-size-list\n      v-if=\"isNotEmpty\"\n      class-name=\"el-tree-virtual-list\"\n      :data=\"flattenTree\"\n      :total=\"flattenTree.length\"\n      :height=\"height\"\n      :item-size=\"itemSize\"\n      :perf-mode=\"perfMode\"\n    >\n      <template #default=\"{ data, index, style }\">\n        <el-tree-node\n          :key=\"data[index].key\"\n          :style=\"style\"\n          :node=\"data[index]\"\n          :expanded=\"isExpanded(data[index])\"\n          :show-checkbox=\"showCheckbox\"\n          :checked=\"isChecked(data[index])\"\n          :indeterminate=\"isIndeterminate(data[index])\"\n          :disabled=\"isDisabled(data[index])\"\n          :current=\"isCurrent(data[index])\"\n          :hidden-expand-icon=\"isForceHiddenExpandIcon(data[index])\"\n          @click=\"handleNodeClick\"\n          @toggle=\"toggleExpand\"\n          @check=\"handleNodeCheck\"\n        ></el-tree-node>\n      </template>\n    </fixed-size-list>\n    <div v-else class=\"el-tree__empty-block\">\n      <span class=\"el-tree__empty-text\">{{\n        emptyText ?? t('el.tree.emptyText')\n      }}</span>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, getCurrentInstance, provide } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport { FixedSizeList } from '@element-plus/components/virtual-list'\nimport { useTree } from './composables/useTree'\nimport ElTreeNode from './tree-node.vue'\nimport { ROOT_TREE_INJECTION_KEY, treeEmits, treeProps } from './virtual-tree'\nimport type { TreeProps } from './types'\n\nexport default defineComponent({\n  name: 'ElTreeV2',\n  components: {\n    ElTreeNode,\n    FixedSizeList,\n  },\n  props: treeProps,\n  emits: treeEmits,\n  setup(props: TreeProps, ctx) {\n    provide(ROOT_TREE_INJECTION_KEY, {\n      ctx,\n      props,\n      instance: getCurrentInstance(),\n    })\n    const { t } = useLocale()\n    const {\n      flattenTree,\n      isNotEmpty,\n      toggleExpand,\n      isExpanded,\n      isIndeterminate,\n      isChecked,\n      isDisabled,\n      isCurrent,\n      isForceHiddenExpandIcon,\n      toggleCheckbox,\n      handleNodeClick,\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    } = useTree(props, ctx.emit)\n\n    ctx.expose({\n      getCurrentNode,\n      getCurrentKey,\n      setCurrentKey,\n      getCheckedKeys,\n      getCheckedNodes,\n      getHalfCheckedKeys,\n      getHalfCheckedNodes,\n      setChecked,\n      setCheckedKeys,\n      filter,\n      setData,\n    })\n\n    return {\n      t,\n      flattenTree,\n      itemSize: 26,\n      isNotEmpty,\n      toggleExpand,\n      toggleCheckbox,\n      isExpanded,\n      isIndeterminate,\n      isChecked,\n      isDisabled,\n      isCurrent,\n      isForceHiddenExpandIcon,\n      handleNodeClick,\n      handleNodeCheck,\n    }\n  },\n})\n</script>\n"],"names":["ElTreeNode"],"mappings":";;;;;;;;;;AAoDA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,gBACVA;AAAA,IACA;AAAA;AAAA,EAEF,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM,OAAkB,KAAK;AAC3B,YAAQ,yBAAyB;AAAA,MAC/B;AAAA,MACA;AAAA,MACA,UAAU;AAAA;AAEZ,UAAM,EAAE,MAAM;AACd,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE,QAAQ,OAAO,IAAI;AAEvB,QAAI,OAAO;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAGF,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

package/es/components/tree-v2/src/tree.vue_vue_type_template_id_5b45a1b2_lang.mjs

@@ -0,0 +1,52 @@
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, createVNode, normalizeStyle, createElementVNode, toDisplayString } from 'vue';
+
+const _hoisted_1 = {
+  key: 1,
+  class: "el-tree__empty-block"
+};
+const _hoisted_2 = { class: "el-tree__empty-text" };
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _a;
+  const _component_el_tree_node = resolveComponent("el-tree-node");
+  const _component_fixed_size_list = resolveComponent("fixed-size-list");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["el-tree", {
+      "el-tree--highlight-current": _ctx.highlightCurrent
+    }]),
+    role: "tree"
+  }, [
+    _ctx.isNotEmpty ? (openBlock(), createBlock(_component_fixed_size_list, {
+      key: 0,
+      "class-name": "el-tree-virtual-list",
+      data: _ctx.flattenTree,
+      total: _ctx.flattenTree.length,
+      height: _ctx.height,
+      "item-size": _ctx.itemSize,
+      "perf-mode": _ctx.perfMode
+    }, {
+      default: withCtx(({ data, index, style }) => [
+        createVNode(_component_el_tree_node, {
+          key: data[index].key,
+          style: normalizeStyle(style),
+          node: data[index],
+          expanded: _ctx.isExpanded(data[index]),
+          "show-checkbox": _ctx.showCheckbox,
+          checked: _ctx.isChecked(data[index]),
+          indeterminate: _ctx.isIndeterminate(data[index]),
+          disabled: _ctx.isDisabled(data[index]),
+          current: _ctx.isCurrent(data[index]),
+          "hidden-expand-icon": _ctx.isForceHiddenExpandIcon(data[index]),
+          onClick: _ctx.handleNodeClick,
+          onToggle: _ctx.toggleExpand,
+          onCheck: _ctx.handleNodeCheck
+        }, null, 8, ["style", "node", "expanded", "show-checkbox", "checked", "indeterminate", "disabled", "current", "hidden-expand-icon", "onClick", "onToggle", "onCheck"])
+      ]),
+      _: 1
+    }, 8, ["data", "total", "height", "item-size", "perf-mode"])) : (openBlock(), createElementBlock("div", _hoisted_1, [
+      createElementVNode("span", _hoisted_2, toDisplayString((_a = _ctx.emptyText) != null ? _a : _ctx.t("el.tree.emptyText")), 1)
+    ]))
+  ], 2);
+}
+
+export { render };
+//# sourceMappingURL=tree.vue_vue_type_template_id_5b45a1b2_lang.mjs.map

package/es/components/tree-v2/src/tree.vue_vue_type_template_id_5b45a1b2_lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.vue_vue_type_template_id_5b45a1b2_lang.mjs","sources":["../../../../../../packages/components/tree-v2/src/tree.vue?vue&type=template&id=5b45a1b2&lang.js"],"sourcesContent":["<template>\n  <div\n    class=\"el-tree\"\n    :class=\"{\n      'el-tree--highlight-current': highlightCurrent,\n    }\"\n    role=\"tree\"\n  >\n    <fixed-size-list\n      v-if=\"isNotEmpty\"\n      class-name=\"el-tree-virtual-list\"\n      :data=\"flattenTree\"\n      :total=\"flattenTree.length\"\n      :height=\"height\"\n      :item-size=\"itemSize\"\n      :perf-mode=\"perfMode\"\n    >\n      <template #default=\"{ data, index, style }\">\n        <el-tree-node\n          :key=\"data[index].key\"\n          :style=\"style\"\n          :node=\"data[index]\"\n          :expanded=\"isExpanded(data[index])\"\n          :show-checkbox=\"showCheckbox\"\n          :checked=\"isChecked(data[index])\"\n          :indeterminate=\"isIndeterminate(data[index])\"\n          :disabled=\"isDisabled(data[index])\"\n          :current=\"isCurrent(data[index])\"\n          :hidden-expand-icon=\"isForceHiddenExpandIcon(data[index])\"\n          @click=\"handleNodeClick\"\n          @toggle=\"toggleExpand\"\n          @check=\"handleNodeCheck\"\n        ></el-tree-node>\n      </template>\n    </fixed-size-list>\n    <div v-else class=\"el-tree__empty-block\">\n      <span class=\"el-tree__empty-text\">{{\n        emptyText ?? t('el.tree.emptyText')\n      }}</span>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, getCurrentInstance, provide } from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport { FixedSizeList } from '@element-plus/components/virtual-list'\nimport { useTree } from './composables/useTree'\nimport ElTreeNode from './tree-node.vue'\nimport { ROOT_TREE_INJECTION_KEY, treeEmits, treeProps } from './virtual-tree'\nimport type { TreeProps } from './types'\n\nexport default defineComponent({\n  name: 'ElTreeV2',\n  components: {\n    ElTreeNode,\n    FixedSizeList,\n  },\n  props: treeProps,\n  emits: treeEmits,\n  setup(props: TreeProps, ctx) {\n    provide(ROOT_TREE_INJECTION_KEY, {\n      ctx,\n      props,\n      instance: getCurrentInstance(),\n    })\n    const { t } = useLocale()\n    const {\n      flattenTree,\n      isNotEmpty,\n      toggleExpand,\n      isExpanded,\n      isIndeterminate,\n      isChecked,\n      isDisabled,\n      isCurrent,\n      isForceHiddenExpandIcon,\n      toggleCheckbox,\n      handleNodeClick,\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    } = useTree(props, ctx.emit)\n\n    ctx.expose({\n      getCurrentNode,\n      getCurrentKey,\n      setCurrentKey,\n      getCheckedKeys,\n      getCheckedNodes,\n      getHalfCheckedKeys,\n      getHalfCheckedNodes,\n      setChecked,\n      setCheckedKeys,\n      filter,\n      setData,\n    })\n\n    return {\n      t,\n      flattenTree,\n      itemSize: 26,\n      isNotEmpty,\n      toggleExpand,\n      toggleCheckbox,\n      isExpanded,\n      isIndeterminate,\n      isChecked,\n      isDisabled,\n      isCurrent,\n      isForceHiddenExpandIcon,\n      handleNodeClick,\n      handleNodeCheck,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createBlock","_createVNode","_createElementVNode"],"mappings":";;;;EAmCgB,OAAM;AAAA;qBACV,OAAM;;;;;sBAnChBA;IACE,uBAAM;;;IAIN,MAAK;AAAA;IAGG,gCADRC;;MAEE,cAAW;AAAA,MACV,MAAM;MACN,OAAO,iBAAY;AAAA,MACnB,QAAQ;MACR,aAAW;MACX,aAAW;;MAED,iBACT,GADoB,MAAM,OAAO;QACjCC;UACG,KAAK,KAAK,OAAO;AAAA,UACjB,sBAAO;AAAA,UACP,MAAM,KAAK;AAAA,UACX,UAAU,gBAAW,KAAK;AAAA,UAC1B,iBAAe;UACf,SAAS,eAAU,KAAK;AAAA,UACxB,eAAe,qBAAgB,KAAK;AAAA,UACpC,UAAU,gBAAW,KAAK;AAAA,UAC1B,SAAS,eAAU,KAAK;AAAA,UACxB,sBAAoB,6BAAwB,KAAK;AAAA,UACjD,SAAO;UACP,UAAQ;UACR,SAAO;;;;kFAIdF,0BAAA;MACEG,2BAAA,4BACE,yBAAA,YAAa;;;;;;;"}

package/es/components/tree-v2/src/virtual-tree.mjs

@@ -6,18 +6,18 @@ const EMPTY_NODE = {
   level: -1,
   data: {}
 };
-var TreeOptionsEnum;
-(function(TreeOptionsEnum2) {
+var TreeOptionsEnum = /* @__PURE__ */ ((TreeOptionsEnum2) => {
   TreeOptionsEnum2["KEY"] = "id";
   TreeOptionsEnum2["LABEL"] = "label";
   TreeOptionsEnum2["CHILDREN"] = "children";
   TreeOptionsEnum2["DISABLED"] = "disabled";
-})(TreeOptionsEnum || (TreeOptionsEnum = {}));
-var SetOperationEnum;
-(function(SetOperationEnum2) {
+  return TreeOptionsEnum2;
+})(TreeOptionsEnum || {});
+var SetOperationEnum = /* @__PURE__ */ ((SetOperationEnum2) => {
   SetOperationEnum2["ADD"] = "add";
   SetOperationEnum2["DELETE"] = "delete";
-})(SetOperationEnum || (SetOperationEnum = {}));
+  return SetOperationEnum2;
+})(SetOperationEnum || {});
 const treeProps = buildProps({
   data: {
     type: definePropType(Array),
@@ -33,10 +33,10 @@ const treeProps = buildProps({
   props: {
     type: definePropType(Object),
     default: () => mutable({
-      children: TreeOptionsEnum.CHILDREN,
-      label: TreeOptionsEnum.LABEL,
-      disabled: TreeOptionsEnum.DISABLED,
-      value: TreeOptionsEnum.KEY
+      children: "children" /* CHILDREN */,
+      label: "label" /* LABEL */,
+      disabled: "disabled" /* DISABLED */,
+      value: "id" /* KEY */
     })
   },
   highlightCurrent: {

package/es/components/tree-v2/src/virtual-tree.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"virtual-tree.mjs","sources":["../../../../../../packages/components/tree-v2/src/virtual-tree.ts"],"sourcesContent":["import { buildProps, definePropType, mutable } from '@element-plus/utils/props'\nimport type { InjectionKey } from 'vue'\nimport type { TreeNodeData } from '../../tree/src/tree.type'\nimport type {\n  TreeNode,\n  TreeKey,\n  TreeData,\n  TreeOptionProps,\n  FilterMethod,\n  CheckedInfo,\n  TreeContext,\n} from './types'\n\n// constants\nexport const ROOT_TREE_INJECTION_KEY: InjectionKey<TreeContext> = Symbol()\nconst EMPTY_NODE = {\n  key: -1,\n  level: -1,\n  data: {},\n} as const\n\n// enums\nexport enum TreeOptionsEnum {\n  KEY = 'id',\n  LABEL = 'label',\n  CHILDREN = 'children',\n  DISABLED = 'disabled',\n}\n\nexport const enum SetOperationEnum {\n  ADD = 'add',\n  DELETE = 'delete',\n}\n\n// props\nexport const treeProps = buildProps({\n  data: {\n    type: definePropType<TreeData>(Array),\n    default: () => mutable([] as const),\n  },\n  emptyText: {\n    type: String,\n  },\n  height: {\n    type: Number,\n    default: 200,\n  },\n  props: {\n    type: definePropType<TreeOptionProps>(Object),\n    default: () =>\n      mutable({\n        children: TreeOptionsEnum.CHILDREN,\n        label: TreeOptionsEnum.LABEL,\n        disabled: TreeOptionsEnum.DISABLED,\n        value: TreeOptionsEnum.KEY,\n      } as const),\n  },\n  highlightCurrent: {\n    type: Boolean,\n    default: false,\n  },\n  showCheckbox: {\n    type: Boolean,\n    default: false,\n  },\n  defaultCheckedKeys: {\n    type: definePropType<TreeKey[]>(Array),\n    default: () => mutable([] as const),\n  },\n  // Whether checked state of a node not affects its father and\n  // child nodes when show-checkbox is true\n  checkStrictly: {\n    type: Boolean,\n    default: false,\n  },\n  defaultExpandedKeys: {\n    type: definePropType<TreeKey[]>(Array),\n    default: () => mutable([] as const),\n  },\n  indent: {\n    type: Number,\n    default: 16,\n  },\n  icon: {\n    type: String,\n  },\n  expandOnClickNode: {\n    type: Boolean,\n    default: true,\n  },\n  checkOnClickNode: {\n    type: Boolean,\n    default: false,\n  },\n  currentNodeKey: {\n    type: definePropType<TreeKey>([String, Number]),\n  },\n  // TODO need to optimization\n  accordion: {\n    type: Boolean,\n    default: false,\n  },\n  filterMethod: {\n    type: definePropType<FilterMethod>(Function),\n  },\n  // Performance mode will increase memory usage, but scrolling will be smoother\n  perfMode: {\n    type: Boolean,\n    default: true,\n  },\n} as const)\n\nexport const treeNodeProps = buildProps({\n  node: {\n    type: definePropType<TreeNode>(Object),\n    default: () => mutable(EMPTY_NODE),\n  },\n  expanded: {\n    type: Boolean,\n    default: false,\n  },\n  checked: {\n    type: Boolean,\n    default: false,\n  },\n  indeterminate: {\n    type: Boolean,\n    default: false,\n  },\n  showCheckbox: {\n    type: Boolean,\n    default: false,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  current: {\n    type: Boolean,\n    default: false,\n  },\n  hiddenExpandIcon: {\n    type: Boolean,\n    default: false,\n  },\n} as const)\n\nexport const treeNodeContentProps = buildProps({\n  node: {\n    type: definePropType<TreeNode>(Object),\n    required: true,\n  },\n} as const)\n\n// emits\nexport const NODE_CLICK = 'node-click'\nexport const NODE_EXPAND = 'node-expand'\nexport const NODE_COLLAPSE = 'node-collapse'\nexport const CURRENT_CHANGE = 'current-change'\nexport const NODE_CHECK = 'check'\nexport const NODE_CHECK_CHANGE = 'check-change'\nexport const NODE_CONTEXTMENU = 'node-contextmenu'\n\nexport const treeEmits = {\n  [NODE_CLICK]: (data: TreeNodeData, node: TreeNode) => data && node,\n  [NODE_EXPAND]: (data: TreeNodeData, node: TreeNode) => data && node,\n  [NODE_COLLAPSE]: (data: TreeNodeData, node: TreeNode) => data && node,\n  [CURRENT_CHANGE]: (data: TreeNodeData, node: TreeNode) => data && node,\n  [NODE_CHECK]: (data: TreeNodeData, checkedInfo: CheckedInfo) =>\n    data && checkedInfo,\n  [NODE_CHECK_CHANGE]: (data: TreeNodeData, checked: boolean) =>\n    data && typeof checked === 'boolean',\n  [NODE_CONTEXTMENU]: (event: Event, data: TreeNodeData, node: TreeNode) =>\n    event && data && node,\n}\n\nexport const treeNodeEmits = {\n  click: (node: TreeNode) => !!node,\n  toggle: (node: TreeNode) => !!node,\n  check: (node: TreeNode, checked: boolean) =>\n    node && typeof checked === 'boolean',\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"virtual-tree.mjs","sources":["../../../../../../packages/components/tree-v2/src/virtual-tree.ts"],"sourcesContent":["import { buildProps, definePropType, mutable } from '@element-plus/utils/props'\nimport type { InjectionKey } from 'vue'\nimport type { TreeNodeData } from '../../tree/src/tree.type'\nimport type {\n  TreeNode,\n  TreeKey,\n  TreeData,\n  TreeOptionProps,\n  FilterMethod,\n  CheckedInfo,\n  TreeContext,\n} from './types'\n\n// constants\nexport const ROOT_TREE_INJECTION_KEY: InjectionKey<TreeContext> = Symbol()\nconst EMPTY_NODE = {\n  key: -1,\n  level: -1,\n  data: {},\n} as const\n\n// enums\nexport enum TreeOptionsEnum {\n  KEY = 'id',\n  LABEL = 'label',\n  CHILDREN = 'children',\n  DISABLED = 'disabled',\n}\n\nexport const enum SetOperationEnum {\n  ADD = 'add',\n  DELETE = 'delete',\n}\n\n// props\nexport const treeProps = buildProps({\n  data: {\n    type: definePropType<TreeData>(Array),\n    default: () => mutable([] as const),\n  },\n  emptyText: {\n    type: String,\n  },\n  height: {\n    type: Number,\n    default: 200,\n  },\n  props: {\n    type: definePropType<TreeOptionProps>(Object),\n    default: () =>\n      mutable({\n        children: TreeOptionsEnum.CHILDREN,\n        label: TreeOptionsEnum.LABEL,\n        disabled: TreeOptionsEnum.DISABLED,\n        value: TreeOptionsEnum.KEY,\n      } as const),\n  },\n  highlightCurrent: {\n    type: Boolean,\n    default: false,\n  },\n  showCheckbox: {\n    type: Boolean,\n    default: false,\n  },\n  defaultCheckedKeys: {\n    type: definePropType<TreeKey[]>(Array),\n    default: () => mutable([] as const),\n  },\n  // Whether checked state of a node not affects its father and\n  // child nodes when show-checkbox is true\n  checkStrictly: {\n    type: Boolean,\n    default: false,\n  },\n  defaultExpandedKeys: {\n    type: definePropType<TreeKey[]>(Array),\n    default: () => mutable([] as const),\n  },\n  indent: {\n    type: Number,\n    default: 16,\n  },\n  icon: {\n    type: String,\n  },\n  expandOnClickNode: {\n    type: Boolean,\n    default: true,\n  },\n  checkOnClickNode: {\n    type: Boolean,\n    default: false,\n  },\n  currentNodeKey: {\n    type: definePropType<TreeKey>([String, Number]),\n  },\n  // TODO need to optimization\n  accordion: {\n    type: Boolean,\n    default: false,\n  },\n  filterMethod: {\n    type: definePropType<FilterMethod>(Function),\n  },\n  // Performance mode will increase memory usage, but scrolling will be smoother\n  perfMode: {\n    type: Boolean,\n    default: true,\n  },\n} as const)\n\nexport const treeNodeProps = buildProps({\n  node: {\n    type: definePropType<TreeNode>(Object),\n    default: () => mutable(EMPTY_NODE),\n  },\n  expanded: {\n    type: Boolean,\n    default: false,\n  },\n  checked: {\n    type: Boolean,\n    default: false,\n  },\n  indeterminate: {\n    type: Boolean,\n    default: false,\n  },\n  showCheckbox: {\n    type: Boolean,\n    default: false,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  current: {\n    type: Boolean,\n    default: false,\n  },\n  hiddenExpandIcon: {\n    type: Boolean,\n    default: false,\n  },\n} as const)\n\nexport const treeNodeContentProps = buildProps({\n  node: {\n    type: definePropType<TreeNode>(Object),\n    required: true,\n  },\n} as const)\n\n// emits\nexport const NODE_CLICK = 'node-click'\nexport const NODE_EXPAND = 'node-expand'\nexport const NODE_COLLAPSE = 'node-collapse'\nexport const CURRENT_CHANGE = 'current-change'\nexport const NODE_CHECK = 'check'\nexport const NODE_CHECK_CHANGE = 'check-change'\nexport const NODE_CONTEXTMENU = 'node-contextmenu'\n\nexport const treeEmits = {\n  [NODE_CLICK]: (data: TreeNodeData, node: TreeNode) => data && node,\n  [NODE_EXPAND]: (data: TreeNodeData, node: TreeNode) => data && node,\n  [NODE_COLLAPSE]: (data: TreeNodeData, node: TreeNode) => data && node,\n  [CURRENT_CHANGE]: (data: TreeNodeData, node: TreeNode) => data && node,\n  [NODE_CHECK]: (data: TreeNodeData, checkedInfo: CheckedInfo) =>\n    data && checkedInfo,\n  [NODE_CHECK_CHANGE]: (data: TreeNodeData, checked: boolean) =>\n    data && typeof checked === 'boolean',\n  [NODE_CONTEXTMENU]: (event: Event, data: TreeNodeData, node: TreeNode) =>\n    event && data && node,\n}\n\nexport const treeNodeEmits = {\n  click: (node: TreeNode) => !!node,\n  toggle: (node: TreeNode) => !!node,\n  check: (node: TreeNode, checked: boolean) =>\n    node && typeof checked === 'boolean',\n}\n"],"names":[],"mappings":"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"}