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

package/lib/components/tree/src/tree.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tree_vue_vue_type_script_lang = require('./tree.vue_vue&type=script&lang.js');
-var tree_vue_vue_type_template_id_7539bec5_lang = require('./tree.vue_vue&type=template&id=7539bec5&lang.js');
+var tree_vue_vue_type_script_lang = require('./tree.vue_vue_type_script_lang.js');
+var tree_vue_vue_type_template_id_7539bec5_lang = require('./tree.vue_vue_type_template_id_7539bec5_lang.js');
 
 tree_vue_vue_type_script_lang["default"].render = tree_vue_vue_type_template_id_7539bec5_lang.render;
 tree_vue_vue_type_script_lang["default"].__file = "packages/components/tree/src/tree.vue";

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

@@ -367,7 +367,7 @@ declare const _default: import("vue").DefineComponent<{
     getHalfCheckedKeys: () => TreeKey[];
     setCurrentNode: (node: Node, shouldAutoExpandParent?: boolean) => void;
     setCurrentKey: (key: TreeKey, shouldAutoExpandParent?: boolean) => void;
-    t: (...args: any[]) => string;
+    t: import("element-plus/es/hooks").Translator;
     getNode: (data: TreeKey | TreeNodeData) => Node;
     remove: (data: TreeNodeData | Node) => void;
     append: (data: TreeNodeData, parentNode: TreeNodeData | TreeKey | Node) => void;
@@ -403,10 +403,10 @@ declare const _default: import("vue").DefineComponent<{
     indent?: unknown;
     icon?: unknown;
 } & {
+    lazy: boolean;
     props: import("./tree.type").TreeOptionProps;
     data: unknown[];
     checkStrictly: boolean;
-    lazy: boolean;
     accordion: boolean;
     defaultExpandAll: boolean;
     indent: number;
@@ -420,8 +420,8 @@ declare const _default: import("vue").DefineComponent<{
     highlightCurrent: boolean;
 } & {
     icon?: string | Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | undefined;
-    emptyText?: string | undefined;
     load?: import("./tree.type").LoadFunction | undefined;
+    emptyText?: string | undefined;
     renderContent?: Function | undefined;
     defaultCheckedKeys?: TreeKey[] | undefined;
     defaultExpandedKeys?: TreeKey[] | undefined;
@@ -445,10 +445,10 @@ declare const _default: import("vue").DefineComponent<{
     "onNode-drag-enter"?: ((...args: any[]) => any) | undefined;
     "onNode-drag-over"?: ((...args: any[]) => any) | undefined;
 }, {
+    lazy: boolean;
     props: import("./tree.type").TreeOptionProps;
     data: unknown[];
     checkStrictly: boolean;
-    lazy: boolean;
     accordion: boolean;
     defaultExpandAll: boolean;
     indent: number;

package/lib/components/tree/src/tree.vue_vue_type_script_lang.js

@@ -0,0 +1,280 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('../../../hooks/index.js');
+var treeStore = require('./model/tree-store.js');
+var util = require('./model/util.js');
+require('./tree-node.js');
+var useNodeExpandEventBroadcast = require('./model/useNodeExpandEventBroadcast.js');
+var useDragNode = require('./model/useDragNode.js');
+var useKeydown = require('./model/useKeydown.js');
+var treeNode_vue_vue_type_script_lang = require('./tree-node.vue_vue_type_script_lang.js');
+var index = require('../../../hooks/use-locale/index.js');
+
+var script = vue.defineComponent({
+  name: "ElTree",
+  components: { ElTreeNode: treeNode_vue_vue_type_script_lang["default"] },
+  props: {
+    data: {
+      type: Array,
+      default: () => []
+    },
+    emptyText: {
+      type: String
+    },
+    renderAfterExpand: {
+      type: Boolean,
+      default: true
+    },
+    nodeKey: String,
+    checkStrictly: Boolean,
+    defaultExpandAll: Boolean,
+    expandOnClickNode: {
+      type: Boolean,
+      default: true
+    },
+    checkOnClickNode: Boolean,
+    checkDescendants: {
+      type: Boolean,
+      default: false
+    },
+    autoExpandParent: {
+      type: Boolean,
+      default: true
+    },
+    defaultCheckedKeys: Array,
+    defaultExpandedKeys: Array,
+    currentNodeKey: [String, Number],
+    renderContent: Function,
+    showCheckbox: {
+      type: Boolean,
+      default: false
+    },
+    draggable: {
+      type: Boolean,
+      default: false
+    },
+    allowDrag: Function,
+    allowDrop: Function,
+    props: {
+      type: Object,
+      default: () => ({
+        children: "children",
+        label: "label",
+        disabled: "disabled"
+      })
+    },
+    lazy: {
+      type: Boolean,
+      default: false
+    },
+    highlightCurrent: Boolean,
+    load: Function,
+    filterNodeMethod: Function,
+    accordion: Boolean,
+    indent: {
+      type: Number,
+      default: 18
+    },
+    icon: [String, Object]
+  },
+  emits: [
+    "check-change",
+    "current-change",
+    "node-click",
+    "node-contextmenu",
+    "node-collapse",
+    "node-expand",
+    "check",
+    "node-drag-start",
+    "node-drag-end",
+    "node-drop",
+    "node-drag-leave",
+    "node-drag-enter",
+    "node-drag-over"
+  ],
+  setup(props, ctx) {
+    const { t } = index.useLocale();
+    const store = vue.ref(new treeStore["default"]({
+      key: props.nodeKey,
+      data: props.data,
+      lazy: props.lazy,
+      props: props.props,
+      load: props.load,
+      currentNodeKey: props.currentNodeKey,
+      checkStrictly: props.checkStrictly,
+      checkDescendants: props.checkDescendants,
+      defaultCheckedKeys: props.defaultCheckedKeys,
+      defaultExpandedKeys: props.defaultExpandedKeys,
+      autoExpandParent: props.autoExpandParent,
+      defaultExpandAll: props.defaultExpandAll,
+      filterNodeMethod: props.filterNodeMethod
+    }));
+    store.value.initialize();
+    const root = vue.ref(store.value.root);
+    const currentNode = vue.ref(null);
+    const el$ = vue.ref(null);
+    const dropIndicator$ = vue.ref(null);
+    const { broadcastExpanded } = useNodeExpandEventBroadcast.useNodeExpandEventBroadcast(props);
+    const { dragState } = useDragNode.useDragNodeHandler({
+      props,
+      ctx,
+      el$,
+      dropIndicator$,
+      store
+    });
+    useKeydown.useKeydown({ el$ }, store);
+    const isEmpty = vue.computed(() => {
+      const { childNodes } = root.value;
+      return !childNodes || childNodes.length === 0 || childNodes.every(({ visible }) => !visible);
+    });
+    vue.watch(() => props.defaultCheckedKeys, (newVal) => {
+      store.value.setDefaultCheckedKey(newVal);
+    });
+    vue.watch(() => props.defaultExpandedKeys, (newVal) => {
+      store.value.defaultExpandedKeys = newVal;
+      store.value.setDefaultExpandedKeys(newVal);
+    });
+    vue.watch(() => props.data, (newVal) => {
+      store.value.setData(newVal);
+    }, { deep: true });
+    vue.watch(() => props.checkStrictly, (newVal) => {
+      store.value.checkStrictly = newVal;
+    });
+    const filter = (value) => {
+      if (!props.filterNodeMethod)
+        throw new Error("[Tree] filterNodeMethod is required when filter");
+      store.value.filter(value);
+    };
+    const getNodeKey = (node) => {
+      return util.getNodeKey(props.nodeKey, node.data);
+    };
+    const getNodePath = (data) => {
+      if (!props.nodeKey)
+        throw new Error("[Tree] nodeKey is required in getNodePath");
+      const node = store.value.getNode(data);
+      if (!node)
+        return [];
+      const path = [node.data];
+      let parent = node.parent;
+      while (parent && parent !== root.value) {
+        path.push(parent.data);
+        parent = parent.parent;
+      }
+      return path.reverse();
+    };
+    const getCheckedNodes = (leafOnly, includeHalfChecked) => {
+      return store.value.getCheckedNodes(leafOnly, includeHalfChecked);
+    };
+    const getCheckedKeys = (leafOnly) => {
+      return store.value.getCheckedKeys(leafOnly);
+    };
+    const getCurrentNode = () => {
+      const currentNode2 = store.value.getCurrentNode();
+      return currentNode2 ? currentNode2.data : null;
+    };
+    const getCurrentKey = () => {
+      if (!props.nodeKey)
+        throw new Error("[Tree] nodeKey is required in getCurrentKey");
+      const currentNode2 = getCurrentNode();
+      return currentNode2 ? currentNode2[props.nodeKey] : null;
+    };
+    const setCheckedNodes = (nodes, leafOnly) => {
+      if (!props.nodeKey)
+        throw new Error("[Tree] nodeKey is required in setCheckedNodes");
+      store.value.setCheckedNodes(nodes, leafOnly);
+    };
+    const setCheckedKeys = (keys, leafOnly) => {
+      if (!props.nodeKey)
+        throw new Error("[Tree] nodeKey is required in setCheckedKeys");
+      store.value.setCheckedKeys(keys, leafOnly);
+    };
+    const setChecked = (data, checked, deep) => {
+      store.value.setChecked(data, checked, deep);
+    };
+    const getHalfCheckedNodes = () => {
+      return store.value.getHalfCheckedNodes();
+    };
+    const getHalfCheckedKeys = () => {
+      return store.value.getHalfCheckedKeys();
+    };
+    const setCurrentNode = (node, shouldAutoExpandParent = true) => {
+      if (!props.nodeKey)
+        throw new Error("[Tree] nodeKey is required in setCurrentNode");
+      store.value.setUserCurrentNode(node, shouldAutoExpandParent);
+    };
+    const setCurrentKey = (key, shouldAutoExpandParent = true) => {
+      if (!props.nodeKey)
+        throw new Error("[Tree] nodeKey is required in setCurrentKey");
+      store.value.setCurrentNodeKey(key, shouldAutoExpandParent);
+    };
+    const getNode = (data) => {
+      return store.value.getNode(data);
+    };
+    const remove = (data) => {
+      store.value.remove(data);
+    };
+    const append = (data, parentNode) => {
+      store.value.append(data, parentNode);
+    };
+    const insertBefore = (data, refNode) => {
+      store.value.insertBefore(data, refNode);
+    };
+    const insertAfter = (data, refNode) => {
+      store.value.insertAfter(data, refNode);
+    };
+    const handleNodeExpand = (nodeData, node, instance) => {
+      broadcastExpanded(node);
+      ctx.emit("node-expand", nodeData, node, instance);
+    };
+    const updateKeyChildren = (key, data) => {
+      if (!props.nodeKey)
+        throw new Error("[Tree] nodeKey is required in updateKeyChild");
+      store.value.updateChildren(key, data);
+    };
+    vue.provide("RootTree", {
+      ctx,
+      props,
+      store,
+      root,
+      currentNode,
+      instance: vue.getCurrentInstance()
+    });
+    return {
+      store,
+      root,
+      currentNode,
+      dragState,
+      el$,
+      dropIndicator$,
+      isEmpty,
+      filter,
+      getNodeKey,
+      getNodePath,
+      getCheckedNodes,
+      getCheckedKeys,
+      getCurrentNode,
+      getCurrentKey,
+      setCheckedNodes,
+      setCheckedKeys,
+      setChecked,
+      getHalfCheckedNodes,
+      getHalfCheckedKeys,
+      setCurrentNode,
+      setCurrentKey,
+      t,
+      getNode,
+      remove,
+      append,
+      insertBefore,
+      insertAfter,
+      handleNodeExpand,
+      updateKeyChildren
+    };
+  }
+});
+
+exports["default"] = script;
+//# sourceMappingURL=tree.vue_vue_type_script_lang.js.map

package/lib/components/tree/src/tree.vue_vue_type_script_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.vue_vue_type_script_lang.js","sources":["../../../../../../packages/components/tree/src/tree.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"el$\"\n    class=\"el-tree\"\n    :class=\"{\n      'el-tree--highlight-current': highlightCurrent,\n      'is-dragging': !!dragState.draggingNode,\n      'is-drop-not-allow': !dragState.allowDrop,\n      'is-drop-inner': dragState.dropType === 'inner',\n    }\"\n    role=\"tree\"\n  >\n    <el-tree-node\n      v-for=\"child in root.childNodes\"\n      :key=\"getNodeKey(child)\"\n      :node=\"child\"\n      :props=\"props\"\n      :accordion=\"accordion\"\n      :render-after-expand=\"renderAfterExpand\"\n      :show-checkbox=\"showCheckbox\"\n      :render-content=\"renderContent\"\n      @node-expand=\"handleNodeExpand\"\n    />\n    <div v-if=\"isEmpty\" 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      v-show=\"dragState.showDropIndicator\"\n      ref=\"dropIndicator$\"\n      class=\"el-tree__drop-indicator\"\n    ></div>\n  </div>\n</template>\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  ref,\n  provide,\n  computed,\n  watch,\n  getCurrentInstance,\n} from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport TreeStore from './model/tree-store'\nimport { getNodeKey as getNodeKeyUtil } from './model/util'\nimport ElTreeNode from './tree-node.vue'\nimport { useNodeExpandEventBroadcast } from './model/useNodeExpandEventBroadcast'\nimport { useDragNodeHandler } from './model/useDragNode'\nimport { useKeydown } from './model/useKeydown'\nimport type Node from './model/node'\n\nimport type { ComponentInternalInstance, PropType, Component } from 'vue'\nimport type { Nullable } from '@element-plus/utils/types'\nimport type {\n  TreeComponentProps,\n  TreeNodeData,\n  TreeKey,\n  TreeData,\n} from './tree.type'\n\nexport default defineComponent({\n  name: 'ElTree',\n  components: { ElTreeNode },\n  props: {\n    data: {\n      type: Array,\n      default: () => [],\n    },\n    emptyText: {\n      type: String,\n    },\n    renderAfterExpand: {\n      type: Boolean,\n      default: true,\n    },\n    nodeKey: String,\n    checkStrictly: Boolean,\n    defaultExpandAll: Boolean,\n    expandOnClickNode: {\n      type: Boolean,\n      default: true,\n    },\n    checkOnClickNode: Boolean,\n    checkDescendants: {\n      type: Boolean,\n      default: false,\n    },\n    autoExpandParent: {\n      type: Boolean,\n      default: true,\n    },\n    defaultCheckedKeys: Array as PropType<\n      TreeComponentProps['defaultCheckedKeys']\n    >,\n    defaultExpandedKeys: Array as PropType<\n      TreeComponentProps['defaultExpandedKeys']\n    >,\n    currentNodeKey: [String, Number] as PropType<string | number>,\n    renderContent: Function,\n    showCheckbox: {\n      type: Boolean,\n      default: false,\n    },\n    draggable: {\n      type: Boolean,\n      default: false,\n    },\n    allowDrag: Function,\n    allowDrop: Function,\n    props: {\n      type: Object as PropType<TreeComponentProps['props']>,\n      default: () => ({\n        children: 'children',\n        label: 'label',\n        disabled: 'disabled',\n      }),\n    },\n    lazy: {\n      type: Boolean,\n      default: false,\n    },\n    highlightCurrent: Boolean,\n    load: Function as PropType<TreeComponentProps['load']>,\n    filterNodeMethod: Function as PropType<\n      TreeComponentProps['filterNodeMethod']\n    >,\n    accordion: Boolean,\n    indent: {\n      type: Number,\n      default: 18,\n    },\n    icon: [String, Object] as PropType<string | Component>,\n  },\n  emits: [\n    'check-change',\n    'current-change',\n    'node-click',\n    'node-contextmenu',\n    'node-collapse',\n    'node-expand',\n    'check',\n    'node-drag-start',\n    'node-drag-end',\n    'node-drop',\n    'node-drag-leave',\n    'node-drag-enter',\n    'node-drag-over',\n  ],\n  setup(props, ctx) {\n    const { t } = useLocale()\n\n    const store = ref<TreeStore>(\n      new TreeStore({\n        key: props.nodeKey,\n        data: props.data,\n        lazy: props.lazy,\n        props: props.props,\n        load: props.load,\n        currentNodeKey: props.currentNodeKey,\n        checkStrictly: props.checkStrictly,\n        checkDescendants: props.checkDescendants,\n        defaultCheckedKeys: props.defaultCheckedKeys,\n        defaultExpandedKeys: props.defaultExpandedKeys,\n        autoExpandParent: props.autoExpandParent,\n        defaultExpandAll: props.defaultExpandAll,\n        filterNodeMethod: props.filterNodeMethod,\n      })\n    )\n\n    store.value.initialize()\n\n    const root = ref<Node>(store.value.root)\n    const currentNode = ref<Node>(null)\n    const el$ = ref<Nullable<HTMLElement>>(null)\n    const dropIndicator$ = ref<Nullable<HTMLElement>>(null)\n\n    const { broadcastExpanded } = useNodeExpandEventBroadcast(props)\n\n    const { dragState } = useDragNodeHandler({\n      props,\n      ctx,\n      el$,\n      dropIndicator$,\n      store,\n    })\n\n    useKeydown({ el$ }, store)\n\n    const isEmpty = computed(() => {\n      const { childNodes } = root.value\n      return (\n        !childNodes ||\n        childNodes.length === 0 ||\n        childNodes.every(({ visible }) => !visible)\n      )\n    })\n\n    watch(\n      () => props.defaultCheckedKeys,\n      (newVal) => {\n        store.value.setDefaultCheckedKey(newVal)\n      }\n    )\n\n    watch(\n      () => props.defaultExpandedKeys,\n      (newVal) => {\n        store.value.defaultExpandedKeys = newVal\n        store.value.setDefaultExpandedKeys(newVal)\n      }\n    )\n\n    watch(\n      () => props.data,\n      (newVal) => {\n        store.value.setData(newVal)\n      },\n      { deep: true }\n    )\n\n    watch(\n      () => props.checkStrictly,\n      (newVal) => {\n        store.value.checkStrictly = newVal\n      }\n    )\n\n    const filter = (value) => {\n      if (!props.filterNodeMethod)\n        throw new Error('[Tree] filterNodeMethod is required when filter')\n      store.value.filter(value)\n    }\n\n    const getNodeKey = (node: Node) => {\n      return getNodeKeyUtil(props.nodeKey, node.data)\n    }\n\n    const getNodePath = (data: TreeKey | TreeNodeData) => {\n      if (!props.nodeKey)\n        throw new Error('[Tree] nodeKey is required in getNodePath')\n      const node = store.value.getNode(data)\n      if (!node) return []\n      const path = [node.data]\n      let parent = node.parent\n      while (parent && parent !== root.value) {\n        path.push(parent.data)\n        parent = parent.parent\n      }\n      return path.reverse()\n    }\n\n    const getCheckedNodes = (\n      leafOnly: boolean,\n      includeHalfChecked: boolean\n    ): TreeNodeData[] => {\n      return store.value.getCheckedNodes(leafOnly, includeHalfChecked)\n    }\n\n    const getCheckedKeys = (leafOnly: boolean): TreeKey[] => {\n      return store.value.getCheckedKeys(leafOnly)\n    }\n\n    const getCurrentNode = (): TreeNodeData => {\n      const currentNode = store.value.getCurrentNode()\n      return currentNode ? currentNode.data : null\n    }\n\n    const getCurrentKey = (): any => {\n      if (!props.nodeKey)\n        throw new Error('[Tree] nodeKey is required in getCurrentKey')\n      const currentNode = getCurrentNode()\n      return currentNode ? currentNode[props.nodeKey] : null\n    }\n\n    const setCheckedNodes = (nodes: Node[], leafOnly: boolean) => {\n      if (!props.nodeKey)\n        throw new Error('[Tree] nodeKey is required in setCheckedNodes')\n      store.value.setCheckedNodes(nodes, leafOnly)\n    }\n\n    const setCheckedKeys = (keys, leafOnly: boolean) => {\n      if (!props.nodeKey)\n        throw new Error('[Tree] nodeKey is required in setCheckedKeys')\n      store.value.setCheckedKeys(keys, leafOnly)\n    }\n\n    const setChecked = (\n      data: TreeKey | TreeNodeData,\n      checked: boolean,\n      deep: boolean\n    ) => {\n      store.value.setChecked(data, checked, deep)\n    }\n\n    const getHalfCheckedNodes = (): TreeNodeData[] => {\n      return store.value.getHalfCheckedNodes()\n    }\n\n    const getHalfCheckedKeys = (): TreeKey[] => {\n      return store.value.getHalfCheckedKeys()\n    }\n\n    const setCurrentNode = (node: Node, shouldAutoExpandParent = true) => {\n      if (!props.nodeKey)\n        throw new Error('[Tree] nodeKey is required in setCurrentNode')\n      store.value.setUserCurrentNode(node, shouldAutoExpandParent)\n    }\n\n    const setCurrentKey = (key: TreeKey, shouldAutoExpandParent = true) => {\n      if (!props.nodeKey)\n        throw new Error('[Tree] nodeKey is required in setCurrentKey')\n      store.value.setCurrentNodeKey(key, shouldAutoExpandParent)\n    }\n\n    const getNode = (data: TreeKey | TreeNodeData): Node => {\n      return store.value.getNode(data)\n    }\n\n    const remove = (data: TreeNodeData | Node) => {\n      store.value.remove(data)\n    }\n\n    const append = (\n      data: TreeNodeData,\n      parentNode: TreeNodeData | TreeKey | Node\n    ) => {\n      store.value.append(data, parentNode)\n    }\n\n    const insertBefore = (\n      data: TreeNodeData,\n      refNode: TreeKey | TreeNodeData\n    ) => {\n      store.value.insertBefore(data, refNode)\n    }\n\n    const insertAfter = (\n      data: TreeNodeData,\n      refNode: TreeKey | TreeNodeData\n    ) => {\n      store.value.insertAfter(data, refNode)\n    }\n\n    const handleNodeExpand = (\n      nodeData: TreeNodeData,\n      node: Node,\n      instance: ComponentInternalInstance\n    ) => {\n      broadcastExpanded(node)\n      ctx.emit('node-expand', nodeData, node, instance)\n    }\n\n    const updateKeyChildren = (key: TreeKey, data: TreeData) => {\n      if (!props.nodeKey)\n        throw new Error('[Tree] nodeKey is required in updateKeyChild')\n      store.value.updateChildren(key, data)\n    }\n\n    provide('RootTree', {\n      ctx,\n      props,\n      store,\n      root,\n      currentNode,\n      instance: getCurrentInstance(),\n    } as any)\n\n    return {\n      // ref\n      store,\n      root,\n      currentNode,\n      dragState,\n      el$,\n      dropIndicator$,\n\n      // computed\n      isEmpty,\n\n      // methods\n      filter,\n      getNodeKey,\n      getNodePath,\n      getCheckedNodes,\n      getCheckedKeys,\n      getCurrentNode,\n      getCurrentKey,\n      setCheckedNodes,\n      setCheckedKeys,\n      setChecked,\n      getHalfCheckedNodes,\n      getHalfCheckedKeys,\n      setCurrentNode,\n      setCurrentKey,\n      t,\n      getNode,\n      remove,\n      append,\n      insertBefore,\n      insertAfter,\n      handleNodeExpand,\n      updateKeyChildren,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","ElTreeNode","useLocale","ref","TreeStore","useNodeExpandEventBroadcast","useDragNodeHandler","computed","getNodeKeyUtil","getCurrentInstance"],"mappings":"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"}

package/lib/components/tree/src/tree.vue_vue_type_template_id_7539bec5_lang.js

@@ -0,0 +1,51 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+const _hoisted_1 = {
+  key: 0,
+  class: "el-tree__empty-block"
+};
+const _hoisted_2 = { class: "el-tree__empty-text" };
+const _hoisted_3 = {
+  ref: "dropIndicator$",
+  class: "el-tree__drop-indicator"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _a;
+  const _component_el_tree_node = vue.resolveComponent("el-tree-node");
+  return vue.openBlock(), vue.createElementBlock("div", {
+    ref: "el$",
+    class: vue.normalizeClass(["el-tree", {
+      "el-tree--highlight-current": _ctx.highlightCurrent,
+      "is-dragging": !!_ctx.dragState.draggingNode,
+      "is-drop-not-allow": !_ctx.dragState.allowDrop,
+      "is-drop-inner": _ctx.dragState.dropType === "inner"
+    }]),
+    role: "tree"
+  }, [
+    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.root.childNodes, (child) => {
+      return vue.openBlock(), vue.createBlock(_component_el_tree_node, {
+        key: _ctx.getNodeKey(child),
+        node: child,
+        props: _ctx.props,
+        accordion: _ctx.accordion,
+        "render-after-expand": _ctx.renderAfterExpand,
+        "show-checkbox": _ctx.showCheckbox,
+        "render-content": _ctx.renderContent,
+        onNodeExpand: _ctx.handleNodeExpand
+      }, null, 8, ["node", "props", "accordion", "render-after-expand", "show-checkbox", "render-content", "onNodeExpand"]);
+    }), 128)),
+    _ctx.isEmpty ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+      vue.createElementVNode("span", _hoisted_2, vue.toDisplayString((_a = _ctx.emptyText) != null ? _a : _ctx.t("el.tree.emptyText")), 1)
+    ])) : vue.createCommentVNode("v-if", true),
+    vue.withDirectives(vue.createElementVNode("div", _hoisted_3, null, 512), [
+      [vue.vShow, _ctx.dragState.showDropIndicator]
+    ])
+  ], 2);
+}
+
+exports.render = render;
+//# sourceMappingURL=tree.vue_vue_type_template_id_7539bec5_lang.js.map

package/lib/components/tree/src/tree.vue_vue_type_template_id_7539bec5_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.vue_vue_type_template_id_7539bec5_lang.js","sources":["../../../../../../packages/components/tree/src/tree.vue?vue&type=template&id=7539bec5&lang.js"],"sourcesContent":["<template>\n  <div\n    ref=\"el$\"\n    class=\"el-tree\"\n    :class=\"{\n      'el-tree--highlight-current': highlightCurrent,\n      'is-dragging': !!dragState.draggingNode,\n      'is-drop-not-allow': !dragState.allowDrop,\n      'is-drop-inner': dragState.dropType === 'inner',\n    }\"\n    role=\"tree\"\n  >\n    <el-tree-node\n      v-for=\"child in root.childNodes\"\n      :key=\"getNodeKey(child)\"\n      :node=\"child\"\n      :props=\"props\"\n      :accordion=\"accordion\"\n      :render-after-expand=\"renderAfterExpand\"\n      :show-checkbox=\"showCheckbox\"\n      :render-content=\"renderContent\"\n      @node-expand=\"handleNodeExpand\"\n    />\n    <div v-if=\"isEmpty\" 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      v-show=\"dragState.showDropIndicator\"\n      ref=\"dropIndicator$\"\n      class=\"el-tree__drop-indicator\"\n    ></div>\n  </div>\n</template>\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  ref,\n  provide,\n  computed,\n  watch,\n  getCurrentInstance,\n} from 'vue'\nimport { useLocale } from '@element-plus/hooks'\nimport TreeStore from './model/tree-store'\nimport { getNodeKey as getNodeKeyUtil } from './model/util'\nimport ElTreeNode from './tree-node.vue'\nimport { useNodeExpandEventBroadcast } from './model/useNodeExpandEventBroadcast'\nimport { useDragNodeHandler } from './model/useDragNode'\nimport { useKeydown } from './model/useKeydown'\nimport type Node from './model/node'\n\nimport type { ComponentInternalInstance, PropType, Component } from 'vue'\nimport type { Nullable } from '@element-plus/utils/types'\nimport type {\n  TreeComponentProps,\n  TreeNodeData,\n  TreeKey,\n  TreeData,\n} from './tree.type'\n\nexport default defineComponent({\n  name: 'ElTree',\n  components: { ElTreeNode },\n  props: {\n    data: {\n      type: Array,\n      default: () => [],\n    },\n    emptyText: {\n      type: String,\n    },\n    renderAfterExpand: {\n      type: Boolean,\n      default: true,\n    },\n    nodeKey: String,\n    checkStrictly: Boolean,\n    defaultExpandAll: Boolean,\n    expandOnClickNode: {\n      type: Boolean,\n      default: true,\n    },\n    checkOnClickNode: Boolean,\n    checkDescendants: {\n      type: Boolean,\n      default: false,\n    },\n    autoExpandParent: {\n      type: Boolean,\n      default: true,\n    },\n    defaultCheckedKeys: Array as PropType<\n      TreeComponentProps['defaultCheckedKeys']\n    >,\n    defaultExpandedKeys: Array as PropType<\n      TreeComponentProps['defaultExpandedKeys']\n    >,\n    currentNodeKey: [String, Number] as PropType<string | number>,\n    renderContent: Function,\n    showCheckbox: {\n      type: Boolean,\n      default: false,\n    },\n    draggable: {\n      type: Boolean,\n      default: false,\n    },\n    allowDrag: Function,\n    allowDrop: Function,\n    props: {\n      type: Object as PropType<TreeComponentProps['props']>,\n      default: () => ({\n        children: 'children',\n        label: 'label',\n        disabled: 'disabled',\n      }),\n    },\n    lazy: {\n      type: Boolean,\n      default: false,\n    },\n    highlightCurrent: Boolean,\n    load: Function as PropType<TreeComponentProps['load']>,\n    filterNodeMethod: Function as PropType<\n      TreeComponentProps['filterNodeMethod']\n    >,\n    accordion: Boolean,\n    indent: {\n      type: Number,\n      default: 18,\n    },\n    icon: [String, Object] as PropType<string | Component>,\n  },\n  emits: [\n    'check-change',\n    'current-change',\n    'node-click',\n    'node-contextmenu',\n    'node-collapse',\n    'node-expand',\n    'check',\n    'node-drag-start',\n    'node-drag-end',\n    'node-drop',\n    'node-drag-leave',\n    'node-drag-enter',\n    'node-drag-over',\n  ],\n  setup(props, ctx) {\n    const { t } = useLocale()\n\n    const store = ref<TreeStore>(\n      new TreeStore({\n        key: props.nodeKey,\n        data: props.data,\n        lazy: props.lazy,\n        props: props.props,\n        load: props.load,\n        currentNodeKey: props.currentNodeKey,\n        checkStrictly: props.checkStrictly,\n        checkDescendants: props.checkDescendants,\n        defaultCheckedKeys: props.defaultCheckedKeys,\n        defaultExpandedKeys: props.defaultExpandedKeys,\n        autoExpandParent: props.autoExpandParent,\n        defaultExpandAll: props.defaultExpandAll,\n        filterNodeMethod: props.filterNodeMethod,\n      })\n    )\n\n    store.value.initialize()\n\n    const root = ref<Node>(store.value.root)\n    const currentNode = ref<Node>(null)\n    const el$ = ref<Nullable<HTMLElement>>(null)\n    const dropIndicator$ = ref<Nullable<HTMLElement>>(null)\n\n    const { broadcastExpanded } = useNodeExpandEventBroadcast(props)\n\n    const { dragState } = useDragNodeHandler({\n      props,\n      ctx,\n      el$,\n      dropIndicator$,\n      store,\n    })\n\n    useKeydown({ el$ }, store)\n\n    const isEmpty = computed(() => {\n      const { childNodes } = root.value\n      return (\n        !childNodes ||\n        childNodes.length === 0 ||\n        childNodes.every(({ visible }) => !visible)\n      )\n    })\n\n    watch(\n      () => props.defaultCheckedKeys,\n      (newVal) => {\n        store.value.setDefaultCheckedKey(newVal)\n      }\n    )\n\n    watch(\n      () => props.defaultExpandedKeys,\n      (newVal) => {\n        store.value.defaultExpandedKeys = newVal\n        store.value.setDefaultExpandedKeys(newVal)\n      }\n    )\n\n    watch(\n      () => props.data,\n      (newVal) => {\n        store.value.setData(newVal)\n      },\n      { deep: true }\n    )\n\n    watch(\n      () => props.checkStrictly,\n      (newVal) => {\n        store.value.checkStrictly = newVal\n      }\n    )\n\n    const filter = (value) => {\n      if (!props.filterNodeMethod)\n        throw new Error('[Tree] filterNodeMethod is required when filter')\n      store.value.filter(value)\n    }\n\n    const getNodeKey = (node: Node) => {\n      return getNodeKeyUtil(props.nodeKey, node.data)\n    }\n\n    const getNodePath = (data: TreeKey | TreeNodeData) => {\n      if (!props.nodeKey)\n        throw new Error('[Tree] nodeKey is required in getNodePath')\n      const node = store.value.getNode(data)\n      if (!node) return []\n      const path = [node.data]\n      let parent = node.parent\n      while (parent && parent !== root.value) {\n        path.push(parent.data)\n        parent = parent.parent\n      }\n      return path.reverse()\n    }\n\n    const getCheckedNodes = (\n      leafOnly: boolean,\n      includeHalfChecked: boolean\n    ): TreeNodeData[] => {\n      return store.value.getCheckedNodes(leafOnly, includeHalfChecked)\n    }\n\n    const getCheckedKeys = (leafOnly: boolean): TreeKey[] => {\n      return store.value.getCheckedKeys(leafOnly)\n    }\n\n    const getCurrentNode = (): TreeNodeData => {\n      const currentNode = store.value.getCurrentNode()\n      return currentNode ? currentNode.data : null\n    }\n\n    const getCurrentKey = (): any => {\n      if (!props.nodeKey)\n        throw new Error('[Tree] nodeKey is required in getCurrentKey')\n      const currentNode = getCurrentNode()\n      return currentNode ? currentNode[props.nodeKey] : null\n    }\n\n    const setCheckedNodes = (nodes: Node[], leafOnly: boolean) => {\n      if (!props.nodeKey)\n        throw new Error('[Tree] nodeKey is required in setCheckedNodes')\n      store.value.setCheckedNodes(nodes, leafOnly)\n    }\n\n    const setCheckedKeys = (keys, leafOnly: boolean) => {\n      if (!props.nodeKey)\n        throw new Error('[Tree] nodeKey is required in setCheckedKeys')\n      store.value.setCheckedKeys(keys, leafOnly)\n    }\n\n    const setChecked = (\n      data: TreeKey | TreeNodeData,\n      checked: boolean,\n      deep: boolean\n    ) => {\n      store.value.setChecked(data, checked, deep)\n    }\n\n    const getHalfCheckedNodes = (): TreeNodeData[] => {\n      return store.value.getHalfCheckedNodes()\n    }\n\n    const getHalfCheckedKeys = (): TreeKey[] => {\n      return store.value.getHalfCheckedKeys()\n    }\n\n    const setCurrentNode = (node: Node, shouldAutoExpandParent = true) => {\n      if (!props.nodeKey)\n        throw new Error('[Tree] nodeKey is required in setCurrentNode')\n      store.value.setUserCurrentNode(node, shouldAutoExpandParent)\n    }\n\n    const setCurrentKey = (key: TreeKey, shouldAutoExpandParent = true) => {\n      if (!props.nodeKey)\n        throw new Error('[Tree] nodeKey is required in setCurrentKey')\n      store.value.setCurrentNodeKey(key, shouldAutoExpandParent)\n    }\n\n    const getNode = (data: TreeKey | TreeNodeData): Node => {\n      return store.value.getNode(data)\n    }\n\n    const remove = (data: TreeNodeData | Node) => {\n      store.value.remove(data)\n    }\n\n    const append = (\n      data: TreeNodeData,\n      parentNode: TreeNodeData | TreeKey | Node\n    ) => {\n      store.value.append(data, parentNode)\n    }\n\n    const insertBefore = (\n      data: TreeNodeData,\n      refNode: TreeKey | TreeNodeData\n    ) => {\n      store.value.insertBefore(data, refNode)\n    }\n\n    const insertAfter = (\n      data: TreeNodeData,\n      refNode: TreeKey | TreeNodeData\n    ) => {\n      store.value.insertAfter(data, refNode)\n    }\n\n    const handleNodeExpand = (\n      nodeData: TreeNodeData,\n      node: Node,\n      instance: ComponentInternalInstance\n    ) => {\n      broadcastExpanded(node)\n      ctx.emit('node-expand', nodeData, node, instance)\n    }\n\n    const updateKeyChildren = (key: TreeKey, data: TreeData) => {\n      if (!props.nodeKey)\n        throw new Error('[Tree] nodeKey is required in updateKeyChild')\n      store.value.updateChildren(key, data)\n    }\n\n    provide('RootTree', {\n      ctx,\n      props,\n      store,\n      root,\n      currentNode,\n      instance: getCurrentInstance(),\n    } as any)\n\n    return {\n      // ref\n      store,\n      root,\n      currentNode,\n      dragState,\n      el$,\n      dropIndicator$,\n\n      // computed\n      isEmpty,\n\n      // methods\n      filter,\n      getNodeKey,\n      getNodePath,\n      getCheckedNodes,\n      getCheckedKeys,\n      getCurrentNode,\n      getCurrentKey,\n      setCheckedNodes,\n      setCheckedKeys,\n      setChecked,\n      getHalfCheckedNodes,\n      getHalfCheckedKeys,\n      setCurrentNode,\n      setCurrentKey,\n      t,\n      getNode,\n      remove,\n      append,\n      insertBefore,\n      insertAfter,\n      handleNodeExpand,\n      updateKeyChildren,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createBlock","_createElementVNode"],"mappings":";;;;;;;;EAuBwB,OAAM;AAAA;qBAClB,OAAM;;EAMZ,KAAI;AAAA,EACJ,OAAM;AAAA;;;;0BA9BVA;IACE,KAAI;AAAA,IACJ,2BAAM;;;;;;IAON,MAAK;AAAA;0BAELA,0DACkB,UAAK,aAAd;8BADTC;QAEG,KAAK,gBAAW;AAAA,QAChB,MAAM;AAAA,QACN,OAAO;QACP,WAAW;QACX,uBAAqB;QACrB,iBAAe;QACf,kBAAgB;QAChB,cAAa;;;IAEL,iCAAXD,8BAAA;MACEE,+BAAA,gCACE,yBAAA,YAAa;;uBAGjBA,8BAAA;kBACU,eAAU;AAAA;AAAA;;;;;"}

package/lib/components/tree-v2/index.d.ts

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

package/lib/components/tree-v2/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var withInstall = require('../../utils/with-install.js');
 require('./src/tree.js');
-var tree_vue_vue_type_script_lang = require('./src/tree.vue_vue&type=script&lang.js');
+var tree_vue_vue_type_script_lang = require('./src/tree.vue_vue_type_script_lang.js');
 
 const ElTreeV2 = withInstall.withInstall(tree_vue_vue_type_script_lang["default"]);
 

package/lib/components/tree-v2/src/composables/useCheck.js

@@ -6,8 +6,8 @@ var vue = require('vue');
 var virtualTree = require('../virtual-tree.js');
 
 function useCheck(props, tree) {
-  const checkedKeys = vue.ref(new Set());
-  const indeterminateKeys = vue.ref(new Set());
+  const checkedKeys = vue.ref(/* @__PURE__ */ new Set());
+  const indeterminateKeys = vue.ref(/* @__PURE__ */ new Set());
   const { emit } = vue.getCurrentInstance();
   vue.watch(() => tree.value, () => {
     return vue.nextTick(() => {
@@ -22,7 +22,7 @@ function useCheck(props, tree) {
     }
     const { levelTreeNodeMap, maxLevel } = tree.value;
     const checkedKeySet = checkedKeys.value;
-    const indeterminateKeySet = new Set();
+    const indeterminateKeySet = /* @__PURE__ */ new Set();
     for (let level = maxLevel - 1; level >= 1; --level) {
       const nodes = levelTreeNodeMap.get(level);
       if (!nodes)

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

@@ -1 +1 @@
-{"version":3,"file":"useCheck.js","sources":["../../../../../../../packages/components/tree-v2/src/composables/useCheck.ts"],"sourcesContent":["import { nextTick, ref, watch, getCurrentInstance } from 'vue'\nimport {\n  NODE_CHECK_CHANGE,\n  NODE_CHECK,\n  SetOperationEnum,\n} from '../virtual-tree'\nimport type { Ref } from 'vue'\nimport type { TreeProps, TreeKey, TreeNode, Tree, TreeNodeData } from '../types'\n\nexport function useCheck(props: TreeProps, tree: Ref<Tree | undefined>) {\n  const checkedKeys = ref<Set<TreeKey>>(new Set())\n  const indeterminateKeys = ref<Set<TreeKey>>(new Set())\n  const { emit } = getCurrentInstance()!\n\n  watch(\n    () => tree.value,\n    () => {\n      return nextTick(() => {\n        _setCheckedKeys(props.defaultCheckedKeys)\n      })\n    },\n    {\n      immediate: true,\n    }\n  )\n\n  const updateCheckedKeys = () => {\n    if (!tree.value || !props.showCheckbox || props.checkStrictly) {\n      return\n    }\n    const { levelTreeNodeMap, maxLevel } = tree.value\n    const checkedKeySet = checkedKeys.value\n    const indeterminateKeySet = new Set<TreeKey>()\n    // It is easier to determine the indeterminate state by\n    // traversing from bottom to top\n    // leaf nodes not have indeterminate status and can be skipped\n    for (let level = maxLevel - 1; level >= 1; --level) {\n      const nodes = levelTreeNodeMap.get(level)\n      if (!nodes) continue\n      nodes.forEach((node) => {\n        const children = node.children\n        if (children) {\n          // Whether all child nodes are selected\n          let allChecked = true\n          // Whether a child node is selected\n          let hasChecked = false\n          for (let i = 0; i < children.length; ++i) {\n            const childNode = children[i]\n            const key = childNode.key\n            if (checkedKeySet.has(key)) {\n              hasChecked = true\n            } else if (indeterminateKeySet.has(key)) {\n              allChecked = false\n              hasChecked = true\n              break\n            } else {\n              allChecked = false\n            }\n          }\n          if (allChecked) {\n            checkedKeySet.add(node.key)\n          } else if (hasChecked) {\n            indeterminateKeySet.add(node.key)\n            checkedKeySet.delete(node.key)\n          } else {\n            checkedKeySet.delete(node.key)\n            indeterminateKeySet.delete(node.key)\n          }\n        }\n      })\n    }\n    indeterminateKeys.value = indeterminateKeySet\n  }\n\n  const isChecked = (node: TreeNode) => checkedKeys.value.has(node.key)\n\n  const isIndeterminate = (node: TreeNode) =>\n    indeterminateKeys.value.has(node.key)\n\n  const toggleCheckbox = (\n    node: TreeNode,\n    isChecked: boolean,\n    nodeClick = true\n  ) => {\n    const checkedKeySet = checkedKeys.value\n    const toggle = (node: TreeNode, checked: boolean) => {\n      checkedKeySet[checked ? SetOperationEnum.ADD : SetOperationEnum.DELETE](\n        node.key\n      )\n      const children = node.children\n      if (!props.checkStrictly && children) {\n        children.forEach((childNode) => {\n          if (!childNode.disabled) {\n            toggle(childNode, checked)\n          }\n        })\n      }\n    }\n    toggle(node, isChecked)\n    updateCheckedKeys()\n    if (nodeClick) {\n      afterNodeCheck(node, isChecked)\n    }\n  }\n\n  const afterNodeCheck = (node: TreeNode, checked: boolean) => {\n    const { checkedNodes, checkedKeys } = getChecked()\n    const { halfCheckedNodes, halfCheckedKeys } = getHalfChecked()\n    emit(NODE_CHECK, node.data, {\n      checkedKeys,\n      checkedNodes,\n      halfCheckedKeys,\n      halfCheckedNodes,\n    })\n    emit(NODE_CHECK_CHANGE, node.data, checked)\n  }\n\n  // expose\n  function getCheckedKeys(leafOnly = false): TreeKey[] {\n    return getChecked(leafOnly).checkedKeys\n  }\n\n  function getCheckedNodes(leafOnly = false): TreeNodeData[] {\n    return getChecked(leafOnly).checkedNodes\n  }\n\n  function getHalfCheckedKeys(): TreeKey[] {\n    return getHalfChecked().halfCheckedKeys\n  }\n\n  function getHalfCheckedNodes(): TreeNodeData[] {\n    return getHalfChecked().halfCheckedNodes\n  }\n\n  function getChecked(leafOnly = false): {\n    checkedKeys: TreeKey[]\n    checkedNodes: TreeNodeData[]\n  } {\n    const checkedNodes: TreeNodeData[] = []\n    const keys: TreeKey[] = []\n    if (tree?.value && props.showCheckbox) {\n      const { treeNodeMap } = tree.value\n      checkedKeys.value.forEach((key) => {\n        const node = treeNodeMap.get(key)\n        if (node && (!leafOnly || (leafOnly && node.isLeaf))) {\n          keys.push(key)\n          checkedNodes.push(node.data)\n        }\n      })\n    }\n    return {\n      checkedKeys: keys,\n      checkedNodes,\n    }\n  }\n\n  function getHalfChecked(): {\n    halfCheckedKeys: TreeKey[]\n    halfCheckedNodes: TreeNodeData[]\n  } {\n    const halfCheckedNodes: TreeNodeData[] = []\n    const halfCheckedKeys: TreeKey[] = []\n    if (tree?.value && props.showCheckbox) {\n      const { treeNodeMap } = tree.value\n      indeterminateKeys.value.forEach((key) => {\n        const node = treeNodeMap.get(key)\n        if (node) {\n          halfCheckedKeys.push(key)\n          halfCheckedNodes.push(node.data)\n        }\n      })\n    }\n    return {\n      halfCheckedNodes,\n      halfCheckedKeys,\n    }\n  }\n\n  function setCheckedKeys(keys: TreeKey[]) {\n    checkedKeys.value.clear()\n    _setCheckedKeys(keys)\n  }\n\n  function setChecked(key: TreeKey, isChecked: boolean) {\n    if (tree?.value && props.showCheckbox) {\n      const node = tree.value.treeNodeMap.get(key)\n      if (node) {\n        toggleCheckbox(node, isChecked, false)\n      }\n    }\n  }\n\n  function _setCheckedKeys(keys: TreeKey[]) {\n    if (tree?.value) {\n      const { treeNodeMap } = tree.value\n      if (props.showCheckbox && treeNodeMap && keys) {\n        for (let i = 0; i < keys.length; ++i) {\n          const key = keys[i]\n          const node = treeNodeMap.get(key)\n          if (node && !isChecked(node)) {\n            toggleCheckbox(node, true, false)\n          }\n        }\n      }\n    }\n  }\n\n  return {\n    updateCheckedKeys,\n    toggleCheckbox,\n    isChecked,\n    isIndeterminate,\n    // expose\n    getCheckedKeys,\n    getCheckedNodes,\n    getHalfCheckedKeys,\n    getHalfCheckedNodes,\n    setChecked,\n    setCheckedKeys,\n  }\n}\n"],"names":["ref","getCurrentInstance","nextTick","SetOperationEnum","NODE_CHECK","NODE_CHECK_CHANGE"],"mappings":"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"}
+{"version":3,"file":"useCheck.js","sources":["../../../../../../../packages/components/tree-v2/src/composables/useCheck.ts"],"sourcesContent":["import { nextTick, ref, watch, getCurrentInstance } from 'vue'\nimport {\n  NODE_CHECK_CHANGE,\n  NODE_CHECK,\n  SetOperationEnum,\n} from '../virtual-tree'\nimport type { Ref } from 'vue'\nimport type { TreeProps, TreeKey, TreeNode, Tree, TreeNodeData } from '../types'\n\nexport function useCheck(props: TreeProps, tree: Ref<Tree | undefined>) {\n  const checkedKeys = ref<Set<TreeKey>>(new Set())\n  const indeterminateKeys = ref<Set<TreeKey>>(new Set())\n  const { emit } = getCurrentInstance()!\n\n  watch(\n    () => tree.value,\n    () => {\n      return nextTick(() => {\n        _setCheckedKeys(props.defaultCheckedKeys)\n      })\n    },\n    {\n      immediate: true,\n    }\n  )\n\n  const updateCheckedKeys = () => {\n    if (!tree.value || !props.showCheckbox || props.checkStrictly) {\n      return\n    }\n    const { levelTreeNodeMap, maxLevel } = tree.value\n    const checkedKeySet = checkedKeys.value\n    const indeterminateKeySet = new Set<TreeKey>()\n    // It is easier to determine the indeterminate state by\n    // traversing from bottom to top\n    // leaf nodes not have indeterminate status and can be skipped\n    for (let level = maxLevel - 1; level >= 1; --level) {\n      const nodes = levelTreeNodeMap.get(level)\n      if (!nodes) continue\n      nodes.forEach((node) => {\n        const children = node.children\n        if (children) {\n          // Whether all child nodes are selected\n          let allChecked = true\n          // Whether a child node is selected\n          let hasChecked = false\n          for (let i = 0; i < children.length; ++i) {\n            const childNode = children[i]\n            const key = childNode.key\n            if (checkedKeySet.has(key)) {\n              hasChecked = true\n            } else if (indeterminateKeySet.has(key)) {\n              allChecked = false\n              hasChecked = true\n              break\n            } else {\n              allChecked = false\n            }\n          }\n          if (allChecked) {\n            checkedKeySet.add(node.key)\n          } else if (hasChecked) {\n            indeterminateKeySet.add(node.key)\n            checkedKeySet.delete(node.key)\n          } else {\n            checkedKeySet.delete(node.key)\n            indeterminateKeySet.delete(node.key)\n          }\n        }\n      })\n    }\n    indeterminateKeys.value = indeterminateKeySet\n  }\n\n  const isChecked = (node: TreeNode) => checkedKeys.value.has(node.key)\n\n  const isIndeterminate = (node: TreeNode) =>\n    indeterminateKeys.value.has(node.key)\n\n  const toggleCheckbox = (\n    node: TreeNode,\n    isChecked: boolean,\n    nodeClick = true\n  ) => {\n    const checkedKeySet = checkedKeys.value\n    const toggle = (node: TreeNode, checked: boolean) => {\n      checkedKeySet[checked ? SetOperationEnum.ADD : SetOperationEnum.DELETE](\n        node.key\n      )\n      const children = node.children\n      if (!props.checkStrictly && children) {\n        children.forEach((childNode) => {\n          if (!childNode.disabled) {\n            toggle(childNode, checked)\n          }\n        })\n      }\n    }\n    toggle(node, isChecked)\n    updateCheckedKeys()\n    if (nodeClick) {\n      afterNodeCheck(node, isChecked)\n    }\n  }\n\n  const afterNodeCheck = (node: TreeNode, checked: boolean) => {\n    const { checkedNodes, checkedKeys } = getChecked()\n    const { halfCheckedNodes, halfCheckedKeys } = getHalfChecked()\n    emit(NODE_CHECK, node.data, {\n      checkedKeys,\n      checkedNodes,\n      halfCheckedKeys,\n      halfCheckedNodes,\n    })\n    emit(NODE_CHECK_CHANGE, node.data, checked)\n  }\n\n  // expose\n  function getCheckedKeys(leafOnly = false): TreeKey[] {\n    return getChecked(leafOnly).checkedKeys\n  }\n\n  function getCheckedNodes(leafOnly = false): TreeNodeData[] {\n    return getChecked(leafOnly).checkedNodes\n  }\n\n  function getHalfCheckedKeys(): TreeKey[] {\n    return getHalfChecked().halfCheckedKeys\n  }\n\n  function getHalfCheckedNodes(): TreeNodeData[] {\n    return getHalfChecked().halfCheckedNodes\n  }\n\n  function getChecked(leafOnly = false): {\n    checkedKeys: TreeKey[]\n    checkedNodes: TreeNodeData[]\n  } {\n    const checkedNodes: TreeNodeData[] = []\n    const keys: TreeKey[] = []\n    if (tree?.value && props.showCheckbox) {\n      const { treeNodeMap } = tree.value\n      checkedKeys.value.forEach((key) => {\n        const node = treeNodeMap.get(key)\n        if (node && (!leafOnly || (leafOnly && node.isLeaf))) {\n          keys.push(key)\n          checkedNodes.push(node.data)\n        }\n      })\n    }\n    return {\n      checkedKeys: keys,\n      checkedNodes,\n    }\n  }\n\n  function getHalfChecked(): {\n    halfCheckedKeys: TreeKey[]\n    halfCheckedNodes: TreeNodeData[]\n  } {\n    const halfCheckedNodes: TreeNodeData[] = []\n    const halfCheckedKeys: TreeKey[] = []\n    if (tree?.value && props.showCheckbox) {\n      const { treeNodeMap } = tree.value\n      indeterminateKeys.value.forEach((key) => {\n        const node = treeNodeMap.get(key)\n        if (node) {\n          halfCheckedKeys.push(key)\n          halfCheckedNodes.push(node.data)\n        }\n      })\n    }\n    return {\n      halfCheckedNodes,\n      halfCheckedKeys,\n    }\n  }\n\n  function setCheckedKeys(keys: TreeKey[]) {\n    checkedKeys.value.clear()\n    _setCheckedKeys(keys)\n  }\n\n  function setChecked(key: TreeKey, isChecked: boolean) {\n    if (tree?.value && props.showCheckbox) {\n      const node = tree.value.treeNodeMap.get(key)\n      if (node) {\n        toggleCheckbox(node, isChecked, false)\n      }\n    }\n  }\n\n  function _setCheckedKeys(keys: TreeKey[]) {\n    if (tree?.value) {\n      const { treeNodeMap } = tree.value\n      if (props.showCheckbox && treeNodeMap && keys) {\n        for (let i = 0; i < keys.length; ++i) {\n          const key = keys[i]\n          const node = treeNodeMap.get(key)\n          if (node && !isChecked(node)) {\n            toggleCheckbox(node, true, false)\n          }\n        }\n      }\n    }\n  }\n\n  return {\n    updateCheckedKeys,\n    toggleCheckbox,\n    isChecked,\n    isIndeterminate,\n    // expose\n    getCheckedKeys,\n    getCheckedNodes,\n    getHalfCheckedKeys,\n    getHalfCheckedNodes,\n    setChecked,\n    setCheckedKeys,\n  }\n}\n"],"names":["ref","getCurrentInstance","nextTick","SetOperationEnum","NODE_CHECK","NODE_CHECK_CHANGE"],"mappings":"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"}

package/lib/components/tree-v2/src/composables/useFilter.js

@@ -6,8 +6,8 @@ var vue = require('vue');
 var shared = require('@vue/shared');
 
 function useFilter(props, tree) {
-  const hiddenNodeKeySet = vue.ref(new Set([]));
-  const hiddenExpandIconKeySet = vue.ref(new Set([]));
+  const hiddenNodeKeySet = vue.ref(/* @__PURE__ */ new Set([]));
+  const hiddenExpandIconKeySet = vue.ref(/* @__PURE__ */ new Set([]));
   const filterable = vue.computed(() => {
     return shared.isFunction(props.filterMethod);
   });
@@ -16,7 +16,7 @@ function useFilter(props, tree) {
     if (!filterable.value) {
       return;
     }
-    const expandKeySet = new Set();
+    const expandKeySet = /* @__PURE__ */ new Set();
     const hiddenExpandIconKeys = hiddenExpandIconKeySet.value;
     const hiddenKeys = hiddenNodeKeySet.value;
     const family = [];

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

@@ -1 +1 @@
-{"version":3,"file":"useFilter.js","sources":["../../../../../../../packages/components/tree-v2/src/composables/useFilter.ts"],"sourcesContent":["import { computed, ref } from 'vue'\nimport { isFunction } from '@vue/shared'\nimport type { Ref } from 'vue'\nimport type { TreeProps, TreeKey, TreeNode, Tree } from '../types'\n\n// When the data volume is very large using filter will cause lag\n// I haven't found a better way to optimize it for now\n// Maybe this problem should be left to the server side\nexport function useFilter(props: TreeProps, tree: Ref<Tree | undefined>) {\n  const hiddenNodeKeySet = ref<Set<TreeKey>>(new Set([]))\n  const hiddenExpandIconKeySet = ref<Set<TreeKey>>(new Set([]))\n\n  const filterable = computed(() => {\n    return isFunction(props.filterMethod)\n  })\n\n  function doFilter(query: string) {\n    if (!filterable.value) {\n      return\n    }\n    const expandKeySet = new Set<TreeKey>()\n    const hiddenExpandIconKeys = hiddenExpandIconKeySet.value\n    const hiddenKeys = hiddenNodeKeySet.value\n    const family: TreeNode[] = []\n    const nodes = tree.value?.treeNodes || []\n    const filter = props.filterMethod\n    hiddenKeys.clear()\n    function traverse(nodes: TreeNode[]) {\n      nodes.forEach((node) => {\n        family.push(node)\n        if (filter?.(query, node.data)) {\n          family.forEach((member) => {\n            expandKeySet.add(member.key)\n          })\n        } else if (node.isLeaf) {\n          hiddenKeys.add(node.key)\n        }\n        const children = node.children\n        if (children) {\n          traverse(children)\n        }\n        if (!node.isLeaf) {\n          if (!expandKeySet.has(node.key)) {\n            hiddenKeys.add(node.key)\n          } else if (children) {\n            // If all child nodes are hidden, then the expand icon will be hidden\n            let allHidden = true\n            for (let i = 0; i < children.length; ++i) {\n              const childNode = children[i]\n              if (!hiddenKeys.has(childNode.key)) {\n                allHidden = false\n                break\n              }\n            }\n            if (allHidden) {\n              hiddenExpandIconKeys.add(node.key)\n            } else {\n              hiddenExpandIconKeys.delete(node.key)\n            }\n          }\n        }\n        family.pop()\n      })\n    }\n    traverse(nodes)\n    return expandKeySet\n  }\n\n  function isForceHiddenExpandIcon(node: TreeNode): boolean {\n    return hiddenExpandIconKeySet.value.has(node.key)\n  }\n\n  return {\n    hiddenExpandIconKeySet,\n    hiddenNodeKeySet,\n    doFilter,\n    isForceHiddenExpandIcon,\n  }\n}\n"],"names":["ref","computed","isFunction"],"mappings":";;;;;;;mBAQ0B,OAAkB,MAA6B;AACvE,QAAM,mBAAmBA,QAAkB,IAAI,IAAI;AACnD,QAAM,yBAAyBA,QAAkB,IAAI,IAAI;AAEzD,QAAM,aAAaC,aAAS,MAAM;AAChC,WAAOC,kBAAW,MAAM;AAAA;AAG1B,oBAAkB,OAAe;AAhBnC;AAiBI,QAAI,CAAC,WAAW,OAAO;AACrB;AAAA;AAEF,UAAM,eAAe,IAAI;AACzB,UAAM,uBAAuB,uBAAuB;AACpD,UAAM,aAAa,iBAAiB;AACpC,UAAM,SAAqB;AAC3B,UAAM,QAAQ,YAAK,UAAL,mBAAY,cAAa;AACvC,UAAM,SAAS,MAAM;AACrB,eAAW;AACX,sBAAkB,QAAmB;AACnC,aAAM,QAAQ,CAAC,SAAS;AACtB,eAAO,KAAK;AACZ,YAAI,iCAAS,OAAO,KAAK,OAAO;AAC9B,iBAAO,QAAQ,CAAC,WAAW;AACzB,yBAAa,IAAI,OAAO;AAAA;AAAA,mBAEjB,KAAK,QAAQ;AACtB,qBAAW,IAAI,KAAK;AAAA;AAEtB,cAAM,WAAW,KAAK;AACtB,YAAI,UAAU;AACZ,mBAAS;AAAA;AAEX,YAAI,CAAC,KAAK,QAAQ;AAChB,cAAI,CAAC,aAAa,IAAI,KAAK,MAAM;AAC/B,uBAAW,IAAI,KAAK;AAAA,qBACX,UAAU;AAEnB,gBAAI,YAAY;AAChB,qBAAS,IAAI,GAAG,IAAI,SAAS,QAAQ,EAAE,GAAG;AACxC,oBAAM,YAAY,SAAS;AAC3B,kBAAI,CAAC,WAAW,IAAI,UAAU,MAAM;AAClC,4BAAY;AACZ;AAAA;AAAA;AAGJ,gBAAI,WAAW;AACb,mCAAqB,IAAI,KAAK;AAAA,mBACzB;AACL,mCAAqB,OAAO,KAAK;AAAA;AAAA;AAAA;AAIvC,eAAO;AAAA;AAAA;AAGX,aAAS;AACT,WAAO;AAAA;AAGT,mCAAiC,MAAyB;AACxD,WAAO,uBAAuB,MAAM,IAAI,KAAK;AAAA;AAG/C,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;;;;"}
+{"version":3,"file":"useFilter.js","sources":["../../../../../../../packages/components/tree-v2/src/composables/useFilter.ts"],"sourcesContent":["import { computed, ref } from 'vue'\nimport { isFunction } from '@vue/shared'\nimport type { Ref } from 'vue'\nimport type { TreeProps, TreeKey, TreeNode, Tree } from '../types'\n\n// When the data volume is very large using filter will cause lag\n// I haven't found a better way to optimize it for now\n// Maybe this problem should be left to the server side\nexport function useFilter(props: TreeProps, tree: Ref<Tree | undefined>) {\n  const hiddenNodeKeySet = ref<Set<TreeKey>>(new Set([]))\n  const hiddenExpandIconKeySet = ref<Set<TreeKey>>(new Set([]))\n\n  const filterable = computed(() => {\n    return isFunction(props.filterMethod)\n  })\n\n  function doFilter(query: string) {\n    if (!filterable.value) {\n      return\n    }\n    const expandKeySet = new Set<TreeKey>()\n    const hiddenExpandIconKeys = hiddenExpandIconKeySet.value\n    const hiddenKeys = hiddenNodeKeySet.value\n    const family: TreeNode[] = []\n    const nodes = tree.value?.treeNodes || []\n    const filter = props.filterMethod\n    hiddenKeys.clear()\n    function traverse(nodes: TreeNode[]) {\n      nodes.forEach((node) => {\n        family.push(node)\n        if (filter?.(query, node.data)) {\n          family.forEach((member) => {\n            expandKeySet.add(member.key)\n          })\n        } else if (node.isLeaf) {\n          hiddenKeys.add(node.key)\n        }\n        const children = node.children\n        if (children) {\n          traverse(children)\n        }\n        if (!node.isLeaf) {\n          if (!expandKeySet.has(node.key)) {\n            hiddenKeys.add(node.key)\n          } else if (children) {\n            // If all child nodes are hidden, then the expand icon will be hidden\n            let allHidden = true\n            for (let i = 0; i < children.length; ++i) {\n              const childNode = children[i]\n              if (!hiddenKeys.has(childNode.key)) {\n                allHidden = false\n                break\n              }\n            }\n            if (allHidden) {\n              hiddenExpandIconKeys.add(node.key)\n            } else {\n              hiddenExpandIconKeys.delete(node.key)\n            }\n          }\n        }\n        family.pop()\n      })\n    }\n    traverse(nodes)\n    return expandKeySet\n  }\n\n  function isForceHiddenExpandIcon(node: TreeNode): boolean {\n    return hiddenExpandIconKeySet.value.has(node.key)\n  }\n\n  return {\n    hiddenExpandIconKeySet,\n    hiddenNodeKeySet,\n    doFilter,\n    isForceHiddenExpandIcon,\n  }\n}\n"],"names":["ref","computed","isFunction"],"mappings":";;;;;;;mBAQ0B,OAAkB,MAA6B;AACvE,QAAM,mBAAmBA,4BAAsB,IAAI;AACnD,QAAM,yBAAyBA,4BAAsB,IAAI;AAEzD,QAAM,aAAaC,aAAS,MAAM;AAChC,WAAOC,kBAAW,MAAM;AAAA;AAG1B,oBAAkB,OAAe;AAhBnC;AAiBI,QAAI,CAAC,WAAW,OAAO;AACrB;AAAA;AAEF,UAAM,mCAAmB;AACzB,UAAM,uBAAuB,uBAAuB;AACpD,UAAM,aAAa,iBAAiB;AACpC,UAAM,SAAqB;AAC3B,UAAM,QAAQ,YAAK,UAAL,mBAAY,cAAa;AACvC,UAAM,SAAS,MAAM;AACrB,eAAW;AACX,sBAAkB,QAAmB;AACnC,aAAM,QAAQ,CAAC,SAAS;AACtB,eAAO,KAAK;AACZ,YAAI,iCAAS,OAAO,KAAK,OAAO;AAC9B,iBAAO,QAAQ,CAAC,WAAW;AACzB,yBAAa,IAAI,OAAO;AAAA;AAAA,mBAEjB,KAAK,QAAQ;AACtB,qBAAW,IAAI,KAAK;AAAA;AAEtB,cAAM,WAAW,KAAK;AACtB,YAAI,UAAU;AACZ,mBAAS;AAAA;AAEX,YAAI,CAAC,KAAK,QAAQ;AAChB,cAAI,CAAC,aAAa,IAAI,KAAK,MAAM;AAC/B,uBAAW,IAAI,KAAK;AAAA,qBACX,UAAU;AAEnB,gBAAI,YAAY;AAChB,qBAAS,IAAI,GAAG,IAAI,SAAS,QAAQ,EAAE,GAAG;AACxC,oBAAM,YAAY,SAAS;AAC3B,kBAAI,CAAC,WAAW,IAAI,UAAU,MAAM;AAClC,4BAAY;AACZ;AAAA;AAAA;AAGJ,gBAAI,WAAW;AACb,mCAAqB,IAAI,KAAK;AAAA,mBACzB;AACL,mCAAqB,OAAO,KAAK;AAAA;AAAA;AAAA;AAIvC,eAAO;AAAA;AAAA;AAGX,aAAS;AACT,WAAO;AAAA;AAGT,mCAAiC,MAAyB;AACxD,WAAO,uBAAuB,MAAM,IAAI,KAAK;AAAA;AAG/C,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;;;;"}

package/lib/components/tree-v2/src/composables/useTree.d.ts

@@ -0,0 +1,29 @@
+import type { TreeProps, TreeNodeData, TreeKey, TreeNode, TreeData, Tree } from '../types';
+export declare function useTree(props: TreeProps, emit: any): {
+    tree: import("@vue/reactivity").ShallowRef<Tree | undefined>;
+    flattenTree: import("vue").ComputedRef<TreeNode[]>;
+    isNotEmpty: import("vue").ComputedRef<boolean>;
+    getKey: (node: TreeNodeData) => TreeKey;
+    getChildren: (node: TreeNodeData) => TreeNodeData[];
+    toggleExpand: (node: TreeNode) => void;
+    toggleCheckbox: (node: TreeNode, isChecked: boolean, nodeClick?: boolean) => void;
+    isExpanded: (node: TreeNode) => boolean;
+    isChecked: (node: TreeNode) => boolean;
+    isIndeterminate: (node: TreeNode) => boolean;
+    isDisabled: (node: TreeNode) => boolean;
+    isCurrent: (node: TreeNode) => boolean;
+    isForceHiddenExpandIcon: (node: TreeNode) => boolean;
+    handleNodeClick: (node: TreeNode) => void;
+    handleNodeCheck: (node: TreeNode, checked: boolean) => void;
+    getCurrentNode: () => TreeNodeData | undefined;
+    getCurrentKey: () => TreeKey | undefined;
+    setCurrentKey: (key: TreeKey) => void;
+    getCheckedKeys: (leafOnly?: boolean) => TreeKey[];
+    getCheckedNodes: (leafOnly?: boolean) => TreeNodeData[];
+    getHalfCheckedKeys: () => TreeKey[];
+    getHalfCheckedNodes: () => TreeNodeData[];
+    setChecked: (key: TreeKey, isChecked: boolean) => void;
+    setCheckedKeys: (keys: TreeKey[]) => void;
+    filter: (query: string) => void;
+    setData: (data: TreeData) => void;
+};