bkui-vue 0.0.1-beta.34 → 0.0.1-beta.340

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("../directives"),require("../icon"),require("../popover"),require("../checkbox"));else if("function"==typeof define&&define.amd)define(["../shared","vue","vue-types","../directives","../icon","../popover","../checkbox"],t);else{var r="object"==typeof exports?t(require("../shared"),require("vue"),require("vue-types"),require("../directives"),require("../icon"),require("../popover"),require("../checkbox")):t(e["../shared"],e.vue,e["vue-types"],e["../directives"],e["../icon"],e["../popover"],e["../checkbox"]);for(var n in r)("object"==typeof exports?exports:e)[n]=r[n]}}(self,((e,t,r,n,o,i,a)=>(()=>{var s={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",s=o.toStringTag||"@@toStringTag";function c(e,t,r){return Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{c({},"")}catch(e){c=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 L(n||[]);return i._invoke=function(e,t,r){var n=d;return function(o,i){if(n===p)throw new Error("Generator is already running");if(n===f){if("throw"===o)throw i;return O()}for(r.method=o,r.arg=i;;){var a=r.delegate;if(a){var s=x(a,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 c=u(e,t,r);if("normal"===c.type){if(n=r.done?f:h,c.arg===v)continue;return{value:c.arg,done:r.done}}"throw"===c.type&&(n=f,r.method="throw",r.arg=c.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",h="suspendedYield",p="executing",f="completed",v={};function y(){}function g(){}function m(){}var b={};c(b,i,(function(){return this}));var k=Object.getPrototypeOf,N=k&&k(k(E([])));N&&N!==r&&n.call(N,i)&&(b=N);var w=m.prototype=y.prototype=Object.create(b);function P(e){["next","throw","return"].forEach((function(t){c(e,t,(function(e){return this._invoke(t,e)}))}))}function T(e,t){function r(o,i,a,s){var c=u(e[o],e,i);if("throw"!==c.type){var l=c.arg,d=l.value;return d&&"object"==typeof d&&n.call(d,"__await")?t.resolve(d.__await).then((function(e){r("next",e,a,s)}),(function(e){r("throw",e,a,s)})):t.resolve(d).then((function(e){l.value=e,a(l)}),(function(e){return r("throw",e,a,s)}))}s(c.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 C(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function L(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:O}}function O(){return{value:t,done:!0}}return g.prototype=m,c(w,"constructor",m),c(m,"constructor",g),g.displayName=c(m,s,"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,c(e,s,"GeneratorFunction")),e.prototype=Object.create(w),e},e.awrap=function(e){return{__await:e}},P(T.prototype),c(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(w),c(w,s,"Generator"),c(w,i,(function(){return this})),c(w,"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(C),!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 i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],s=a.completion;if("root"===a.tryLoc)return o("end");if(a.tryLoc<=this.prev){var c=n.call(a,"catchLoc"),l=n.call(a,"finallyLoc");if(c&&l){if(this.prev<a.catchLoc)return o(a.catchLoc,!0);if(this.prev<a.finallyLoc)return o(a.finallyLoc)}else if(c){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),C(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;C(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=a},4061:e=>{"use strict";e.exports=n},6870:e=>{"use strict";e.exports=o},5537:e=>{"use strict";e.exports=i},4212:t=>{"use strict";t.exports=e},748:e=>{"use strict";e.exports=t},210:e=>{"use strict";e.exports=r}},c={};function l(e){var t=c[e];if(void 0!==t)return t.exports;var r=c[e]={exports:{}};return s[e](r,r.exports,l),r.exports}l.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return l.d(t,{a:t}),t},l.d=(e,t)=>{for(var r in t)l.o(t,r)&&!l.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},l.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),l.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var u={};return(()=>{"use strict";l.r(u),l.d(u,{BkCascader:()=>k,BkCascaderPanel:()=>d,default:()=>N});var e=l(4212),t=l(748),r=l(210),n=l(4061),o=l(6870),i=l(5537),a=l.n(i);l(7162),Symbol("BkSelect"),Symbol("BkOptionGroup");var s=l(5800),c=l.n(s);const d=(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,n){var i=n.emit,a=r.store,s=(0,t.reactive)({list:[r.store.getNodes()]}),c=(0,t.ref)([]),l=(0,t.ref)([]),u=function(e){return"number"==typeof e?"".concat(e,"px"):e},d=u(r.height),h=u(r.width),p=function(e){e.isDisabled||(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(s.list=s.list.slice(0,e.level),c.value=c.value.slice(0,e.level-1),null===(t=e.children)||void 0===t?void 0:t.length)return s.list.push(e.children),void c.value.push(e);a.config.isRemote&&!e.isLeaf&&(e.loading=!0,a.config.remoteMethod(e,(function(t){a.appendNodes(t,e||null),s.list.push(e.children),c.value.push(e),e.loading=!1})))}},v=function(e,t){e.setNodeCheck(t||!1),p(e)};return(0,t.watch)((function(){return r.modelValue}),(function(e){!function(e){0===e.length&&(s.list=s.list.slice(0,1),c.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){s.list=[e.getNodes()]})),{menus:s,activePath:c,nodeExpandHandler:f,isNodeInPath:function(e){return(c.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&&p(e),e.isLeaf&&!o&&p(e)},onMouseenter:function(){"hover"===r&&f(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:l,checkNode:v,iconRender:function(e){return e.loading?(0,t.createVNode)(o.Spinner,{class:"icon-spinner"},null):(0,t.createVNode)(o.AngleRight,{class:"icon-angle-right"},null)},panelWidth:h,panelHeight:d,searchPanelEvents:function(e){var t=e.config.multiple;return{onClick:function(r){if(t)return r.stopPropagation(),void v(e,!e.checked);f(e),e.isLeaf&&!t&&p(e)}}}}},render:function(){var e=this,r=parseInt(this.panelWidth,10)>200?this.panelWidth:"".concat(200,"px");return(0,t.createVNode)("div",{class:"bk-cascader-panel-wrapper"},[this.isFiltering?e.suggestions.length?(0,t.createVNode)("ul",{class:"bk-cascader-panel bk-scroll-y",style:{height:e.panelHeight,width:e.panelWidth}},[e.suggestions.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.searchPanelEvents(r)),[r.pathNames.join(e.separator)])}))]):(0,t.createVNode)("div",{class:"bk-cascader-search-empty",style:{width:r}},[(0,t.createVNode)("span",null,[(0,t.createTextVNode)("暂无搜索结果")])]):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":!r.config.multiple&&e.isCheckedNode(r,e.checkValue)}]},Object.assign(e.nodeEvent(r),(r.config.multiple,{}))),[r.config.multiple&&(0,t.createVNode)(c(),{disabled:r.isDisabled,modelValue:r.checked,"onUpdate:modelValue":function(e){return r.checked=e},indeterminate:r.isIndeterminate,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 h(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}function v(e){return!!e.data.disabled||(1!==e.level?v(e.parent):e.data.disabled)}const y=function(){function t(e,r,n){h(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 f(t,[{key:"initState",value:function(){var e=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 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 v(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 g=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 m=function(){function t(e){var r=this;h(this,t);var n=e.list;this.data=n,this.config=e,this.nodes=this.data.map((function(e){return new y(e,r.config)}))}return f(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 g(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 y(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}(),b=(0,t.defineComponent)({name:"Cascader",directives:{clickoutside:n.clickoutside},components:{CascaderPanel:d,BkPopover:a()},props:{modelValue:e.PropTypes.arrayOf(e.PropTypes.oneOfType([(0,r.array)(),String,Number])),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(r,n){var o=n.emit,i=r.separator,a=r.multiple,s=function(){var e=(0,t.ref)(!1);return{isHover:e,setHover:function(){e.value=!0},cancelHover:function(){e.value=!1}}}(),c=s.isHover,l=s.setHover,u=s.cancelHover,d=(0,t.ref)(new m(r)),h=(0,t.ref)(!1),p=(0,t.ref)(""),f=(0,t.ref)([]),v=(0,t.toRefs)(r).modelValue,y=(0,t.ref)(),g=(0,t.ref)(""),b=(0,t.ref)([]),k=(0,t.ref)(!1),N=(0,t.computed)({get:function(){return v.value},set:function(e){o("update:modelValue",e)}}),w=(0,t.ref)(null),P=function(e){return r.showCompleteName?e.pathNames.join(i):e.pathNames[e.pathNames.length-1]},T=function(e){var t;if(a)f.value=d.value.getCheckedNodes().map((function(e){return{text:P(e),key:e.id}}));else{if(!r.checkAnyLevel&&(null===(t=null==w?void 0:w.value)||void 0===t||t.hide()),0===e.length)p.value="";else{var n=d.value.getNodeByValue(e);if(!n)return;p.value=P(n)}g.value=p.value}},x=(0,e.debounce)(200,(function(e){var t=e.target;if(g.value=t.value,""!==g.value){k.value=!0;var n=d.value.getFlattedNodes().filter((function(e){return(r.checkAnyLevel||e.isLeaf)&&e.pathNames.join(r.separator).includes(g.value)}));b.value=n,!(null==w?void 0:w.value.isShow)&&(null==w||w.value.show())}else k.value=!1}));return(0,t.watch)((function(){return r.modelValue}),(function(e,t){T(e),o("update:modelValue",e),void 0!==t&&o("change",e)}),{immediate:!0}),(0,t.watch)((function(){return r.list}),(function(){d.value=new m(r),T(r.modelValue)}),{deep:!0,immediate:!0}),{store:d,updateValue:T,panelShow:h,selectedText:p,checkedValue:N,handleClear:function(e){e.stopPropagation(),d.value.clearChecked(),g.value="",T([]),o("update:modelValue",[]),o("clear",JSON.parse(JSON.stringify(r.modelValue)))},isHover:c,setHover:l,popover:w,cancelHover:u,selectedTags:f,removeTag:function(e,t,r){r.stopPropagation();var n=JSON.parse(JSON.stringify(e)),i=n.splice(t,1)[0];d.value.removeTag(i),T(n),o("update:modelValue",d.value.getCheckedNodes().map((function(e){return e.path})))},cascaderPanel:y,popoverChangeEmitter:function(e){o("toggle",e.isShow),e.isShow||(k.value=!1)},searchKey:g,suggestions:b,isFiltering:k,searchInputHandler:x}},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,"is-filterable":this.filterable}],tabindex:"0","data-placeholder":this.placeholder,onMouseenter:this.setHover,onMouseleave:this.cancelHover},[e.clearable&&e.isHover?(0,t.createVNode)(o.Close,{class:"bk-icon-clear-icon",onClick:e.handleClear},null):(0,t.createVNode)(o.AngleUp,{class:"bk-icon-angle-up"},null),(0,t.createVNode)(a(),{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.selectedTags.length>0&&(e.limitOneLine?(0,t.createVNode)("span",null,[e.selectedText]):(0,t.createVNode)("div",{class:"cascader-tag-list"},[e.selectedTags.map((function(r,n){return(0,t.createVNode)("span",{class:"cascader-tag-item"},[(0,t.createVNode)("span",{class:"cascader-tag-item-name"},[r.text]),(0,t.createVNode)(o.Error,{class:"bk-icon-clear-icon",onClick:function(t){return e.removeTag(e.modelValue,n,t)}},null)])}))])),e.filterable?(0,t.createVNode)("input",{class:"bk-cascader-search-input",type:"text",onInput:e.searchInputHandler,placeholder:e.placeholder,value:e.searchKey},null):(0,t.createVNode)("span",null,[e.selectedText])])},content:function(){return(0,t.createVNode)("div",{class:"bk-cascader-popover"},[(0,t.createVNode)(d,{store:e.store,ref:"cascaderPanel",width:e.scrollWidth,height:e.scrollHeight,"search-key":e.searchKey,separator:e.separator,"is-filtering":e.isFiltering,suggestions:e.suggestions,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 k=(0,e.withInstallProps)(b,{CascaderPanel:d});const N=k})(),u})()));

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,23 @@
+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;
+    /** 获取多选下，被选中(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,55 +1,448 @@
+:root {
+  --bk-prefix: bk;
+  --popover-max-height: var(--popover-max-height);
+  --primary-color: var(--primary-color);
+  --success-color: var(--success-color);
+  --warning-color: var(--warning-color);
+  --danger-color: var(--danger-color);
+  --default-color: var(--default-color);
+  --gray-color: var(--gray-color);
+  --light-gray: var(--light-gray);
+  --white-color: var(--white-color);
+  --whitesmoke-color: var(--whitesmoke-color);
+  --disable-color: var(--disable-color);
+  --font-size-base: var(--font-size-base);
+  --font-size-medium: var(--font-size-medium);
+  --font-size-large: var(--font-size-large);
+  --line-height-base: var(--line-height-base);
+  --line-height-medium: var(--line-height-medium);
+  --line-height-large: var(--line-height-large);
+  --component-size-small: var(--component-size-small);
+  --component-size-base: var(--component-size-base);
+  --component-size-large: var(--component-size-large);
+  --border-width-base: var(--border-width-base);
+  --border-style-base: var(--border-style-base);
+  --border-radius-base: var(--border-radius-base);
+  --border-style-color: var(--border-style-color);
+  --input-disabled-bg: var(--input-disabled-bg);
+  --input-disabled-border: var(--input-disabled-border);
+  --input-height-base: var(--input-height-base);
+  --input-color: var(--input-color);
+  --input-bg: var(--input-bg);
+  --input-border-color: var(--input-border-color);
+  --input-broder-radius: var(--input-broder-radius);
+  --input-shadow-color: var(--input-shadow-color);
+  --input-horizontal-padding: var(--input-horizontal-padding);
+  --input-block-color: var(--input-block-color);
+  --input-block-hover-color: var(--input-block-hover-color);
+  --input-icon-size: var(--input-icon-size);
+  --input-maxlength-color: var(--input-maxlength-color);
+  --button-primary-hover-color: var(--button-primary-hover-color);
+  --button-danger-hover-color: var(--button-danger-hover-color);
+  --button-success-hover-color: var(--button-success-hover-color);
+  --button-warning-hover-color: var(--button-warning-hover-color);
+  --button-default-hover-border-color: var(--button-default-hover-border-color);
+  --button-primary-active-color: var(--button-primary-active-color);
+  --button-danger-active-color: var(--button-danger-active-color);
+  --button-success-active-color: var(--button-success-active-color);
+  --button-warning-active-color: var(--button-warning-active-color);
+  --button-selected-bg-color: var(--button-selected-bg-color);
+  --button-disabled-selected-bg-color: var(--button-disabled-selected-bg-color);
+  --radio-font-color: var(--radio-font-color);
+  --radio-active-color: var(--radio-active-color);
+  --radio-hover-border-color: var(--radio-hover-border-color);
+  --radio-disabled-border: var(--radio-disabled-border);
+  --radio-disabled-font-color: var(--radio-disabled-font-color);
+  --radio-distable-checked-bg: var(--radio-distable-checked-bg);
+  --radio-button-checked-bg: var(--radio-button-checked-bg);
+  --fixed-navbar-background: var(--fixed-navbar-background);
+  --fixed-navbar-boxshadow-color: var(--fixed-navbar-boxshadow-color);
+  --switch-default-color: var(--switch-default-color);
+  --switch-grey-color: var(--switch-grey-color);
+  --breadcrumb-black-color: var(--breadcrumb-black-color);
+  --breadcrumb-primary-hover-color: var(--breadcrumb-primary-hover-color);
+  --breadcrumb-fn-main-color: var(--breadcrumb-fn-main-color);
+  --link-default-hover-color: var(--link-default-hover-color);
+  --link-primary-hover-color: var(--link-primary-hover-color);
+  --link-success-hover-color: var(--link-success-hover-color);
+  --link-warning-hover-color: var(--link-warning-hover-color);
+  --link-danger-hover-color: var(--link-danger-hover-color);
+  --link-default-disabled-color: var(--link-default-disabled-color);
+  --link-primary-disabled-color: var(--link-primary-disabled-color);
+  --link-success-disabled-color: var(--link-success-disabled-color);
+  --link-warning-disabled-color: var(--link-warning-disabled-color);
+  --link-danger-disabled-color: var(--link-danger-disabled-color);
+  --message-color: var(--message-color);
+  --message-primary-bg-color: var(--message-primary-bg-color);
+  --message-primary-border-color: var(--message-primary-border-color);
+  --message-primary-shadow-color: var(--message-primary-shadow-color);
+  --message-warning-bg-color: var(--message-warning-bg-color);
+  --message-warning-border-color: var(--message-warning-border-color);
+  --message-warning-shadow-color: var(--message-warning-shadow-color);
+  --message-success-bg-color: var(--message-success-bg-color);
+  --message-success-border-color: var(--message-success-border-color);
+  --message-success-shadow-color: var(--message-success-shadow-color);
+  --message-danger-bg-color: var(--message-danger-bg-color);
+  --message-danger-border-color: var(--message-danger-border-color);
+  --message-danger-shadow-color: var(--message-danger-shadow-color);
+  --slider-default-bg: var(--slider-default-bg);
+  --slider-disable-bar-bg: var(--slider-disable-bar-bg);
+  --menu-bg-color: var(--menu-bg-color);
+  --submenu-bg-color: var(--submenu-bg-color);
+  --menu-active-bg-color: var(--menu-active-bg-color);
+  --menu-color: var(--menu-color);
+  --menu-group-color: var(--menu-group-color);
+  --menu-width: var(--menu-width);
+  --menu-collapse-width: var(--menu-collapse-width);
+  --menu-active-color: var(--menu-active-color);
+  --nav-header-bg-color: var(--nav-header-bg-color);
+  --nav-bg-color: var(--nav-bg-color);
+  --date-picker-disabled-bg: var(--date-picker-disabled-bg);
+  --date-picker-dropdown-mb: var(--date-picker-dropdown-mb);
+  --date-picker-dropdown-bg: var(--date-picker-dropdown-bg);
+  --table-bg-color: var(--table-bg-color);
+  --table-border-color: var(--table-border-color);
+  --table-head-bg-color: var(--table-head-bg-color);
+  --table-head-font-color: var(--table-head-font-color);
+  --table-body-font-color: var(--table-body-font-color);
+  --table-row-hover-bg-color: var(--table-row-hover-bg-color);
+  --table-row-active-bg-color: var(--table-row-active-bg-color);
+  --cascader-panel-border-color: var(--cascader-panel-border-color);
+  --cascader-panel-hover: var(--cascader-panel-hover);
+  --cascader-panel-active: var(--cascader-panel-active);
+  --cascader-panel-disabled-bg: var(--cascader-panel-disabled-bg);
+  --search-select-focus-border-color: var(--search-select-focus-border-color);
+  --search-select-focus-color: var(--search-select-focus-color);
+  --search-select-font-color: var(--search-select-font-color);
+  --search-select-placeholder-color: var(--search-select-placeholder-color);
+  --search-select-message-color: var(--search-select-message-color);
+}
+:root :root {
+  --bk-prefix: bk;
+  --popover-max-height: 216px;
+  --primary-color: #3a84ff;
+  --success-color: #2dcb56;
+  --warning-color: #ff9c01;
+  --danger-color: #ea3636;
+  --default-color: #63656e;
+  --gray-color: #979ba5;
+  --light-gray: #c4c6cc;
+  --white-color: white;
+  --whitesmoke-color: #fafbfd;
+  --disable-color: #dcdee5;
+  --font-size-base: 12px;
+  --font-size-medium: 14px;
+  --font-size-large: 16px;
+  --line-height-base: 16px;
+  --line-height-medium: 16px;
+  --line-height-large: 18px;
+  --component-size-small: 26px;
+  --component-size-base: 32px;
+  --component-size-large: 40px;
+  --border-width-base: 1px;
+  --border-style-base: solid;
+  --border-radius-base: 2px;
+  --border-style-color: var(--light-gray);
+  --input-disabled-bg: #fafbfd;
+  --input-disabled-border: var(--disable-color);
+  --input-height-base: var(--component-size-base);
+  --input-color: var(--default-color);
+  --input-bg: white;
+  --input-border-color: var(--light-gray);
+  --input-broder-radius: 3px;
+  --input-shadow-color: #a3c5fd;
+  --input-horizontal-padding: 10px;
+  --input-block-color: #f5f7fa;
+  --input-block-hover-color: #eaebf0;
+  --input-icon-size: var(--font-size-medium);
+  --input-maxlength-color: #979ba5;
+  --button-primary-hover-color: #5594fa;
+  --button-danger-hover-color: #ff5656;
+  --button-success-hover-color: #45e35f;
+  --button-warning-hover-color: #ffb848;
+  --button-default-hover-border-color: #979ba5;
+  --button-primary-active-color: #2c77f4;
+  --button-danger-active-color: #db2626;
+  --button-success-active-color: #1ab943;
+  --button-warning-active-color: #eb9000;
+  --button-selected-bg-color: #e1ecff;
+  --button-disabled-selected-bg-color: #f0f1f5;
+  --radio-font-color: #63656e;
+  --radio-active-color: #5594fa;
+  --radio-hover-border-color: #979ba5;
+  --radio-disabled-border: #dcdee5;
+  --radio-disabled-font-color: #c4c6cc;
+  --radio-distable-checked-bg: #fafbfd;
+  --radio-button-checked-bg: #e1ecff;
+  --fixed-navbar-background: #fff;
+  --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
+  --switch-default-color: #fff;
+  --switch-grey-color: #c4c6cc;
+  --breadcrumb-black-color: #979ba5;
+  --breadcrumb-primary-hover-color: #0082ff;
+  --breadcrumb-fn-main-color: #63656e;
+  --link-default-hover-color: #979ba5;
+  --link-primary-hover-color: #699df4;
+  --link-success-hover-color: #45e35f;
+  --link-warning-hover-color: #ffb848;
+  --link-danger-hover-color: #ff5656;
+  --link-default-disabled-color: #dcdee5;
+  --link-primary-disabled-color: #a3c5fd;
+  --link-success-disabled-color: #94f5a4;
+  --link-warning-disabled-color: #ffd695;
+  --link-danger-disabled-color: #fd9c9c;
+  --message-color: var(--default-color);
+  --message-primary-bg-color: #f0f8ff;
+  --message-primary-border-color: #e1ecff;
+  --message-primary-shadow-color: #e1e8f4;
+  --message-warning-bg-color: #fff4e2;
+  --message-warning-border-color: #ffe8c3;
+  --message-warning-shadow-color: #ede6db;
+  --message-success-bg-color: #f2fff4;
+  --message-success-border-color: #dcffe2;
+  --message-success-shadow-color: #cef0d7;
+  --message-danger-bg-color: #ffeded;
+  --message-danger-border-color: #fdd;
+  --message-danger-shadow-color: #f6dada;
+  --slider-default-bg: #dcdee5;
+  --slider-disable-bar-bg: #979ba5;
+  --menu-bg-color: #182132;
+  --submenu-bg-color: #151d2c;
+  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
+  --menu-color: #96a2b9;
+  --menu-group-color: var(--default-color);
+  --menu-width: 260px;
+  --menu-collapse-width: 60px;
+  --menu-active-color: white;
+  --nav-header-bg-color: #182132;
+  --nav-bg-color: #182132;
+  --date-picker-disabled-bg: #fafbfd;
+  --date-picker-dropdown-mb: 4px;
+  --date-picker-dropdown-bg: #fff;
+  --table-bg-color: var(--white-color);
+  --table-border-color: #dcdee5;
+  --table-head-bg-color: #fafbfd;
+  --table-head-font-color: #313238;
+  --table-body-font-color: #575961;
+  --table-row-hover-bg-color: #f5f7fa;
+  --table-row-active-bg-color: #f0f1f5;
+  --cascader-panel-border-color: #dcdee5;
+  --cascader-panel-hover: #f5f7fa;
+  --cascader-panel-active: #e1ecff;
+  --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
+}
+:root {
+  --bk-prefix: bk;
+  --popover-max-height: 216px;
+  --primary-color: #3a84ff;
+  --success-color: #2dcb56;
+  --warning-color: #ff9c01;
+  --danger-color: #ea3636;
+  --default-color: #63656e;
+  --gray-color: #979ba5;
+  --light-gray: #c4c6cc;
+  --white-color: white;
+  --whitesmoke-color: #fafbfd;
+  --disable-color: #dcdee5;
+  --font-size-base: 12px;
+  --font-size-medium: 14px;
+  --font-size-large: 16px;
+  --line-height-base: 16px;
+  --line-height-medium: 16px;
+  --line-height-large: 18px;
+  --component-size-small: 26px;
+  --component-size-base: 32px;
+  --component-size-large: 40px;
+  --border-width-base: 1px;
+  --border-style-base: solid;
+  --border-radius-base: 2px;
+  --border-style-color: var(--light-gray);
+  --input-disabled-bg: #fafbfd;
+  --input-disabled-border: var(--disable-color);
+  --input-height-base: var(--component-size-base);
+  --input-color: var(--default-color);
+  --input-bg: white;
+  --input-border-color: var(--light-gray);
+  --input-broder-radius: 3px;
+  --input-shadow-color: #a3c5fd;
+  --input-horizontal-padding: 10px;
+  --input-block-color: #f5f7fa;
+  --input-block-hover-color: #eaebf0;
+  --input-icon-size: var(--font-size-medium);
+  --input-maxlength-color: #979ba5;
+  --button-primary-hover-color: #5594fa;
+  --button-danger-hover-color: #ff5656;
+  --button-success-hover-color: #45e35f;
+  --button-warning-hover-color: #ffb848;
+  --button-default-hover-border-color: #979ba5;
+  --button-primary-active-color: #2c77f4;
+  --button-danger-active-color: #db2626;
+  --button-success-active-color: #1ab943;
+  --button-warning-active-color: #eb9000;
+  --button-selected-bg-color: #e1ecff;
+  --button-disabled-selected-bg-color: #f0f1f5;
+  --radio-font-color: #63656e;
+  --radio-active-color: #5594fa;
+  --radio-hover-border-color: #979ba5;
+  --radio-disabled-border: #dcdee5;
+  --radio-disabled-font-color: #c4c6cc;
+  --radio-distable-checked-bg: #fafbfd;
+  --radio-button-checked-bg: #e1ecff;
+  --fixed-navbar-background: #fff;
+  --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
+  --switch-default-color: #fff;
+  --switch-grey-color: #c4c6cc;
+  --breadcrumb-black-color: #979ba5;
+  --breadcrumb-primary-hover-color: #0082ff;
+  --breadcrumb-fn-main-color: #63656e;
+  --link-default-hover-color: #979ba5;
+  --link-primary-hover-color: #699df4;
+  --link-success-hover-color: #45e35f;
+  --link-warning-hover-color: #ffb848;
+  --link-danger-hover-color: #ff5656;
+  --link-default-disabled-color: #dcdee5;
+  --link-primary-disabled-color: #a3c5fd;
+  --link-success-disabled-color: #94f5a4;
+  --link-warning-disabled-color: #ffd695;
+  --link-danger-disabled-color: #fd9c9c;
+  --message-color: var(--default-color);
+  --message-primary-bg-color: #f0f8ff;
+  --message-primary-border-color: #e1ecff;
+  --message-primary-shadow-color: #e1e8f4;
+  --message-warning-bg-color: #fff4e2;
+  --message-warning-border-color: #ffe8c3;
+  --message-warning-shadow-color: #ede6db;
+  --message-success-bg-color: #f2fff4;
+  --message-success-border-color: #dcffe2;
+  --message-success-shadow-color: #cef0d7;
+  --message-danger-bg-color: #ffeded;
+  --message-danger-border-color: #fdd;
+  --message-danger-shadow-color: #f6dada;
+  --slider-default-bg: #dcdee5;
+  --slider-disable-bar-bg: #979ba5;
+  --menu-bg-color: #182132;
+  --submenu-bg-color: #151d2c;
+  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
+  --menu-color: #96a2b9;
+  --menu-group-color: var(--default-color);
+  --menu-width: 260px;
+  --menu-collapse-width: 60px;
+  --menu-active-color: white;
+  --nav-header-bg-color: #182132;
+  --nav-bg-color: #182132;
+  --date-picker-disabled-bg: #fafbfd;
+  --date-picker-dropdown-mb: 4px;
+  --date-picker-dropdown-bg: #fff;
+  --table-bg-color: var(--white-color);
+  --table-border-color: #dcdee5;
+  --table-head-bg-color: #fafbfd;
+  --table-head-font-color: #313238;
+  --table-body-font-color: #575961;
+  --table-row-hover-bg-color: #f5f7fa;
+  --table-row-active-bg-color: #f0f1f5;
+  --cascader-panel-border-color: #dcdee5;
+  --cascader-panel-hover: #f5f7fa;
+  --cascader-panel-active: #e1ecff;
+  --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
+}
+.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;
+  background: var(--primary-color);
+  border-color: var(--primary-color);
   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: var(--primary-color);
+  border-color: var(--primary-color);
+  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;
 }
 .bk-checkbox.is-disabled .bk-checkbox-input {
   background: #fafbfd;
-  border-color: #dcdee5;
+  border-color: var(--disable-color);
 }
 .bk-checkbox.is-disabled .bk-checkbox-input::after {
-  background: #dcdee5;
+  background: var(--disable-color);
 }
 .bk-checkbox.is-disabled.is-checked .bk-checkbox-input {
-  background: #dcdee5;
+  background: var(--disable-color);
 }
-.bk-checkbox .bk-checkbox-input {
+.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 +450,8 @@
   width: 0;
   height: 0;
 }
-.bk-checkbox .bk-checkbox-label {
+.bk-checkbox-label {
   display: inline-block;
-  line-height: 18px;
+  margin-left: 5px;
   vertical-align: middle;
 }