element-ps 1.0.0-alpha.6 → 1.0.1

package/es/packages/components/tree/src/tree.vue_vue&type=script&lang.mjs

@@ -0,0 +1,125 @@
+import { defineComponent, ref, computed, provide, getCurrentInstance } from 'vue';
+import '../../../hooks/index.mjs';
+import TreeStore from './model/tree-store.mjs';
+import { getNodeKey } from './model/util.mjs';
+import './tree-node.mjs';
+import script$1 from './tree-node.vue_vue&type=script&lang.mjs';
+import { useLocaleInject } from '../../../hooks/use-locale/index.mjs';
+
+var script = defineComponent({
+  name: "PsTree",
+  components: { PsTreeNode: script$1 },
+  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]
+  },
+  setup(props, ctx) {
+    const { t } = useLocaleInject();
+    const store = ref(new TreeStore({
+      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 = ref(store.value.root);
+    const currentNode = ref(null);
+    const el$ = ref(null);
+    const isEmpty = computed(() => {
+      const { childNodes } = root.value;
+      return !childNodes || childNodes.length === 0 || childNodes.every(({ visible }) => !visible);
+    });
+    const getNodeKey$1 = (node) => {
+      return getNodeKey(props.nodeKey, node.data);
+    };
+    provide("RootTree", {
+      ctx,
+      props,
+      store,
+      root,
+      currentNode,
+      instance: getCurrentInstance()
+    });
+    return {
+      store,
+      root,
+      currentNode,
+      el$,
+      isEmpty,
+      getNodeKey: getNodeKey$1,
+      t
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=tree.vue_vue&type=script&lang.mjs.map

package/es/packages/components/tree/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/src/tree.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"el$\"\n    class=\"el-tree\"\n    :class=\"{\n      'el-tree--highlight-current': highlightCurrent,\n    }\"\n    role=\"tree\"\n  >\n    <ps-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    />\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</template>\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  ref,\n  provide,\n  computed,\n  getCurrentInstance,\n} from 'vue'\nimport { useLocaleInject } from '@element-ps/hooks'\nimport TreeStore from './model/tree-store'\nimport { getNodeKey as getNodeKeyUtil } from './model/util'\nimport PsTreeNode from './tree-node.vue'\nimport type Node from './model/node'\n\nimport type { PropType, Component } from 'vue'\nimport type { Nullable } from '@element-ps/utils/types'\nimport type { TreeComponentProps } from './tree.type'\n\nexport default defineComponent({\n  name: 'PsTree',\n  components: { PsTreeNode },\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  setup(props, ctx) {\n    const { t } = useLocaleInject()\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\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    const getNodeKey = (node: Node) => {\n      return getNodeKeyUtil(props.nodeKey, node.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      el$,\n\n      // computed\n      isEmpty,\n\n      // methods\n      getNodeKey,\n      t,\n    }\n  },\n})\n</script>\n"],"names":["PsTreeNode","getNodeKey","getNodeKeyUtil"],"mappings":";;;;;;;;AA4CA,aAAe,gBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY,cAAEA;AAAA,EACd,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS,MAAM;AAAA;AAAA,IAEjB,WAAW;AAAA,MACT,MAAM;AAAA;AAAA,IAER,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,SAAS;AAAA,IACT,eAAe;AAAA,IACf,kBAAkB;AAAA,IAClB,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,kBAAkB;AAAA,IAClB,kBAAkB;AAAA,MAChB,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,kBAAkB;AAAA,MAChB,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,oBAAoB;AAAA,IAGpB,qBAAqB;AAAA,IAGrB,gBAAgB,CAAC,QAAQ;AAAA,IACzB,eAAe;AAAA,IACf,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,WAAW;AAAA,IACX,WAAW;AAAA,IACX,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAO,QACd,UAAU;AAAA,QACV,OAAO;AAAA,QACP,UAAU;AAAA;AAAA;AAAA,IAGd,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,kBAAkB;AAAA,IAClB,MAAM;AAAA,IACN,kBAAkB;AAAA,IAGlB,WAAW;AAAA,IACX,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,MAAM,CAAC,QAAQ;AAAA;AAAA,EAEjB,MAAM,OAAO,KAAK;AAChB,UAAM,EAAE,MAAM;AAEd,UAAM,QAAQ,IACZ,IAAI,UAAU;AAAA,MACZ,KAAK,MAAM;AAAA,MACX,MAAM,MAAM;AAAA,MACZ,MAAM,MAAM;AAAA,MACZ,OAAO,MAAM;AAAA,MACb,MAAM,MAAM;AAAA,MACZ,gBAAgB,MAAM;AAAA,MACtB,eAAe,MAAM;AAAA,MACrB,kBAAkB,MAAM;AAAA,MACxB,oBAAoB,MAAM;AAAA,MAC1B,qBAAqB,MAAM;AAAA,MAC3B,kBAAkB,MAAM;AAAA,MACxB,kBAAkB,MAAM;AAAA,MACxB,kBAAkB,MAAM;AAAA;AAI5B,UAAM,MAAM;AAEZ,UAAM,OAAO,IAAU,MAAM,MAAM;AACnC,UAAM,cAAc,IAAU;AAC9B,UAAM,MAAM,IAA2B;AAEvC,UAAM,UAAU,SAAS,MAAM;AAC7B,YAAM,EAAE,eAAe,KAAK;AAC5B,aACE,CAAC,cACD,WAAW,WAAW,KACtB,WAAW,MAAM,CAAC,EAAE,cAAc,CAAC;AAAA;AAIvC,UAAMC,eAAa,CAAC,SAAe;AACjC,aAAOC,WAAe,MAAM,SAAS,KAAK;AAAA;AAG5C,YAAQ,YAAY;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA;AAGZ,WAAO;AAAA,MAEL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAGA;AAAA,kBAGAD;AAAA,MACA;AAAA;AAAA;AAAA;;;;"}

package/es/packages/components/tree/src/tree.vue_vue&type=template&id=7539bec5&lang.mjs

@@ -0,0 +1,36 @@
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createBlock, createElementVNode, toDisplayString, createCommentVNode } from 'vue';
+
+const _hoisted_1 = {
+  key: 0,
+  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_ps_tree_node = resolveComponent("ps-tree-node");
+  return openBlock(), createElementBlock("div", {
+    ref: "el$",
+    class: normalizeClass(["el-tree", {
+      "el-tree--highlight-current": _ctx.highlightCurrent
+    }]),
+    role: "tree"
+  }, [
+    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.root.childNodes, (child) => {
+      return openBlock(), createBlock(_component_ps_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
+      }, null, 8, ["node", "props", "accordion", "render-after-expand", "show-checkbox", "render-content"]);
+    }), 128)),
+    _ctx.isEmpty ? (openBlock(), createElementBlock("div", _hoisted_1, [
+      createElementVNode("span", _hoisted_2, toDisplayString((_a = _ctx.emptyText) != null ? _a : _ctx.t("el.tree.emptyText")), 1)
+    ])) : createCommentVNode("v-if", true)
+  ], 2);
+}
+
+export { render };
+//# sourceMappingURL=tree.vue_vue&type=template&id=7539bec5&lang.mjs.map

package/es/packages/components/tree/src/tree.vue_vue&type=template&id=7539bec5&lang.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.vue_vue&type=template&id=7539bec5&lang.mjs","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    }\"\n    role=\"tree\"\n  >\n    <ps-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    />\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</template>\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  ref,\n  provide,\n  computed,\n  getCurrentInstance,\n} from 'vue'\nimport { useLocaleInject } from '@element-ps/hooks'\nimport TreeStore from './model/tree-store'\nimport { getNodeKey as getNodeKeyUtil } from './model/util'\nimport PsTreeNode from './tree-node.vue'\nimport type Node from './model/node'\n\nimport type { PropType, Component } from 'vue'\nimport type { Nullable } from '@element-ps/utils/types'\nimport type { TreeComponentProps } from './tree.type'\n\nexport default defineComponent({\n  name: 'PsTree',\n  components: { PsTreeNode },\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  setup(props, ctx) {\n    const { t } = useLocaleInject()\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\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    const getNodeKey = (node: Node) => {\n      return getNodeKeyUtil(props.nodeKey, node.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      el$,\n\n      // computed\n      isEmpty,\n\n      // methods\n      getNodeKey,\n      t,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createBlock","_createElementVNode"],"mappings":";;;;EAmBwB,OAAM;AAAA;qBAClB,OAAM;;;;sBAnBhBA;IACE,KAAI;AAAA,IACJ,uBAAM;;;IAIN,MAAK;AAAA;sBAELA,8CACkB,UAAK,aAAd;0BADTC;QAEG,KAAK,gBAAW;AAAA,QAChB,MAAM;AAAA,QACN,OAAO;QACP,WAAW;QACX,uBAAqB;QACrB,iBAAe;QACf,kBAAgB;;;IAER,6BAAXD,0BAAA;MACEE,2BAAA,4BACE,yBAAA,YAAa;;;;;;;"}

package/es/packages/components/tree-v2/index.mjs

@@ -0,0 +1,8 @@
+import { withInstall } from '../../utils/with-install.mjs';
+import './src/tree.mjs';
+import script from './src/tree.vue_vue&type=script&lang.mjs';
+
+const PsTreeV2 = withInstall(script);
+
+export { PsTreeV2, PsTreeV2 as default };
+//# sourceMappingURL=index.mjs.map

package/es/packages/components/tree-v2/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/tree-v2/index.ts"],"sourcesContent":["import { withInstall } from '@element-ps/utils/with-install'\nimport TreeV2 from './src/tree.vue'\n\nexport const PsTreeV2 = withInstall(TreeV2)\nexport default PsTreeV2\n"],"names":["TreeV2"],"mappings":";;;;MAGa,WAAW,YAAYA;;;;"}

package/es/packages/components/tree-v2/src/composables/useCheck.mjs

@@ -0,0 +1,179 @@
+import { ref, getCurrentInstance, watch, nextTick } from 'vue';
+import { SetOperationEnum, NODE_CHECK, NODE_CHECK_CHANGE } from '../virtual-tree.mjs';
+
+function useCheck(props, tree) {
+  const checkedKeys = ref(new Set());
+  const indeterminateKeys = ref(new Set());
+  const { emit } = getCurrentInstance();
+  watch(() => tree.value, () => {
+    return nextTick(() => {
+      _setCheckedKeys(props.defaultCheckedKeys);
+    });
+  }, {
+    immediate: true
+  });
+  const updateCheckedKeys = () => {
+    if (!tree.value || !props.showCheckbox || props.checkStrictly) {
+      return;
+    }
+    const { levelTreeNodeMap, maxLevel } = tree.value;
+    const checkedKeySet = checkedKeys.value;
+    const indeterminateKeySet = new Set();
+    for (let level = maxLevel - 1; level >= 1; --level) {
+      const nodes = levelTreeNodeMap.get(level);
+      if (!nodes)
+        continue;
+      nodes.forEach((node) => {
+        const children = node.children;
+        if (children) {
+          let allChecked = true;
+          let hasChecked = false;
+          for (let i = 0; i < children.length; ++i) {
+            const childNode = children[i];
+            const key = childNode.key;
+            if (checkedKeySet.has(key)) {
+              hasChecked = true;
+            } else if (indeterminateKeySet.has(key)) {
+              allChecked = false;
+              hasChecked = true;
+              break;
+            } else {
+              allChecked = false;
+            }
+          }
+          if (allChecked) {
+            checkedKeySet.add(node.key);
+          } else if (hasChecked) {
+            indeterminateKeySet.add(node.key);
+            checkedKeySet.delete(node.key);
+          } else {
+            checkedKeySet.delete(node.key);
+            indeterminateKeySet.delete(node.key);
+          }
+        }
+      });
+    }
+    indeterminateKeys.value = indeterminateKeySet;
+  };
+  const isChecked = (node) => checkedKeys.value.has(node.key);
+  const isIndeterminate = (node) => indeterminateKeys.value.has(node.key);
+  const toggleCheckbox = (node, isChecked2, nodeClick = true) => {
+    const checkedKeySet = checkedKeys.value;
+    const toggle = (node2, checked) => {
+      checkedKeySet[checked ? SetOperationEnum.ADD : SetOperationEnum.DELETE](node2.key);
+      const children = node2.children;
+      if (!props.checkStrictly && children) {
+        children.forEach((childNode) => {
+          if (!childNode.disabled) {
+            toggle(childNode, checked);
+          }
+        });
+      }
+    };
+    toggle(node, isChecked2);
+    updateCheckedKeys();
+    if (nodeClick) {
+      afterNodeCheck(node, isChecked2);
+    }
+  };
+  const afterNodeCheck = (node, checked) => {
+    const { checkedNodes, checkedKeys: checkedKeys2 } = getChecked();
+    const { halfCheckedNodes, halfCheckedKeys } = getHalfChecked();
+    emit(NODE_CHECK, node.data, {
+      checkedKeys: checkedKeys2,
+      checkedNodes,
+      halfCheckedKeys,
+      halfCheckedNodes
+    });
+    emit(NODE_CHECK_CHANGE, node.data, checked);
+  };
+  function getCheckedKeys(leafOnly = false) {
+    return getChecked(leafOnly).checkedKeys;
+  }
+  function getCheckedNodes(leafOnly = false) {
+    return getChecked(leafOnly).checkedNodes;
+  }
+  function getHalfCheckedKeys() {
+    return getHalfChecked().halfCheckedKeys;
+  }
+  function getHalfCheckedNodes() {
+    return getHalfChecked().halfCheckedNodes;
+  }
+  function getChecked(leafOnly = false) {
+    const checkedNodes = [];
+    const keys = [];
+    if ((tree == null ? void 0 : tree.value) && props.showCheckbox) {
+      const { treeNodeMap } = tree.value;
+      checkedKeys.value.forEach((key) => {
+        const node = treeNodeMap.get(key);
+        if (node && (!leafOnly || leafOnly && node.isLeaf)) {
+          keys.push(key);
+          checkedNodes.push(node.data);
+        }
+      });
+    }
+    return {
+      checkedKeys: keys,
+      checkedNodes
+    };
+  }
+  function getHalfChecked() {
+    const halfCheckedNodes = [];
+    const halfCheckedKeys = [];
+    if ((tree == null ? void 0 : tree.value) && props.showCheckbox) {
+      const { treeNodeMap } = tree.value;
+      indeterminateKeys.value.forEach((key) => {
+        const node = treeNodeMap.get(key);
+        if (node) {
+          halfCheckedKeys.push(key);
+          halfCheckedNodes.push(node.data);
+        }
+      });
+    }
+    return {
+      halfCheckedNodes,
+      halfCheckedKeys
+    };
+  }
+  function setCheckedKeys(keys) {
+    checkedKeys.value.clear();
+    _setCheckedKeys(keys);
+  }
+  function setChecked(key, isChecked2) {
+    if ((tree == null ? void 0 : tree.value) && props.showCheckbox) {
+      const node = tree.value.treeNodeMap.get(key);
+      if (node) {
+        toggleCheckbox(node, isChecked2, false);
+      }
+    }
+  }
+  function _setCheckedKeys(keys) {
+    if (tree == null ? void 0 : tree.value) {
+      const { treeNodeMap } = tree.value;
+      if (props.showCheckbox && treeNodeMap && keys) {
+        for (let i = 0; i < keys.length; ++i) {
+          const key = keys[i];
+          const node = treeNodeMap.get(key);
+          if (node && !isChecked(node)) {
+            toggleCheckbox(node, true, false);
+          }
+        }
+      }
+    }
+  }
+  return {
+    updateCheckedKeys,
+    toggleCheckbox,
+    isChecked,
+    isIndeterminate,
+    getCheckedKeys,
+    getCheckedNodes,
+    getHalfCheckedKeys,
+    getHalfCheckedNodes,
+    setChecked,
+    setCheckedKeys
+  };
+}
+
+export { useCheck };
+//# sourceMappingURL=useCheck.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCheck.mjs","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":[],"mappings":"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"}

package/es/packages/components/tree-v2/src/composables/useFilter.mjs

@@ -0,0 +1,73 @@
+import { ref, computed } from 'vue';
+import { isFunction } from '@vue/shared';
+
+function useFilter(props, tree) {
+  const hiddenNodeKeySet = ref(new Set([]));
+  const hiddenExpandIconKeySet = ref(new Set([]));
+  const filterable = computed(() => {
+    return isFunction(props.filterMethod);
+  });
+  function doFilter(query) {
+    var _a;
+    if (!filterable.value) {
+      return;
+    }
+    const expandKeySet = new Set();
+    const hiddenExpandIconKeys = hiddenExpandIconKeySet.value;
+    const hiddenKeys = hiddenNodeKeySet.value;
+    const family = [];
+    const nodes = ((_a = tree.value) == null ? void 0 : _a.treeNodes) || [];
+    const filter = props.filterMethod;
+    hiddenKeys.clear();
+    function traverse(nodes2) {
+      nodes2.forEach((node) => {
+        family.push(node);
+        if (filter == null ? void 0 : filter(query, node.data)) {
+          family.forEach((member) => {
+            expandKeySet.add(member.key);
+          });
+        } else if (node.isLeaf) {
+          hiddenKeys.add(node.key);
+        }
+        const children = node.children;
+        if (children) {
+          traverse(children);
+        }
+        if (!node.isLeaf) {
+          if (!expandKeySet.has(node.key)) {
+            hiddenKeys.add(node.key);
+          } else if (children) {
+            let allHidden = true;
+            for (let i = 0; i < children.length; ++i) {
+              const childNode = children[i];
+              if (!hiddenKeys.has(childNode.key)) {
+                allHidden = false;
+                break;
+              }
+            }
+            if (allHidden) {
+              hiddenExpandIconKeys.add(node.key);
+            } else {
+              hiddenExpandIconKeys.delete(node.key);
+            }
+          }
+        }
+        family.pop();
+      });
+    }
+    traverse(nodes);
+    return expandKeySet;
+  }
+  function isForceHiddenExpandIcon(node) {
+    return hiddenExpandIconKeySet.value.has(node.key);
+  }
+  return {
+    hiddenExpandIconKeySet,
+    hiddenNodeKeySet,
+    doFilter,
+    isForceHiddenExpandIcon
+  };
+}
+
+export { useFilter };
+//# sourceMappingURL=useFilter.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFilter.mjs","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":[],"mappings":";;;mBAQ0B,OAAkB,MAA6B;AACvE,QAAM,mBAAmB,IAAkB,IAAI,IAAI;AACnD,QAAM,yBAAyB,IAAkB,IAAI,IAAI;AAEzD,QAAM,aAAa,SAAS,MAAM;AAChC,WAAO,WAAW,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;;;;"}