bkui-vue 0.0.1-beta.45 → 0.0.1-beta.450

package/lib/cascader/index.js

@@ -0,0 +1 @@
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("vue-types"),require("../config-provider"),require("../directives"),require("../icon"),require("../popover"),require("../tag"),require("../checkbox"));else if("function"==typeof define&&define.amd)define(["../shared","vue","vue-types","../config-provider","../directives","../icon","../popover","../tag","../checkbox"],t);else{var r="object"==typeof exports?t(require("../shared"),require("vue"),require("vue-types"),require("../config-provider"),require("../directives"),require("../icon"),require("../popover"),require("../tag"),require("../checkbox")):t(e["../shared"],e.vue,e["vue-types"],e["../config-provider"],e["../directives"],e["../icon"],e["../popover"],e["../tag"],e["../checkbox"]);for(var n in r)("object"==typeof exports?exports:e)[n]=r[n]}}(self,((e,t,r,n,o,a,i,s,l)=>(()=>{var c={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:{},a=o.iterator||"@@iterator",i=o.asyncIterator||"@@asyncIterator",s=o.toStringTag||"@@toStringTag";function l(e,t,r){return Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{l({},"")}catch(e){l=function(e,t,r){return e[t]=r}}function c(e,t,r,n){var o=t&&t.prototype instanceof g?t:g,a=Object.create(o.prototype),i=new L(n||[]);return a._invoke=function(e,t,r){var n=d;return function(o,a){if(n===p)throw new Error("Generator is already running");if(n===f){if("throw"===o)throw a;return O()}for(r.method=o,r.arg=a;;){var i=r.delegate;if(i){var s=P(i,r);if(s){if(s===v)continue;return s}}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=p;var l=u(e,t,r);if("normal"===l.type){if(n=r.done?f:h,l.arg===v)continue;return{value:l.arg,done:r.done}}"throw"===l.type&&(n=f,r.method="throw",r.arg=l.arg)}}}(e,r,i),a}function u(e,t,r){try{return{type:"normal",arg:e.call(t,r)}}catch(e){return{type:"throw",arg:e}}}e.wrap=c;var d="suspendedStart",h="suspendedYield",p="executing",f="completed",v={};function g(){}function y(){}function m(){}var b={};l(b,a,(function(){return this}));var N=Object.getPrototypeOf,k=N&&N(N(E([])));k&&k!==r&&n.call(k,a)&&(b=k);var T=m.prototype=g.prototype=Object.create(b);function w(e){["next","throw","return"].forEach((function(t){l(e,t,(function(e){return this._invoke(t,e)}))}))}function x(e,t){function r(o,a,i,s){var l=u(e[o],e,a);if("throw"!==l.type){var c=l.arg,d=c.value;return d&&"object"==typeof d&&n.call(d,"__await")?t.resolve(d.__await).then((function(e){r("next",e,i,s)}),(function(e){r("throw",e,i,s)})):t.resolve(d).then((function(e){c.value=e,i(c)}),(function(e){return r("throw",e,i,s)}))}s(l.arg)}var o;this._invoke=function(e,n){function a(){return new t((function(t,o){r(e,n,t,o)}))}return o=o?o.then(a,a):a()}}function P(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,P(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 a=o.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,v):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,v)}function C(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 V(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function L(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(C,this),this.reset(!0)}function E(e){if(e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=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 i.next=i}}return{next:O}}function O(){return{value:t,done:!0}}return y.prototype=m,l(T,"constructor",m),l(m,"constructor",y),y.displayName=l(m,s,"GeneratorFunction"),e.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===y||"GeneratorFunction"===(t.displayName||t.name))},e.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,m):(e.__proto__=m,l(e,s,"GeneratorFunction")),e.prototype=Object.create(T),e},e.awrap=function(e){return{__await:e}},w(x.prototype),l(x.prototype,i,(function(){return this})),e.AsyncIterator=x,e.async=function(t,r,n,o,a){void 0===a&&(a=Promise);var i=new x(c(t,r,n,o),a);return e.isGeneratorFunction(r)?i:i.next().then((function(e){return e.done?e.value:i.next()}))},w(T),l(T,s,"Generator"),l(T,a,(function(){return this})),l(T,"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,L.prototype={constructor:L,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(V),!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 s.type="throw",s.arg=e,r.next=n,o&&(r.method="next",r.arg=t),!!o}for(var a=this.tryEntries.length-1;a>=0;--a){var i=this.tryEntries[a],s=i.completion;if("root"===i.tryLoc)return o("end");if(i.tryLoc<=this.prev){var l=n.call(i,"catchLoc"),c=n.call(i,"finallyLoc");if(l&&c){if(this.prev<i.catchLoc)return o(i.catchLoc,!0);if(this.prev<i.finallyLoc)return o(i.finallyLoc)}else if(l){if(this.prev<i.catchLoc)return o(i.catchLoc,!0)}else{if(!c)throw new Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return o(i.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 a=o;break}}a&&("break"===e||"continue"===e)&&a.tryLoc<=t&&t<=a.finallyLoc&&(a=null);var i=a?a.completion:{};return i.type=e,i.arg=t,a?(this.method="next",this.next=a.finallyLoc,v):this.complete(i)},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),V(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;V(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=l},2717:e=>{"use strict";e.exports=n},4061:e=>{"use strict";e.exports=o},6870:e=>{"use strict";e.exports=a},5537:e=>{"use strict";e.exports=i},4212:t=>{"use strict";t.exports=e},7739:e=>{"use strict";e.exports=s},748:e=>{"use strict";e.exports=t},210:e=>{"use strict";e.exports=r}},u={};function d(e){var t=u[e];if(void 0!==t)return t.exports;var r=u[e]={exports:{}};return c[e](r,r.exports,d),r.exports}d.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return d.d(t,{a:t}),t},d.d=(e,t)=>{for(var r in t)d.o(t,r)&&!d.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},d.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),d.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var h={};return(()=>{"use strict";d.r(h),d.d(h,{BkCascader:()=>w,BkCascaderPanel:()=>f,default:()=>x});var e=d(4212),t=d(748),r=d(210),n=d(2717),o=d(4061),a=d(6870),i=d(5537),s=d.n(i),l=d(7739),c=d.n(l);d(7162),Symbol("BkSelect"),Symbol("BkOptionGroup");var u=d(5800),p=d.n(u);const f=(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({}),separator:e.PropTypes.string.def(""),suggestions:e.PropTypes.arrayOf((0,r.object)()),isFiltering:e.PropTypes.bool.def(!1),searchKey:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]).def(""),modelValue:e.PropTypes.arrayOf(e.PropTypes.oneOfType([(0,r.array)(),String,Number]))},emits:["update:modelValue"],setup:function(r,o){var i=o.emit,s=(0,n.useLocale)("select"),l=r.store,c=(0,t.reactive)({list:[r.store.getNodes()]}),u=(0,t.ref)([]),d=(0,t.ref)([]),h=function(e){return"number"==typeof e?"".concat(e,"px"):e},p=h(r.height),f=h(r.width),v=function(e){e.isDisabled||(e.config.multiple?d.value=l.getCheckedNodes().map((function(e){return e.path})):d.value=e.path,i("update:modelValue",d.value))},g=function(e){var t;if(e&&!(null==e?void 0:e.isDisabled)){if(c.list=c.list.slice(0,e.level),u.value=u.value.slice(0,e.level-1),null===(t=e.children)||void 0===t?void 0:t.length)return c.list.push(e.children),void u.value.push(e);l.config.isRemote&&!e.isLeaf&&(e.loading=!0,l.config.remoteMethod(e,(function(t){l.appendNodes(t,e||null),c.list.push(e.children),u.value.push(e),e.loading=!1})))}},y=s.value.noData,m=function(e,t){e.setNodeCheck(t||!1),v(e)};return(0,t.watch)((function(){return r.modelValue}),(function(e){!function(e){0===e.length&&(c.list=c.list.slice(0,1),u.value=[]),e.forEach((function(e){var t=l.getNodeById(e);g(t)})),d.value=e}(e)}),{immediate:!0}),(0,t.watch)((function(){return r.store}),(function(e){c.list=[e.getNodes()]})),{menus:c,activePath:u,nodeExpandHandler:g,isNodeInPath:function(e){return(u.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&&g(e),n&&!o&&v(e),e.isLeaf&&!o&&v(e)},onMouseenter:function(){"hover"===r&&g(e)}}},isCheckedNode:function(t,r){return t.config.multiple?r.some((function(r){return(0,e.arrayEqual)(r,t.path)})):(0,e.arrayEqual)(r,t.path)},checkValue:d,checkNode:m,iconRender:function(e){return e.loading?(0,t.createVNode)(a.Spinner,{class:"icon-spinner"},null):(0,t.createVNode)(a.AngleRight,{class:"icon-angle-right"},null)},panelWidth:f,panelHeight:p,searchPanelEvents:function(e){var t=e.config.multiple;return{onClick:function(r){if(t)return r.stopPropagation(),void m(e,!e.checked);g(e),e.isLeaf&&!t&&v(e)}}},noDataText:y}},render:function(){var r=this,n=parseInt(this.panelWidth,10)>200?this.panelWidth:"".concat(200,"px");return(0,t.createVNode)("div",{class:(0,e.resolveClassName)("cascader-panel-wrapper")},[this.isFiltering?r.suggestions.length?(0,t.createVNode)("ul",{class:[(0,e.resolveClassName)("cascader-panel"),"bk-scroll-y"],style:{height:r.panelHeight,width:r.panelWidth}},[r.suggestions.map((function(n){return(0,t.createVNode)("li",(0,t.mergeProps)({class:[(0,e.resolveClassName)("cascader-node"),{"is-selected":r.isNodeInPath(n)},{"is-disabled":n.isDisabled},{"is-checked":r.isCheckedNode(n,r.checkValue)}]},r.searchPanelEvents(n)),[n.pathNames.join(r.separator)])}))]):(0,t.createVNode)("div",{class:(0,e.resolveClassName)("cascader-search-empty"),style:{width:n}},[(0,t.createVNode)("span",null,[(0,t.createTextVNode)("暂无搜索结果")])]):this.menus.list.map((function(n){return(0,t.createVNode)("ul",{class:[(0,e.resolveClassName)("cascader-panel"),"bk-scroll-y"],style:{height:r.panelHeight,width:r.panelWidth}},[n.length?n.map((function(n){var o,a;return(0,t.createVNode)("li",(0,t.mergeProps)({class:[(0,e.resolveClassName)("cascader-node"),{"is-selected":r.isNodeInPath(n)},{"is-disabled":n.isDisabled},{"is-checked":!n.config.multiple&&r.isCheckedNode(n,r.checkValue)}]},Object.assign(r.nodeEvent(n),(n.config.multiple,{}))),[n.config.multiple&&(0,t.createVNode)(p(),{disabled:n.isDisabled,modelValue:n.checked,"onUpdate:modelValue":function(e){return n.checked=e},indeterminate:n.isIndeterminate,style:"margin-right: 5px",onChange:function(e){return r.checkNode(n,e)}},null),null===(a=(o=r.$slots).default)||void 0===a?void 0:a.call(o,{node:n,data:n.data}),n.isLeaf?"":r.iconRender(n)])})):(0,t.createVNode)("div",{class:(0,e.resolveClassName)("cascader-panel-empty-wrapper")},[r.noDataText])])}))])}});function v(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function g(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 y(e,t,r){return t&&g(e.prototype,t),r&&g(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}function m(e){return!!e.data.disabled||(1!==e.level?m(e.parent):e.data.disabled)}const b=function(){function t(e,r,n){v(this,t),this.data=e,this.config=r,this.parent=n||null,this.leaf=e.leaf,this.level=this.parent?this.parent.level+1:1,this.initState()}return y(t,[{key:"initState",value:function(){var e=this,r=this.config,n=r.idKey,o=r.nameKey,a=r.childrenKey;this.id=this.data[n],this.name=this.data[o],this.loading=!1,this.loaded=!1,this.checked=!1;var i=this.data[a];this.children=(i||[]).map((function(r){return new t(r,e.config,e)})),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 m(this)}},{key:"broadcast",value:function(t,r){var n="onParent".concat((0,e.capitalize)(t));this.children.forEach((function(e){var o;e&&(e.broadcast(t,r),null===(o=e[n])||void 0===o||o.call(e,r))}))}},{key:"emit",value:function(t){var r,n=this.parent,o="onChild".concat((0,e.capitalize)(t));n&&(null===(r=n[o])||void 0===r||r.call(n),n.emit(t))}},{key:"onParentCheck",value:function(e){this.isDisabled||this.setCheckState(e)}},{key:"onChildCheck",value:function(){var e=this.children.filter((function(e){return!e.isDisabled})),t=!!e.length&&e.every((function(e){return e.checked}));this.setCheckState(t)}},{key:"setCheckState",value:function(e){var t=this.children.length,r=this.children.reduce((function(e,t){var r=t.isIndeterminate?.5:0;return e+(t.checked?1:r)}),0);this.checked=e,this.isIndeterminate=r!==t&&r>0}},{key:"setNodeCheck",value:function(e){if(this.checked!==e){if(this.config.checkAnyLevel)return void(this.checked=e);this.broadcast("check",e),this.setCheckState(e),this.emit("check")}}},{key:"calculateNodesPath",value:function(){for(var e=[this],t=this.parent;t;)e.unshift(t),t=t.parent;return e}}]),t}();var N=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 k=function(){function t(e){var r=this;v(this,t);var n=e.list;this.data=n,this.config=e,this.nodes=this.data.map((function(e){return new b(e,r.config)}))}return y(t,[{key:"getNodes",value:function(){return this.nodes}},{key:"clearChecked",value:function(){this.getFlattedNodes().forEach((function(e){e.checked=!1,e.isIndeterminate=!1}))}},{key:"removeTag",value:function(t){this.getFlattedNodes().find((function(r){return!!(0,e.arrayEqual)(t,r.path)&&(r.checked=!1,!0)}))}},{key:"getFlattedNodes",value:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return N(this.nodes,e)}},{key:"setNodesCheck",value:function(t){var r=this;this.getFlattedNodes().forEach((function(n){n.checked=!1;var o=t.find((function(t){return(0,e.arrayEqual)(n.path,t)}));o&&(r.getNodeByValue(o).checked=!0)}))}},{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 b(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}(),T=(0,t.defineComponent)({name:"Cascader",directives:{bkTooltips:o.bkTooltips},components:{CascaderPanel:f,BkPopover:s(),Tag:c()},props:{modelValue:e.PropTypes.arrayOf(e.PropTypes.oneOfType([(0,r.array)(),String,Number])),list:e.PropTypes.array.def([]),placeholder:e.PropTypes.string.def(""),behavior:e.PropTypes.string.def("normal"),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"),collapseTags:{type:Boolean,default:!0},floatMode:{type:Boolean,default:!1}},emits:["update:modelValue","change","clear","toggle","focus"],setup:function(r,o){var a=o.emit,i=(0,n.useLocale)("select"),s=r.separator,l=r.multiple,c=function(){var e=(0,t.ref)(!1);return{isHover:e,setHover:function(){e.value=!0},cancelHover:function(){e.value=!1}}}(),u=c.isHover,d=c.setHover,h=c.cancelHover,p=(0,t.ref)(new k(r)),f=(0,t.ref)(""),v=(0,t.ref)([]),g=(0,t.toRefs)(r).modelValue,y=(0,t.ref)(),m=(0,t.ref)(""),b=(0,t.ref)([]),N=(0,t.ref)(!1),T=(0,t.ref)(!1),w=(0,t.ref)(!1),x=(0,t.computed)({get:function(){return g.value},set:function(e){a("update:modelValue",e)}}),P=(0,t.ref)(null),C=(0,t.ref)(null),V=(0,t.ref)(null),L=(0,t.computed)((function(){return r.placeholder?r.placeholder:i.value.pleaseSelect})),E=function(e){return r.showCompleteName?e.pathNames.join(s):e.pathNames[e.pathNames.length-1]},O=function(e){var t;if(l)return p.value.setNodesCheck(e),v.value=p.value.getCheckedNodes().map((function(e){return{text:E(e),key:e.id}})),void(f.value=v.value.map((function(e){return e.text})).join(", "));if(!r.checkAnyLevel&&(null===(t=null==P?void 0:P.value)||void 0===t||t.hide()),0===e.length)f.value="";else{var n=p.value.getNodeByValue(e);if(!n)return;f.value=E(n)}m.value=f.value},S=(0,e.debounce)(200,(function(e){var t=e.target;if(m.value=t.value,""!==m.value){N.value=!0;var n=p.value.getFlattedNodes().filter((function(e){return(r.checkAnyLevel||e.isLeaf)&&e.pathNames.join(r.separator).includes(m.value)}));b.value=n,!(null==P?void 0:P.value.isShow)&&(null==P||P.value.show())}else N.value=!1})),j=function(){a("focus")};(0,t.watch)((function(){return r.modelValue}),(function(e,t){var r;O(e),a("update:modelValue",e),void 0!==t&&a("change",e),null===(r=null==V?void 0:V.value)||void 0===r||r.focus()}),{immediate:!0}),(0,t.watch)((function(){return r.list}),(function(){p.value=new k(r),O(r.modelValue)}),{deep:!0,immediate:!0});var I=(0,t.computed)((function(){return v.value.map((function(e){return e.text}))})),q=(0,t.computed)((function(){return r.collapseTags?r.collapseTags&&w.value:r.collapseTags})),H=function(e,r,n){(0,t.watch)([n,r],(function(){a()}),{flush:"post"});var o=(0,t.ref)(null),a=function(){r.value&&(o.value=null,setTimeout((function(){var t=Array.from(e.value.querySelectorAll(".tag-item")),r=t.findIndex((function(e,r){return!!r&&t[r-1].offsetTop!==e.offsetTop}));o.value=r>0?r-1:null})))};return{overflowTagIndex:o}}(C,(0,t.computed)((function(){return r.collapseTags?r.collapseTags&&T.value:r.collapseTags})),I),F=H.overflowTagIndex;return{calcuPlaceholder:L,bkCascaderRef:C,inputRef:V,overflowTagIndex:F,isCollapse:q,isFocus:w,store:p,updateValue:O,selectedText:f,checkedValue:x,handleClear:function(e){e.stopPropagation(),p.value.clearChecked(),m.value="",O([]),a("update:modelValue",[]),a("clear",JSON.parse(JSON.stringify(r.modelValue)))},isHover:u,setHover:d,popover:P,cancelHover:h,selectedTags:v,removeTag:function(e,t,r){r.stopPropagation();var n=JSON.parse(JSON.stringify(e)),o=n.splice(t,1)[0];T.value=!0,p.value.removeTag(o),O(n),a("update:modelValue",p.value.getCheckedNodes().map((function(e){return e.path}))),setTimeout((function(){T.value=w.value}))},cascaderPanel:y,popoverChangeEmitter:function(e){a("toggle",e.isShow),T.value=e.isShow,w.value=e.isShow,(0,t.nextTick)((function(){var t;e&&(null===(t=V.value)||void 0===t||t.focus())})),e.isShow&&j(),e.isShow||(N.value=!1)},searchKey:m,suggestions:b,isFiltering:N,searchInputHandler:S,focusEmitter:j,tagList:I,isEdit:T}},render:function(){var r=this;this.overflowTagIndex=0===this.overflowTagIndex?1:this.overflowTagIndex;var n=this.tagList.reduce((function(e,t,n){return null!==r.overflowTagIndex&&n>=r.overflowTagIndex&&e.push(t),e}),[]),o=function(){return(0,t.createVNode)(s(),{placement:"bottom-start",theme:"light ".concat((0,e.resolveClassName)("cascader-popover")),trigger:"click",arrow:!1,disabled:r.disabled,class:(0,e.resolveClassName)("cascader-popover-wrapper"),ref:"popover",onAfterHidden:r.popoverChangeEmitter,onAfterShow:r.popoverChangeEmitter,boundary:"body"},{default:function(){return r.$slots.trigger?r.$slots.trigger({selected:r.modelValue}):(0,t.createVNode)("div",{class:[(0,e.resolveClassName)("cascader-name"),"bk-scroll-y"]},[r.multiple&&r.selectedTags.length>0&&(r.limitOneLine?(0,t.createVNode)("span",{class:"cascader-selected-text"},[r.selectedText]):(0,t.createVNode)("div",{class:"cascader-tag-list"},[r.tagList.map((function(n,o){var i=!r.isCollapse&&null!==r.overflowTagIndex&&o>=r.overflowTagIndex;return(0,t.createVNode)("span",{class:"tag-item",style:{display:i?"none":""},key:n},[(0,t.createVNode)("span",{class:"tag-item-name"},[n]),(0,t.createVNode)(a.Error,{class:(0,e.resolveClassName)("icon-clear-icon"),onClick:function(e){e.stopPropagation(),r.removeTag(r.modelValue,o,e)}},null)])})),null!==r.overflowTagIndex&&!r.isCollapse&&(0,t.withDirectives)((0,t.createVNode)(c(),{style:"margin-top: 0"},{default:function(){return[(0,t.createTextVNode)("+"),r.selectedTags.length-r.overflowTagIndex]}}),[[(0,t.resolveDirective)("bk-tooltips"),n.join(", ")]])])),r.filterable?(r.isCollapse||0===r.selectedTags.length)&&(0,t.createVNode)("input",{class:[(0,e.resolveClassName)("cascader-search-input"),{"is-disabled":r.disabled}],type:"text",onInput:r.searchInputHandler,placeholder:r.calcuPlaceholder,value:r.searchKey,disabled:r.disabled,ref:"inputRef"},null):r.multiple?null:(0,t.createVNode)("span",null,[r.selectedText])])},content:function(){return(0,t.createVNode)("div",{class:(0,e.resolveClassName)("cascader-popover")},[(0,t.createVNode)(f,{store:r.store,ref:"cascaderPanel",width:r.scrollWidth,height:r.scrollHeight,"search-key":r.searchKey,separator:r.separator,"is-filtering":r.isFiltering,suggestions:r.suggestions,modelValue:r.checkedValue,"onUpdate:modelValue":function(e){return r.checkedValue=e}},{default:function(n){return r.$slots.default?r.$slots.default(n):(0,t.createVNode)("span",{class:(0,e.resolveClassName)("cascader-node-name")},[n.node.name])}})])}})};return(0,t.createVNode)("div",{class:[(0,e.resolveClassName)("cascader-wrapper"),this.floatMode?"float-mode":""]},[this.$slots.trigger?o():(0,t.createVNode)("div",{class:[(0,e.resolveClassName)("cascader"),this.extCls,{"is-unselected":0===this.modelValue.length,"is-hover":this.isHover,"is-filterable":this.filterable,"is-focus":this.isFocus,"is-disabled":this.disabled,"is-simplicity":"simplicity"===this.behavior}],tabindex:"0","data-placeholder":this.calcuPlaceholder,onMouseenter:this.setHover,onMouseleave:this.cancelHover,ref:"bkCascaderRef"},[r.clearable&&r.isHover&&!r.disabled?(0,t.createVNode)(a.Close,{class:(0,e.resolveClassName)("icon-clear-icon"),onClick:r.handleClear},null):(0,t.createVNode)(a.AngleUp,{class:(0,e.resolveClassName)("icon-angle-up")},null),o()])])}});var w=(0,e.withInstallProps)(T,{CascaderPanel:f});const x=w})(),h})()));

package/lib/cascader/interface.d.ts

@@ -0,0 +1,51 @@
+export interface IPanel {
+    id: string;
+    name: string;
+    disabled?: boolean;
+    children?: IPanel;
+}
+export interface INodeConfig {
+    multiple: boolean;
+}
+export interface INode {
+    checked: boolean;
+    children?: (null)[] | null;
+    config: IConfig;
+    data: IData;
+    leaf: boolean;
+    id: string;
+    level: number;
+    loading: boolean;
+    loaded: boolean;
+    name: string;
+    parent?: INode;
+    isDisabled: boolean;
+    isIndeterminate: boolean;
+    isLeaf: boolean;
+    pathNames: string[];
+    path: string[];
+    setNodeCheck(status: boolean): void;
+    broadcast(event: string, check: boolean): void;
+    emit(event: string): void;
+}
+export interface IData {
+    id: string;
+    name: string;
+    leaf?: boolean;
+    disabled?: boolean;
+    children?: IData[];
+}
+export interface IConfig {
+    checkAnyLevel: boolean;
+    childrenKey: string;
+    clearable: boolean;
+    disabled: boolean;
+    idKey: string;
+    isRemote: boolean;
+    multiple: boolean;
+    nameKey: string;
+    showCompleteName: boolean;
+    trigger: string;
+    separator: string;
+    remoteMethod: Function;
+}

package/lib/cascader/node.d.ts

@@ -0,0 +1,31 @@
+import { IConfig, IData, INode } from './interface';
+declare class Node implements INode {
+    data: IData;
+    config: IConfig;
+    parent: INode;
+    level: number;
+    id: string;
+    name: string;
+    loading: boolean;
+    loaded: boolean;
+    checked: boolean;
+    isIndeterminate: boolean;
+    children?: null[];
+    leaf: boolean;
+    pathNodes: INode[];
+    path: string[];
+    pathNames: string[];
+    nodes: INode[];
+    constructor(node: IData, config: any, parent?: any);
+    initState(): void;
+    get isLeaf(): boolean;
+    get isDisabled(): any;
+    broadcast(event: string, checkStatus: boolean): void;
+    emit(event: string): void;
+    onParentCheck(checked: boolean): void;
+    onChildCheck(): void;
+    setCheckState(checked: boolean): void;
+    setNodeCheck(status: boolean): void;
+    calculateNodesPath(): INode[];
+}
+export default Node;

package/lib/cascader/store.d.ts

@@ -0,0 +1,25 @@
+import { IConfig, IData, INode } from './interface';
+declare class Store {
+    data: IData[];
+    config: IConfig;
+    nodes: INode[];
+    constructor(props: any);
+    getNodes(): INode[];
+    /** 清空所有checked */
+    clearChecked(): void;
+    /** 移除某一个Tag的check状态 */
+    removeTag(tag: string[]): void;
+    /** 拍平节点，方便筛选 */
+    getFlattedNodes(leafOnly?: boolean): any;
+    /** 根据传入节点设置节点check状态 */
+    setNodesCheck(nodes: Array<string[]>): void;
+    /** 获取多选下，被选中(checked)的节点 */
+    getCheckedNodes(): any;
+    /** 根据值获得node实例 */
+    getNodeByValue(value: Array<number | string | string[]>): INode;
+    getNodeById(id: number | string): INode;
+    /** 插入单个节点 */
+    appendNode(nodeData: IData, parentNode: IData): void;
+    appendNodes(nodeDataList: IData[], parentNode: IData): void;
+}
+export default Store;

package/lib/checkbox/checkbox-group.d.ts

@@ -11,6 +11,11 @@ declare const checkboxGroupProps: {
     disabled: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     };
+    withValidate: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
 };
 export declare type CheckboxGroupProps = Readonly<ExtractPropTypes<typeof checkboxGroupProps>>;
 declare const _default: import("vue").DefineComponent<{
@@ -25,6 +30,11 @@ declare const _default: import("vue").DefineComponent<{
     disabled: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     };
+    withValidate: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     name: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
@@ -37,6 +47,11 @@ declare const _default: import("vue").DefineComponent<{
     disabled: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     };
+    withValidate: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
 }>> & {
     onChange?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
@@ -44,5 +59,6 @@ declare const _default: import("vue").DefineComponent<{
     name: string;
     disabled: boolean;
     modelValue: unknown[];
+    withValidate: boolean;
 }>;
 export default _default;

package/lib/checkbox/checkbox.css

@@ -1,30 +1,63 @@
+.bk-checkbox-group {
+  display: inline-flex;
+  letter-spacing: normal;
+}
 .bk-checkbox {
-  display: inline-block;
-  margin-right: 30px;
+  display: inline-flex;
+  justify-self: center;
+  align-items: center;
   font-size: 14px;
   letter-spacing: normal;
   color: #63656e;
   cursor: pointer;
   user-select: none;
 }
+.bk-checkbox ~ .bk-checkbox {
+  margin-left: 30px;
+}
 .bk-checkbox.is-checked .bk-checkbox-input {
   background: #3a84ff;
   border-color: #3a84ff;
   transition: all 0.1s;
 }
+.bk-checkbox.is-checked .bk-checkbox-input.small::after {
+  width: 3px;
+  height: 6px;
+}
 .bk-checkbox.is-checked .bk-checkbox-input::after {
   position: absolute;
-  top: 1px;
-  left: 5px;
+  top: 50%;
+  left: 50%;
   width: 4px;
   height: 8px;
   border: 2px solid #fff;
   border-top: 0;
   border-left: 0;
   content: '';
-  transform: scaleY(1) rotate(45deg);
+  transform: translate(-50%, -60%) scaleY(1) rotate(45deg);
   transform-origin: center;
 }
+.bk-checkbox.is-indeterminated .bk-checkbox-input {
+  background: #3a84ff;
+  border-color: #3a84ff;
+  transition: all 0.1s;
+}
+.bk-checkbox.is-indeterminated .bk-checkbox-input.small::after {
+  width: 6px;
+  height: 2px;
+}
+.bk-checkbox.is-indeterminated .bk-checkbox-input::after {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 8px;
+  height: 2px;
+  background: #fff;
+  border: none;
+  border-radius: 2px;
+  content: '';
+  transform: translate(-50%, -50%);
+}
 .bk-checkbox.is-disabled {
   color: #c4c6cc;
   cursor: not-allowed;
@@ -37,19 +70,26 @@
   background: #dcdee5;
 }
 .bk-checkbox.is-disabled.is-checked .bk-checkbox-input {
-  background: #dcdee5;
+  background: #a3c5fd;
+  border-color: #a3c5fd;
 }
-.bk-checkbox .bk-checkbox-input {
+.bk-checkbox.is-disabled.is-checked .bk-checkbox-input::after {
+  background: #a3c5fd;
+}
+.bk-checkbox-input {
   position: relative;
   display: inline-block;
   width: 16px;
   height: 16px;
-  margin-right: 5px;
   vertical-align: middle;
   border: 1px solid #979ba5;
   border-radius: 2px;
 }
-.bk-checkbox .bk-checkbox-original {
+.bk-checkbox-input.small {
+  width: 14px;
+  height: 14px;
+}
+.bk-checkbox-original {
   position: absolute;
   top: 0;
   left: 0;
@@ -57,8 +97,8 @@
   width: 0;
   height: 0;
 }
-.bk-checkbox .bk-checkbox-label {
+.bk-checkbox-label {
   display: inline-block;
-  line-height: 18px;
+  margin-left: 6px;
   vertical-align: middle;
 }

package/lib/checkbox/checkbox.d.ts

@@ -1,11 +1,7 @@
 import type { ExtractPropTypes } from 'vue';
 export declare const checkboxProps: {
-    modelValue: import("vue-types").VueTypeDef<string | number | boolean> & {
-        default: string | number | boolean;
-    };
-    label: import("vue-types").VueTypeDef<string | number | boolean> & {
-        required: true;
-    };
+    modelValue: import("vue-types").VueTypeDef<string | number | boolean>;
+    label: import("vue-types").VueTypeDef<string | number | boolean>;
     trueLabel: import("vue-types").VueTypeDef<string | number | boolean> & {
         default: string | number | boolean;
     };
@@ -28,16 +24,19 @@ export declare const checkboxProps: {
     beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
         default: (...args: any[]) => any;
     };
-    size: import("vue-types").VueTypeDef<string>;
+    size: import("vue-types").VueTypeDef<"small" | "default" | "large"> & {
+        default: "small" | "default" | "large";
+    };
+    immediateEmitChange: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
 };
 export declare type CheckboxProps = Readonly<ExtractPropTypes<typeof checkboxProps>>;
 declare const _default: import("vue").DefineComponent<{
-    modelValue: import("vue-types").VueTypeDef<string | number | boolean> & {
-        default: string | number | boolean;
-    };
-    label: import("vue-types").VueTypeDef<string | number | boolean> & {
-        required: true;
-    };
+    modelValue: import("vue-types").VueTypeDef<string | number | boolean>;
+    label: import("vue-types").VueTypeDef<string | number | boolean>;
     trueLabel: import("vue-types").VueTypeDef<string | number | boolean> & {
         default: string | number | boolean;
     };
@@ -60,22 +59,27 @@ declare const _default: import("vue").DefineComponent<{
     beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
         default: (...args: any[]) => any;
     };
-    size: import("vue-types").VueTypeDef<string>;
+    size: import("vue-types").VueTypeDef<"small" | "default" | "large"> & {
+        default: "small" | "default" | "large";
+    };
+    immediateEmitChange: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
 }, {
-    currentValue: import("vue").ComputedRef<string | number | boolean>;
+    inputRef: import("vue").Ref<any>;
     isFocus: import("vue").Ref<boolean>;
-    isChecked: import("vue").ComputedRef<boolean>;
+    isChecked: import("vue").Ref<boolean>;
     isDisabled: import("vue").ComputedRef<boolean>;
+    setChecked: (value?: boolean) => void;
     handleBlur: () => void;
     handleFocus: () => void;
     handleChange: (event: Event) => void;
+    size: "small" | "default" | "large";
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
-    modelValue: import("vue-types").VueTypeDef<string | number | boolean> & {
-        default: string | number | boolean;
-    };
-    label: import("vue-types").VueTypeDef<string | number | boolean> & {
-        required: true;
-    };
+    modelValue: import("vue-types").VueTypeDef<string | number | boolean>;
+    label: import("vue-types").VueTypeDef<string | number | boolean>;
     trueLabel: import("vue-types").VueTypeDef<string | number | boolean> & {
         default: string | number | boolean;
     };
@@ -98,17 +102,25 @@ declare const _default: import("vue").DefineComponent<{
     beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
         default: (...args: any[]) => any;
     };
-    size: import("vue-types").VueTypeDef<string>;
+    size: import("vue-types").VueTypeDef<"small" | "default" | "large"> & {
+        default: "small" | "default" | "large";
+    };
+    immediateEmitChange: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
 }>> & {
     onChange?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
 }, {
     disabled: boolean;
-    modelValue: string | number | boolean;
+    size: "small" | "default" | "large";
     trueLabel: string | number | boolean;
     falseLabel: string | number | boolean;
     checked: boolean;
     indeterminate: boolean;
     beforeChange: (...args: any[]) => any;
+    immediateEmitChange: boolean;
 }>;
 export default _default;

package/lib/checkbox/checkbox.less

@@ -1,41 +1,86 @@
 @import '../styles/themes/themes.less';
 
+.@{bk-prefix}-checkbox-group {
+  display: inline-flex;
+  letter-spacing: normal;
+}
+
 .@{bk-prefix}-checkbox {
-  display: inline-block;
-  margin-right: 30px;
+  display: inline-flex;
+  justify-self: center;
+  align-items: center;
   font-size: 14px;
   letter-spacing: normal;
   color: #63656e;
   cursor: pointer;
   user-select: none;
 
+  & ~ .@{bk-prefix}-checkbox {
+    margin-left: 30px;
+  }
+
   &.is-checked {
-    .bk-checkbox-input {
+    .@{bk-prefix}-checkbox-input {
       background: @primary-color;
       border-color: @primary-color;
       transition: all .1s;
 
+      &.small {
+        &::after {
+          width: 3px;
+          height: 6px;
+        }
+      }
+
       &::after {
         position: absolute;
-        top: 1px;
-        left: 5px;
+        top: 50%;
+        left: 50%;
         width: 4px;
         height: 8px;
         border: 2px solid #fff;
         border-top: 0;
         border-left: 0;
         content: '';
-        transform: scaleY(1) rotate(45deg);
+        transform: translate(-50%, -60%) scaleY(1) rotate(45deg);
         transform-origin: center;
       }
     }
   }
 
+  &.is-indeterminated {
+    .@{bk-prefix}-checkbox-input {
+      background: @primary-color;
+      border-color: @primary-color;
+      transition: all .1s;
+
+      &.small {
+        &::after {
+          width: 6px;
+          height: 2px;
+        }
+      }
+
+      &::after {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        width: 8px;
+        height: 2px;
+        background: #fff;
+        border: none;
+        border-radius: 2px;
+        content: '';
+        transform: translate(-50%, -50%);
+      }
+    }
+  }
+
   &.is-disabled {
     color: #c4c6cc;
     cursor: not-allowed;
 
-    .bk-checkbox-input {
+    .@{bk-prefix}-checkbox-input {
       background: #fafbfd;
       border-color: @disable-color;
 
@@ -45,36 +90,44 @@
     }
 
     &.is-checked {
-      .bk-checkbox-input {
-        background: @disable-color;
+      .@{bk-prefix}-checkbox-input {
+        background: @checkbox-disabled-checked-bg;
+        border-color: @checkbox-disabled-checked-bg;
+
+        &::after {
+          background: @checkbox-disabled-checked-bg;
+        }
       }
     }
   }
+}
 
-  .bk-checkbox-input {
-    position: relative;
-    display: inline-block;
-    width: 16px;
-    height: 16px;
-    margin-right: 5px;
-    vertical-align: middle;
-    border: 1px solid #979ba5;
-    border-radius: 2px;
-    
-  }
+.@{bk-prefix}-checkbox-input {
+  position: relative;
+  display: inline-block;
+  width: 16px;
+  height: 16px;
+  vertical-align: middle;
+  border: 1px solid #979ba5;
+  border-radius: 2px;
 
-  .bk-checkbox-original {
-    position: absolute;
-    top: 0;
-    left: 0;
-    z-index: -1;
-    width: 0;
-    height: 0;
+  &.small {
+    width: 14px;
+    height: 14px;
   }
+}
 
-  .bk-checkbox-label {
-    display: inline-block;
-    line-height: 18px;
-    vertical-align: middle;
-  }
+.@{bk-prefix}-checkbox-original {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: -1;
+  width: 0;
+  height: 0;
+}
+
+.@{bk-prefix}-checkbox-label {
+  display: inline-block;
+  margin-left: 6px;
+  vertical-align: middle;
 }