bkui-vue 0.0.1-beta.140 → 0.0.1-beta.141

package/dist/index.esm.js

@@ -7960,14 +7960,6 @@ function debounce(delay = 300, fn2, immediate = false) {
   };
   return debounced;
 }
-function filterProperty(data2, filter) {
-  return JSON.parse(JSON.stringify(data2, (key2, value) => {
-    if (filter.includes(key2)) {
-      return void 0;
-    }
-    return value;
-  }));
-}
 function arrayEqual(arr1 = [], arr2 = []) {
   if (arr1.length !== arr2.length) {
     return false;
@@ -25909,6 +25901,18 @@ var CascaderPanel = defineComponent({
       if ((_a = node.children) == null ? void 0 : _a.length) {
         menus.list.push(node.children);
         activePath.value.push(node);
+        return;
+      }
+      if (store.config.isRemote && !node.isLeaf) {
+        node.loading = true;
+        const updateNodes = (nodeData) => {
+          store.appendNodes(nodeData, node || null);
+          menus.list.push(node.children);
+          activePath.value.push(node);
+          node.loading = false;
+        };
+        store.config.remoteMethod(node, updateNodes);
+        console.log("remote fuck here");
       }
     };
     const nodeEvent = (node) => {
@@ -25948,6 +25952,11 @@ var CascaderPanel = defineComponent({
       node.setNodeCheck(value);
       nodeCheckHandler(node);
     };
+    const iconRender = (node) => node.loading ? createVNode(spinner, {
+      "class": "icon-spinner"
+    }, null) : createVNode(angleRight, {
+      "class": "icon-angle-right"
+    }, null);
     return {
       menus,
       activePath,
@@ -25957,7 +25966,8 @@ var CascaderPanel = defineComponent({
       isCheckedNode,
       checkValue,
       nodeClear,
-      checkNode
+      checkNode,
+      iconRender
     };
   },
   render() {
@@ -25980,9 +25990,7 @@ var CascaderPanel = defineComponent({
       "onChange": (val) => this.checkNode(node, val)
     }, null), createVNode("span", {
       "class": "bk-cascader-node-name"
-    }, [node.name]), !node.isLeaf ? createVNode(angleRight, {
-      "class": "icon-angle-right"
-    }, null) : ""]))]))]);
+    }, [node.name]), !node.isLeaf ? this.iconRender(node) : ""]))]))]);
   }
 });
 class Node$1 {
@@ -25990,25 +25998,30 @@ class Node$1 {
     this.data = node;
     this.config = config;
     this.parent = parent || null;
+    this.leaf = node.leaf;
     this.level = !this.parent ? 1 : this.parent.level + 1;
     this.initState();
   }
   initState() {
-    var _a;
     const { idKey, nameKey, childrenKey } = this.config;
     this.id = this.data[idKey];
     this.name = this.data[nameKey];
     this.loading = false;
+    this.loaded = false;
     this.checked = false;
     const childrenData = this.data[childrenKey];
     this.children = (childrenData || []).map((child) => new Node$1(child, this.config, this));
-    this.hasChildren = ((_a = this.children) == null ? void 0 : _a.length) !== 0;
     this.pathNodes = this.calculateNodesPath();
     this.path = this.pathNodes.map((node) => node.id);
     this.pathNames = this.pathNodes.map((node) => node.name);
   }
   get isLeaf() {
-    return !this.hasChildren;
+    var _a;
+    if (this.config.isRemote) {
+      const isLeaf = this.leaf || (this.loaded ? !this.children.length : false);
+      return isLeaf;
+    }
+    return !(Array.isArray(this.children) && ((_a = this.children) == null ? void 0 : _a.length) !== 0);
   }
   get isDisabled() {
     return this.data.disabled;
@@ -26039,8 +26052,8 @@ class Store {
   constructor(props) {
     const { list } = props;
     this.data = list;
-    this.config = filterProperty(props, ["list"]);
     this.nodes = this.data.map((node) => new Node$1(node, this.config));
+    this.config = props;
   }
   getNodes() {
     return this.nodes;
@@ -26056,6 +26069,14 @@ class Store {
     const nodes = this.getFlattedNodes().filter((node) => arrayEqual(node.path, value));
     return (_a = nodes[0]) != null ? _a : null;
   }
+  appendNode(nodeData, parentNode) {
+    const node = new Node$1(nodeData, this.config, parentNode);
+    const children = parentNode ? parentNode.children : this.nodes;
+    children.push(node);
+  }
+  appendNodes(nodeDataList, parentNode) {
+    nodeDataList.forEach((node) => this.appendNode(node, parentNode));
+  }
 }
 var Component$5 = defineComponent({
   name: "Cascader",