bkui-vue 0.0.1-beta.119 → 0.0.1-beta.121

package/lib/affix/affix.variable.css

@@ -32,7 +32,8 @@
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
   --input-horizontal-padding: 10px;
-  --input-block-color: #f4f6fa;
+  --input-block-color: #f5f7fa;
+  --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-large);
   --input-maxlength-color: #979ba5;
   --button-primary-hover-color: #5594fa;
@@ -44,6 +45,8 @@
   --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;
   --fixed-navbar-background: #fff;
   --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
   --switch-default-color: #fff;

package/lib/affix/index.js

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("lodash"));else if("function"==typeof define&&define.amd)define(["../shared","vue","lodash"],t);else{var o="object"==typeof exports?t(require("../shared"),require("vue"),require("lodash")):t(e["../shared"],e.vue,e.lodash);for(var n in o)("object"==typeof exports?exports:e)[n]=o[n]}}(self,((e,t,o)=>(()=>{"use strict";var n={4212:t=>{t.exports=e},467:e=>{e.exports=o},748:e=>{e.exports=t}},r={};function u(e){var t=r[e];if(void 0!==t)return t.exports;var o=r[e]={exports:{}};return n[e](o,o.exports,u),o.exports}u.d=(e,t)=>{for(var o in t)u.o(t,o)&&!u.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},u.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),u.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{u.r(l),u.d(l,{default:()=>i});var e=u(4212),t=u(748),o=u(467),n=document.addEventListener?function(e,t,o){e&&t&&o&&e.addEventListener(t,o,!0)}:function(e,t,o){e&&t&&o&&e.attachEvent("on".concat(t),o)},r=document.removeEventListener?function(e,t,o){e&&t&&e.removeEventListener(t,o,!0)}:function(e,t,o){e&&t&&e.detachEvent("on".concat(t),o)};const a=(0,t.defineComponent)({name:"Affix",props:{offsetTop:e.PropTypes.number.def(0),offsetBottom:e.PropTypes.number,target:e.PropTypes.string.def(""),zIndex:e.PropTypes.number.def(1e3)},emits:["change"],setup:function(u,l){var a=l.emit,i=l.slots,f=(0,t.ref)(null),c=(0,t.ref)(null),v=(0,t.ref)(),s=(0,t.ref)({}),d=(0,t.getCurrentInstance)().proxy,p=(0,t.ref)(0),m=(0,t.computed)((function(){return Object.assign(Object.assign({},s.value),{"z-index":u.zIndex})}));(0,t.onMounted)((function(){p.value=d.$el.offsetWidth,v.value=u.target?document.querySelector(u.target):window,n(v.value,"scroll",b),n(v.value,"resize",b),(0,t.nextTick)((function(){y()}))}));var g=(0,t.ref)(!1),w=(0,t.computed)((function(){return(0,e.classes)({"bk-affix":g.value})})),x=(0,t.computed)((function(){return u.offsetBottom>=0?"bottom":"top"})),h=function(){"top"===x.value?s.value={top:"".concat(v.value.getBoundingClientRect().top+u.offsetTop,"px")}:s.value={bottom:"".concat(window.innerHeight-v.value.getBoundingClientRect().bottom+u.offsetBottom,"px")}},b=(0,o.throttle)((function(){y()}),100),y=function(){var e=v.value===window?{top:0,left:0,bottom:window.innerHeight}:v.value.getBoundingClientRect(),t=function(e){var t=e.value.getBoundingClientRect(),o=v.value===window?{top:0,left:0}:v.value.getBoundingClientRect(),n=v.value.clientTop||0,r=v.value.clientLeft||0;return{top:t.top-o.top-n,left:t.left-o.left-r}}(c),o=v.value===window?v.value.innerHeight:v.value.clientHeight,r=f.value.offsetHeight;t.top<u.offsetTop&&"top"===x.value&&!g.value?(g.value=!0,s.value={position:"fixed",top:"".concat(e.top+u.offsetTop,"px"),left:"".concat(e.left+t.left,"px"),width:"".concat(p.value,"px")},v.value!==window&&n(window,"scroll",h),a("change",!0)):t.top>u.offsetTop&&"top"===x.value&&g.value&&(g.value=!1,s.value=null,a("change",!1)),t.top+u.offsetBottom+r>o&&"bottom"===x.value&&!g.value?(g.value=!0,s.value={bottom:"".concat(window.innerHeight-e.bottom+u.offsetBottom,"px"),left:"".concat(e.left+t.left,"px"),width:"".concat(p.value,"px")},v.value!==window&&n(window,"scroll",h),a("change",!0)):t.top+u.offsetBottom+r<o&&"bottom"===x.value&&g.value&&(g.value=!1,s.value=null,a("change",!1))};return(0,t.onBeforeUnmount)((function(){r(v.value,"scroll",b),r(v.value,"resize",b),r(window,"scroll",h)})),function(){var e;return(0,t.createVNode)("div",{ref:c},[(0,t.createVNode)("div",{ref:f,class:w.value,style:m.value},[null===(e=i.default)||void 0===e?void 0:e.call(i)])])}}}),i=(0,e.withInstall)(a)})(),l})()));
+import*as e from"../shared";import*as t from"vue";import*as o from"lodash";var n={d:(e,t)=>{for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)},a={};n.d(a,{Z:()=>d});const l=(u={PropTypes:()=>e.PropTypes,classes:()=>e.classes,withInstall:()=>e.withInstall},r={},n.d(r,u),r);var u,r;const i=(e=>{var t={};return n.d(t,e),t})({computed:()=>t.computed,createVNode:()=>t.createVNode,defineComponent:()=>t.defineComponent,getCurrentInstance:()=>t.getCurrentInstance,nextTick:()=>t.nextTick,onBeforeUnmount:()=>t.onBeforeUnmount,onMounted:()=>t.onMounted,ref:()=>t.ref}),c=(e=>{var t={};return n.d(t,e),t})({throttle:()=>o.throttle});var f=document.addEventListener?function(e,t,o){e&&t&&o&&e.addEventListener(t,o,!0)}:function(e,t,o){e&&t&&o&&e.attachEvent("on".concat(t),o)},v=document.removeEventListener?function(e,t,o){e&&t&&e.removeEventListener(t,o,!0)}:function(e,t,o){e&&t&&e.detachEvent("on".concat(t),o)};const s=(0,i.defineComponent)({name:"Affix",props:{offsetTop:l.PropTypes.number.def(0),offsetBottom:l.PropTypes.number,target:l.PropTypes.string.def(""),zIndex:l.PropTypes.number.def(1e3)},emits:["change"],setup:function(e,t){var o=t.emit,n=t.slots,a=(0,i.ref)(null),u=(0,i.ref)(null),r=(0,i.ref)(),s=(0,i.ref)({}),d=(0,i.getCurrentInstance)().proxy,p=(0,i.ref)(0),m=(0,i.computed)((function(){return Object.assign(Object.assign({},s.value),{"z-index":e.zIndex})}));(0,i.onMounted)((function(){p.value=d.$el.offsetWidth,r.value=e.target?document.querySelector(e.target):window,f(r.value,"scroll",b),f(r.value,"resize",b),(0,i.nextTick)((function(){T()}))}));var g=(0,i.ref)(!1),w=(0,i.computed)((function(){return(0,l.classes)({"bk-affix":g.value})})),h=(0,i.computed)((function(){return e.offsetBottom>=0?"bottom":"top"})),x=function(){"top"===h.value?s.value={top:"".concat(r.value.getBoundingClientRect().top+e.offsetTop,"px")}:s.value={bottom:"".concat(window.innerHeight-r.value.getBoundingClientRect().bottom+e.offsetBottom,"px")}},b=(0,c.throttle)((function(){T()}),100),T=function(){var t=r.value===window?{top:0,left:0,bottom:window.innerHeight}:r.value.getBoundingClientRect(),n=function(e){var t=e.value.getBoundingClientRect(),o=r.value===window?{top:0,left:0}:r.value.getBoundingClientRect(),n=r.value.clientTop||0,a=r.value.clientLeft||0;return{top:t.top-o.top-n,left:t.left-o.left-a}}(u),l=r.value===window?r.value.innerHeight:r.value.clientHeight,i=a.value.offsetHeight;n.top<e.offsetTop&&"top"===h.value&&!g.value?(g.value=!0,s.value={position:"fixed",top:"".concat(t.top+e.offsetTop,"px"),left:"".concat(t.left+n.left,"px"),width:"".concat(p.value,"px")},r.value!==window&&f(window,"scroll",x),o("change",!0)):n.top>e.offsetTop&&"top"===h.value&&g.value&&(g.value=!1,s.value=null,o("change",!1)),n.top+e.offsetBottom+i>l&&"bottom"===h.value&&!g.value?(g.value=!0,s.value={bottom:"".concat(window.innerHeight-t.bottom+e.offsetBottom,"px"),left:"".concat(t.left+n.left,"px"),width:"".concat(p.value,"px")},r.value!==window&&f(window,"scroll",x),o("change",!0)):n.top+e.offsetBottom+i<l&&"bottom"===h.value&&g.value&&(g.value=!1,s.value=null,o("change",!1))};return(0,i.onBeforeUnmount)((function(){v(r.value,"scroll",b),v(r.value,"resize",b),v(window,"scroll",x)})),function(){var e;return(0,i.createVNode)("div",{ref:u},[(0,i.createVNode)("div",{ref:a,class:w.value,style:m.value},[null===(e=n.default)||void 0===e?void 0:e.call(n)])])}}}),d=(0,l.withInstall)(s);var p=a.Z;export{p as default};

package/lib/alert/alert.variable.css

@@ -32,7 +32,8 @@
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
   --input-horizontal-padding: 10px;
-  --input-block-color: #f4f6fa;
+  --input-block-color: #f5f7fa;
+  --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-large);
   --input-maxlength-color: #979ba5;
   --button-primary-hover-color: #5594fa;
@@ -44,6 +45,8 @@
   --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;
   --fixed-navbar-background: #fff;
   --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
   --switch-default-color: #fff;

package/lib/alert/index.js

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../icon"],t);else{var o="object"==typeof exports?t(require("../shared"),require("vue"),require("../icon")):t(e["../shared"],e.vue,e["../icon"]);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(self,((e,t,o)=>(()=>{"use strict";var r={6870:e=>{e.exports=o},4212:t=>{t.exports=e},748:e=>{e.exports=t}},s={};function i(e){var t=s[e];if(void 0!==t)return t.exports;var o=s[e]={exports:{}};return r[e](o,o.exports,i),o.exports}i.d=(e,t)=>{for(var o in t)i.o(t,o)&&!i.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var l={};return(()=>{i.r(l),i.d(l,{default:()=>s});var e=i(4212),t=i(748),o=i(6870);const r=(0,t.defineComponent)({name:"Alert",props:{theme:e.PropTypes.theme(["info","success","warning","error"]).def("info"),size:e.PropTypes.string,title:e.PropTypes.string,closable:e.PropTypes.bool.def(!1),closeText:e.PropTypes.string,showIcon:e.PropTypes.bool.def(!0)},emits:["close"],setup:function(e,o){var r=(0,t.reactive)({visible:!0});return{state:r,handleClose:function(){r.visible=!1,o.emit("close")}}},render:function(){var r,s;if(!this.state.visible)return null;var i,l,n=Boolean(this.closeText),a=(0,e.classes)({"bk-alert-close":!0,"close-text":n,"bk-alert-close-icon":!n}),c=(0,e.classes)((i={"bk-alert":!0},!0,(l="bk-alert-".concat(this.theme))in i?Object.defineProperty(i,l,{value:true,enumerable:!0,configurable:!0,writable:!0}):i[l]=true,i));return(0,t.createVNode)("div",{class:c},[(0,t.createVNode)("div",{class:"bk-alert-wraper"},[this.showIcon&&(0,t.createVNode)(o.InfoLine,{class:"bk-alert-icon-info"},null),(0,t.createVNode)("div",{class:"bk-alert-content"},[(0,t.createVNode)("div",{class:"bk-alert-title"},[this.$slots.title?this.$slots.title():this.title]),(0,t.createVNode)("div",{class:"bk-alert-description"},[null===(s=(r=this.$slots).default)||void 0===s?void 0:s.call(r)])]),this.closable&&(0,t.createVNode)("span",{class:a,onClick:this.handleClose},[this.closeText?this.closeText:(0,t.createVNode)(o.CloseLine,null,null)])])])}}),s=(0,e.withInstall)(r)})(),l})()));
+import*as e from"../shared";import*as t from"vue";import*as s from"../icon";var o={d:(e,t)=>{for(var s in t)o.o(t,s)&&!o.o(e,s)&&Object.defineProperty(e,s,{enumerable:!0,get:t[s]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)},r={};o.d(r,{Z:()=>p});const l=(i={PropTypes:()=>e.PropTypes,classes:()=>e.classes,withInstall:()=>e.withInstall},a={},o.d(a,i),a);var i,a;const n=(e=>{var t={};return o.d(t,e),t})({createVNode:()=>t.createVNode,defineComponent:()=>t.defineComponent,reactive:()=>t.reactive}),c=(e=>{var t={};return o.d(t,e),t})({CloseLine:()=>s.CloseLine,InfoLine:()=>s.InfoLine}),d=(0,n.defineComponent)({name:"Alert",props:{theme:l.PropTypes.theme(["info","success","warning","error"]).def("info"),size:l.PropTypes.string,title:l.PropTypes.string,closable:l.PropTypes.bool.def(!1),closeText:l.PropTypes.string,showIcon:l.PropTypes.bool.def(!0)},emits:["close"],setup:function(e,t){var s=(0,n.reactive)({visible:!0});return{state:s,handleClose:function(){s.visible=!1,t.emit("close")}}},render:function(){var e,t;if(!this.state.visible)return null;var s,o,r=Boolean(this.closeText),i=(0,l.classes)({"bk-alert-close":!0,"close-text":r,"bk-alert-close-icon":!r}),a=(0,l.classes)((s={"bk-alert":!0},!0,(o="bk-alert-".concat(this.theme))in s?Object.defineProperty(s,o,{value:true,enumerable:!0,configurable:!0,writable:!0}):s[o]=true,s));return(0,n.createVNode)("div",{class:a},[(0,n.createVNode)("div",{class:"bk-alert-wraper"},[this.showIcon&&(0,n.createVNode)(c.InfoLine,{class:"bk-alert-icon-info"},null),(0,n.createVNode)("div",{class:"bk-alert-content"},[(0,n.createVNode)("div",{class:"bk-alert-title"},[this.$slots.title?this.$slots.title():this.title]),(0,n.createVNode)("div",{class:"bk-alert-description"},[null===(t=(e=this.$slots).default)||void 0===t?void 0:t.call(e)])]),this.closable&&(0,n.createVNode)("span",{class:i,onClick:this.handleClose},[this.closeText?this.closeText:(0,n.createVNode)(c.CloseLine,null,null)])])])}}),p=(0,l.withInstall)(d);var f=r.Z;export{f as default};

package/lib/animate-number/index.js

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],t);else{var r="object"==typeof exports?t(require("../shared"),require("vue")):t(e["../shared"],e.vue);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(self,((e,t)=>(()=>{"use strict";var r={4212:t=>{t.exports=e},748:e=>{e.exports=t}},o={};function n(e){var t=o[e];if(void 0!==t)return t.exports;var u=o[e]={exports:{}};return r[e](u,u.exports,n),u.exports}n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var u={};return(()=>{n.r(u),n.d(u,{default:()=>o});var e=n(4212),t=n(748);const r=(0,t.defineComponent)({name:"AnimateNumber",props:{value:e.PropTypes.number.def(0),digits:e.PropTypes.number.def(0)},setup:function(e){var r=-1,o=(0,t.ref)(0),n=(0,t.computed)((function(){return Number(o.value).toFixed(e.digits)})),u=function(t,n){if(Number.isNaN(+n))return 0;var u=Math.abs(n-t),i=n-t>0?1:-1,a=Math.ceil(u/30*Math.pow(10,e.digits))/Math.pow(10,e.digits),f=25/Math.ceil(u/a),s=1;!function e(){if(s<f)return r=requestAnimationFrame(e),void(s+=1);o.value+=a*i,(1===i?o.value<n:o.value>n)?(r=requestAnimationFrame(e),s=1):o.value=n}()};return(0,t.watch)((function(){return e.value}),(function(e,t){u(t,e)})),(0,t.onMounted)((function(){u(0,e.value)})),(0,t.onBeforeUnmount)((function(){cancelAnimationFrame(r)})),function(){return(0,t.createVNode)("span",null,[n.value])}}}),o=(0,e.withInstall)(r)})(),u})()));
+import*as e from"../shared";import*as n from"vue";var t={d:(e,n)=>{for(var o in n)t.o(n,o)&&!t.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:n[o]})},o:(e,n)=>Object.prototype.hasOwnProperty.call(e,n)},o={};t.d(o,{Z:()=>d});const r=(a={PropTypes:()=>e.PropTypes,withInstall:()=>e.withInstall},u={},t.d(u,a),u);var a,u;const i=(e=>{var n={};return t.d(n,e),n})({computed:()=>n.computed,createVNode:()=>n.createVNode,defineComponent:()=>n.defineComponent,onBeforeUnmount:()=>n.onBeforeUnmount,onMounted:()=>n.onMounted,ref:()=>n.ref,watch:()=>n.watch}),c=(0,i.defineComponent)({name:"AnimateNumber",props:{value:r.PropTypes.number.def(0),digits:r.PropTypes.number.def(0)},setup:function(e){var n=-1,t=(0,i.ref)(0),o=(0,i.computed)((function(){return Number(t.value).toFixed(e.digits)})),r=function(o,r){if(Number.isNaN(+r))return 0;var a=Math.abs(r-o),u=r-o>0?1:-1,i=Math.ceil(a/30*Math.pow(10,e.digits))/Math.pow(10,e.digits),c=25/Math.ceil(a/i),d=1;!function e(){if(d<c)return n=requestAnimationFrame(e),void(d+=1);t.value+=i*u,(1===u?t.value<r:t.value>r)?(n=requestAnimationFrame(e),d=1):t.value=r}()};return(0,i.watch)((function(){return e.value}),(function(e,n){r(n,e)})),(0,i.onMounted)((function(){r(0,e.value)})),(0,i.onBeforeUnmount)((function(){cancelAnimationFrame(n)})),function(){return(0,i.createVNode)("span",null,[o.value])}}}),d=(0,r.withInstall)(c);var f=o.Z;export{f as default};

package/lib/backtop/backtop.variable.css

@@ -32,7 +32,8 @@
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
   --input-horizontal-padding: 10px;
-  --input-block-color: #f4f6fa;
+  --input-block-color: #f5f7fa;
+  --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-large);
   --input-maxlength-color: #979ba5;
   --button-primary-hover-color: #5594fa;
@@ -44,6 +45,8 @@
   --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;
   --fixed-navbar-background: #fff;
   --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
   --switch-default-color: #fff;

package/lib/backtop/index.js

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("lodash"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","lodash","../icon"],t);else{var o="object"==typeof exports?t(require("../shared"),require("vue"),require("lodash"),require("../icon")):t(e["../shared"],e.vue,e.lodash,e["../icon"]);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(self,((e,t,o,r)=>(()=>{"use strict";var n={6870:e=>{e.exports=r},4212:t=>{t.exports=e},467:e=>{e.exports=o},748:e=>{e.exports=t}},l={};function u(e){var t=l[e];if(void 0!==t)return t.exports;var o=l[e]={exports:{}};return n[e](o,o.exports,u),o.exports}u.d=(e,t)=>{for(var o in t)u.o(t,o)&&!u.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},u.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),u.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{u.r(a),u.d(a,{default:()=>l});var e=u(4212),t=u(748),o=u(467),r=u(6870);const n=(0,t.defineComponent)({name:"Backtop",props:{visibilityHeight:e.PropTypes.number.def(200),target:e.PropTypes.string.def(""),right:e.PropTypes.number.def(40),bottom:e.PropTypes.number.def(40),extCls:e.PropTypes.string.def("")},setup:function(n,l){var u=l.slots,a=(0,t.ref)(null),i=(0,t.ref)(null),s=(0,t.ref)(!1),d=(0,t.ref)(e.bkZIndexManager.getModalNextIndex()),c="".concat(n.bottom,"px"),f="".concat(n.right,"px"),p=(0,o.throttle)((function(){s.value=i.value.scrollTop>=n.visibilityHeight}),30),v=function(){i.value.scrollTo({top:0,behavior:"smooth"})};return(0,t.watch)((function(){return s}),(function(){d.value=e.bkZIndexManager.getModalNextIndex()})),(0,t.onMounted)((function(){if(a.value=document,i.value=document.documentElement,n.target){if(i.value=document.querySelector(n.target),!i.value)throw new Error("target does not exist");a.value=i.value}a.value.addEventListener("scroll",p)})),(0,t.onBeforeUnmount)((function(){a.value.removeEventListener("scroll",p)})),function(){var e,o;return(0,t.createVNode)(t.Transition,{name:"bk-fade"},{default:function(){return[s.value?(0,t.createVNode)("div",{class:"bk-backtop ".concat(n.extCls),style:{right:f,bottom:c,zIndex:d.value},onClick:v},[null!==(o=null===(e=u.default)||void 0===e?void 0:e.call(u))&&void 0!==o?o:(0,t.createVNode)(r.AngleUp,{style:{fontSize:"14px"}},null)]):""]}})}}}),l=(0,e.withInstall)(n)})(),a})()));
+import*as e from"../shared";import*as t from"vue";import*as o from"lodash";import*as n from"../icon";var r={d:(e,t)=>{for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)},a={};r.d(a,{Z:()=>p});const l=(i={PropTypes:()=>e.PropTypes,bkZIndexManager:()=>e.bkZIndexManager,withInstall:()=>e.withInstall},u={},r.d(u,i),u);var i,u;const d=(e=>{var t={};return r.d(t,e),t})({Transition:()=>t.Transition,createVNode:()=>t.createVNode,defineComponent:()=>t.defineComponent,onBeforeUnmount:()=>t.onBeforeUnmount,onMounted:()=>t.onMounted,ref:()=>t.ref,watch:()=>t.watch}),s=(e=>{var t={};return r.d(t,e),t})({throttle:()=>o.throttle}),c=(e=>{var t={};return r.d(t,e),t})({AngleUp:()=>n.AngleUp}),f=(0,d.defineComponent)({name:"Backtop",props:{visibilityHeight:l.PropTypes.number.def(200),target:l.PropTypes.string.def(""),right:l.PropTypes.number.def(40),bottom:l.PropTypes.number.def(40),extCls:l.PropTypes.string.def("")},setup:function(e,t){var o=t.slots,n=(0,d.ref)(null),r=(0,d.ref)(null),a=(0,d.ref)(!1),i=(0,d.ref)(l.bkZIndexManager.getModalNextIndex()),u="".concat(e.bottom,"px"),f="".concat(e.right,"px"),p=(0,s.throttle)((function(){a.value=r.value.scrollTop>=e.visibilityHeight}),30),v=function(){r.value.scrollTo({top:0,behavior:"smooth"})};return(0,d.watch)((function(){return a}),(function(){i.value=l.bkZIndexManager.getModalNextIndex()})),(0,d.onMounted)((function(){if(n.value=document,r.value=document.documentElement,e.target){if(r.value=document.querySelector(e.target),!r.value)throw new Error("target does not exist");n.value=r.value}n.value.addEventListener("scroll",p)})),(0,d.onBeforeUnmount)((function(){n.value.removeEventListener("scroll",p)})),function(){var t,n;return(0,d.createVNode)(d.Transition,{name:"bk-fade"},{default:function(){return[a.value?(0,d.createVNode)("div",{class:"bk-backtop ".concat(e.extCls),style:{right:f,bottom:u,zIndex:i.value},onClick:v},[null!==(n=null===(t=o.default)||void 0===t?void 0:t.call(o))&&void 0!==n?n:(0,d.createVNode)(c.AngleUp,{style:{fontSize:"14px"}},null)]):""]}})}}}),p=(0,l.withInstall)(f);var v=a.Z;export{v as default};

package/lib/badge/badge.variable.css

@@ -32,7 +32,8 @@
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
   --input-horizontal-padding: 10px;
-  --input-block-color: #f4f6fa;
+  --input-block-color: #f5f7fa;
+  --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-large);
   --input-maxlength-color: #979ba5;
   --button-primary-hover-color: #5594fa;
@@ -44,6 +45,8 @@
   --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;
   --fixed-navbar-background: #fff;
   --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
   --switch-default-color: #fff;

package/lib/badge/index.js

@@ -1 +1 @@
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],t);else{var o="object"==typeof exports?t(require("../shared"),require("vue")):t(e["../shared"],e.vue);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(self,((e,t)=>(()=>{"use strict";var o={4212:t=>{t.exports=e},748:e=>{e.exports=t}},r={};function s(e){var t=r[e];if(void 0!==t)return t.exports;var n=r[e]={exports:{}};return o[e](n,n.exports,s),n.exports}s.d=(e,t)=>{for(var o in t)s.o(t,o)&&!s.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{s.r(n),s.d(n,{default:()=>i});var e=s(4212);function t(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}var o=s(748);const r=(0,o.defineComponent)({name:"Badge",props:{theme:e.PropTypes.string.def("primary"),count:e.PropTypes.oneOfType([String,Number]).def(1),position:e.PropTypes.string.def("top-right"),radius:e.PropTypes.string,valLength:e.PropTypes.number.def(3),overflowCount:e.PropTypes.number.def(99),dot:e.PropTypes.bool.def(!1),visible:e.PropTypes.bool.def(!1),extCls:e.PropTypes.string},emits:["hover","leave"],setup:function(e,t){var r=t.emit;return{numberCount:(0,o.computed)((function(){if("string"==typeof e.count){var t=e.count,o=[],r=0;return(t+="").split("").forEach((function(t){r<Number(e.valLength)&&(r+=/[\u4e00-\u9fa5]/.test(t)?2:1,o.push(t))})),o.join("")}return e.count>e.overflowCount?"".concat(e.overflowCount,"+"):e.count})),handleHover:function(){r("hover")},handleLeave:function(){r("leave")},radiusStyle:(0,o.computed)((function(){return{borderRadius:void 0!==e.radius&&/^\d+(%|px|em|rem|vh|vw)?$/.test(e.radius)&&/^\d+$/.test(e.radius)&&"".concat(e.radius,"px")||e.radius}}))}},render:function(){var r,s,n,i,u,a,p,d=(0,e.classes)({"bk-badge-main":!0},this.$props.extCls),l=(0,e.classes)((t(r={},"bk-badge bk-".concat(this.$props.theme),!!this.$props.theme),t(r,"pinned ",this.$slots.default),t(r,"dot",this.$props.dot),t(r,"".concat(this.$props.position),this.$slots.default),t(r,"bk-badge-icon is-icon",this.$slots.icon),r),""),c=this.$props.dot?"":(0,o.createVNode)("span",null,[this.numberCount]);return(0,o.createVNode)("div",{class:d},[null!==(i=null===(n=(s=this.$slots).default)||void 0===n?void 0:n.call(s))&&void 0!==i?i:"",this.$props.visible?"":(0,o.createVNode)("span",{class:l,style:this.radiusStyle,onMouseenter:this.handleHover,onMouseleave:this.handleLeave},[null!==(p=null===(a=(u=this.$slots).icon)||void 0===a?void 0:a.call(u))&&void 0!==p?p:c])])}}),i=(0,e.withInstall)(r)})(),n})()));
+import*as e from"../shared";import*as t from"vue";var o={d:(e,t)=>{for(var s in t)o.o(t,s)&&!o.o(e,s)&&Object.defineProperty(e,s,{enumerable:!0,get:t[s]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)},s={};o.d(s,{Z:()=>l});const r=(n={PropTypes:()=>e.PropTypes,classes:()=>e.classes,withInstall:()=>e.withInstall},i={},o.d(i,n),i);var n,i;function a(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}const p=(e=>{var t={};return o.d(t,e),t})({computed:()=>t.computed,createVNode:()=>t.createVNode,defineComponent:()=>t.defineComponent}),d=(0,p.defineComponent)({name:"Badge",props:{theme:r.PropTypes.string.def("primary"),count:r.PropTypes.oneOfType([String,Number]).def(1),position:r.PropTypes.string.def("top-right"),radius:r.PropTypes.string,valLength:r.PropTypes.number.def(3),overflowCount:r.PropTypes.number.def(99),dot:r.PropTypes.bool.def(!1),visible:r.PropTypes.bool.def(!1),extCls:r.PropTypes.string},emits:["hover","leave"],setup:function(e,t){var o=t.emit;return{numberCount:(0,p.computed)((function(){if("string"==typeof e.count){var t=e.count,o=[],s=0;return(t+="").split("").forEach((function(t){s<Number(e.valLength)&&(s+=/[\u4e00-\u9fa5]/.test(t)?2:1,o.push(t))})),o.join("")}return e.count>e.overflowCount?"".concat(e.overflowCount,"+"):e.count})),handleHover:function(){o("hover")},handleLeave:function(){o("leave")},radiusStyle:(0,p.computed)((function(){return{borderRadius:void 0!==e.radius&&/^\d+(%|px|em|rem|vh|vw)?$/.test(e.radius)&&/^\d+$/.test(e.radius)&&"".concat(e.radius,"px")||e.radius}}))}},render:function(){var e,t,o,s,n,i,d,l=(0,r.classes)({"bk-badge-main":!0},this.$props.extCls),u=(0,r.classes)((a(e={},"bk-badge bk-".concat(this.$props.theme),!!this.$props.theme),a(e,"pinned ",this.$slots.default),a(e,"dot",this.$props.dot),a(e,"".concat(this.$props.position),this.$slots.default),a(e,"bk-badge-icon is-icon",this.$slots.icon),e),""),c=this.$props.dot?"":(0,p.createVNode)("span",null,[this.numberCount]);return(0,p.createVNode)("div",{class:l},[null!==(s=null===(o=(t=this.$slots).default)||void 0===o?void 0:o.call(t))&&void 0!==s?s:"",this.$props.visible?"":(0,p.createVNode)("span",{class:u,style:this.radiusStyle,onMouseenter:this.handleHover,onMouseleave:this.handleLeave},[null!==(d=null===(i=(n=this.$slots).icon)||void 0===i?void 0:i.call(n))&&void 0!==d?d:c])])}}),l=(0,r.withInstall)(d);var u=s.Z;export{u as default};

package/lib/breadcrumb/breadcrumb.variable.css

@@ -32,7 +32,8 @@
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
   --input-horizontal-padding: 10px;
-  --input-block-color: #f4f6fa;
+  --input-block-color: #f5f7fa;
+  --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-large);
   --input-maxlength-color: #979ba5;
   --button-primary-hover-color: #5594fa;
@@ -44,6 +45,8 @@
   --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;
   --fixed-navbar-background: #fff;
   --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
   --switch-default-color: #fff;

package/lib/breadcrumb/index.js

@@ -1 +1 @@
-!function(e,r){if("object"==typeof exports&&"object"==typeof module)module.exports=r(require("../shared"),require("vue"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../icon"],r);else{var o="object"==typeof exports?r(require("../shared"),require("vue"),require("../icon")):r(e["../shared"],e.vue,e["../icon"]);for(var t in o)("object"==typeof exports?exports:e)[t]=o[t]}}(self,((e,r,o)=>(()=>{"use strict";var t={6870:e=>{e.exports=o},4212:r=>{r.exports=e},748:e=>{e.exports=r}},a={};function n(e){var r=a[e];if(void 0!==r)return r.exports;var o=a[e]={exports:{}};return t[e](o,o.exports,n),o.exports}n.d=(e,r)=>{for(var o in r)n.o(r,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:r[o]})},n.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var s={};return(()=>{n.r(s),n.d(s,{BkBreadcrumb:()=>l,BkBreadcrumbItem:()=>a,default:()=>p});var e=n(4212),r=n(748),o=n(6870);const t=(0,r.defineComponent)({name:"Breadcrumb",props:{extCls:e.PropTypes.string,separator:e.PropTypes.string.def("/"),separatorClass:e.PropTypes.string,replace:e.PropTypes.bool,backRouter:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.object]).def("")},setup:function(t,a){var n=a.slots,s=(0,r.getCurrentInstance)(),l=s.proxy,p=s.appContext;(0,r.provide)("breadcrumb",t),(0,r.onMounted)((function(){var e=l.$el.querySelectorAll(".bk-breadcrumb-item");e.length&&e[e.length-1].setAttribute("aria-current","page")}));var c=(0,e.classes)({"bk-breadcrumb":!0},"".concat(t.extCls||"")),i=function(){var e=t.backRouter,r=t.replace,o=p.config.globalProperties.$router;o&&(r?o.replace(e):o.push(e))};return function(){var e;return(0,r.createVNode)("div",{class:c,"aria-label":"Breadcrumb",role:"navigation"},[!n.prefix&&t.backRouter?(0,r.createVNode)("div",{class:"bk-breadcrumb-goback"},[(0,r.createVNode)(o.ArrowsLeft,{onClick:i},null)]):"",n.prefix?(0,r.createVNode)("div",{class:"bk-breadcrumb-goback"},[n.prefix()]):"",null===(e=n.default)||void 0===e?void 0:e.call(n)])}}}),a=(0,r.defineComponent)({name:"BreadcrumbItem",props:{extCls:e.PropTypes.string,to:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.object]).def(""),replace:e.PropTypes.bool},setup:function(o,t){var a=t.slots,n=(0,r.getCurrentInstance)().appContext,s=(0,r.inject)("breadcrumb"),l=n.config.globalProperties.$router,p=function(){var e=o.to,r=o.replace;e&&l&&(r?l.replace(e):l.push(e))},c=(0,e.classes)({"bk-breadcrumb-item":!0},"".concat(o.extCls||""));return function(){var e,t;return(0,r.createVNode)("span",{class:c},[(0,r.createVNode)("span",{ref:"link",class:"bk-breadcrumb-item-inner ".concat(o.to?"is-link":""),role:"link",onClick:p},[null===(e=null==a?void 0:a.default)||void 0===e?void 0:e.call(a)]),(null==a?void 0:a.separator)?null===(t=null==a?void 0:a.separator)||void 0===t?void 0:t.call(a):(null==s?void 0:s.separatorClass)?(0,r.createVNode)("i",{class:"bk-breadcrumb-separator ".concat(s.separatorClass)},null):(0,r.createVNode)("span",{class:"bk-breadcrumb-separator",role:"presentation"},[null==s?void 0:s.separator])])}}});var l=(0,e.withInstallProps)(t,{Item:a});const p=l})(),s})()));
+import*as e from"../shared";import*as r from"vue";import*as o from"../icon";var t={d:(e,r)=>{for(var o in r)t.o(r,o)&&!t.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:r[o]})},o:(e,r)=>Object.prototype.hasOwnProperty.call(e,r)},a={};t.d(a,{e$:()=>u,G7:()=>d,ZP:()=>b});const n=(s={PropTypes:()=>e.PropTypes,classes:()=>e.classes,withInstallProps:()=>e.withInstallProps},c={},t.d(c,s),c);var s,c;const l=(e=>{var r={};return t.d(r,e),r})({createVNode:()=>r.createVNode,defineComponent:()=>r.defineComponent,getCurrentInstance:()=>r.getCurrentInstance,inject:()=>r.inject,onMounted:()=>r.onMounted,provide:()=>r.provide}),p=(e=>{var r={};return t.d(r,e),r})({ArrowsLeft:()=>o.ArrowsLeft}),i=(0,l.defineComponent)({name:"Breadcrumb",props:{extCls:n.PropTypes.string,separator:n.PropTypes.string.def("/"),separatorClass:n.PropTypes.string,replace:n.PropTypes.bool,backRouter:n.PropTypes.oneOfType([n.PropTypes.string,n.PropTypes.object]).def("")},setup:function(e,r){var o=r.slots,t=(0,l.getCurrentInstance)(),a=t.proxy,s=t.appContext;(0,l.provide)("breadcrumb",e),(0,l.onMounted)((function(){var e=a.$el.querySelectorAll(".bk-breadcrumb-item");e.length&&e[e.length-1].setAttribute("aria-current","page")}));var c=(0,n.classes)({"bk-breadcrumb":!0},"".concat(e.extCls||"")),i=function(){var r=e.backRouter,o=e.replace,t=s.config.globalProperties.$router;t&&(o?t.replace(r):t.push(r))};return function(){var r;return(0,l.createVNode)("div",{class:c,"aria-label":"Breadcrumb",role:"navigation"},[!o.prefix&&e.backRouter?(0,l.createVNode)("div",{class:"bk-breadcrumb-goback"},[(0,l.createVNode)(p.ArrowsLeft,{onClick:i},null)]):"",o.prefix?(0,l.createVNode)("div",{class:"bk-breadcrumb-goback"},[o.prefix()]):"",null===(r=o.default)||void 0===r?void 0:r.call(o)])}}}),d=(0,l.defineComponent)({name:"BreadcrumbItem",props:{extCls:n.PropTypes.string,to:n.PropTypes.oneOfType([n.PropTypes.string,n.PropTypes.object]).def(""),replace:n.PropTypes.bool},setup:function(e,r){var o=r.slots,t=(0,l.getCurrentInstance)().appContext,a=(0,l.inject)("breadcrumb"),s=t.config.globalProperties.$router,c=function(){var r=e.to,o=e.replace;r&&s&&(o?s.replace(r):s.push(r))},p=(0,n.classes)({"bk-breadcrumb-item":!0},"".concat(e.extCls||""));return function(){var r,t;return(0,l.createVNode)("span",{class:p},[(0,l.createVNode)("span",{ref:"link",class:"bk-breadcrumb-item-inner ".concat(e.to?"is-link":""),role:"link",onClick:c},[null===(r=null==o?void 0:o.default)||void 0===r?void 0:r.call(o)]),(null==o?void 0:o.separator)?null===(t=null==o?void 0:o.separator)||void 0===t?void 0:t.call(o):(null==a?void 0:a.separatorClass)?(0,l.createVNode)("i",{class:"bk-breadcrumb-separator ".concat(a.separatorClass)},null):(0,l.createVNode)("span",{class:"bk-breadcrumb-separator",role:"presentation"},[null==a?void 0:a.separator])])}}});var u=(0,n.withInstallProps)(i,{Item:d});const b=u;var m=a.e$,v=a.G7,f=a.ZP;export{m as BkBreadcrumb,v as BkBreadcrumbItem,f as default};

package/lib/button/button.css

@@ -269,6 +269,9 @@
   background-color: white;
   border-color: #c4c6cc;
 }
+.bk-button-group .bk-button.is-disabled {
+  color: #c4c6cc;
+}
 .bk-button-group .bk-button:first-child {
   border-radius: 2px 0 0 2px;
 }
@@ -286,3 +289,9 @@
   background-color: white;
   border-color: #3a84ff;
 }
+.bk-button-group .bk-button.is-selected:not(.is-disabled) {
+  background-color: #e1ecff;
+}
+.bk-button-group .bk-button.is-selected.is-disabled {
+  background-color: #f0f1f5;
+}

package/lib/button/button.d.ts

@@ -57,6 +57,9 @@ declare const buttonProps: {
     text: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     };
+    selected: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
     nativeType: {
         type: IButtonNativeType;
         default: string;
@@ -95,6 +98,9 @@ declare const _default: import("vue").DefineComponent<{
     text: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     };
+    selected: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
     nativeType: {
         type: IButtonNativeType;
         default: string;
@@ -131,6 +137,9 @@ declare const _default: import("vue").DefineComponent<{
     text: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     };
+    selected: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
     nativeType: {
         type: IButtonNativeType;
         default: string;
@@ -149,6 +158,7 @@ declare const _default: import("vue").DefineComponent<{
     loading: boolean;
     hoverTheme: string;
     iconRight: string;
+    selected: boolean;
     nativeType: "button" | "reset" | "submit";
 }>;
 export default _default;

package/lib/button/button.less

@@ -182,10 +182,13 @@
       background-color: @white-color;
       border-color: @light-gray;
     }
+
+    &.is-disabled {
+      color: @light-gray;
+    }
     
     &:first-child {
       border-radius: @btnBorderRadius 0 0 @btnBorderRadius;
-        
     }
 
     &:last-child {
@@ -205,5 +208,13 @@
       border-color: @primary-color;
     }
 
+    &.is-selected:not(.is-disabled) {
+      background-color: @button-selected-bg-color;
+    }
+
+    &.is-selected.is-disabled {
+      background-color: @button-disabled-selected-bg-color;
+    }
+
   }
 }

package/lib/button/button.variable.css

@@ -32,7 +32,8 @@
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
   --input-horizontal-padding: 10px;
-  --input-block-color: #f4f6fa;
+  --input-block-color: #f5f7fa;
+  --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-large);
   --input-maxlength-color: #979ba5;
   --button-primary-hover-color: #5594fa;
@@ -44,6 +45,8 @@
   --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;
   --fixed-navbar-background: #fff;
   --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
   --switch-default-color: #fff;
@@ -368,6 +371,9 @@
   background-color: var(--white-color);
   border-color: var(--light-gray);
 }
+.bk-button-group .bk-button.is-disabled {
+  color: var(--light-gray);
+}
 .bk-button-group .bk-button:first-child {
   border-radius: 2px 0 0 2px;
 }
@@ -385,3 +391,9 @@
   background-color: var(--white-color);
   border-color: var(--primary-color);
 }
+.bk-button-group .bk-button.is-selected:not(.is-disabled) {
+  background-color: var(--button-selected-bg-color);
+}
+.bk-button-group .bk-button.is-selected.is-disabled {
+  background-color: var(--button-disabled-selected-bg-color);
+}

package/lib/button/index.d.ts

@@ -14,6 +14,7 @@ declare const BkButton: {
             loading: boolean;
             hoverTheme: string;
             iconRight: string;
+            selected: boolean;
             nativeType: "button" | "reset" | "submit";
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             theme: import("vue-types").VueTypeDef<string> & {
@@ -47,6 +48,9 @@ declare const BkButton: {
             text: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             };
+            selected: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            };
             nativeType: {
                 type: ((new (...args: any[]) => ("button" | "reset" | "submit") & {}) | (() => "button" | "reset" | "submit")) | ((new (...args: any[]) => ("button" | "reset" | "submit") & {}) | (() => "button" | "reset" | "submit"))[];
                 default: string;
@@ -54,7 +58,7 @@ declare const BkButton: {
         }>> & {
             onClick?: (...args: any[]) => any;
             onMouseover?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "text" | "disabled" | "theme" | "size" | "icon" | "outline" | "loading" | "hoverTheme" | "iconRight" | "nativeType">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "text" | "disabled" | "theme" | "size" | "icon" | "outline" | "loading" | "hoverTheme" | "iconRight" | "selected" | "nativeType">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -100,6 +104,9 @@ declare const BkButton: {
             text: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             };
+            selected: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            };
             nativeType: {
                 type: ((new (...args: any[]) => ("button" | "reset" | "submit") & {}) | (() => "button" | "reset" | "submit")) | ((new (...args: any[]) => ("button" | "reset" | "submit") & {}) | (() => "button" | "reset" | "submit"))[];
                 default: string;
@@ -118,6 +125,7 @@ declare const BkButton: {
             loading: boolean;
             hoverTheme: string;
             iconRight: string;
+            selected: boolean;
             nativeType: "button" | "reset" | "submit";
         }> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -171,6 +179,9 @@ declare const BkButton: {
         text: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         };
+        selected: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        };
         nativeType: {
             type: ((new (...args: any[]) => ("button" | "reset" | "submit") & {}) | (() => "button" | "reset" | "submit")) | ((new (...args: any[]) => ("button" | "reset" | "submit") & {}) | (() => "button" | "reset" | "submit"))[];
             default: string;
@@ -214,6 +225,9 @@ declare const BkButton: {
     text: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     };
+    selected: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    };
     nativeType: {
         type: ((new (...args: any[]) => ("button" | "reset" | "submit") & {}) | (() => "button" | "reset" | "submit")) | ((new (...args: any[]) => ("button" | "reset" | "submit") & {}) | (() => "button" | "reset" | "submit"))[];
         default: string;
@@ -232,6 +246,7 @@ declare const BkButton: {
     loading: boolean;
     hoverTheme: string;
     iconRight: string;
+    selected: boolean;
     nativeType: "button" | "reset" | "submit";
 }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin & Readonly<{
     ButtonGroup: import("vue").DefineComponent<{

package/lib/button/index.js

@@ -1 +1 @@
-!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"),require("../loading"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../loading"],o);else{var t="object"==typeof exports?o(require("../shared"),require("vue"),require("../loading")):o(e["../shared"],e.vue,e["../loading"]);for(var n in t)("object"==typeof exports?exports:e)[n]=t[n]}}(self,((e,o,t)=>(()=>{"use strict";var n={4870:e=>{e.exports=t},4212:o=>{o.exports=e},748:e=>{e.exports=o}},r={};function i(e){var o=r[e];if(void 0!==o)return o.exports;var t=r[e]={exports:{}};return n[e](t,t.exports,i),t.exports}i.n=e=>{var o=e&&e.__esModule?()=>e.default:()=>e;return i.d(o,{a:o}),o},i.d=(e,o)=>{for(var t in o)i.o(o,t)&&!i.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},i.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{i.r(a),i.d(a,{BkButton:()=>c,BkButtonGroup:()=>d,default:()=>p});var e=i(4212);function o(e,o,t){return o in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e}var t=i(748),n=i(4870),r=i.n(n),u=["","small","large"],l={theme:e.PropTypes.theme().def(""),hoverTheme:e.PropTypes.theme(["primary","warning","success","danger"]).def(""),size:e.PropTypes.size(u).def(""),title:e.PropTypes.string,icon:e.PropTypes.string,iconRight:e.PropTypes.string,disabled:e.PropTypes.bool,loading:e.PropTypes.bool,loadingMode:e.PropTypes.commonType(Object.values(n.BkLoadingMode)),outline:e.PropTypes.bool,text:e.PropTypes.bool,nativeType:{type:String,default:"button"}};const s=(0,t.defineComponent)({name:"Button",props:l,emits:["click","mouseover"],setup:function(i,a){var l,s=a.slots,d=a.attrs,c=a.emit,p=(0,t.ref)(!1),v=null!==(l=s.default)&&void 0!==l&&l,f="bk-button",m=(0,t.computed)((function(){return i.text&&!i.hoverTheme})),b=(0,t.computed)((function(){var t,n=i.hoverTheme?"".concat(f,"-hover-").concat(i.hoverTheme):"",r=i.theme?"".concat(f,"-").concat(i.theme):"",a=i.hoverTheme?"":r;return(0,e.classes)((o(t={"is-disabled":i.disabled,"is-outline":i.outline,"is-text":m.value,"is-loading":i.loading},"".concat(f,"-").concat(i.size),i.size&&u.includes(i.size)),o(t,"no-slot",!v),t),"".concat(a," ").concat(f," ").concat(n))})),g=(0,t.computed)((function(){return i.text||i.outline||i.hoverTheme?p.value&&!i.text?"white":i.text&&i.disabled?"":i.hoverTheme||i.theme:["","default"].includes(i.theme)?"":"white"})),y=(0,t.computed)((function(){return m.value||i.size===n.BkLoadingSize.Small?n.BkLoadingSize.Mini:n.BkLoadingSize.Small})),h=function(e){i.loading||c("click",e)},T=function(e){p.value=!0,c("mouseover",e)},x=function(){p.value=!1};return function(){var e;return(0,t.createVNode)("button",(0,t.mergeProps)({title:i.title,disabled:i.disabled,class:b.value,type:i.nativeType},d,{onClick:h,onMouseover:T,onMouseleave:x}),[i.loading&&(0,t.createVNode)(r(),{loading:!0,class:"".concat(f,"-loading"),mode:i.loadingMode,theme:g.value,size:y.value},null),s.default&&(0,t.createVNode)("span",{class:"".concat(f,"-text")},[null===(e=s.default)||void 0===e?void 0:e.call(s)])])}}}),d=(0,t.defineComponent)({name:"ButtonGroup",props:{size:e.PropTypes.size()},setup:function(n,r){var i=(0,t.computed)((function(){return(0,e.classes)(o({},"bk-button-group-".concat(n.size),!!n.size),"bk-button-group")}));return function(){var e,o;return(0,t.createVNode)("div",{class:i.value},[null===(o=(e=r.slots).default)||void 0===o?void 0:o.call(e)])}}});var c=(0,e.withInstallProps)(s,{ButtonGroup:d});const p=c})(),a})()));
+import*as e from"../shared";import*as o from"vue";import*as t from"../loading";var n={d:(e,o)=>{for(var t in o)n.o(o,t)&&!n.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},o:(e,o)=>Object.prototype.hasOwnProperty.call(e,o)},r={};n.d(r,{if:()=>f,um:()=>v,ZP:()=>g});const a=(i={PropTypes:()=>e.PropTypes,classes:()=>e.classes,withInstallProps:()=>e.withInstallProps},s={},n.d(s,i),s);var i,s;function l(e,o,t){return o in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e}const u=(e=>{var o={};return n.d(o,e),o})({computed:()=>o.computed,createVNode:()=>o.createVNode,defineComponent:()=>o.defineComponent,mergeProps:()=>o.mergeProps,ref:()=>o.ref}),d=(e=>{var o={};return n.d(o,e),o})({BkLoadingMode:()=>t.BkLoadingMode,BkLoadingSize:()=>t.BkLoadingSize,default:()=>t.default});var c=["","small","large"],p={theme:a.PropTypes.theme().def(""),hoverTheme:a.PropTypes.theme(["primary","warning","success","danger"]).def(""),size:a.PropTypes.size(c).def(""),title:a.PropTypes.string,icon:a.PropTypes.string,iconRight:a.PropTypes.string,disabled:a.PropTypes.bool,loading:a.PropTypes.bool,loadingMode:a.PropTypes.commonType(Object.values(d.BkLoadingMode)),outline:a.PropTypes.bool,text:a.PropTypes.bool,selected:a.PropTypes.bool,nativeType:{type:String,default:"button"}};const m=(0,u.defineComponent)({name:"Button",props:p,emits:["click","mouseover"],setup:function(e,o){var t,n=o.slots,r=o.attrs,i=o.emit,s=(0,u.ref)(!1),p=null!==(t=n.default)&&void 0!==t&&t,m="bk-button",v=(0,u.computed)((function(){return e.text&&!e.hoverTheme})),f=(0,u.computed)((function(){var o,t=e.hoverTheme?"".concat(m,"-hover-").concat(e.hoverTheme):"",n=e.theme?"".concat(m,"-").concat(e.theme):"",r=e.hoverTheme?"":n;return(0,a.classes)((l(o={"is-disabled":e.disabled,"is-outline":e.outline,"is-text":v.value,"is-loading":e.loading,"is-selected":e.selected},"".concat(m,"-").concat(e.size),e.size&&c.includes(e.size)),l(o,"no-slot",!p),o),"".concat(r," ").concat(m," ").concat(t))})),g=(0,u.computed)((function(){return e.text||e.outline||e.hoverTheme?s.value&&!e.text?"white":e.text&&e.disabled?"":e.hoverTheme||e.theme:["","default"].includes(e.theme)?"":"white"})),h=(0,u.computed)((function(){return v.value||e.size===d.BkLoadingSize.Small?d.BkLoadingSize.Mini:d.BkLoadingSize.Small})),b=function(o){e.loading||i("click",o)},P=function(e){s.value=!0,i("mouseover",e)},y=function(){s.value=!1};return function(){var o;return(0,u.createVNode)("button",(0,u.mergeProps)({title:e.title,disabled:e.disabled,class:f.value,type:e.nativeType},r,{onClick:b,onMouseover:P,onMouseleave:y}),[e.loading&&(0,u.createVNode)(d.default,{loading:!0,class:"".concat(m,"-loading"),mode:e.loadingMode,theme:g.value,size:h.value},null),n.default&&(0,u.createVNode)("span",{class:"".concat(m,"-text")},[null===(o=n.default)||void 0===o?void 0:o.call(n)])])}}}),v=(0,u.defineComponent)({name:"ButtonGroup",props:{size:a.PropTypes.size()},setup:function(e,o){var t=(0,u.computed)((function(){return(0,a.classes)(l({},"bk-button-group-".concat(e.size),!!e.size),"bk-button-group")}));return function(){var e,n;return(0,u.createVNode)("div",{class:t.value},[null===(n=(e=o.slots).default)||void 0===n?void 0:n.call(e)])}}});var f=(0,a.withInstallProps)(m,{ButtonGroup:v});const g=f;var h=r.if,b=r.um,P=r.ZP;export{h as BkButton,b as BkButtonGroup,P as default};

package/lib/card/card.variable.css

@@ -32,7 +32,8 @@
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
   --input-horizontal-padding: 10px;
-  --input-block-color: #f4f6fa;
+  --input-block-color: #f5f7fa;
+  --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-large);
   --input-maxlength-color: #979ba5;
   --button-primary-hover-color: #5594fa;
@@ -44,6 +45,8 @@
   --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;
   --fixed-navbar-background: #fff;
   --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
   --switch-default-color: #fff;

package/lib/card/index.js

@@ -1 +1 @@
-!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("../shared"),require("vue"),require("../icon"),require("../input"));else if("function"==typeof define&&define.amd)define(["../shared","vue","../icon","../input"],o);else{var t="object"==typeof exports?o(require("../shared"),require("vue"),require("../icon"),require("../input")):o(e["../shared"],e.vue,e["../icon"],e["../input"]);for(var l in t)("object"==typeof exports?exports:e)[l]=t[l]}}(self,((e,o,t,l)=>(()=>{"use strict";var r={6870:e=>{e.exports=t},8133:e=>{e.exports=l},4212:o=>{o.exports=e},748:e=>{e.exports=o}},i={};function s(e){var o=i[e];if(void 0!==o)return o.exports;var t=i[e]={exports:{}};return r[e](t,t.exports,s),t.exports}s.n=e=>{var o=e&&e.__esModule?()=>e.default:()=>e;return s.d(o,{a:o}),o},s.d=(e,o)=>{for(var t in o)s.o(o,t)&&!s.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},s.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{s.r(n),s.d(n,{default:()=>d});var e=s(4212);function o(e,o,t){return o in e?Object.defineProperty(e,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[o]=t,e}var t=s(748),l=s(6870),r=s(8133),i=s.n(r);const a=(0,t.defineComponent)({name:"Card",props:{title:e.PropTypes.string,showHeader:e.PropTypes.bool.def(!0),showFooter:e.PropTypes.bool.def(!1),collapseStatus:e.PropTypes.bool.def(!0),border:e.PropTypes.bool.def(!0),disableHeaderStyle:e.PropTypes.bool.def(!1),position:e.PropTypes.string.def("left"),isEdit:e.PropTypes.bool.def(!1),isCollapse:e.PropTypes.bool.def(!1)},emits:["update:collapseStatus","edit"],setup:function(e,o){var l=o.emit,r=(0,t.ref)(!0),i=(0,t.ref)(!1),s=(0,t.ref)("");return(0,t.watch)((function(){return e.collapseStatus}),(function(o){e.isCollapse&&(r.value=o)}),{immediate:!0}),(0,t.watch)((function(){return e.title}),(function(e){s.value=e}),{immediate:!0}),{collapseActive:r,showInput:i,renderTitle:s,handleCollapse:function(){e.isCollapse&&(r.value=!r.value,l("update:collapseStatus",r.value))},saveEdit:function(){i.value=!i.value,l("edit",s)},clickEdit:function(){i.value=!i.value}}},render:function(){var r,s,n,a,d,c,p,u,f,v,h,b,y,m,T=this,P="bk-card",w=(0,e.classes)((o(r={},"".concat(P),!0),o(r,"".concat(P,"-border-none"),!this.$props.border),r),""),x=(0,e.classes)((o(s={},"".concat(P,"-head"),!0),o(s,"".concat(P,"-head-").concat(this.$props.position),this.$props.isCollapse&&this.$props.position),o(s,"no-line-height",this.$props.disableHeaderStyle),o(s,"collapse",!this.collapseActive),s),""),V=(0,t.createVNode)("div",{class:"title",title:this.renderTitle},[this.showInput?(0,t.createVNode)(i(),{class:"".concat(P,"-input"),modelValue:T.renderTitle,"onUpdate:modelValue":function(e){return T.renderTitle=e},onBlur:this.saveEdit},null):this.renderTitle]),$=(0,t.createVNode)("span",{class:"".concat(P,"-icon"),onClick:this.handleCollapse},[this.collapseActive?(0,t.createVNode)(l.AngleDown,null,null):(0,t.createVNode)(l.AngleRight,null,null)]);return(0,t.createVNode)("div",{class:w},[this.$props.showHeader?(0,t.createVNode)("div",{class:x},[this.$props.isCollapse&&(null!==(d=null===(a=(n=this.$slots).icon)||void 0===a?void 0:a.call(n))&&void 0!==d?d:$),null!==(u=null===(p=(c=this.$slots).header)||void 0===p?void 0:p.call(c))&&void 0!==u?u:V,this.$props.isEdit&&!this.showInput&&(0,t.createVNode)(l.EditLine,{class:"".concat(P,"-edit"),onClick:this.clickEdit},null)]):"",this.collapseActive?(0,t.createVNode)("div",null,[(0,t.createVNode)("div",{class:"".concat(P,"-body")},[null!==(h=null===(v=(f=this.$slots).default)||void 0===v?void 0:v.call(f))&&void 0!==h?h:"Content"]),this.$props.showFooter?(0,t.createVNode)("div",{class:"".concat(P,"-footer")},[null!==(m=null===(y=(b=this.$slots).footer)||void 0===y?void 0:y.call(b))&&void 0!==m?m:"Footer"]):""]):""])}}),d=(0,e.withInstall)(a)})(),n})()));
+import*as e from"../shared";import*as t from"vue";import*as o from"../icon";import*as l from"../input";var s={d:(e,t)=>{for(var o in t)s.o(t,o)&&!s.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)},i={};s.d(i,{Z:()=>v});const a=(n={PropTypes:()=>e.PropTypes,classes:()=>e.classes,withInstall:()=>e.withInstall},r={},s.d(r,n),r);var n,r;function d(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}const c=(e=>{var t={};return s.d(t,e),t})({createVNode:()=>t.createVNode,defineComponent:()=>t.defineComponent,ref:()=>t.ref,watch:()=>t.watch}),p=(e=>{var t={};return s.d(t,e),t})({AngleDown:()=>o.AngleDown,AngleRight:()=>o.AngleRight,EditLine:()=>o.EditLine}),u=(e=>{var t={};return s.d(t,e),t})({default:()=>l.default}),h=(0,c.defineComponent)({name:"Card",props:{title:a.PropTypes.string,showHeader:a.PropTypes.bool.def(!0),showFooter:a.PropTypes.bool.def(!1),collapseStatus:a.PropTypes.bool.def(!0),border:a.PropTypes.bool.def(!0),disableHeaderStyle:a.PropTypes.bool.def(!1),position:a.PropTypes.string.def("left"),isEdit:a.PropTypes.bool.def(!1),isCollapse:a.PropTypes.bool.def(!1)},emits:["update:collapseStatus","edit"],setup:function(e,t){var o=t.emit,l=(0,c.ref)(!0),s=(0,c.ref)(!1),i=(0,c.ref)("");return(0,c.watch)((function(){return e.collapseStatus}),(function(t){e.isCollapse&&(l.value=t)}),{immediate:!0}),(0,c.watch)((function(){return e.title}),(function(e){i.value=e}),{immediate:!0}),{collapseActive:l,showInput:s,renderTitle:i,handleCollapse:function(){e.isCollapse&&(l.value=!l.value,o("update:collapseStatus",l.value))},saveEdit:function(){s.value=!s.value,o("edit",i)},clickEdit:function(){s.value=!s.value}}},render:function(){var e,t,o,l,s,i,n,r,h,v,f,m,b,w,y=this,T="bk-card",V=(0,a.classes)((d(e={},"".concat(T),!0),d(e,"".concat(T,"-border-none"),!this.$props.border),e),""),g=(0,a.classes)((d(t={},"".concat(T,"-head"),!0),d(t,"".concat(T,"-head-").concat(this.$props.position),this.$props.isCollapse&&this.$props.position),d(t,"no-line-height",this.$props.disableHeaderStyle),d(t,"collapse",!this.collapseActive),t),""),C=(0,c.createVNode)("div",{class:"title",title:this.renderTitle},[this.showInput?(0,c.createVNode)(u.default,{class:"".concat(T,"-input"),modelValue:y.renderTitle,"onUpdate:modelValue":function(e){return y.renderTitle=e},onBlur:this.saveEdit},null):this.renderTitle]),P=(0,c.createVNode)("span",{class:"".concat(T,"-icon"),onClick:this.handleCollapse},[this.collapseActive?(0,c.createVNode)(p.AngleDown,null,null):(0,c.createVNode)(p.AngleRight,null,null)]);return(0,c.createVNode)("div",{class:V},[this.$props.showHeader?(0,c.createVNode)("div",{class:g},[this.$props.isCollapse&&(null!==(s=null===(l=(o=this.$slots).icon)||void 0===l?void 0:l.call(o))&&void 0!==s?s:P),null!==(r=null===(n=(i=this.$slots).header)||void 0===n?void 0:n.call(i))&&void 0!==r?r:C,this.$props.isEdit&&!this.showInput&&(0,c.createVNode)(p.EditLine,{class:"".concat(T,"-edit"),onClick:this.clickEdit},null)]):"",this.collapseActive?(0,c.createVNode)("div",null,[(0,c.createVNode)("div",{class:"".concat(T,"-body")},[null!==(f=null===(v=(h=this.$slots).default)||void 0===v?void 0:v.call(h))&&void 0!==f?f:"Content"]),this.$props.showFooter?(0,c.createVNode)("div",{class:"".concat(T,"-footer")},[null!==(w=null===(b=(m=this.$slots).footer)||void 0===b?void 0:b.call(m))&&void 0!==w?w:"Footer"]):""]):""])}}),v=(0,a.withInstall)(h);var f=i.Z;export{f as default};

package/lib/cascader/cascader.variable.css

@@ -32,7 +32,8 @@
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
   --input-horizontal-padding: 10px;
-  --input-block-color: #f4f6fa;
+  --input-block-color: #f5f7fa;
+  --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-large);
   --input-maxlength-color: #979ba5;
   --button-primary-hover-color: #5594fa;
@@ -44,6 +45,8 @@
   --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;
   --fixed-navbar-background: #fff;
   --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
   --switch-default-color: #fff;