element-ps 1.0.0-alpha.6 → 1.0.1

package/lib/packages/components/tree/src/model/tree-store.js

@@ -0,0 +1,310 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var shared = require('@vue/shared');
+var node = require('./node.js');
+var util = require('./util.js');
+
+class TreeStore {
+  constructor(options) {
+    this.currentNode = null;
+    this.currentNodeKey = null;
+    for (const option in options) {
+      if (shared.hasOwn(options, option)) {
+        this[option] = options[option];
+      }
+    }
+    this.nodesMap = {};
+  }
+  initialize() {
+    this.root = new node["default"]({
+      data: this.data,
+      store: this
+    });
+    this.root.initialize();
+    if (this.lazy && this.load) {
+      const loadFn = this.load;
+      loadFn(this.root, (data) => {
+        this.root.doCreateChildren(data);
+        this._initDefaultCheckedNodes();
+      });
+    } else {
+      this._initDefaultCheckedNodes();
+    }
+  }
+  filter(value) {
+    const filterNodeMethod = this.filterNodeMethod;
+    const lazy = this.lazy;
+    const traverse = function(node) {
+      const childNodes = node.root ? node.root.childNodes : node.childNodes;
+      childNodes.forEach((child) => {
+        child.visible = filterNodeMethod.call(child, value, child.data, child);
+        traverse(child);
+      });
+      if (!node.visible && childNodes.length) {
+        let allHidden = true;
+        allHidden = !childNodes.some((child) => child.visible);
+        if (node.root) {
+          ;
+          node.root.visible = allHidden === false;
+        } else {
+          ;
+          node.visible = allHidden === false;
+        }
+      }
+      if (!value)
+        return;
+      if (node.visible && !node.isLeaf && !lazy)
+        node.expand();
+    };
+    traverse(this);
+  }
+  setData(newVal) {
+    const instanceChanged = newVal !== this.root.data;
+    if (instanceChanged) {
+      this.root.setData(newVal);
+      this._initDefaultCheckedNodes();
+    } else {
+      this.root.updateChildren();
+    }
+  }
+  getNode(data) {
+    if (data instanceof node["default"])
+      return data;
+    const key = typeof data !== "object" ? data : util.getNodeKey(this.key, data);
+    return this.nodesMap[key] || null;
+  }
+  insertBefore(data, refData) {
+    const refNode = this.getNode(refData);
+    refNode.parent.insertBefore({ data }, refNode);
+  }
+  insertAfter(data, refData) {
+    const refNode = this.getNode(refData);
+    refNode.parent.insertAfter({ data }, refNode);
+  }
+  remove(data) {
+    const node = this.getNode(data);
+    if (node && node.parent) {
+      if (node === this.currentNode) {
+        this.currentNode = null;
+      }
+      node.parent.removeChild(node);
+    }
+  }
+  append(data, parentData) {
+    const parentNode = parentData ? this.getNode(parentData) : this.root;
+    if (parentNode) {
+      parentNode.insertChild({ data });
+    }
+  }
+  _initDefaultCheckedNodes() {
+    const defaultCheckedKeys = this.defaultCheckedKeys || [];
+    const nodesMap = this.nodesMap;
+    defaultCheckedKeys.forEach((checkedKey) => {
+      const node = nodesMap[checkedKey];
+      if (node) {
+        node.setChecked(true, !this.checkStrictly);
+      }
+    });
+  }
+  _initDefaultCheckedNode(node) {
+    const defaultCheckedKeys = this.defaultCheckedKeys || [];
+    if (defaultCheckedKeys.indexOf(node.key) !== -1) {
+      node.setChecked(true, !this.checkStrictly);
+    }
+  }
+  setDefaultCheckedKey(newVal) {
+    if (newVal !== this.defaultCheckedKeys) {
+      this.defaultCheckedKeys = newVal;
+      this._initDefaultCheckedNodes();
+    }
+  }
+  registerNode(node) {
+    const key = this.key;
+    if (!node || !node.data)
+      return;
+    if (!key) {
+      this.nodesMap[node.id] = node;
+    } else {
+      const nodeKey = node.key;
+      if (nodeKey !== void 0)
+        this.nodesMap[node.key] = node;
+    }
+  }
+  deregisterNode(node) {
+    const key = this.key;
+    if (!key || !node || !node.data)
+      return;
+    node.childNodes.forEach((child) => {
+      this.deregisterNode(child);
+    });
+    delete this.nodesMap[node.key];
+  }
+  getCheckedNodes(leafOnly = false, includeHalfChecked = false) {
+    const checkedNodes = [];
+    const traverse = function(node) {
+      const childNodes = node.root ? node.root.childNodes : node.childNodes;
+      childNodes.forEach((child) => {
+        if ((child.checked || includeHalfChecked && child.indeterminate) && (!leafOnly || leafOnly && child.isLeaf)) {
+          checkedNodes.push(child.data);
+        }
+        traverse(child);
+      });
+    };
+    traverse(this);
+    return checkedNodes;
+  }
+  getCheckedKeys(leafOnly = false) {
+    return this.getCheckedNodes(leafOnly).map((data) => (data || {})[this.key]);
+  }
+  getHalfCheckedNodes() {
+    const nodes = [];
+    const traverse = function(node) {
+      const childNodes = node.root ? node.root.childNodes : node.childNodes;
+      childNodes.forEach((child) => {
+        if (child.indeterminate) {
+          nodes.push(child.data);
+        }
+        traverse(child);
+      });
+    };
+    traverse(this);
+    return nodes;
+  }
+  getHalfCheckedKeys() {
+    return this.getHalfCheckedNodes().map((data) => (data || {})[this.key]);
+  }
+  _getAllNodes() {
+    const allNodes = [];
+    const nodesMap = this.nodesMap;
+    for (const nodeKey in nodesMap) {
+      if (shared.hasOwn(nodesMap, nodeKey)) {
+        allNodes.push(nodesMap[nodeKey]);
+      }
+    }
+    return allNodes;
+  }
+  updateChildren(key, data) {
+    const node = this.nodesMap[key];
+    if (!node)
+      return;
+    const childNodes = node.childNodes;
+    for (let i = childNodes.length - 1; i >= 0; i--) {
+      const child = childNodes[i];
+      this.remove(child.data);
+    }
+    for (let i = 0, j = data.length; i < j; i++) {
+      const child = data[i];
+      this.append(child, node.data);
+    }
+  }
+  _setCheckedKeys(key, leafOnly = false, checkedKeys) {
+    const allNodes = this._getAllNodes().sort((a, b) => b.level - a.level);
+    const cache = Object.create(null);
+    const keys = Object.keys(checkedKeys);
+    allNodes.forEach((node) => node.setChecked(false, false));
+    for (let i = 0, j = allNodes.length; i < j; i++) {
+      const node = allNodes[i];
+      const nodeKey = node.data[key].toString();
+      const checked = keys.indexOf(nodeKey) > -1;
+      if (!checked) {
+        if (node.checked && !cache[nodeKey]) {
+          node.setChecked(false, false);
+        }
+        continue;
+      }
+      let parent = node.parent;
+      while (parent && parent.level > 0) {
+        cache[parent.data[key]] = true;
+        parent = parent.parent;
+      }
+      if (node.isLeaf || this.checkStrictly) {
+        node.setChecked(true, false);
+        continue;
+      }
+      node.setChecked(true, true);
+      if (leafOnly) {
+        node.setChecked(false, false);
+        const traverse = function(node2) {
+          const childNodes = node2.childNodes;
+          childNodes.forEach((child) => {
+            if (!child.isLeaf) {
+              child.setChecked(false, false);
+            }
+            traverse(child);
+          });
+        };
+        traverse(node);
+      }
+    }
+  }
+  setCheckedNodes(array, leafOnly = false) {
+    const key = this.key;
+    const checkedKeys = {};
+    array.forEach((item) => {
+      checkedKeys[(item || {})[key]] = true;
+    });
+    this._setCheckedKeys(key, leafOnly, checkedKeys);
+  }
+  setCheckedKeys(keys, leafOnly = false) {
+    this.defaultCheckedKeys = keys;
+    const key = this.key;
+    const checkedKeys = {};
+    keys.forEach((key2) => {
+      checkedKeys[key2] = true;
+    });
+    this._setCheckedKeys(key, leafOnly, checkedKeys);
+  }
+  setDefaultExpandedKeys(keys) {
+    keys = keys || [];
+    this.defaultExpandedKeys = keys;
+    keys.forEach((key) => {
+      const node = this.getNode(key);
+      if (node)
+        node.expand(null, this.autoExpandParent);
+    });
+  }
+  setChecked(data, checked, deep) {
+    const node = this.getNode(data);
+    if (node) {
+      node.setChecked(!!checked, deep);
+    }
+  }
+  getCurrentNode() {
+    return this.currentNode;
+  }
+  setCurrentNode(currentNode) {
+    const prevCurrentNode = this.currentNode;
+    if (prevCurrentNode) {
+      prevCurrentNode.isCurrent = false;
+    }
+    this.currentNode = currentNode;
+    this.currentNode.isCurrent = true;
+  }
+  setUserCurrentNode(node, shouldAutoExpandParent = true) {
+    const key = node[this.key];
+    const currNode = this.nodesMap[key];
+    this.setCurrentNode(currNode);
+    if (shouldAutoExpandParent && this.currentNode.level > 1) {
+      this.currentNode.parent.expand(null, true);
+    }
+  }
+  setCurrentNodeKey(key, shouldAutoExpandParent = true) {
+    if (key === null || key === void 0) {
+      this.currentNode && (this.currentNode.isCurrent = false);
+      this.currentNode = null;
+      return;
+    }
+    const node = this.getNode(key);
+    if (node) {
+      this.setCurrentNode(node);
+      if (shouldAutoExpandParent && this.currentNode.level > 1) {
+        this.currentNode.parent.expand(null, true);
+      }
+    }
+  }
+}
+
+exports["default"] = TreeStore;
+//# sourceMappingURL=tree-store.js.map

package/lib/packages/components/tree/src/model/tree-store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-store.js","sources":["../../../../../../../../packages/components/tree/src/model/tree-store.ts"],"sourcesContent":["import { hasOwn } from '@vue/shared'\nimport Node from './node'\nimport { getNodeKey } from './util'\n\nimport type {\n  TreeKey,\n  TreeData,\n  TreeStoreNodesMap,\n  LoadFunction,\n  FilterNodeMethodFunction,\n  TreeOptionProps,\n  TreeStoreOptions,\n  FilterValue,\n  TreeNodeData,\n} from '../tree.type'\n\nexport default class TreeStore {\n  currentNode: Node\n  currentNodeKey: TreeKey\n  nodesMap: TreeStoreNodesMap\n  root: Node\n  data: TreeData\n  lazy: boolean\n  load: LoadFunction\n  filterNodeMethod: FilterNodeMethodFunction\n  key: TreeKey\n  defaultCheckedKeys: TreeKey[]\n  checkStrictly: boolean\n  defaultExpandedKeys: TreeKey[]\n  autoExpandParent: boolean\n  defaultExpandAll: boolean\n  checkDescendants: boolean\n  props: TreeOptionProps\n\n  constructor(options: TreeStoreOptions) {\n    this.currentNode = null\n    this.currentNodeKey = null\n\n    for (const option in options) {\n      if (hasOwn(options, option)) {\n        this[option] = options[option]\n      }\n    }\n\n    this.nodesMap = {}\n  }\n\n  initialize() {\n    this.root = new Node({\n      data: this.data,\n      store: this,\n    })\n    this.root.initialize()\n\n    if (this.lazy && this.load) {\n      const loadFn = this.load\n      loadFn(this.root, (data) => {\n        this.root.doCreateChildren(data)\n        this._initDefaultCheckedNodes()\n      })\n    } else {\n      this._initDefaultCheckedNodes()\n    }\n  }\n\n  filter(value: FilterValue): void {\n    const filterNodeMethod = this.filterNodeMethod\n    const lazy = this.lazy\n    const traverse = function (node: TreeStore | Node) {\n      const childNodes = (node as TreeStore).root\n        ? (node as TreeStore).root.childNodes\n        : (node as Node).childNodes\n\n      childNodes.forEach((child) => {\n        child.visible = filterNodeMethod.call(child, value, child.data, child)\n\n        traverse(child)\n      })\n\n      if (!(node as Node).visible && childNodes.length) {\n        let allHidden = true\n        allHidden = !childNodes.some((child) => child.visible)\n\n        if ((node as TreeStore).root) {\n          ;(node as TreeStore).root.visible = allHidden === false\n        } else {\n          ;(node as Node).visible = allHidden === false\n        }\n      }\n      if (!value) return\n\n      if ((node as Node).visible && !(node as Node).isLeaf && !lazy)\n        (node as Node).expand()\n    }\n\n    traverse(this)\n  }\n\n  setData(newVal: TreeData): void {\n    const instanceChanged = newVal !== this.root.data\n    if (instanceChanged) {\n      this.root.setData(newVal)\n      this._initDefaultCheckedNodes()\n    } else {\n      this.root.updateChildren()\n    }\n  }\n\n  getNode(data: TreeKey | TreeNodeData): Node {\n    if (data instanceof Node) return data\n    const key = typeof data !== 'object' ? data : getNodeKey(this.key, data)\n    return this.nodesMap[key] || null\n  }\n\n  insertBefore(data: TreeNodeData, refData: TreeKey | TreeNodeData): void {\n    const refNode = this.getNode(refData)\n    refNode.parent.insertBefore({ data }, refNode)\n  }\n\n  insertAfter(data: TreeNodeData, refData: TreeKey | TreeNodeData): void {\n    const refNode = this.getNode(refData)\n    refNode.parent.insertAfter({ data }, refNode)\n  }\n\n  remove(data: TreeNodeData | Node): void {\n    const node = this.getNode(data)\n\n    if (node && node.parent) {\n      if (node === this.currentNode) {\n        this.currentNode = null\n      }\n      node.parent.removeChild(node)\n    }\n  }\n\n  append(data: TreeNodeData, parentData: TreeNodeData | TreeKey | Node): void {\n    const parentNode = parentData ? this.getNode(parentData) : this.root\n\n    if (parentNode) {\n      parentNode.insertChild({ data })\n    }\n  }\n\n  _initDefaultCheckedNodes(): void {\n    const defaultCheckedKeys = this.defaultCheckedKeys || []\n    const nodesMap = this.nodesMap\n\n    defaultCheckedKeys.forEach((checkedKey) => {\n      const node = nodesMap[checkedKey]\n\n      if (node) {\n        node.setChecked(true, !this.checkStrictly)\n      }\n    })\n  }\n\n  _initDefaultCheckedNode(node: Node): void {\n    const defaultCheckedKeys = this.defaultCheckedKeys || []\n\n    if (defaultCheckedKeys.indexOf(node.key) !== -1) {\n      node.setChecked(true, !this.checkStrictly)\n    }\n  }\n\n  setDefaultCheckedKey(newVal: TreeKey[]): void {\n    if (newVal !== this.defaultCheckedKeys) {\n      this.defaultCheckedKeys = newVal\n      this._initDefaultCheckedNodes()\n    }\n  }\n\n  registerNode(node: Node): void {\n    const key = this.key\n    if (!node || !node.data) return\n\n    if (!key) {\n      this.nodesMap[node.id] = node\n    } else {\n      const nodeKey = node.key\n      if (nodeKey !== undefined) this.nodesMap[node.key] = node\n    }\n  }\n\n  deregisterNode(node: Node): void {\n    const key = this.key\n    if (!key || !node || !node.data) return\n\n    node.childNodes.forEach((child) => {\n      this.deregisterNode(child)\n    })\n\n    delete this.nodesMap[node.key]\n  }\n\n  getCheckedNodes(\n    leafOnly = false,\n    includeHalfChecked = false\n  ): TreeNodeData[] {\n    const checkedNodes: TreeNodeData[] = []\n    const traverse = function (node: TreeStore | Node) {\n      const childNodes = (node as TreeStore).root\n        ? (node as TreeStore).root.childNodes\n        : (node as Node).childNodes\n\n      childNodes.forEach((child) => {\n        if (\n          (child.checked || (includeHalfChecked && child.indeterminate)) &&\n          (!leafOnly || (leafOnly && child.isLeaf))\n        ) {\n          checkedNodes.push(child.data)\n        }\n\n        traverse(child)\n      })\n    }\n\n    traverse(this)\n\n    return checkedNodes\n  }\n\n  getCheckedKeys(leafOnly = false): TreeKey[] {\n    return this.getCheckedNodes(leafOnly).map((data) => (data || {})[this.key])\n  }\n\n  getHalfCheckedNodes(): TreeNodeData[] {\n    const nodes: TreeNodeData[] = []\n    const traverse = function (node: TreeStore | Node) {\n      const childNodes = (node as TreeStore).root\n        ? (node as TreeStore).root.childNodes\n        : (node as Node).childNodes\n\n      childNodes.forEach((child) => {\n        if (child.indeterminate) {\n          nodes.push(child.data)\n        }\n\n        traverse(child)\n      })\n    }\n\n    traverse(this)\n\n    return nodes\n  }\n\n  getHalfCheckedKeys(): TreeKey[] {\n    return this.getHalfCheckedNodes().map((data) => (data || {})[this.key])\n  }\n\n  _getAllNodes(): Node[] {\n    const allNodes: Node[] = []\n    const nodesMap = this.nodesMap\n    for (const nodeKey in nodesMap) {\n      if (hasOwn(nodesMap, nodeKey)) {\n        allNodes.push(nodesMap[nodeKey])\n      }\n    }\n\n    return allNodes\n  }\n\n  updateChildren(key: TreeKey, data: TreeData): void {\n    const node = this.nodesMap[key]\n    if (!node) return\n    const childNodes = node.childNodes\n    for (let i = childNodes.length - 1; i >= 0; i--) {\n      const child = childNodes[i]\n      this.remove(child.data)\n    }\n    for (let i = 0, j = data.length; i < j; i++) {\n      const child = data[i]\n      this.append(child, node.data)\n    }\n  }\n\n  _setCheckedKeys(\n    key: TreeKey,\n    leafOnly = false,\n    checkedKeys: { [key: string]: boolean }\n  ): void {\n    const allNodes = this._getAllNodes().sort((a, b) => b.level - a.level)\n    const cache = Object.create(null)\n    const keys = Object.keys(checkedKeys)\n    allNodes.forEach((node) => node.setChecked(false, false))\n    for (let i = 0, j = allNodes.length; i < j; i++) {\n      const node = allNodes[i]\n      const nodeKey = node.data[key].toString()\n      const checked = keys.indexOf(nodeKey) > -1\n      if (!checked) {\n        if (node.checked && !cache[nodeKey]) {\n          node.setChecked(false, false)\n        }\n        continue\n      }\n\n      let parent = node.parent\n      while (parent && parent.level > 0) {\n        cache[parent.data[key]] = true\n        parent = parent.parent\n      }\n\n      if (node.isLeaf || this.checkStrictly) {\n        node.setChecked(true, false)\n        continue\n      }\n      node.setChecked(true, true)\n\n      if (leafOnly) {\n        node.setChecked(false, false)\n        const traverse = function (node: Node): void {\n          const childNodes = node.childNodes\n          childNodes.forEach((child) => {\n            if (!child.isLeaf) {\n              child.setChecked(false, false)\n            }\n            traverse(child)\n          })\n        }\n        traverse(node)\n      }\n    }\n  }\n\n  setCheckedNodes(array: Node[], leafOnly = false): void {\n    const key = this.key\n    const checkedKeys = {}\n    array.forEach((item) => {\n      checkedKeys[(item || {})[key]] = true\n    })\n\n    this._setCheckedKeys(key, leafOnly, checkedKeys)\n  }\n\n  setCheckedKeys(keys: TreeKey[], leafOnly = false): void {\n    this.defaultCheckedKeys = keys\n    const key = this.key\n    const checkedKeys = {}\n    keys.forEach((key) => {\n      checkedKeys[key] = true\n    })\n\n    this._setCheckedKeys(key, leafOnly, checkedKeys)\n  }\n\n  setDefaultExpandedKeys(keys: TreeKey[]) {\n    keys = keys || []\n    this.defaultExpandedKeys = keys\n    keys.forEach((key) => {\n      const node = this.getNode(key)\n      if (node) node.expand(null, this.autoExpandParent)\n    })\n  }\n\n  setChecked(\n    data: TreeKey | TreeNodeData,\n    checked: boolean,\n    deep: boolean\n  ): void {\n    const node = this.getNode(data)\n\n    if (node) {\n      node.setChecked(!!checked, deep)\n    }\n  }\n\n  getCurrentNode(): Node {\n    return this.currentNode\n  }\n\n  setCurrentNode(currentNode: Node): void {\n    const prevCurrentNode = this.currentNode\n    if (prevCurrentNode) {\n      prevCurrentNode.isCurrent = false\n    }\n    this.currentNode = currentNode\n    this.currentNode.isCurrent = true\n  }\n\n  setUserCurrentNode(node: Node, shouldAutoExpandParent = true): void {\n    const key = node[this.key]\n    const currNode = this.nodesMap[key]\n    this.setCurrentNode(currNode)\n    if (shouldAutoExpandParent && this.currentNode.level > 1) {\n      this.currentNode.parent.expand(null, true)\n    }\n  }\n\n  setCurrentNodeKey(key: TreeKey, shouldAutoExpandParent = true): void {\n    if (key === null || key === undefined) {\n      this.currentNode && (this.currentNode.isCurrent = false)\n      this.currentNode = null\n      return\n    }\n    const node = this.getNode(key)\n    if (node) {\n      this.setCurrentNode(node)\n      if (shouldAutoExpandParent && this.currentNode.level > 1) {\n        this.currentNode.parent.expand(null, true)\n      }\n    }\n  }\n}\n"],"names":["hasOwn","Node","getNodeKey"],"mappings":"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"}

package/lib/packages/components/tree/src/model/util.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const NODE_KEY = "$treeNodeId";
+const markNodeData = function(node, data) {
+  if (!data || data[NODE_KEY])
+    return;
+  Object.defineProperty(data, NODE_KEY, {
+    value: node.id,
+    enumerable: false,
+    configurable: false,
+    writable: false
+  });
+};
+const getNodeKey = function(key, data) {
+  if (!key)
+    return data[NODE_KEY];
+  return data[key];
+};
+
+exports.NODE_KEY = NODE_KEY;
+exports.getNodeKey = getNodeKey;
+exports.markNodeData = markNodeData;
+//# sourceMappingURL=util.js.map

package/lib/packages/components/tree/src/model/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sources":["../../../../../../../../packages/components/tree/src/model/util.ts"],"sourcesContent":["import type Node from './node'\nimport type { TreeKey, TreeNodeData } from '../tree.type'\n\nexport const NODE_KEY = '$treeNodeId'\n\nexport const markNodeData = function (node: Node, data: TreeNodeData): void {\n  if (!data || data[NODE_KEY]) return\n  Object.defineProperty(data, NODE_KEY, {\n    value: node.id,\n    enumerable: false,\n    configurable: false,\n    writable: false,\n  })\n}\n\nexport const getNodeKey = function (key: TreeKey, data: TreeNodeData): any {\n  if (!key) return data[NODE_KEY]\n  return data[key]\n}\n"],"names":[],"mappings":";;;;MAGa,WAAW;MAEX,eAAe,SAAU,MAAY,MAA0B;AAC1E,MAAI,CAAC,QAAQ,KAAK;AAAW;AAC7B,SAAO,eAAe,MAAM,UAAU;AAAA,IACpC,OAAO,KAAK;AAAA,IACZ,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,UAAU;AAAA;AAAA;MAID,aAAa,SAAU,KAAc,MAAyB;AACzE,MAAI,CAAC;AAAK,WAAO,KAAK;AACtB,SAAO,KAAK;AAAA;;;;;;"}

package/lib/packages/components/tree/src/tree-node-content.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var treeNodeContent_vue_vue_type_script_lang = require('./tree-node-content.vue_vue&type=script&lang.js');
+
+treeNodeContent_vue_vue_type_script_lang["default"].__file = "packages/components/tree/src/tree-node-content.vue";
+
+exports["default"] = treeNodeContent_vue_vue_type_script_lang["default"];
+//# sourceMappingURL=tree-node-content.js.map

package/lib/packages/components/tree/src/tree-node-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-node-content.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/lib/packages/components/tree/src/tree-node-content.vue_vue&type=script&lang.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+var script = vue.defineComponent({
+  name: "PsTreeNodeContent",
+  props: {
+    node: {
+      type: Object,
+      required: true
+    },
+    renderContent: Function
+  },
+  setup(props) {
+    const nodeInstance = vue.inject("NodeInstance");
+    const tree = vue.inject("RootTree");
+    return () => {
+      const node = props.node;
+      const { data, store } = node;
+      return props.renderContent ? props.renderContent(vue.h, { _self: nodeInstance, node, data, store }) : tree.ctx.slots.default ? tree.ctx.slots.default({ node, data }) : vue.h("span", { class: "el-tree-node__label" }, [node.label]);
+    };
+  }
+});
+
+exports["default"] = script;
+//# sourceMappingURL=tree-node-content.vue_vue&type=script&lang.js.map

package/lib/packages/components/tree/src/tree-node-content.vue_vue&type=script&lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-node-content.vue_vue&type=script&lang.js","sources":["../../../../../../../packages/components/tree/src/tree-node-content.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { h, defineComponent, inject } from 'vue'\n\nimport type { ComponentInternalInstance } from 'vue'\nimport type { RootTreeType } from './tree.type'\n\nexport default defineComponent({\n  name: 'PsTreeNodeContent',\n  props: {\n    node: {\n      type: Object,\n      required: true,\n    },\n    renderContent: Function,\n  },\n  setup(props) {\n    const nodeInstance = inject<ComponentInternalInstance>('NodeInstance')\n    const tree = inject<RootTreeType>('RootTree')\n    return () => {\n      const node = props.node\n      const { data, store } = node\n      return props.renderContent\n        ? props.renderContent(h, { _self: nodeInstance, node, data, store })\n        : tree.ctx.slots.default\n        ? tree.ctx.slots.default({ node, data })\n        : h('span', { class: 'el-tree-node__label' }, [node.label])\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","inject","h"],"mappings":";;;;;;AAMA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA;AAAA,IAEZ,eAAe;AAAA;AAAA,EAEjB,MAAM,OAAO;AACX,UAAM,eAAeC,WAAkC;AACvD,UAAM,OAAOA,WAAqB;AAClC,WAAO,MAAM;AACX,YAAM,OAAO,MAAM;AACnB,YAAM,EAAE,MAAM,UAAU;AACxB,aAAO,MAAM,gBACT,MAAM,cAAcC,OAAG,EAAE,OAAO,cAAc,MAAM,MAAM,WAC1D,KAAK,IAAI,MAAM,UACf,KAAK,IAAI,MAAM,QAAQ,EAAE,MAAM,UAC/BA,MAAE,QAAQ,EAAE,OAAO,yBAAyB,CAAC,KAAK;AAAA;AAAA;AAAA;;;;"}

package/lib/packages/components/tree/src/tree-node.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var treeNode_vue_vue_type_script_lang = require('./tree-node.vue_vue&type=script&lang.js');
+var treeNode_vue_vue_type_template_id_62959aba_lang = require('./tree-node.vue_vue&type=template&id=62959aba&lang.js');
+
+treeNode_vue_vue_type_script_lang["default"].render = treeNode_vue_vue_type_template_id_62959aba_lang.render;
+treeNode_vue_vue_type_script_lang["default"].__file = "packages/components/tree/src/tree-node.vue";
+
+exports["default"] = treeNode_vue_vue_type_script_lang["default"];
+//# sourceMappingURL=tree-node.js.map

package/lib/packages/components/tree/src/tree-node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-node.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/lib/packages/components/tree/src/tree-node.vue_vue&type=script&lang.js

@@ -0,0 +1,93 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var shared = require('@vue/shared');
+var index = require('../../checkbox/index.js');
+var index$1 = require('../../icon/index.js');
+var icons = require('@element-plus/icons');
+var error = require('../../../utils/error.js');
+require('./tree-node-content.js');
+var util = require('./model/util.js');
+var node = require('./model/node.js');
+var treeNodeContent_vue_vue_type_script_lang = require('./tree-node-content.vue_vue&type=script&lang.js');
+
+var script = vue.defineComponent({
+  name: "PsTreeNode",
+  components: {
+    PsCheckbox: index.PsCheckbox,
+    NodeContent: treeNodeContent_vue_vue_type_script_lang["default"],
+    PsIcon: index$1.PsIcon,
+    Loading: icons.Loading
+  },
+  props: {
+    node: {
+      type: node["default"],
+      default: () => ({})
+    },
+    props: {
+      type: Object,
+      default: () => ({})
+    },
+    accordion: Boolean,
+    renderContent: Function,
+    renderAfterExpand: Boolean,
+    showCheckbox: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props) {
+    const tree = vue.inject("RootTree");
+    const expanded = vue.ref(false);
+    const childNodeRendered = vue.ref(false);
+    const oldChecked = vue.ref(null);
+    const oldIndeterminate = vue.ref(null);
+    const node$ = vue.ref(null);
+    const instance = vue.getCurrentInstance();
+    vue.provide("NodeInstance", instance);
+    if (!tree) {
+      error.debugWarn("Tree", "Can not find node's tree.");
+    }
+    if (props.node.expanded) {
+      expanded.value = true;
+      childNodeRendered.value = true;
+    }
+    const getNodeKey = (node) => {
+      return util.getNodeKey(tree.props.nodeKey, node.data);
+    };
+    const getNodeClass = (node) => {
+      const nodeClassFunc = props.props.class;
+      if (!nodeClassFunc) {
+        return {};
+      }
+      let className;
+      if (shared.isFunction(nodeClassFunc)) {
+        const { data } = node;
+        className = nodeClassFunc(data, node);
+      } else {
+        className = nodeClassFunc;
+      }
+      if (shared.isString(className)) {
+        return { [className]: true };
+      } else {
+        return className;
+      }
+    };
+    return {
+      node$,
+      tree,
+      expanded,
+      childNodeRendered,
+      oldChecked,
+      oldIndeterminate,
+      getNodeKey,
+      getNodeClass,
+      CaretRight: icons.CaretRight
+    };
+  }
+});
+
+exports["default"] = script;
+//# sourceMappingURL=tree-node.vue_vue&type=script&lang.js.map

package/lib/packages/components/tree/src/tree-node.vue_vue&type=script&lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-node.vue_vue&type=script&lang.js","sources":["../../../../../../../packages/components/tree/src/tree-node.vue"],"sourcesContent":["<template>\n  <div\n    v-show=\"node.visible\"\n    ref=\"node$\"\n    class=\"el-tree-node\"\n    :class=\"{\n      'is-expanded': expanded,\n      'is-current': node.isCurrent,\n      'is-hidden': !node.visible,\n      'is-focusable': !node.disabled,\n      'is-checked': !node.disabled && node.checked,\n      ...getNodeClass(node),\n    }\"\n    role=\"treeitem\"\n    tabindex=\"-1\"\n    :aria-expanded=\"expanded\"\n    :aria-disabled=\"node.disabled\"\n    :aria-checked=\"node.checked\"\n    :draggable=\"tree.props.draggable\"\n    :data-key=\"getNodeKey(node)\"\n  >\n    <div\n      class=\"el-tree-node__content\"\n      :style=\"{ paddingLeft: (node.level - 1) * tree.props.indent + 'px' }\"\n    >\n      <ps-icon\n        v-if=\"tree.props.icon || CaretRight\"\n        :class=\"[\n          {\n            'is-leaf': node.isLeaf,\n            expanded: !node.isLeaf && expanded,\n          },\n          'el-tree-node__expand-icon',\n        ]\"\n      >\n        <component :is=\"tree.props.icon || CaretRight\"></component>\n      </ps-icon>\n      <ps-checkbox\n        v-if=\"showCheckbox\"\n        :model-value=\"node.checked\"\n        :indeterminate=\"node.indeterminate\"\n        :disabled=\"!!node.disabled\"\n      />\n      <ps-icon\n        v-if=\"node.loading\"\n        class=\"el-tree-node__loading-icon is-loading\"\n      >\n        <loading />\n      </ps-icon>\n      <node-content :node=\"node\" :render-content=\"renderContent\" />\n    </div>\n    <div\n      v-if=\"!renderAfterExpand || childNodeRendered\"\n      v-show=\"expanded\"\n      class=\"el-tree-node__children\"\n      role=\"group\"\n      :aria-expanded=\"expanded\"\n    >\n      <ps-tree-node\n        v-for=\"child in node.childNodes\"\n        :key=\"getNodeKey(child)\"\n        :render-content=\"renderContent\"\n        :render-after-expand=\"renderAfterExpand\"\n        :show-checkbox=\"showCheckbox\"\n        :node=\"child\"\n        :props=\"props\"\n      />\n    </div>\n  </div>\n</template>\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  getCurrentInstance,\n  ref,\n  inject,\n  provide,\n} from 'vue'\nimport { isString, isFunction } from '@vue/shared'\nimport PsCheckbox from '@element-ps/components/checkbox'\nimport { PsIcon } from '@element-ps/components/icon'\nimport { CaretRight, Loading } from '@element-plus/icons'\nimport { debugWarn } from '@element-ps/utils/error'\nimport NodeContent from './tree-node-content.vue'\nimport { getNodeKey as getNodeKeyUtil } from './model/util'\nimport Node from './model/node'\n\nimport type { PropType } from 'vue'\nimport type { Nullable } from '@element-ps/utils/types'\nimport type { TreeOptionProps, TreeNodeData, RootTreeType } from './tree.type'\n\nexport default defineComponent({\n  name: 'PsTreeNode',\n  components: {\n    PsCheckbox,\n    NodeContent,\n    PsIcon,\n    Loading,\n  },\n  props: {\n    node: {\n      type: Node,\n      default: () => ({}),\n    },\n    props: {\n      type: Object as PropType<TreeOptionProps>,\n      default: () => ({}),\n    },\n    accordion: Boolean,\n    renderContent: Function,\n    renderAfterExpand: Boolean,\n    showCheckbox: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  setup(props) {\n    const tree = inject<RootTreeType>('RootTree')\n    const expanded = ref(false)\n    const childNodeRendered = ref(false)\n    const oldChecked = ref<boolean>(null)\n    const oldIndeterminate = ref<boolean>(null)\n    const node$ = ref<Nullable<HTMLElement>>(null)\n    const instance = getCurrentInstance()\n\n    provide('NodeInstance', instance)\n    if (!tree) {\n      debugWarn('Tree', \"Can not find node's tree.\")\n    }\n\n    if (props.node.expanded) {\n      expanded.value = true\n      childNodeRendered.value = true\n    }\n\n    const getNodeKey = (node: Node): any => {\n      return getNodeKeyUtil(tree.props.nodeKey, node.data)\n    }\n\n    const getNodeClass = (node: Node) => {\n      const nodeClassFunc = props.props.class\n      if (!nodeClassFunc) {\n        return {}\n      }\n      let className\n      if (isFunction(nodeClassFunc)) {\n        const { data } = node\n        className = nodeClassFunc(data, node)\n      } else {\n        className = nodeClassFunc\n      }\n\n      if (isString(className)) {\n        return { [className]: true }\n      } else {\n        return className\n      }\n    }\n\n    return {\n      node$,\n      tree,\n      expanded,\n      childNodeRendered,\n      oldChecked,\n      oldIndeterminate,\n      getNodeKey,\n      getNodeClass,\n      CaretRight,\n    }\n  },\n})\n</script>\n"],"names":["defineComponent","PsCheckbox","NodeContent","PsIcon","Loading","Node","inject","ref","getCurrentInstance","getNodeKeyUtil","isFunction","isString","CaretRight"],"mappings":";;;;;;;;;;;;;;;AA2FA,aAAeA,oBAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,gBACVC;AAAA,iBACAC;AAAA,YACAC;AAAA,aACAC;AAAA;AAAA,EAEF,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAMC;AAAA,MACN,SAAS;AAAO;AAAA,IAElB,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAO;AAAA,IAElB,WAAW;AAAA,IACX,eAAe;AAAA,IACf,mBAAmB;AAAA,IACnB,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA;AAAA;AAAA,EAGb,MAAM,OAAO;AACX,UAAM,OAAOC,WAAqB;AAClC,UAAM,WAAWC,QAAI;AACrB,UAAM,oBAAoBA,QAAI;AAC9B,UAAM,aAAaA,QAAa;AAChC,UAAM,mBAAmBA,QAAa;AACtC,UAAM,QAAQA,QAA2B;AACzC,UAAM,WAAWC;AAEjB,gBAAQ,gBAAgB;AACxB,QAAI,CAAC,MAAM;AACT,sBAAU,QAAQ;AAAA;AAGpB,QAAI,MAAM,KAAK,UAAU;AACvB,eAAS,QAAQ;AACjB,wBAAkB,QAAQ;AAAA;AAG5B,UAAM,aAAa,CAAC,SAAoB;AACtC,aAAOC,gBAAe,KAAK,MAAM,SAAS,KAAK;AAAA;AAGjD,UAAM,eAAe,CAAC,SAAe;AACnC,YAAM,gBAAgB,MAAM,MAAM;AAClC,UAAI,CAAC,eAAe;AAClB,eAAO;AAAA;AAET,UAAI;AACJ,UAAIC,kBAAW,gBAAgB;AAC7B,cAAM,EAAE,SAAS;AACjB,oBAAY,cAAc,MAAM;AAAA,aAC3B;AACL,oBAAY;AAAA;AAGd,UAAIC,gBAAS,YAAY;AACvB,eAAO,GAAG,YAAY;AAAA,aACjB;AACL,eAAO;AAAA;AAAA;AAIX,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,kBACAC;AAAA;AAAA;AAAA;;;;"}

package/lib/packages/components/tree/src/tree-node.vue_vue&type=template&id=62959aba&lang.js

@@ -0,0 +1,97 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+const _hoisted_1 = ["aria-expanded", "aria-disabled", "aria-checked", "draggable", "data-key"];
+const _hoisted_2 = ["aria-expanded"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ps_icon = vue.resolveComponent("ps-icon");
+  const _component_ps_checkbox = vue.resolveComponent("ps-checkbox");
+  const _component_loading = vue.resolveComponent("loading");
+  const _component_node_content = vue.resolveComponent("node-content");
+  const _component_ps_tree_node = vue.resolveComponent("ps-tree-node");
+  return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+    ref: "node$",
+    class: vue.normalizeClass(["el-tree-node", {
+      "is-expanded": _ctx.expanded,
+      "is-current": _ctx.node.isCurrent,
+      "is-hidden": !_ctx.node.visible,
+      "is-focusable": !_ctx.node.disabled,
+      "is-checked": !_ctx.node.disabled && _ctx.node.checked,
+      ..._ctx.getNodeClass(_ctx.node)
+    }]),
+    role: "treeitem",
+    tabindex: "-1",
+    "aria-expanded": _ctx.expanded,
+    "aria-disabled": _ctx.node.disabled,
+    "aria-checked": _ctx.node.checked,
+    draggable: _ctx.tree.props.draggable,
+    "data-key": _ctx.getNodeKey(_ctx.node)
+  }, [
+    vue.createElementVNode("div", {
+      class: "el-tree-node__content",
+      style: vue.normalizeStyle({ paddingLeft: (_ctx.node.level - 1) * _ctx.tree.props.indent + "px" })
+    }, [
+      _ctx.tree.props.icon || _ctx.CaretRight ? (vue.openBlock(), vue.createBlock(_component_ps_icon, {
+        key: 0,
+        class: vue.normalizeClass([
+          {
+            "is-leaf": _ctx.node.isLeaf,
+            expanded: !_ctx.node.isLeaf && _ctx.expanded
+          },
+          "el-tree-node__expand-icon"
+        ])
+      }, {
+        default: vue.withCtx(() => [
+          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tree.props.icon || _ctx.CaretRight)))
+        ]),
+        _: 1
+      }, 8, ["class"])) : vue.createCommentVNode("v-if", true),
+      _ctx.showCheckbox ? (vue.openBlock(), vue.createBlock(_component_ps_checkbox, {
+        key: 1,
+        "model-value": _ctx.node.checked,
+        indeterminate: _ctx.node.indeterminate,
+        disabled: !!_ctx.node.disabled
+      }, null, 8, ["model-value", "indeterminate", "disabled"])) : vue.createCommentVNode("v-if", true),
+      _ctx.node.loading ? (vue.openBlock(), vue.createBlock(_component_ps_icon, {
+        key: 2,
+        class: "el-tree-node__loading-icon is-loading"
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_loading)
+        ]),
+        _: 1
+      })) : vue.createCommentVNode("v-if", true),
+      vue.createVNode(_component_node_content, {
+        node: _ctx.node,
+        "render-content": _ctx.renderContent
+      }, null, 8, ["node", "render-content"])
+    ], 4),
+    !_ctx.renderAfterExpand || _ctx.childNodeRendered ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+      key: 0,
+      class: "el-tree-node__children",
+      role: "group",
+      "aria-expanded": _ctx.expanded
+    }, [
+      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.node.childNodes, (child) => {
+        return vue.openBlock(), vue.createBlock(_component_ps_tree_node, {
+          key: _ctx.getNodeKey(child),
+          "render-content": _ctx.renderContent,
+          "render-after-expand": _ctx.renderAfterExpand,
+          "show-checkbox": _ctx.showCheckbox,
+          node: child,
+          props: _ctx.props
+        }, null, 8, ["render-content", "render-after-expand", "show-checkbox", "node", "props"]);
+      }), 128))
+    ], 8, _hoisted_2)), [
+      [vue.vShow, _ctx.expanded]
+    ]) : vue.createCommentVNode("v-if", true)
+  ], 10, _hoisted_1)), [
+    [vue.vShow, _ctx.node.visible]
+  ]);
+}
+
+exports.render = render;
+//# sourceMappingURL=tree-node.vue_vue&type=template&id=62959aba&lang.js.map

package/lib/packages/components/tree/src/tree-node.vue_vue&type=template&id=62959aba&lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-node.vue_vue&type=template&id=62959aba&lang.js","sources":["../../../../../../../packages/components/tree/src/tree-node.vue?vue&type=template&id=62959aba&lang.js"],"sourcesContent":["<template>\n  <div\n    v-show=\"node.visible\"\n    ref=\"node$\"\n    class=\"el-tree-node\"\n    :class=\"{\n      'is-expanded': expanded,\n      'is-current': node.isCurrent,\n      'is-hidden': !node.visible,\n      'is-focusable': !node.disabled,\n      'is-checked': !node.disabled && node.checked,\n      ...getNodeClass(node),\n    }\"\n    role=\"treeitem\"\n    tabindex=\"-1\"\n    :aria-expanded=\"expanded\"\n    :aria-disabled=\"node.disabled\"\n    :aria-checked=\"node.checked\"\n    :draggable=\"tree.props.draggable\"\n    :data-key=\"getNodeKey(node)\"\n  >\n    <div\n      class=\"el-tree-node__content\"\n      :style=\"{ paddingLeft: (node.level - 1) * tree.props.indent + 'px' }\"\n    >\n      <ps-icon\n        v-if=\"tree.props.icon || CaretRight\"\n        :class=\"[\n          {\n            'is-leaf': node.isLeaf,\n            expanded: !node.isLeaf && expanded,\n          },\n          'el-tree-node__expand-icon',\n        ]\"\n      >\n        <component :is=\"tree.props.icon || CaretRight\"></component>\n      </ps-icon>\n      <ps-checkbox\n        v-if=\"showCheckbox\"\n        :model-value=\"node.checked\"\n        :indeterminate=\"node.indeterminate\"\n        :disabled=\"!!node.disabled\"\n      />\n      <ps-icon\n        v-if=\"node.loading\"\n        class=\"el-tree-node__loading-icon is-loading\"\n      >\n        <loading />\n      </ps-icon>\n      <node-content :node=\"node\" :render-content=\"renderContent\" />\n    </div>\n    <div\n      v-if=\"!renderAfterExpand || childNodeRendered\"\n      v-show=\"expanded\"\n      class=\"el-tree-node__children\"\n      role=\"group\"\n      :aria-expanded=\"expanded\"\n    >\n      <ps-tree-node\n        v-for=\"child in node.childNodes\"\n        :key=\"getNodeKey(child)\"\n        :render-content=\"renderContent\"\n        :render-after-expand=\"renderAfterExpand\"\n        :show-checkbox=\"showCheckbox\"\n        :node=\"child\"\n        :props=\"props\"\n      />\n    </div>\n  </div>\n</template>\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  getCurrentInstance,\n  ref,\n  inject,\n  provide,\n} from 'vue'\nimport { isString, isFunction } from '@vue/shared'\nimport PsCheckbox from '@element-ps/components/checkbox'\nimport { PsIcon } from '@element-ps/components/icon'\nimport { CaretRight, Loading } from '@element-plus/icons'\nimport { debugWarn } from '@element-ps/utils/error'\nimport NodeContent from './tree-node-content.vue'\nimport { getNodeKey as getNodeKeyUtil } from './model/util'\nimport Node from './model/node'\n\nimport type { PropType } from 'vue'\nimport type { Nullable } from '@element-ps/utils/types'\nimport type { TreeOptionProps, TreeNodeData, RootTreeType } from './tree.type'\n\nexport default defineComponent({\n  name: 'PsTreeNode',\n  components: {\n    PsCheckbox,\n    NodeContent,\n    PsIcon,\n    Loading,\n  },\n  props: {\n    node: {\n      type: Node,\n      default: () => ({}),\n    },\n    props: {\n      type: Object as PropType<TreeOptionProps>,\n      default: () => ({}),\n    },\n    accordion: Boolean,\n    renderContent: Function,\n    renderAfterExpand: Boolean,\n    showCheckbox: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  setup(props) {\n    const tree = inject<RootTreeType>('RootTree')\n    const expanded = ref(false)\n    const childNodeRendered = ref(false)\n    const oldChecked = ref<boolean>(null)\n    const oldIndeterminate = ref<boolean>(null)\n    const node$ = ref<Nullable<HTMLElement>>(null)\n    const instance = getCurrentInstance()\n\n    provide('NodeInstance', instance)\n    if (!tree) {\n      debugWarn('Tree', \"Can not find node's tree.\")\n    }\n\n    if (props.node.expanded) {\n      expanded.value = true\n      childNodeRendered.value = true\n    }\n\n    const getNodeKey = (node: Node): any => {\n      return getNodeKeyUtil(tree.props.nodeKey, node.data)\n    }\n\n    const getNodeClass = (node: Node) => {\n      const nodeClassFunc = props.props.class\n      if (!nodeClassFunc) {\n        return {}\n      }\n      let className\n      if (isFunction(nodeClassFunc)) {\n        const { data } = node\n        className = nodeClassFunc(data, node)\n      } else {\n        className = nodeClassFunc\n      }\n\n      if (isString(className)) {\n        return { [className]: true }\n      } else {\n        return className\n      }\n    }\n\n    return {\n      node$,\n      tree,\n      expanded,\n      childNodeRendered,\n      oldChecked,\n      oldIndeterminate,\n      getNodeKey,\n      getNodeClass,\n      CaretRight,\n    }\n  },\n})\n</script>\n"],"names":["_createElementBlock","_createElementVNode","_createBlock","_createVNode"],"mappings":";;;;;;;;;;;;;;8CACEA;IAEE,KAAI;AAAA,IACJ,2BAAM;;;;;;;;IASN,MAAK;AAAA,IACL,UAAS;AAAA,IACR,iBAAe;IACf,iBAAe,UAAK;AAAA,IACpB,gBAAc,UAAK;AAAA,IACnB,WAAW,UAAK,MAAM;AAAA,IACtB,YAAU,gBAAW;;IAEtBC;MACE,OAAM;AAAA,MACL,yCAAuB,WAAK,aAAa,UAAK,MAAM;;MAG7C,UAAK,MAAM,QAAQ,oCAD3BC;;QAEG;;;;;;;;6BAQD;4BAAAA,4CAAgB,UAAK,MAAM,QAAQ;;;;MAG7B,sCADRA;;QAEG,eAAa,UAAK;AAAA,QAClB,eAAe,UAAK;AAAA,QACpB,YAAY,UAAK;AAAA;MAGZ,UAAK,4BADbA;;QAEE,OAAM;AAAA;6BAEN;UAAAC;;;;MAEFA;QAAe,MAAM;QAAO,kBAAgB;;;KAGrC,0BAAqB,8DAD9BH;;MAGE,OAAM;AAAA,MACN,MAAK;AAAA,MACJ,iBAAe;;4BAEhBA,0DACkB,UAAK,aAAd;gCADTE;UAEG,KAAK,gBAAW;AAAA,UAChB,kBAAgB;UAChB,uBAAqB;UACrB,iBAAe;UACf,MAAM;AAAA,UACN,OAAO;;;;kBAZF;;;gBAnDF,UAAK;AAAA;AAAA;;;;"}