bkui-vue 0.0.1-beta.166 → 0.0.1-beta.167

package/dist/index.esm.js

@@ -27440,6 +27440,8 @@ const BkDropdown = withInstallProps(Dropdown, { DropdownMenu, DropdownItem });
 var CascaderPanel = defineComponent({
   name: "CascaderPanel",
   props: {
+    width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).def("auto"),
+    height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).def(216),
     store: PropTypes.object.def({}),
     modelValue: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.number).def([]), PropTypes.arrayOf(PropTypes.string).def([])])
   },
@@ -27455,6 +27457,14 @@ var CascaderPanel = defineComponent({
     });
     const activePath = ref([]);
     const checkValue = ref([]);
+    const getSizeComputed = (value) => {
+      if (typeof value === "number") {
+        return `${value}px`;
+      }
+      return value;
+    };
+    const panelHeight = getSizeComputed(props2.height);
+    const panelWidth = getSizeComputed(props2.width);
     const updateCheckValue = (value) => {
       if (value.length === 0) {
         menus.list = menus.list.slice(0, 1);
@@ -27555,30 +27565,40 @@ var CascaderPanel = defineComponent({
       isCheckedNode,
       checkValue,
       checkNode,
-      iconRender
+      iconRender,
+      panelWidth,
+      panelHeight
     };
   },
   render() {
     return createVNode("div", {
       "class": "bk-cascader-panel-wrapper"
     }, [this.menus.list.map((menu2) => createVNode("ul", {
-      "class": "bk-cascader-panel"
-    }, [menu2.map((node) => createVNode("li", mergeProps({
-      "class": ["bk-cascader-node", {
-        "is-selected": this.isNodeInPath(node)
-      }, {
-        "is-disabled": node.isDisabled
-      }, {
-        "is-checked": this.isCheckedNode(node, this.checkValue)
-      }]
-    }, this.nodeEvent(node)), [node.config.multiple && createVNode(BkCheckbox, {
-      "disabled": node.isDisabled,
-      "modelValue": node.checked,
-      "onUpdate:modelValue": ($event) => node.checked = $event,
-      "onChange": (val) => this.checkNode(node, val)
-    }, null), createVNode("span", {
-      "class": "bk-cascader-node-name"
-    }, [node.name]), !node.isLeaf ? this.iconRender(node) : ""]))]))]);
+      "class": "bk-cascader-panel bk-scroll-y",
+      "style": {
+        height: this.panelHeight,
+        width: this.panelWidth
+      }
+    }, [menu2.map((node) => {
+      var _a, _b;
+      return createVNode("li", mergeProps({
+        "class": ["bk-cascader-node", {
+          "is-selected": this.isNodeInPath(node)
+        }, {
+          "is-disabled": node.isDisabled
+        }, {
+          "is-checked": this.isCheckedNode(node, this.checkValue)
+        }]
+      }, this.nodeEvent(node)), [node.config.multiple && createVNode(BkCheckbox, {
+        "disabled": node.isDisabled,
+        "modelValue": node.checked,
+        "onUpdate:modelValue": ($event) => node.checked = $event,
+        "onChange": (val) => this.checkNode(node, val)
+      }, null), (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a, {
+        node,
+        data: node.data
+      }), !node.isLeaf ? this.iconRender(node) : ""]);
+    })]))]);
   }
 });
 class Node$1 {
@@ -27696,7 +27716,9 @@ var Component$6 = defineComponent({
     childrenKey: PropTypes.string.def("children"),
     separator: PropTypes.string.def("/"),
     limitOneLine: PropTypes.bool.def(false),
-    extCls: PropTypes.string.def("")
+    extCls: PropTypes.string.def(""),
+    scrollHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).def(216),
+    scrollWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).def("auto")
   },
   emits: ["update:modelValue", "change", "clear", "toggle"],
   setup(props2, {
@@ -27736,7 +27758,7 @@ var Component$6 = defineComponent({
         }));
         return;
       }
-      (_a = popover3 == null ? void 0 : popover3.value) == null ? void 0 : _a.hide();
+      !props2.checkAnyLevel && ((_a = popover3 == null ? void 0 : popover3.value) == null ? void 0 : _a.hide());
       if (val.length === 0) {
         selectedText.value = "";
       } else {
@@ -27854,9 +27876,15 @@ var Component$6 = defineComponent({
       }, [createVNode(CascaderPanel, {
         "store": this.store,
         "ref": "cascaderPanel",
+        "width": this.scrollWidth,
+        "height": this.scrollHeight,
         "modelValue": this.checkedValue,
         "onUpdate:modelValue": ($event) => this.checkedValue = $event
-      }, null)])
+      }, {
+        default: (scope) => this.$slots.default ? this.$slots.default(scope) : createVNode("span", {
+          "class": "bk-cascader-node-name"
+        }, [scope.node.name])
+      })])
     })]);
   }
 });