bkui-vue 0.0.1-beta.139 → 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;
@@ -14666,14 +14658,6 @@ var Component$h = defineComponent({
     BkButton
   },
   props: __spreadProps(__spreadValues({}, sliderPops), {
-    title: {
-      type: String,
-      default: ""
-    },
-    extCls: {
-      type: String,
-      default: ""
-    },
     direction: {
       type: String,
       default: "right",
@@ -14742,10 +14726,10 @@ var Component$h = defineComponent({
         }
       };
       const className = `bk-sideslider-wrapper ${props.scrollable ? "scroll-able" : ""} ${props.extCls}`;
-      const maxHeight = slots.footer ? "calc(100vh - 114px)" : "calc(100vh - 60px)";
+      const maxHeight = slots.footer ? "calc(100vh - 106px)" : "calc(100vh - 52px)";
       return createVNode(BkModal, mergeProps(props, {
         "maxHeight": maxHeight,
-        "extCls": className,
+        "class": className,
         "style": `${props.direction}: 0;`,
         "onHidden": handleHidden,
         "onShown": handleShown,
@@ -19077,7 +19061,7 @@ const Message$1 = (constructor, options) => {
   });
   const container2 = document.createElement("div");
   const vm = createVNode(constructor, opts);
-  vm.props.onDestory = (id2) => {
+  vm.props.onDestroy = (id2) => {
     close(id2, position, spacing, userOnClose);
     render$1(null, container2);
   };
@@ -19124,7 +19108,7 @@ const messageProps = {
 var MessageConstructor = defineComponent({
   name: "Message",
   props: messageProps,
-  emits: ["destory"],
+  emits: ["destroy"],
   setup(props, {
     emit
   }) {
@@ -19157,7 +19141,7 @@ var MessageConstructor = defineComponent({
     });
     watch(visible, () => {
       if (!visible.value) {
-        emit("destory", props.id);
+        emit("destroy", props.id);
       }
     });
     return {
@@ -19188,7 +19172,7 @@ var MessageConstructor = defineComponent({
       }, [createVNode("div", {
         "class": "bk-message-icon"
       }, [renderIcon()]), this.message]), this.dismissable && createVNode(error, {
-        "class": "bk-message-icon bk-message-close",
+        "class": "bk-message-close",
         "onClick": this.close
       }, null)]), [[vShow, this.visible]])]
     });
@@ -19214,7 +19198,7 @@ const notifyProps = {
 var NotifyConstructor = defineComponent({
   name: "Notify",
   props: notifyProps,
-  emits: ["destory"],
+  emits: ["destroy"],
   setup(props, {
     emit
   }) {
@@ -19246,7 +19230,7 @@ var NotifyConstructor = defineComponent({
     });
     watch(visible, () => {
       if (!visible.value) {
-        emit("destory", props.id);
+        emit("destroy", props.id);
       }
     });
     return {
@@ -19276,7 +19260,7 @@ var NotifyConstructor = defineComponent({
         "class": "bk-notify-content"
       }, [createVNode("div", {
         "class": "bk-notify-icon"
-      }, [renderIcon()]), this.title ? createVNode("h3", {
+      }, [renderIcon()]), this.title ? createVNode("div", {
         "class": "bk-notify-content-header"
       }, [this.title]) : "", createVNode("div", {
         "class": "bk-notify-content-text"
@@ -25917,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) => {
@@ -25956,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,
@@ -25965,7 +25966,8 @@ var CascaderPanel = defineComponent({
       isCheckedNode,
       checkValue,
       nodeClear,
-      checkNode
+      checkNode,
+      iconRender
     };
   },
   render() {
@@ -25987,10 +25989,8 @@ var CascaderPanel = defineComponent({
       "onUpdate:modelValue": ($event) => node.checked = $event,
       "onChange": (val) => this.checkNode(node, val)
     }, null), createVNode("span", {
-      "class": "content"
-    }, [node.name]), !node.isLeaf ? createVNode(angleRight, {
-      "class": "icon-angle-right"
-    }, null) : ""]))]))]);
+      "class": "bk-cascader-node-name"
+    }, [node.name]), !node.isLeaf ? this.iconRender(node) : ""]))]))]);
   }
 });
 class Node$1 {
@@ -25998,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;
@@ -26047,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;
@@ -26064,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",
@@ -26094,7 +26107,7 @@ var Component$5 = defineComponent({
     limitOneLine: PropTypes.bool.def(false),
     extCls: PropTypes.string.def("")
   },
-  emits: ["update:modelValue"],
+  emits: ["update:modelValue", "change", "clear", "toggle"],
   setup(props, {
     emit
   }) {
@@ -26112,20 +26125,21 @@ var Component$5 = defineComponent({
     const selectedText = ref("");
     const selectedTags = ref([]);
     const updateValue = (val) => {
-      emit("update:modelValue", val);
       if (multiple) {
-        selectedTags.value = store.getCheckedNodes().map((node2) => ({
-          text: node2.pathNames.join(separator2),
-          key: node2.id
+        selectedTags.value = store.getCheckedNodes().map((node) => ({
+          text: node.pathNames.join(separator2),
+          key: node.id
         }));
         return;
       }
       if (val.length === 0) {
         selectedText.value = "";
-        return;
+      } else {
+        const node = store.getNodeByValue(val);
+        selectedText.value = node.pathNames.join(separator2);
       }
-      const node = store.getNodeByValue(val);
-      selectedText.value = node.pathNames.join(separator2);
+      emit("update:modelValue", val);
+      emit("change", val);
     };
     const hidePopover = () => {
       panelShow.value = false;
@@ -26133,10 +26147,12 @@ var Component$5 = defineComponent({
     const handleClear = (e) => {
       e.stopPropagation();
       updateValue([]);
+      emit("clear", JSON.parse(JSON.stringify(props.modelValue)));
     };
     const inputClickHandler = (e) => {
       e.stopPropagation();
       panelShow.value = !panelShow.value;
+      emit("toggle", panelShow.value);
     };
     const removeTag = (value, index, e) => {
       e.stopPropagation();