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

package/lib/cascader/cascader-panel.d.ts

@@ -1,5 +1,11 @@
 import { INode } from './interface';
 declare const _default: import("vue").DefineComponent<{
+    width: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    height: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
     store: import("vue-types").VueTypeValidableDef<{
         [key: string]: any;
     }> & {
@@ -27,7 +33,15 @@ declare const _default: import("vue").DefineComponent<{
     checkValue: import("vue").Ref<any[]>;
     checkNode: (node: INode, value: boolean) => void;
     iconRender: (node: any) => JSX.Element;
+    panelWidth: string;
+    panelHeight: string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    width: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    height: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
     store: import("vue-types").VueTypeValidableDef<{
         [key: string]: any;
     }> & {
@@ -43,6 +57,8 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: (...args: any[]) => any;
 }, {
+    width: string | number;
+    height: string | number;
     store: {
         [key: string]: any;
     };

package/lib/cascader/cascader.css

@@ -112,7 +112,10 @@
 .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node {
   position: relative;
   padding: 0 16px;
+  overflow: hidden;
   line-height: 32px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
   cursor: pointer;
 }
 .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node:hover {

package/lib/cascader/cascader.d.ts

@@ -84,6 +84,12 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: string;
     };
+    scrollHeight: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    scrollWidth: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
 }, {
     store: import("vue").Ref<{
         data: {
@@ -248,6 +254,12 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: string;
     };
+    scrollHeight: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    scrollWidth: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
 }>> & {
     onChange?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -271,5 +283,7 @@ declare const _default: import("vue").DefineComponent<{
     remoteMethod: (...args: any[]) => any;
     showCompleteName: boolean;
     limitOneLine: boolean;
+    scrollHeight: string | number;
+    scrollWidth: string | number;
 }>;
 export default _default;

package/lib/cascader/cascader.less

@@ -124,7 +124,10 @@
     .@{bk-prefix}-cascader-node {
       position: relative;
       padding: 0 16px;
+      overflow: hidden;
       line-height: 32px;
+      text-overflow: ellipsis;
+      white-space: nowrap;
       cursor: pointer;
 
       &:hover {

package/lib/cascader/cascader.variable.css

@@ -225,7 +225,10 @@
 .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node {
   position: relative;
   padding: 0 16px;
+  overflow: hidden;
   line-height: 32px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
   cursor: pointer;
 }
 .bk-cascader-panel-wrapper .bk-cascader-panel .bk-cascader-node:hover {

package/lib/cascader/index.d.ts

@@ -21,6 +21,8 @@ declare const BkCascader: {
             remoteMethod: (...args: any[]) => any;
             showCompleteName: boolean;
             limitOneLine: boolean;
+            scrollHeight: string | number;
+            scrollWidth: string | number;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             modelValue: import("vue-types").VueTypeDef<string[] | number[]>;
             list: import("vue-types").VueTypeValidableDef<unknown[]> & {
@@ -106,12 +108,18 @@ declare const BkCascader: {
             } & {
                 default: string;
             };
+            scrollHeight: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            scrollWidth: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
         }>> & {
             onChange?: (...args: any[]) => any;
             "onUpdate:modelValue"?: (...args: any[]) => any;
             onClear?: (...args: any[]) => any;
             onToggle?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "trigger" | "extCls" | "placeholder" | "list" | "separator" | "multiple" | "clearable" | "checkAnyLevel" | "filterable" | "idKey" | "nameKey" | "childrenKey" | "isRemote" | "remoteMethod" | "showCompleteName" | "limitOneLine">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "trigger" | "extCls" | "placeholder" | "list" | "separator" | "multiple" | "clearable" | "checkAnyLevel" | "filterable" | "idKey" | "nameKey" | "childrenKey" | "isRemote" | "remoteMethod" | "showCompleteName" | "limitOneLine" | "scrollHeight" | "scrollWidth">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -210,6 +218,12 @@ declare const BkCascader: {
             } & {
                 default: string;
             };
+            scrollHeight: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            scrollWidth: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
         }>> & {
             onChange?: (...args: any[]) => any;
             "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -312,6 +326,8 @@ declare const BkCascader: {
             remoteMethod: (...args: any[]) => any;
             showCompleteName: boolean;
             limitOneLine: boolean;
+            scrollHeight: string | number;
+            scrollWidth: string | number;
         }> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -417,6 +433,12 @@ declare const BkCascader: {
         } & {
             default: string;
         };
+        scrollHeight: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        scrollWidth: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
     }>> & {
         onChange?: (...args: any[]) => any;
         "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -590,6 +612,12 @@ declare const BkCascader: {
     } & {
         default: string;
     };
+    scrollHeight: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
+    scrollWidth: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
+    };
 }>> & {
     onChange?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -692,8 +720,16 @@ declare const BkCascader: {
     remoteMethod: (...args: any[]) => any;
     showCompleteName: boolean;
     limitOneLine: boolean;
+    scrollHeight: string | number;
+    scrollWidth: string | number;
 }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin & Readonly<{
     CascaderPanel: import("vue").DefineComponent<{
+        width: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        height: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
         store: import("vue-types").VueTypeValidableDef<{
             [key: string]: any;
         }> & {
@@ -721,7 +757,15 @@ declare const BkCascader: {
         checkValue: import("vue").Ref<any[]>;
         checkNode: (node: import("./interface").INode, value: boolean) => void;
         iconRender: (node: any) => JSX.Element;
+        panelWidth: string;
+        panelHeight: string;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        width: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        height: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
         store: import("vue-types").VueTypeValidableDef<{
             [key: string]: any;
         }> & {
@@ -737,6 +781,8 @@ declare const BkCascader: {
     }>> & {
         "onUpdate:modelValue"?: (...args: any[]) => any;
     }, {
+        width: string | number;
+        height: string | number;
         store: {
             [key: string]: any;
         };

package/lib/cascader/index.js

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../directives"),require("../icon"),require("../popover2"),require("../checkbox"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../directives","../icon","../popover2","../checkbox"],t);else{var r="object"==typeof exports?t(require("../shared"),require("vue"),require("../directives"),require("../icon"),require("../popover2"),require("../checkbox")):t(e["../shared"],e.vue,e["../directives"],e["../icon"],e["../popover2"],e["../checkbox"]);for(var n in r)("object"==typeof exports?exports:e)[n]=r[n]}}(self,((e,t,r,n,o,i)=>(()=>{var a={7162:(e,t,r)=>{r(5047)},5047:e=>{var t=function(e){"use strict";var t,r=Object.prototype,n=r.hasOwnProperty,o="function"==typeof Symbol?Symbol:{},i=o.iterator||"@@iterator",a=o.asyncIterator||"@@asyncIterator",c=o.toStringTag||"@@toStringTag";function s(e,t,r){return Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{s({},"")}catch(e){s=function(e,t,r){return e[t]=r}}function l(e,t,r,n){var o=t&&t.prototype instanceof y?t:y,i=Object.create(o.prototype),a=new E(n||[]);return i._invoke=function(e,t,r){var n=d;return function(o,i){if(n===f)throw new Error("Generator is already running");if(n===h){if("throw"===o)throw i;return C()}for(r.method=o,r.arg=i;;){var a=r.delegate;if(a){var c=V(a,r);if(c){if(c===v)continue;return c}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(n===d)throw n=h,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);n=f;var s=u(e,t,r);if("normal"===s.type){if(n=r.done?h:p,s.arg===v)continue;return{value:s.arg,done:r.done}}"throw"===s.type&&(n=h,r.method="throw",r.arg=s.arg)}}}(e,r,a),i}function u(e,t,r){try{return{type:"normal",arg:e.call(t,r)}}catch(e){return{type:"throw",arg:e}}}e.wrap=l;var d="suspendedStart",p="suspendedYield",f="executing",h="completed",v={};function y(){}function g(){}function m(){}var b={};s(b,i,(function(){return this}));var k=Object.getPrototypeOf,w=k&&k(k(O([])));w&&w!==r&&n.call(w,i)&&(b=w);var N=m.prototype=y.prototype=Object.create(b);function P(e){["next","throw","return"].forEach((function(t){s(e,t,(function(e){return this._invoke(t,e)}))}))}function x(e,t){function r(o,i,a,c){var s=u(e[o],e,i);if("throw"!==s.type){var l=s.arg,d=l.value;return d&&"object"==typeof d&&n.call(d,"__await")?t.resolve(d.__await).then((function(e){r("next",e,a,c)}),(function(e){r("throw",e,a,c)})):t.resolve(d).then((function(e){l.value=e,a(l)}),(function(e){return r("throw",e,a,c)}))}c(s.arg)}var o;this._invoke=function(e,n){function i(){return new t((function(t,o){r(e,n,t,o)}))}return o=o?o.then(i,i):i()}}function V(e,r){var n=e.iterator[r.method];if(n===t){if(r.delegate=null,"throw"===r.method){if(e.iterator.return&&(r.method="return",r.arg=t,V(e,r),"throw"===r.method))return v;r.method="throw",r.arg=new TypeError("The iterator does not provide a 'throw' method")}return v}var o=u(n,e.iterator,r.arg);if("throw"===o.type)return r.method="throw",r.arg=o.arg,r.delegate=null,v;var i=o.arg;return i?i.done?(r[e.resultName]=i.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,v):i:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,v)}function T(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function L(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function E(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(T,this),this.reset(!0)}function O(e){if(e){var r=e[i];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,a=function r(){for(;++o<e.length;)if(n.call(e,o))return r.value=e[o],r.done=!1,r;return r.value=t,r.done=!0,r};return a.next=a}}return{next:C}}function C(){return{value:t,done:!0}}return g.prototype=m,s(N,"constructor",m),s(m,"constructor",g),g.displayName=s(m,c,"GeneratorFunction"),e.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===g||"GeneratorFunction"===(t.displayName||t.name))},e.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,m):(e.__proto__=m,s(e,c,"GeneratorFunction")),e.prototype=Object.create(N),e},e.awrap=function(e){return{__await:e}},P(x.prototype),s(x.prototype,a,(function(){return this})),e.AsyncIterator=x,e.async=function(t,r,n,o,i){void 0===i&&(i=Promise);var a=new x(l(t,r,n,o),i);return e.isGeneratorFunction(r)?a:a.next().then((function(e){return e.done?e.value:a.next()}))},P(N),s(N,c,"Generator"),s(N,i,(function(){return this})),s(N,"toString",(function(){return"[object Generator]"})),e.keys=function(e){var t=[];for(var r in e)t.push(r);return t.reverse(),function r(){for(;t.length;){var n=t.pop();if(n in e)return r.value=n,r.done=!1,r}return r.done=!0,r}},e.values=O,E.prototype={constructor:E,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(L),!e)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=t)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var r=this;function o(n,o){return c.type="throw",c.arg=e,r.next=n,o&&(r.method="next",r.arg=t),!!o}for(var i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],c=a.completion;if("root"===a.tryLoc)return o("end");if(a.tryLoc<=this.prev){var s=n.call(a,"catchLoc"),l=n.call(a,"finallyLoc");if(s&&l){if(this.prev<a.catchLoc)return o(a.catchLoc,!0);if(this.prev<a.finallyLoc)return o(a.finallyLoc)}else if(s){if(this.prev<a.catchLoc)return o(a.catchLoc,!0)}else{if(!l)throw new Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return o(a.finallyLoc)}}}},abrupt:function(e,t){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===e||"continue"===e)&&i.tryLoc<=t&&t<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=e,a.arg=t,i?(this.method="next",this.next=i.finallyLoc,v):this.complete(a)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),v},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.finallyLoc===e)return this.complete(r.completion,r.afterLoc),L(r),v}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.tryLoc===e){var n=r.completion;if("throw"===n.type){var o=n.arg;L(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(e,r,n){return this.delegate={iterator:O(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),v}},e}(e.exports);try{regeneratorRuntime=t}catch(e){"object"==typeof globalThis?globalThis.regeneratorRuntime=t:Function("r","regeneratorRuntime = r")(t)}},5800:e=>{"use strict";e.exports=i},4061:e=>{"use strict";e.exports=r},6870:e=>{"use strict";e.exports=n},6175:e=>{"use strict";e.exports=o},4212:t=>{"use strict";t.exports=e},748:e=>{"use strict";e.exports=t}},c={};function s(e){var t=c[e];if(void 0!==t)return t.exports;var r=c[e]={exports:{}};return a[e](r,r.exports,s),r.exports}s.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return s.d(t,{a:t}),t},s.d=(e,t)=>{for(var r in t)s.o(t,r)&&!s.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{"use strict";s.r(l),s.d(l,{BkCascader:()=>m,BkCascaderPanel:()=>u,default:()=>b});var e=s(4212),t=s(748),r=s(4061),n=s(6870),o=s(6175),i=s.n(o);s(7162),Symbol("BkSelect"),Symbol("BkOptionGroup");var a=s(5800),c=s.n(a);const u=(0,t.defineComponent)({name:"CascaderPanel",props:{store:e.PropTypes.object.def({}),modelValue:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.number).def([]),e.PropTypes.arrayOf(e.PropTypes.string).def([])])},emits:["update:modelValue"],setup:function(r,o){var i=o.emit,a=r.store,c=(0,t.reactive)({list:[r.store.getNodes()]}),s=(0,t.ref)([]),l=(0,t.ref)([]),u=function(e){e.config.multiple?l.value=a.getCheckedNodes().map((function(e){return e.path})):l.value=e.path,i("update:modelValue",l.value)},d=function(e){var t;if(e&&!(null==e?void 0:e.isDisabled)){if(c.list=c.list.slice(0,e.level),s.value=s.value.slice(0,e.level-1),null===(t=e.children)||void 0===t?void 0:t.length)return c.list.push(e.children),void s.value.push(e);a.config.isRemote&&!e.isLeaf&&(e.loading=!0,a.config.remoteMethod(e,(function(t){a.appendNodes(t,e||null),c.list.push(e.children),s.value.push(e),e.loading=!1})))}};return(0,t.watch)((function(){return r.modelValue}),(function(e){!function(e){0===e.length&&(c.list=c.list.slice(0,1),s.value=[]),e.forEach((function(e){var t=a.getNodeById(e);d(t)})),l.value=e}(e)}),{immediate:!0}),(0,t.watch)((function(){return r.store}),(function(e){c.list=[e.getNodes()]})),{menus:c,activePath:s,nodeExpandHandler:d,isNodeInPath:function(e){return(s.value[e.level-1]||{}).id===e.id},nodeEvent:function(e){var t=e.config,r=t.trigger,n=t.checkAnyLevel,o=t.multiple;return{onClick:function(t){e.isLeaf&&!o||t.stopPropagation(),"click"===r&&d(e),n&&!o&&u(e),e.isLeaf&&!o&&u(e)},onMouseenter:function(){"hover"===r&&d(e)}}},isCheckedNode:function(t,r){return!t.config.multiple&&(0,e.arrayEqual)(r,t.path)},checkValue:l,checkNode:function(e,t){e.setNodeCheck(t),u(e)},iconRender:function(e){return e.loading?(0,t.createVNode)(n.Spinner,{class:"icon-spinner"},null):(0,t.createVNode)(n.AngleRight,{class:"icon-angle-right"},null)}}},render:function(){var e=this;return(0,t.createVNode)("div",{class:"bk-cascader-panel-wrapper"},[this.menus.list.map((function(r){return(0,t.createVNode)("ul",{class:"bk-cascader-panel"},[r.map((function(r){return(0,t.createVNode)("li",(0,t.mergeProps)({class:["bk-cascader-node",{"is-selected":e.isNodeInPath(r)},{"is-disabled":r.isDisabled},{"is-checked":e.isCheckedNode(r,e.checkValue)}]},e.nodeEvent(r)),[r.config.multiple&&(0,t.createVNode)(c(),{disabled:r.isDisabled,modelValue:r.checked,"onUpdate:modelValue":function(e){return r.checked=e},onChange:function(t){return e.checkNode(r,t)}},null),(0,t.createVNode)("span",{class:"bk-cascader-node-name"},[r.name]),r.isLeaf?"":e.iconRender(r)])}))])}))])}});function d(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function p(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function f(e,t,r){return t&&p(e.prototype,t),r&&p(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}const h=function(){function e(t,r,n){d(this,e),this.data=t,this.config=r,this.parent=n||null,this.leaf=t.leaf,this.level=this.parent?this.parent.level+1:1,this.initState()}return f(e,[{key:"initState",value:function(){var t=this,r=this.config,n=r.idKey,o=r.nameKey,i=r.childrenKey;this.id=this.data[n],this.name=this.data[o],this.loading=!1,this.loaded=!1,this.checked=!1;var a=this.data[i];this.children=(a||[]).map((function(r){return new e(r,t.config,t)})),this.pathNodes=this.calculateNodesPath(),this.path=this.pathNodes.map((function(e){return e.id})),this.pathNames=this.pathNodes.map((function(e){return e.name}))}},{key:"isLeaf",get:function(){var e;return this.config.isRemote?this.leaf||!!this.loaded&&!this.children.length:!(Array.isArray(this.children)&&0!==(null===(e=this.children)||void 0===e?void 0:e.length))}},{key:"isDisabled",get:function(){return this.data.disabled}},{key:"setNodeCheck",value:function(e){this.checked=e}},{key:"calculateNodesPath",value:function(){for(var e=[this],t=this.parent;t;)e.unshift(t),t=t.parent;return e}}]),e}();var v=function e(t,r){return t.reduce((function(t,n){return n.isLeaf?t.push(n):(!r&&t.push(n),t=t.concat(e(n.children,r))),t}),[])};const y=function(){function t(e){var r=this;d(this,t);var n=e.list;this.data=n,this.config=e,this.nodes=this.data.map((function(e){return new h(e,r.config)}))}return f(t,[{key:"getNodes",value:function(){return this.nodes}},{key:"getFlattedNodes",value:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return v(this.nodes,e)}},{key:"getCheckedNodes",value:function(){return this.getFlattedNodes().filter((function(e){return e.checked}))}},{key:"getNodeByValue",value:function(t){var r;return null!==(r=this.getFlattedNodes().filter((function(r){return(0,e.arrayEqual)(r.path,t)}))[0])&&void 0!==r?r:null}},{key:"getNodeById",value:function(e){return this.getFlattedNodes().find((function(t){return t.id===e}))}},{key:"appendNode",value:function(e,t){var r=new h(e,this.config,t);(t?t.children:this.nodes).push(r)}},{key:"appendNodes",value:function(e,t){var r=this;e.forEach((function(e){return r.appendNode(e,t)}))}}]),t}(),g=(0,t.defineComponent)({name:"Cascader",directives:{clickoutside:r.clickoutside},components:{CascaderPanel:u,BkPopover:i()},props:{modelValue:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.number).def([]),e.PropTypes.arrayOf(e.PropTypes.string).def([])]),list:e.PropTypes.array.def([]),placeholder:e.PropTypes.string.def("请选择"),filterable:e.PropTypes.bool.def(!1),multiple:e.PropTypes.bool.def(!1),disabled:e.PropTypes.bool.def(!1),clearable:e.PropTypes.bool.def(!0),trigger:e.PropTypes.string.def("click"),checkAnyLevel:e.PropTypes.bool.def(!1),isRemote:e.PropTypes.bool.def(!1),remoteMethod:e.PropTypes.func,showCompleteName:e.PropTypes.bool.def(!0),idKey:e.PropTypes.string.def("id"),nameKey:e.PropTypes.string.def("name"),childrenKey:e.PropTypes.string.def("children"),separator:e.PropTypes.string.def("/"),limitOneLine:e.PropTypes.bool.def(!1),extCls:e.PropTypes.string.def("")},emits:["update:modelValue","change","clear","toggle"],setup:function(e,r){var n=r.emit,o=e.separator,i=e.multiple,a=function(){var e=(0,t.ref)(!1);return{isHover:e,setHover:function(){e.value=!0},cancelHover:function(){e.value=!1}}}(),c=a.isHover,s=a.setHover,l=a.cancelHover,u=(0,t.ref)(new y(e)),d=(0,t.ref)(!1),p=(0,t.ref)(""),f=(0,t.ref)([]),h=(0,t.toRefs)(e).modelValue,v=(0,t.ref)(),g=(0,t.computed)({get:function(){return h.value},set:function(e){n("update:modelValue",e)}}),m=(0,t.ref)(null),b=function(t){return e.showCompleteName?t.pathNames.join(o):t.pathNames[t.pathNames.length-1]},k=function(e){var t;if(i)f.value=u.value.getCheckedNodes().map((function(e){return{text:b(e),key:e.id}}));else if(null===(t=null==m?void 0:m.value)||void 0===t||t.hide(),0===e.length)p.value="";else{var r=u.value.getNodeByValue(e);if(!r)return;p.value=b(r)}};return(0,t.watch)((function(){return e.modelValue}),(function(e){k(e),n("update:modelValue",e),n("change",e)}),{immediate:!0}),(0,t.watch)((function(){return e.list}),(function(){u.value=new y(e),k(e.modelValue)}),{deep:!0,immediate:!0}),{store:u,updateValue:k,panelShow:d,selectedText:p,checkedValue:g,handleClear:function(t){t.stopPropagation(),k([]),n("update:modelValue",[]),n("clear",JSON.parse(JSON.stringify(e.modelValue)))},isHover:c,setHover:s,popover:m,cancelHover:l,selectedTags:f,removeTag:function(e,t,r){r.stopPropagation();var n=JSON.parse(JSON.stringify(e));n.splice(t,1),k(n)},cascaderPanel:v,popoverChangeEmitter:function(e){n("toggle",e.isShow)}}},render:function(){var e=this;return(0,t.createVNode)("div",{class:["bk-cascader","bk-cascader-wrapper",this.extCls,{"bk-is-show-panel":this.panelShow,"is-unselected":0===this.modelValue.length,"is-hover":this.isHover}],tabindex:"0","data-placeholder":this.placeholder,onMouseenter:this.setHover,onMouseleave:this.cancelHover},[e.clearable&&e.isHover?(0,t.createVNode)(n.Close,{class:"bk-icon-clear-icon",onClick:e.handleClear},null):(0,t.createVNode)(n.AngleUp,{class:"bk-icon-angle-up"},null),(0,t.createVNode)(i(),{placement:"bottom-start",theme:"light bk-cascader-popover",trigger:"click",arrow:!1,class:"bk-cascader-popover-wrapper",ref:"popover",onAfterHidden:this.popoverChangeEmitter,onAfterShow:this.popoverChangeEmitter,boundary:"body"},{default:function(){return(0,t.createVNode)("div",{class:"bk-cascader-name"},[e.multiple&&(e.limitOneLine?(0,t.createVNode)("span",null,[e.selectedText]):(0,t.createVNode)("div",{class:"cascader-tag-list"},[e.selectedTags.map((function(r,o){return(0,t.createVNode)("span",{class:"cascader-tag-item"},[(0,t.createVNode)("span",{class:"cascader-tag-item-name"},[r.text]),(0,t.createVNode)(n.Error,{class:"bk-icon-clear-icon",onClick:function(t){return e.removeTag(e.modelValue,o,t)}},null)])}))])),e.filterable?(0,t.createVNode)("input",{class:"bk-cascader-search-input",type:"text",placeholder:e.placeholder},null):(0,t.createVNode)("span",null,[e.selectedText])])},content:function(){return(0,t.createVNode)("div",{class:"bk-cascader-popover"},[(0,t.createVNode)(u,{store:e.store,ref:"cascaderPanel",modelValue:e.checkedValue,"onUpdate:modelValue":function(t){return e.checkedValue=t}},null)])}})])}});var m=(0,e.withInstallProps)(g,{CascaderPanel:u});const b=m})(),l})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../directives"),require("../icon"),require("../popover2"),require("../checkbox"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../directives","../icon","../popover2","../checkbox"],t);else{var r="object"==typeof exports?t(require("../shared"),require("vue"),require("../directives"),require("../icon"),require("../popover2"),require("../checkbox")):t(e["../shared"],e.vue,e["../directives"],e["../icon"],e["../popover2"],e["../checkbox"]);for(var n in r)("object"==typeof exports?exports:e)[n]=r[n]}}(self,((e,t,r,n,o,i)=>(()=>{var a={7162:(e,t,r)=>{r(5047)},5047:e=>{var t=function(e){"use strict";var t,r=Object.prototype,n=r.hasOwnProperty,o="function"==typeof Symbol?Symbol:{},i=o.iterator||"@@iterator",a=o.asyncIterator||"@@asyncIterator",c=o.toStringTag||"@@toStringTag";function s(e,t,r){return Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{s({},"")}catch(e){s=function(e,t,r){return e[t]=r}}function l(e,t,r,n){var o=t&&t.prototype instanceof y?t:y,i=Object.create(o.prototype),a=new O(n||[]);return i._invoke=function(e,t,r){var n=d;return function(o,i){if(n===h)throw new Error("Generator is already running");if(n===f){if("throw"===o)throw i;return C()}for(r.method=o,r.arg=i;;){var a=r.delegate;if(a){var c=x(a,r);if(c){if(c===v)continue;return c}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(n===d)throw n=f,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);n=h;var s=u(e,t,r);if("normal"===s.type){if(n=r.done?f:p,s.arg===v)continue;return{value:s.arg,done:r.done}}"throw"===s.type&&(n=f,r.method="throw",r.arg=s.arg)}}}(e,r,a),i}function u(e,t,r){try{return{type:"normal",arg:e.call(t,r)}}catch(e){return{type:"throw",arg:e}}}e.wrap=l;var d="suspendedStart",p="suspendedYield",h="executing",f="completed",v={};function y(){}function g(){}function m(){}var b={};s(b,i,(function(){return this}));var k=Object.getPrototypeOf,w=k&&k(k(E([])));w&&w!==r&&n.call(w,i)&&(b=w);var N=m.prototype=y.prototype=Object.create(b);function P(e){["next","throw","return"].forEach((function(t){s(e,t,(function(e){return this._invoke(t,e)}))}))}function T(e,t){function r(o,i,a,c){var s=u(e[o],e,i);if("throw"!==s.type){var l=s.arg,d=l.value;return d&&"object"==typeof d&&n.call(d,"__await")?t.resolve(d.__await).then((function(e){r("next",e,a,c)}),(function(e){r("throw",e,a,c)})):t.resolve(d).then((function(e){l.value=e,a(l)}),(function(e){return r("throw",e,a,c)}))}c(s.arg)}var o;this._invoke=function(e,n){function i(){return new t((function(t,o){r(e,n,t,o)}))}return o=o?o.then(i,i):i()}}function x(e,r){var n=e.iterator[r.method];if(n===t){if(r.delegate=null,"throw"===r.method){if(e.iterator.return&&(r.method="return",r.arg=t,x(e,r),"throw"===r.method))return v;r.method="throw",r.arg=new TypeError("The iterator does not provide a 'throw' method")}return v}var o=u(n,e.iterator,r.arg);if("throw"===o.type)return r.method="throw",r.arg=o.arg,r.delegate=null,v;var i=o.arg;return i?i.done?(r[e.resultName]=i.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,v):i:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,v)}function V(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function L(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function O(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(V,this),this.reset(!0)}function E(e){if(e){var r=e[i];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,a=function r(){for(;++o<e.length;)if(n.call(e,o))return r.value=e[o],r.done=!1,r;return r.value=t,r.done=!0,r};return a.next=a}}return{next:C}}function C(){return{value:t,done:!0}}return g.prototype=m,s(N,"constructor",m),s(m,"constructor",g),g.displayName=s(m,c,"GeneratorFunction"),e.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===g||"GeneratorFunction"===(t.displayName||t.name))},e.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,m):(e.__proto__=m,s(e,c,"GeneratorFunction")),e.prototype=Object.create(N),e},e.awrap=function(e){return{__await:e}},P(T.prototype),s(T.prototype,a,(function(){return this})),e.AsyncIterator=T,e.async=function(t,r,n,o,i){void 0===i&&(i=Promise);var a=new T(l(t,r,n,o),i);return e.isGeneratorFunction(r)?a:a.next().then((function(e){return e.done?e.value:a.next()}))},P(N),s(N,c,"Generator"),s(N,i,(function(){return this})),s(N,"toString",(function(){return"[object Generator]"})),e.keys=function(e){var t=[];for(var r in e)t.push(r);return t.reverse(),function r(){for(;t.length;){var n=t.pop();if(n in e)return r.value=n,r.done=!1,r}return r.done=!0,r}},e.values=E,O.prototype={constructor:O,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(L),!e)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=t)},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var r=this;function o(n,o){return c.type="throw",c.arg=e,r.next=n,o&&(r.method="next",r.arg=t),!!o}for(var i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],c=a.completion;if("root"===a.tryLoc)return o("end");if(a.tryLoc<=this.prev){var s=n.call(a,"catchLoc"),l=n.call(a,"finallyLoc");if(s&&l){if(this.prev<a.catchLoc)return o(a.catchLoc,!0);if(this.prev<a.finallyLoc)return o(a.finallyLoc)}else if(s){if(this.prev<a.catchLoc)return o(a.catchLoc,!0)}else{if(!l)throw new Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return o(a.finallyLoc)}}}},abrupt:function(e,t){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===e||"continue"===e)&&i.tryLoc<=t&&t<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=e,a.arg=t,i?(this.method="next",this.next=i.finallyLoc,v):this.complete(a)},complete:function(e,t){if("throw"===e.type)throw e.arg;return"break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),v},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.finallyLoc===e)return this.complete(r.completion,r.afterLoc),L(r),v}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.tryLoc===e){var n=r.completion;if("throw"===n.type){var o=n.arg;L(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(e,r,n){return this.delegate={iterator:E(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),v}},e}(e.exports);try{regeneratorRuntime=t}catch(e){"object"==typeof globalThis?globalThis.regeneratorRuntime=t:Function("r","regeneratorRuntime = r")(t)}},5800:e=>{"use strict";e.exports=i},4061:e=>{"use strict";e.exports=r},6870:e=>{"use strict";e.exports=n},6175:e=>{"use strict";e.exports=o},4212:t=>{"use strict";t.exports=e},748:e=>{"use strict";e.exports=t}},c={};function s(e){var t=c[e];if(void 0!==t)return t.exports;var r=c[e]={exports:{}};return a[e](r,r.exports,s),r.exports}s.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return s.d(t,{a:t}),t},s.d=(e,t)=>{for(var r in t)s.o(t,r)&&!s.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{"use strict";s.r(l),s.d(l,{BkCascader:()=>m,BkCascaderPanel:()=>u,default:()=>b});var e=s(4212),t=s(748),r=s(4061),n=s(6870),o=s(6175),i=s.n(o);s(7162),Symbol("BkSelect"),Symbol("BkOptionGroup");var a=s(5800),c=s.n(a);const u=(0,t.defineComponent)({name:"CascaderPanel",props:{width:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).def("auto"),height:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).def(216),store:e.PropTypes.object.def({}),modelValue:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.number).def([]),e.PropTypes.arrayOf(e.PropTypes.string).def([])])},emits:["update:modelValue"],setup:function(r,o){var i=o.emit,a=r.store,c=(0,t.reactive)({list:[r.store.getNodes()]}),s=(0,t.ref)([]),l=(0,t.ref)([]),u=function(e){return"number"==typeof e?"".concat(e,"px"):e},d=u(r.height),p=u(r.width),h=function(e){e.config.multiple?l.value=a.getCheckedNodes().map((function(e){return e.path})):l.value=e.path,i("update:modelValue",l.value)},f=function(e){var t;if(e&&!(null==e?void 0:e.isDisabled)){if(c.list=c.list.slice(0,e.level),s.value=s.value.slice(0,e.level-1),null===(t=e.children)||void 0===t?void 0:t.length)return c.list.push(e.children),void s.value.push(e);a.config.isRemote&&!e.isLeaf&&(e.loading=!0,a.config.remoteMethod(e,(function(t){a.appendNodes(t,e||null),c.list.push(e.children),s.value.push(e),e.loading=!1})))}};return(0,t.watch)((function(){return r.modelValue}),(function(e){!function(e){0===e.length&&(c.list=c.list.slice(0,1),s.value=[]),e.forEach((function(e){var t=a.getNodeById(e);f(t)})),l.value=e}(e)}),{immediate:!0}),(0,t.watch)((function(){return r.store}),(function(e){c.list=[e.getNodes()]})),{menus:c,activePath:s,nodeExpandHandler:f,isNodeInPath:function(e){return(s.value[e.level-1]||{}).id===e.id},nodeEvent:function(e){var t=e.config,r=t.trigger,n=t.checkAnyLevel,o=t.multiple;return{onClick:function(t){e.isLeaf&&!o||t.stopPropagation(),"click"===r&&f(e),n&&!o&&h(e),e.isLeaf&&!o&&h(e)},onMouseenter:function(){"hover"===r&&f(e)}}},isCheckedNode:function(t,r){return!t.config.multiple&&(0,e.arrayEqual)(r,t.path)},checkValue:l,checkNode:function(e,t){e.setNodeCheck(t),h(e)},iconRender:function(e){return e.loading?(0,t.createVNode)(n.Spinner,{class:"icon-spinner"},null):(0,t.createVNode)(n.AngleRight,{class:"icon-angle-right"},null)},panelWidth:p,panelHeight:d}},render:function(){var e=this;return(0,t.createVNode)("div",{class:"bk-cascader-panel-wrapper"},[this.menus.list.map((function(r){return(0,t.createVNode)("ul",{class:"bk-cascader-panel bk-scroll-y",style:{height:e.panelHeight,width:e.panelWidth}},[r.map((function(r){var n,o;return(0,t.createVNode)("li",(0,t.mergeProps)({class:["bk-cascader-node",{"is-selected":e.isNodeInPath(r)},{"is-disabled":r.isDisabled},{"is-checked":e.isCheckedNode(r,e.checkValue)}]},e.nodeEvent(r)),[r.config.multiple&&(0,t.createVNode)(c(),{disabled:r.isDisabled,modelValue:r.checked,"onUpdate:modelValue":function(e){return r.checked=e},onChange:function(t){return e.checkNode(r,t)}},null),null===(o=(n=e.$slots).default)||void 0===o?void 0:o.call(n,{node:r,data:r.data}),r.isLeaf?"":e.iconRender(r)])}))])}))])}});function d(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function p(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function h(e,t,r){return t&&p(e.prototype,t),r&&p(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}const f=function(){function e(t,r,n){d(this,e),this.data=t,this.config=r,this.parent=n||null,this.leaf=t.leaf,this.level=this.parent?this.parent.level+1:1,this.initState()}return h(e,[{key:"initState",value:function(){var t=this,r=this.config,n=r.idKey,o=r.nameKey,i=r.childrenKey;this.id=this.data[n],this.name=this.data[o],this.loading=!1,this.loaded=!1,this.checked=!1;var a=this.data[i];this.children=(a||[]).map((function(r){return new e(r,t.config,t)})),this.pathNodes=this.calculateNodesPath(),this.path=this.pathNodes.map((function(e){return e.id})),this.pathNames=this.pathNodes.map((function(e){return e.name}))}},{key:"isLeaf",get:function(){var e;return this.config.isRemote?this.leaf||!!this.loaded&&!this.children.length:!(Array.isArray(this.children)&&0!==(null===(e=this.children)||void 0===e?void 0:e.length))}},{key:"isDisabled",get:function(){return this.data.disabled}},{key:"setNodeCheck",value:function(e){this.checked=e}},{key:"calculateNodesPath",value:function(){for(var e=[this],t=this.parent;t;)e.unshift(t),t=t.parent;return e}}]),e}();var v=function e(t,r){return t.reduce((function(t,n){return n.isLeaf?t.push(n):(!r&&t.push(n),t=t.concat(e(n.children,r))),t}),[])};const y=function(){function t(e){var r=this;d(this,t);var n=e.list;this.data=n,this.config=e,this.nodes=this.data.map((function(e){return new f(e,r.config)}))}return h(t,[{key:"getNodes",value:function(){return this.nodes}},{key:"getFlattedNodes",value:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return v(this.nodes,e)}},{key:"getCheckedNodes",value:function(){return this.getFlattedNodes().filter((function(e){return e.checked}))}},{key:"getNodeByValue",value:function(t){var r;return null!==(r=this.getFlattedNodes().filter((function(r){return(0,e.arrayEqual)(r.path,t)}))[0])&&void 0!==r?r:null}},{key:"getNodeById",value:function(e){return this.getFlattedNodes().find((function(t){return t.id===e}))}},{key:"appendNode",value:function(e,t){var r=new f(e,this.config,t);(t?t.children:this.nodes).push(r)}},{key:"appendNodes",value:function(e,t){var r=this;e.forEach((function(e){return r.appendNode(e,t)}))}}]),t}(),g=(0,t.defineComponent)({name:"Cascader",directives:{clickoutside:r.clickoutside},components:{CascaderPanel:u,BkPopover:i()},props:{modelValue:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.number).def([]),e.PropTypes.arrayOf(e.PropTypes.string).def([])]),list:e.PropTypes.array.def([]),placeholder:e.PropTypes.string.def("请选择"),filterable:e.PropTypes.bool.def(!1),multiple:e.PropTypes.bool.def(!1),disabled:e.PropTypes.bool.def(!1),clearable:e.PropTypes.bool.def(!0),trigger:e.PropTypes.string.def("click"),checkAnyLevel:e.PropTypes.bool.def(!1),isRemote:e.PropTypes.bool.def(!1),remoteMethod:e.PropTypes.func,showCompleteName:e.PropTypes.bool.def(!0),idKey:e.PropTypes.string.def("id"),nameKey:e.PropTypes.string.def("name"),childrenKey:e.PropTypes.string.def("children"),separator:e.PropTypes.string.def("/"),limitOneLine:e.PropTypes.bool.def(!1),extCls:e.PropTypes.string.def(""),scrollHeight:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).def(216),scrollWidth:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]).def("auto")},emits:["update:modelValue","change","clear","toggle"],setup:function(e,r){var n=r.emit,o=e.separator,i=e.multiple,a=function(){var e=(0,t.ref)(!1);return{isHover:e,setHover:function(){e.value=!0},cancelHover:function(){e.value=!1}}}(),c=a.isHover,s=a.setHover,l=a.cancelHover,u=(0,t.ref)(new y(e)),d=(0,t.ref)(!1),p=(0,t.ref)(""),h=(0,t.ref)([]),f=(0,t.toRefs)(e).modelValue,v=(0,t.ref)(),g=(0,t.computed)({get:function(){return f.value},set:function(e){n("update:modelValue",e)}}),m=(0,t.ref)(null),b=function(t){return e.showCompleteName?t.pathNames.join(o):t.pathNames[t.pathNames.length-1]},k=function(t){var r;if(i)h.value=u.value.getCheckedNodes().map((function(e){return{text:b(e),key:e.id}}));else if(!e.checkAnyLevel&&(null===(r=null==m?void 0:m.value)||void 0===r||r.hide()),0===t.length)p.value="";else{var n=u.value.getNodeByValue(t);if(!n)return;p.value=b(n)}};return(0,t.watch)((function(){return e.modelValue}),(function(e){k(e),n("update:modelValue",e),n("change",e)}),{immediate:!0}),(0,t.watch)((function(){return e.list}),(function(){u.value=new y(e),k(e.modelValue)}),{deep:!0,immediate:!0}),{store:u,updateValue:k,panelShow:d,selectedText:p,checkedValue:g,handleClear:function(t){t.stopPropagation(),k([]),n("update:modelValue",[]),n("clear",JSON.parse(JSON.stringify(e.modelValue)))},isHover:c,setHover:s,popover:m,cancelHover:l,selectedTags:h,removeTag:function(e,t,r){r.stopPropagation();var n=JSON.parse(JSON.stringify(e));n.splice(t,1),k(n)},cascaderPanel:v,popoverChangeEmitter:function(e){n("toggle",e.isShow)}}},render:function(){var e=this;return(0,t.createVNode)("div",{class:["bk-cascader","bk-cascader-wrapper",this.extCls,{"bk-is-show-panel":this.panelShow,"is-unselected":0===this.modelValue.length,"is-hover":this.isHover}],tabindex:"0","data-placeholder":this.placeholder,onMouseenter:this.setHover,onMouseleave:this.cancelHover},[e.clearable&&e.isHover?(0,t.createVNode)(n.Close,{class:"bk-icon-clear-icon",onClick:e.handleClear},null):(0,t.createVNode)(n.AngleUp,{class:"bk-icon-angle-up"},null),(0,t.createVNode)(i(),{placement:"bottom-start",theme:"light bk-cascader-popover",trigger:"click",arrow:!1,class:"bk-cascader-popover-wrapper",ref:"popover",onAfterHidden:this.popoverChangeEmitter,onAfterShow:this.popoverChangeEmitter,boundary:"body"},{default:function(){return(0,t.createVNode)("div",{class:"bk-cascader-name"},[e.multiple&&(e.limitOneLine?(0,t.createVNode)("span",null,[e.selectedText]):(0,t.createVNode)("div",{class:"cascader-tag-list"},[e.selectedTags.map((function(r,o){return(0,t.createVNode)("span",{class:"cascader-tag-item"},[(0,t.createVNode)("span",{class:"cascader-tag-item-name"},[r.text]),(0,t.createVNode)(n.Error,{class:"bk-icon-clear-icon",onClick:function(t){return e.removeTag(e.modelValue,o,t)}},null)])}))])),e.filterable?(0,t.createVNode)("input",{class:"bk-cascader-search-input",type:"text",placeholder:e.placeholder},null):(0,t.createVNode)("span",null,[e.selectedText])])},content:function(){return(0,t.createVNode)("div",{class:"bk-cascader-popover"},[(0,t.createVNode)(u,{store:e.store,ref:"cascaderPanel",width:e.scrollWidth,height:e.scrollHeight,modelValue:e.checkedValue,"onUpdate:modelValue":function(t){return e.checkedValue=t}},{default:function(r){return e.$slots.default?e.$slots.default(r):(0,t.createVNode)("span",{class:"bk-cascader-node-name"},[r.node.name])}})])}})])}});var m=(0,e.withInstallProps)(g,{CascaderPanel:u});const b=m})(),l})()));

package/lib/select/index.d.ts

@@ -23,10 +23,10 @@ declare const BkSelect: {
             popoverMinWidth: number;
             idKey: string;
             remoteMethod: (...args: any[]) => any;
+            scrollHeight: number;
             popoverOptions: {
                 [key: string]: any;
             };
-            scrollHeight: number;
             showSelectAll: boolean;
             multipleMode: string;
             noDataText: string;
@@ -205,7 +205,7 @@ declare const BkSelect: {
             onClear?: (...args: any[]) => any;
             onToggle?: (...args: any[]) => any;
             "onScroll-end"?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "showOnInit" | "disabled" | "placeholder" | "list" | "size" | "multiple" | "loading" | "clearable" | "behavior" | "withValidate" | "showSelectedIcon" | "tagTheme" | "filterable" | "allowCreate" | "collapseTags" | "popoverMinWidth" | "idKey" | "remoteMethod" | "popoverOptions" | "scrollHeight" | "showSelectAll" | "multipleMode" | "noDataText" | "noMatchText" | "loadingText" | "searchPlaceholder" | "selectAllText" | "scrollLoading" | "customContent" | "displayKey" | "inputSearch" | "enableVirtualRender">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "showOnInit" | "disabled" | "placeholder" | "list" | "size" | "multiple" | "loading" | "clearable" | "behavior" | "withValidate" | "showSelectedIcon" | "tagTheme" | "filterable" | "allowCreate" | "collapseTags" | "popoverMinWidth" | "idKey" | "remoteMethod" | "scrollHeight" | "popoverOptions" | "showSelectAll" | "multipleMode" | "noDataText" | "noMatchText" | "loadingText" | "searchPlaceholder" | "selectAllText" | "scrollLoading" | "customContent" | "displayKey" | "inputSearch" | "enableVirtualRender">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -635,10 +635,10 @@ declare const BkSelect: {
             popoverMinWidth: number;
             idKey: string;
             remoteMethod: (...args: any[]) => any;
+            scrollHeight: number;
             popoverOptions: {
                 [key: string]: any;
             };
-            scrollHeight: number;
             showSelectAll: boolean;
             multipleMode: string;
             noDataText: string;
@@ -1488,10 +1488,10 @@ declare const BkSelect: {
     popoverMinWidth: number;
     idKey: string;
     remoteMethod: (...args: any[]) => any;
+    scrollHeight: number;
     popoverOptions: {
         [key: string]: any;
     };
-    scrollHeight: number;
     showSelectAll: boolean;
     multipleMode: string;
     noDataText: string;

package/lib/select/select.d.ts

@@ -573,10 +573,10 @@ declare const _default: import("vue").DefineComponent<{
     popoverMinWidth: number;
     idKey: string;
     remoteMethod: (...args: any[]) => any;
+    scrollHeight: number;
     popoverOptions: {
         [key: string]: any;
     };
-    scrollHeight: number;
     showSelectAll: boolean;
     multipleMode: string;
     noDataText: string;

package/lib/styles/reset.css

@@ -1,3 +1,12 @@
+.scroll-bar-style::-webkit-scrollbar {
+  width: 4px;
+  height: 4px;
+}
+.scroll-bar-style::-webkit-scrollbar-thumb {
+  background: #ddd;
+  border-radius: 20px;
+  box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);
+}
 html,
 body {
   padding: 0;
@@ -271,3 +280,30 @@ textarea {
 optgroup {
   font-weight: bold;
 }
+/** 
+* BK-Scroll-Style
+*/
+.bk-scroll-y {
+  overflow-y: auto;
+}
+.bk-scroll-y::-webkit-scrollbar {
+  width: 4px;
+  height: 4px;
+}
+.bk-scroll-y::-webkit-scrollbar-thumb {
+  background: #ddd;
+  border-radius: 20px;
+  box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);
+}
+.bk-scroll-x {
+  overflow-x: auto;
+}
+.bk-scroll-x::-webkit-scrollbar {
+  width: 4px;
+  height: 4px;
+}
+.bk-scroll-x::-webkit-scrollbar-thumb {
+  background: #ddd;
+  border-radius: 20px;
+  box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);
+}

package/lib/styles/reset.less

@@ -1,3 +1,16 @@
+.scroll-bar-style {
+  &::-webkit-scrollbar {
+    width: 4px;
+    height: 4px;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: #ddd;
+    border-radius: 20px;
+    box-shadow: inset 0 0 6px rgba(204, 204, 204, .3);
+  }
+}
+
 html,
 body {
   padding: 0;
@@ -311,3 +324,16 @@ textarea {
 optgroup {
   font-weight: bold;
 }
+
+/** 
+* BK-Scroll-Style
+*/
+.bk-scroll-y {
+  overflow-y: auto;
+  .scroll-bar-style();
+}
+
+.bk-scroll-x {
+  overflow-x: auto;
+  .scroll-bar-style();
+}

package/lib/styles/reset.variable.css

@@ -1,3 +1,12 @@
+.scroll-bar-style::-webkit-scrollbar {
+  width: 4px;
+  height: 4px;
+}
+.scroll-bar-style::-webkit-scrollbar-thumb {
+  background: #ddd;
+  border-radius: 20px;
+  box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);
+}
 html,
 body {
   padding: 0;
@@ -271,3 +280,30 @@ textarea {
 optgroup {
   font-weight: bold;
 }
+/** 
+* BK-Scroll-Style
+*/
+.bk-scroll-y {
+  overflow-y: auto;
+}
+.bk-scroll-y::-webkit-scrollbar {
+  width: 4px;
+  height: 4px;
+}
+.bk-scroll-y::-webkit-scrollbar-thumb {
+  background: #ddd;
+  border-radius: 20px;
+  box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);
+}
+.bk-scroll-x {
+  overflow-x: auto;
+}
+.bk-scroll-x::-webkit-scrollbar {
+  width: 4px;
+  height: 4px;
+}
+.bk-scroll-x::-webkit-scrollbar-thumb {
+  background: #ddd;
+  border-radius: 20px;
+  box-shadow: inset 0 0 6px rgba(204, 204, 204, 0.3);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bkui-vue",
-  "version": "0.0.1-beta.166",
+  "version": "0.0.1-beta.167",
   "workspaces": {
     "packages": [
       "packages/!(**.bak)*",