bkui-vue 0.0.1-beta.148 → 0.0.1-beta.150

package/dist/index.esm.js

@@ -9776,7 +9776,7 @@ const propsCollapse = {
 const CollapsePanelEventProps = {
   itemClick: {
     type: Function,
-    default: () => ({})
+    default: null
   }
 };
 const propsCollapsePanel = __spreadValues({
@@ -9902,13 +9902,16 @@ var CollapsePanel = defineComponent({
       const data2 = {
         name
       };
-      itemClick(data2);
       isActive.value = !isActive.value;
       emit("change", data2);
       emit("update:modelValue", isActive.value);
-      handleItemClick({
-        name
-      });
+      if (typeof itemClick === "function") {
+        itemClick(data2);
+      } else if (typeof handleItemClick === "function") {
+        handleItemClick({
+          name
+        });
+      }
     }
     const transition = ref(collapseMotion$1(emit));
     function getContent() {
@@ -10032,15 +10035,19 @@ var Collapse = defineComponent({
       }, item);
     }));
     const renderItems = () => collapseData.value.map((item, index) => {
+      var _a, _b, _c;
       const name = item[props2.idFiled] || index;
       let title = item[props2.titleField];
       if (slots.title) {
         if (typeof slots.title === "function") {
-          title = slots.title(item);
+          title = slots.title(item, index);
         } else {
           title = slots.title;
         }
       }
+      if (slots.default) {
+        title = (_a = slots.default) == null ? void 0 : _a.call(slots, item, index);
+      }
       return createVNode(CollapsePanel, {
         "key": index,
         "item-click": handleItemClick,
@@ -10048,7 +10055,7 @@ var Collapse = defineComponent({
         "name": name,
         "isFormList": true,
         "title": title,
-        "content": item[props2.contentField]
+        "content": (_c = (_b = slots.content) == null ? void 0 : _b.call(slots, item, index)) != null ? _c : item[props2.contentField]
       }, null);
     });
     return () => createVNode("div", {
@@ -10165,7 +10172,7 @@ var Component$t = defineComponent({
       "name": this.animateType
     }, {
       default: () => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
         return [this.isShow ? createVNode("div", {
           "class": bodyClass
         }, [createVNode("div", {
@@ -10175,7 +10182,9 @@ var Component$t = defineComponent({
           "style": [this.dialogType === "show" ? "padding-bottom: 20px" : "", __spreadValues({}, maxHeight)]
         }, [(_f = (_e = (_d = this.$slots).default) == null ? void 0 : _e.call(_d)) != null ? _f : ""]), this.dialogType === "show" ? "" : createVNode("div", {
           "class": "bk-modal-footer"
-        }, [(_i = (_h = (_g = this.$slots).footer) == null ? void 0 : _h.call(_g)) != null ? _i : ""])]) : ""];
+        }, [(_i = (_h = (_g = this.$slots).footer) == null ? void 0 : _h.call(_g)) != null ? _i : ""]), createVNode("div", {
+          "class": ["bk-modal-close", this.closeIcon ? "" : "close-icon"]
+        }, [(_l = (_k = (_j = this.$slots).close) == null ? void 0 : _k.call(_j)) != null ? _l : ""])]) : ""];
       }
     })]);
   }
@@ -10341,10 +10350,7 @@ var Dialog = defineComponent({
         }, [createVNode("span", {
           "class": "bk-dialog-title",
           "style": `text-align: ${this.headerAlign}`
-        }, [(_f = (_e = (_d = this.$slots).header) == null ? void 0 : _e.call(_d)) != null ? _f : this.title]), createVNode("span", {
-          "class": ["bk-dialog-close", this.closeIcon ? "" : "close-icon"],
-          "onClick": this.handleClose
-        }, [createTextVNode("+")])])];
+        }, [(_f = (_e = (_d = this.$slots).header) == null ? void 0 : _e.call(_d)) != null ? _f : this.title])])];
       },
       default: () => {
         var _a, _b, _c;
@@ -10396,7 +10402,11 @@ var Dialog = defineComponent({
         }, {
           default: () => [this.confirmText]
         })]) : ""]);
-      }
+      },
+      close: () => createVNode("span", {
+        "class": "bk-dialog-close",
+        "onClick": this.handleClose
+      }, [createTextVNode("+")])
     };
     const className = `bk-dialog-wrapper ${this.scrollable ? "scroll-able" : ""} ${this.multiInstance ? "multi-instance" : ""}`;
     return createVNode(BkModal, mergeProps(this.$props, {
@@ -26091,6 +26101,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)
@@ -26111,7 +26128,6 @@ var CascaderPanel = defineComponent({
           node.loading = false;
         };
         store.config.remoteMethod(node, updateNodes);
-        console.log("remote fuck here");
       }
     };
     const nodeEvent = (node) => {
@@ -26166,7 +26182,8 @@ var CascaderPanel = defineComponent({
       checkValue,
       nodeClear,
       checkNode,
-      iconRender
+      iconRender,
+      syncCheckedValue
     };
   },
   render() {
@@ -26268,6 +26285,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;
@@ -26287,7 +26307,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),
@@ -26323,7 +26343,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),
@@ -26337,6 +26363,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);
     };
@@ -26365,13 +26394,16 @@ var Component$5 = defineComponent({
       hidePopover,
       inputClickHandler,
       selectedText,
+      checkedValue,
       panelShow,
       handleClear,
       isHover,
       setHover,
       cancelHover,
       selectedTags,
-      removeTag
+      removeTag,
+      inputChangeHandler,
+      cascaderPanel
     };
   },
   render() {
@@ -26432,7 +26464,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)])
     })]);
   }