bkui-vue 0.0.1-beta.149 → 0.0.1-beta.151

package/dist/index.esm.js

@@ -14014,8 +14014,10 @@ var BkOption = defineComponent({
       "onClick": this.handleOptionClick,
       "onMouseenter": this.handleMouseEnter
     }, [(_c = (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)) != null ? _c : createVNode("span", {
-      "class": "bk-select-option-item"
+      "class": "bk-select-option-item",
+      "title": this.label
     }, [this.label, this.multiple && this.selected && createVNode(done, {
+      "class": "done-icon",
       "width": 22,
       "height": 22
     }, null)])]), [[vShow, this.visible]]);
@@ -14675,7 +14677,7 @@ var Component$i = defineComponent({
           "size": "mini"
         }, null);
       }
-      if (this.clearable && this.isHover && this.selected.length) {
+      if (this.clearable && this.isHover && this.selected.length && !this.isDisabled) {
         return createVNode(close$1, {
           "class": "clear-icon",
           "onClick": this.handleClear
@@ -14717,7 +14719,8 @@ var Component$i = defineComponent({
         "size": this.size,
         "onFocus": this.handleFocus,
         "onInput": this.handleInputChange,
-        "onEnter": this.handleInputEnter
+        "onEnter": this.handleInputEnter,
+        "onKeydown": (_2, e) => this.handleKeydown(e)
       }, {
         prefix: () => {
           var _a, _b;
@@ -26101,6 +26104,13 @@ var CascaderPanel = defineComponent({
     const nodeClear = () => {
       emit("input", []);
     };
+    const syncCheckedValue = (value) => {
+      value.forEach((id) => {
+        const node = store.getNodeById(id);
+        nodeExpandHandler(node);
+      });
+      checkValue.value = value;
+    };
     const nodeExpandHandler = (node) => {
       var _a;
       if (node.isDisabled)
@@ -26121,7 +26131,6 @@ var CascaderPanel = defineComponent({
           node.loading = false;
         };
         store.config.remoteMethod(node, updateNodes);
-        console.log("remote fuck here");
       }
     };
     const nodeEvent = (node) => {
@@ -26176,7 +26185,8 @@ var CascaderPanel = defineComponent({
       checkValue,
       nodeClear,
       checkNode,
-      iconRender
+      iconRender,
+      syncCheckedValue
     };
   },
   render() {
@@ -26278,6 +26288,9 @@ class Store {
     const nodes = this.getFlattedNodes().filter((node) => arrayEqual(node.path, value));
     return (_a = nodes[0]) != null ? _a : null;
   }
+  getNodeById(id) {
+    return this.getFlattedNodes().find((node) => node.id === id);
+  }
   appendNode(nodeData, parentNode) {
     const node = new Node$1(nodeData, this.config, parentNode);
     const children = parentNode ? parentNode.children : this.nodes;
@@ -26297,7 +26310,7 @@ var Component$5 = defineComponent({
     BkPopover
   },
   props: {
-    modelValue: PropTypes.array.def([]),
+    modelValue: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.number).def([]), PropTypes.arrayOf(PropTypes.string).def([])]),
     list: PropTypes.array.def([]),
     placeholder: PropTypes.string.def("\u8BF7\u9009\u62E9"),
     filterable: PropTypes.bool.def(false),
@@ -26333,7 +26346,13 @@ var Component$5 = defineComponent({
     const panelShow = ref(false);
     const selectedText = ref("");
     const selectedTags = ref([]);
+    const checkedValue = ref(props2.modelValue);
+    const cascaderPanel = ref();
+    watch(() => props2.modelValue, (value) => {
+      updateValue(value);
+    });
     const updateValue = (val) => {
+      cascaderPanel.value.syncCheckedValue(val);
       if (multiple) {
         selectedTags.value = store.getCheckedNodes().map((node) => ({
           text: node.pathNames.join(separator2),
@@ -26347,6 +26366,9 @@ var Component$5 = defineComponent({
         const node = store.getNodeByValue(val);
         selectedText.value = node.pathNames.join(separator2);
       }
+    };
+    const inputChangeHandler = (val) => {
+      updateValue(val);
       emit("update:modelValue", val);
       emit("change", val);
     };
@@ -26375,13 +26397,16 @@ var Component$5 = defineComponent({
       hidePopover,
       inputClickHandler,
       selectedText,
+      checkedValue,
       panelShow,
       handleClear,
       isHover,
       setHover,
       cancelHover,
       selectedTags,
-      removeTag
+      removeTag,
+      inputChangeHandler,
+      cascaderPanel
     };
   },
   render() {
@@ -26442,7 +26467,8 @@ var Component$5 = defineComponent({
         "class": "bk-cascader-popover"
       }, [createVNode(CascaderPanel, {
         "store": this.store,
-        "onInput": (val) => this.updateValue(val)
+        "ref": "cascaderPanel",
+        "onInput": (val) => this.inputChangeHandler(val)
       }, null)])
     })]);
   }