bkui-vue 0.0.1-beta.47 → 0.0.1-beta.470

package/lib/cascader/index.js

@@ -0,0 +1,2 @@
+/*! For license information please see index.js.LICENSE.txt */
+!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,l,s)=>(()=>{var c={5800:e=>{"use strict";e.exports=s},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=l},748:e=>{"use strict";e.exports=t},210:e=>{"use strict";e.exports=r},7609:(e,t,r)=>{var n=r(7425).default;function o(){"use strict";e.exports=o=function(){return t},e.exports.__esModule=!0,e.exports.default=e.exports;var t={},r=Object.prototype,a=r.hasOwnProperty,i=Object.defineProperty||function(e,t,r){e[t]=r.value},l="function"==typeof Symbol?Symbol:{},s=l.iterator||"@@iterator",c=l.asyncIterator||"@@asyncIterator",u=l.toStringTag||"@@toStringTag";function d(e,t,r){return Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{d({},"")}catch(e){d=function(e,t,r){return e[t]=r}}function f(e,t,r,n){var o=t&&t.prototype instanceof v?t:v,a=Object.create(o.prototype),l=new L(n||[]);return i(a,"_invoke",{value:x(e,r,l)}),a}function p(e,t,r){try{return{type:"normal",arg:e.call(t,r)}}catch(e){return{type:"throw",arg:e}}}t.wrap=f;var h={};function v(){}function y(){}function g(){}var m={};d(m,s,(function(){return this}));var b=Object.getPrototypeOf,N=b&&b(b(S([])));N&&N!==r&&a.call(N,s)&&(m=N);var k=g.prototype=v.prototype=Object.create(m);function T(e){["next","throw","return"].forEach((function(t){d(e,t,(function(e){return this._invoke(t,e)}))}))}function w(e,t){function r(o,i,l,s){var c=p(e[o],e,i);if("throw"!==c.type){var u=c.arg,d=u.value;return d&&"object"==n(d)&&a.call(d,"__await")?t.resolve(d.__await).then((function(e){r("next",e,l,s)}),(function(e){r("throw",e,l,s)})):t.resolve(d).then((function(e){u.value=e,l(u)}),(function(e){return r("throw",e,l,s)}))}s(c.arg)}var o;i(this,"_invoke",{value: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 x(e,t,r){var n="suspendedStart";return function(o,a){if("executing"===n)throw new Error("Generator is already running");if("completed"===n){if("throw"===o)throw a;return{value:void 0,done:!0}}for(r.method=o,r.arg=a;;){var i=r.delegate;if(i){var l=P(i,r);if(l){if(l===h)continue;return l}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if("suspendedStart"===n)throw n="completed",r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);n="executing";var s=p(e,t,r);if("normal"===s.type){if(n=r.done?"completed":"suspendedYield",s.arg===h)continue;return{value:s.arg,done:r.done}}"throw"===s.type&&(n="completed",r.method="throw",r.arg=s.arg)}}}function P(e,t){var r=t.method,n=e.iterator[r];if(void 0===n)return t.delegate=null,"throw"===r&&e.iterator.return&&(t.method="return",t.arg=void 0,P(e,t),"throw"===t.method)||"return"!==r&&(t.method="throw",t.arg=new TypeError("The iterator does not provide a '"+r+"' method")),h;var o=p(n,e.iterator,t.arg);if("throw"===o.type)return t.method="throw",t.arg=o.arg,t.delegate=null,h;var a=o.arg;return a?a.done?(t[e.resultName]=a.value,t.next=e.nextLoc,"return"!==t.method&&(t.method="next",t.arg=void 0),t.delegate=null,h):a:(t.method="throw",t.arg=new TypeError("iterator result is not an object"),t.delegate=null,h)}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 S(e){if(e){var t=e[s];if(t)return t.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var r=-1,n=function t(){for(;++r<e.length;)if(a.call(e,r))return t.value=e[r],t.done=!1,t;return t.value=void 0,t.done=!0,t};return n.next=n}}return{next:E}}function E(){return{value:void 0,done:!0}}return y.prototype=g,i(k,"constructor",{value:g,configurable:!0}),i(g,"constructor",{value:y,configurable:!0}),y.displayName=d(g,u,"GeneratorFunction"),t.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return!!t&&(t===y||"GeneratorFunction"===(t.displayName||t.name))},t.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,g):(e.__proto__=g,d(e,u,"GeneratorFunction")),e.prototype=Object.create(k),e},t.awrap=function(e){return{__await:e}},T(w.prototype),d(w.prototype,c,(function(){return this})),t.AsyncIterator=w,t.async=function(e,r,n,o,a){void 0===a&&(a=Promise);var i=new w(f(e,r,n,o),a);return t.isGeneratorFunction(r)?i:i.next().then((function(e){return e.done?e.value:i.next()}))},T(k),d(k,u,"Generator"),d(k,s,(function(){return this})),d(k,"toString",(function(){return"[object Generator]"})),t.keys=function(e){var t=Object(e),r=[];for(var n in t)r.push(n);return r.reverse(),function e(){for(;r.length;){var n=r.pop();if(n in t)return e.value=n,e.done=!1,e}return e.done=!0,e}},t.values=S,L.prototype={constructor:L,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(V),!e)for(var t in this)"t"===t.charAt(0)&&a.call(this,t)&&!isNaN(+t.slice(1))&&(this[t]=void 0)},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 t=this;function r(r,n){return i.type="throw",i.arg=e,t.next=r,n&&(t.method="next",t.arg=void 0),!!n}for(var n=this.tryEntries.length-1;n>=0;--n){var o=this.tryEntries[n],i=o.completion;if("root"===o.tryLoc)return r("end");if(o.tryLoc<=this.prev){var l=a.call(o,"catchLoc"),s=a.call(o,"finallyLoc");if(l&&s){if(this.prev<o.catchLoc)return r(o.catchLoc,!0);if(this.prev<o.finallyLoc)return r(o.finallyLoc)}else if(l){if(this.prev<o.catchLoc)return r(o.catchLoc,!0)}else{if(!s)throw new Error("try statement without catch or finally");if(this.prev<o.finallyLoc)return r(o.finallyLoc)}}}},abrupt:function(e,t){for(var r=this.tryEntries.length-1;r>=0;--r){var n=this.tryEntries[r];if(n.tryLoc<=this.prev&&a.call(n,"finallyLoc")&&this.prev<n.finallyLoc){var o=n;break}}o&&("break"===e||"continue"===e)&&o.tryLoc<=t&&t<=o.finallyLoc&&(o=null);var i=o?o.completion:{};return i.type=e,i.arg=t,o?(this.method="next",this.next=o.finallyLoc,h):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),h},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),h}},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,t,r){return this.delegate={iterator:S(e),resultName:t,nextLoc:r},"next"===this.method&&(this.arg=void 0),h}},t}e.exports=o,e.exports.__esModule=!0,e.exports.default=e.exports},7425:e=>{function t(r){return e.exports=t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e.exports.__esModule=!0,e.exports.default=e.exports,t(r)}e.exports=t,e.exports.__esModule=!0,e.exports.default=e.exports},2841:(e,t,r)=>{var n=r(7609)();e.exports=n;try{regeneratorRuntime=n}catch(e){"object"==typeof globalThis?globalThis.regeneratorRuntime=n:Function("r","regeneratorRuntime = r")(n)}}},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 f={};return(()=>{"use strict";d.r(f),d.d(f,{BkCascader:()=>P,BkCascaderPanel:()=>v,default:()=>C});var e=d(4212),t=d(748),r=d(210),n=d(2717),o=d(4061),a=d(6870),i=d(5537),l=d.n(i),s=d(7739),c=d.n(s);d(2841),Symbol("BkSelect"),Symbol("BkOptionGroup");var u=d(5800),p=d.n(u);function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}const v=(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,l=(0,n.useLocale)("select"),s=r.store,c=(0,t.reactive)({list:[r.store.getNodes()]}),u=(0,t.ref)([]),d=(0,t.ref)([]),f=function(e){return"number"==typeof e?"".concat(e,"px"):e},p=f(r.height),v=f(r.width),y=function(e){var t=[];if(s.config.multiple){var r,n=function(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=function(e,t){if(e){if("string"==typeof e)return h(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?h(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0,o=function(){};return{s:o,n:function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,i=!0,l=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return i=e.done,e},e:function(e){l=!0,a=e},f:function(){try{i||null==r.return||r.return()}finally{if(l)throw a}}}}(e);try{for(n.s();!(r=n.n()).done;){var o=r.value;o.length>t.length&&(t=o)}}catch(e){n.e(e)}finally{n.f()}}else t=e;t.forEach((function(e){var t=s.getNodeById(e);m(t)}))},g=function(e){if(!e.isDisabled){if(e.config.multiple){var t=s.config.checkAnyLevel?s.getCheckedNodes():s.getCheckedLeafNodes();d.value=t.map((function(e){return e.path}))}else d.value=e.path;i("update:modelValue",d.value)}},m=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);s.config.isRemote&&!e.isLeaf&&(e.loading=!0,s.config.remoteMethod(e,(function(t){s.appendNodes(t,e||null),c.list.push(e.children),u.value.push(e),e.loading=!1})))}},b=l.value.noData,N=function(e,t){e.setNodeCheck(t||!1),g(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=[]),y(e),d.value=e}(e)}),{immediate:!0}),(0,t.watch)((function(){return r.store}),(function(e){c.list=[e.getNodes()]})),{menus:c,activePath:u,nodeExpandHandler:m,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&&m(e),n&&!o&&g(e),e.isLeaf&&!o&&g(e)},onMouseenter:function(){"hover"===r&&m(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:N,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:v,panelHeight:p,searchPanelEvents:function(e){var t=e.config.multiple;return{onClick:function(r){if(t)return r.stopPropagation(),void N(e,!e.checked);m(e),e.isLeaf&&!t&&g(e)}}},expandByNodeList:y,noDataText:b}},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 y(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function g(e){return g="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},g(e)}function m(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,(o=n.key,a=void 0,a=function(e,t){if("object"!==g(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!==g(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(o),"symbol"===g(a)?a:String(a)),n)}var o,a}function b(e,t,r){return t&&m(e.prototype,t),r&&m(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}function N(e){return!!e.data.disabled||(1!==e.level?N(e.parent):e.data.disabled)}const k=function(){function t(e,r,n){y(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 b(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 N(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){this.config.checkAnyLevel?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 T=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 w=function(){function t(e){var r=this;y(this,t);var n=e.list;this.data=n,this.config=e,this.nodes=this.data.map((function(e){return new k(e,r.config)}))}return b(t,[{key:"getNodes",value:function(){return this.nodes}},{key:"clearChecked",value:function(){this.getFlattedNodes().forEach((function(e){e.setNodeCheck(!1),e.isIndeterminate=!1}))}},{key:"removeTag",value:function(t){this.getFlattedNodes().find((function(r){return!!(0,e.arrayEqual)(t,r.path)&&(r.setNodeCheck(!1),!0)}))}},{key:"getFlattedNodes",value:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return T(this.nodes,e)}},{key:"setNodesCheck",value:function(t){var r=this;this.getFlattedNodes().forEach((function(n){n.setNodeCheck(!1);var o=t.find((function(t){return(0,e.arrayEqual)(n.path,t)}));o&&r.getNodeByValue(o).setNodeCheck(!0)}))}},{key:"getCheckedNodes",value:function(){return this.getFlattedNodes().filter((function(e){return e.checked}))}},{key:"getCheckedLeafNodes",value:function(){return this.getFlattedNodes().filter((function(e){return e.isLeaf&&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 k(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}(),x=(0,t.defineComponent)({name:"Cascader",directives:{bkTooltips:o.bkTooltips},components:{CascaderPanel:v,BkPopover:l(),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(""),filterMethod:e.PropTypes.func.def(null),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=o.slots,l=(0,n.useLocale)("select"),s=r.separator,c=r.multiple,u=function(){var e=(0,t.ref)(!1);return{isHover:e,setHover:function(){e.value=!0},cancelHover:function(){e.value=!1}}}(),d=u.isHover,f=u.setHover,p=u.cancelHover,h=(0,t.ref)(new w(r)),v=(0,t.ref)(""),y=(0,t.ref)([]),g=(0,t.toRefs)(r).modelValue,m=(0,t.ref)(),b=(0,t.ref)(""),N=(0,t.ref)([]),k=(0,t.ref)(!1),T=(0,t.ref)(!1),x=(0,t.ref)(!1),P=(0,t.computed)({get:function(){return g.value},set:function(e){a("update:modelValue",e)}}),C=(0,t.ref)(null),V=(0,t.ref)(null),L=(0,t.ref)(null),S=(0,t.computed)((function(){return r.placeholder?r.placeholder:l.value.pleaseSelect})),E=function(e){return r.showCompleteName?e.pathNames.join(s):e.pathNames[e.pathNames.length-1]},O=function(e){var t;if(c)return h.value.setNodesCheck(e),y.value=h.value.getCheckedNodes().filter((function(e){return h.value.config.checkAnyLevel||e.isLeaf})).map((function(e){return{text:E(e),key:e.id}})),void(v.value=y.value.map((function(e){return e.text})).join(", "));r.checkAnyLevel||null===(t=null==C?void 0:C.value)||void 0===t||t.hide();var n=h.value.getNodeByValue(e);v.value=n?E(n):"",b.value=v.value},j=(0,e.debounce)(200,(function(e){var t=e.target;if(b.value=t.value,""!==b.value){k.value=!0,k.value=!0;var n=r.filterMethod?r.filterMethod:function(e){return(r.checkAnyLevel||e.isLeaf)&&e.pathNames.join(r.separator).includes(b.value)},o=h.value.getFlattedNodes().filter((function(e){return n(e,b.value)}));N.value=o,!(null==C?void 0:C.value.isShow)&&(null==C||C.value.show())}else k.value=!1})),I=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==L?void 0:L.value)||void 0===r||r.focus()}),{immediate:!0}),(0,t.watch)((function(){return r.list}),(function(){h.value=new w(r),O(r.modelValue)}),{deep:!0,immediate:!0});var _=(0,t.computed)((function(){return y.value.map((function(e){return e.text}))})),q=(0,t.computed)((function(){return r.collapseTags?r.collapseTags&&x.value:r.collapseTags})),A=(0,t.computed)((function(){return r.collapseTags?r.collapseTags&&T.value:r.collapseTags})),H=i.trigger?{overflowTagIndex:null}: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}}(V,A,_),F=H.overflowTagIndex;return{calcuPlaceholder:S,bkCascaderRef:V,inputRef:L,overflowTagIndex:F,isCollapse:q,isFocus:x,store:h,updateValue:O,selectedText:v,checkedValue:P,handleClear:function(e){e.stopPropagation(),h.value.clearChecked(),b.value="",O([]),a("update:modelValue",[]),a("clear",JSON.parse(JSON.stringify(r.modelValue)))},isHover:d,setHover:f,popover:C,cancelHover:p,selectedTags:y,removeTag:function(e,t,r){r.stopPropagation();var n=JSON.parse(JSON.stringify(e)),o=n.splice(t,1)[0];T.value=!0,h.value.removeTag(o),O(n),a("update:modelValue",h.value.getCheckedNodes().map((function(e){return e.path}))),setTimeout((function(){T.value=x.value}))},cascaderPanel:m,popoverChangeEmitter:function(e){a("toggle",e.isShow),T.value=e.isShow,x.value=e.isShow,(0,t.nextTick)((function(){var t;e&&(null===(t=L.value)||void 0===t||t.focus())})),e.isShow&&I(),e.isShow||(k.value=!1)},searchKey:b,suggestions:N,isFiltering:k,searchInputHandler:j,focusEmitter:I,tagList:_,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)(l(),{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)(v,{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 P=(0,e.withInstallProps)(x,{CascaderPanel:v});const C=P})(),f})()));

package/lib/cascader/index.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */

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,27 @@
+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;
+    /** 获取多选下，被选中(checked),且为叶子节点的节点 */
+    getCheckedLeafNodes(): 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,8 +11,13 @@ 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>>;
+export type CheckboxGroupProps = Readonly<ExtractPropTypes<typeof checkboxGroupProps>>;
 declare const _default: import("vue").DefineComponent<{
     name: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
@@ -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,31 +1,52 @@
+.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:after {
+.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%;
@@ -49,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;
@@ -69,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,8 +1,6 @@
 import type { ExtractPropTypes } from 'vue';
 export declare const checkboxProps: {
-    modelValue: import("vue-types").VueTypeDef<string | number | boolean> & {
-        default: string | number | boolean;
-    };
+    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;
@@ -26,13 +24,18 @@ 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<"default" | "small" | "large"> & {
+        default: "default" | "small" | "large";
+    };
+    immediateEmitChange: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
 };
-export declare type CheckboxProps = Readonly<ExtractPropTypes<typeof checkboxProps>>;
+export type CheckboxProps = Readonly<ExtractPropTypes<typeof checkboxProps>>;
 declare const _default: import("vue").DefineComponent<{
-    modelValue: import("vue-types").VueTypeDef<string | number | boolean> & {
-        default: string | number | boolean;
-    };
+    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;
@@ -56,8 +59,16 @@ 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<"default" | "small" | "large"> & {
+        default: "default" | "small" | "large";
+    };
+    immediateEmitChange: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
 }, {
+    inputRef: import("vue").Ref<any>;
     isFocus: import("vue").Ref<boolean>;
     isChecked: import("vue").Ref<boolean>;
     isDisabled: import("vue").ComputedRef<boolean>;
@@ -65,10 +76,9 @@ declare const _default: import("vue").DefineComponent<{
     handleBlur: () => void;
     handleFocus: () => void;
     handleChange: (event: Event) => void;
+    size: "default" | "small" | "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;
-    };
+    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;
@@ -92,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<"default" | "small" | "large"> & {
+        default: "default" | "small" | "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: "default" | "small" | "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,39 +1,67 @@
 @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-checkbox-input {
-      &:after {
+    .@{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%;
@@ -52,7 +80,7 @@
     color: #c4c6cc;
     cursor: not-allowed;
 
-    .bk-checkbox-input {
+    .@{bk-prefix}-checkbox-input {
       background: #fafbfd;
       border-color: @disable-color;
 
@@ -62,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;
 }