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

package/lib/alert/index.js

@@ -0,0 +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})()));

package/lib/animate-number/{animate-number.js → 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){this.$createElement;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})()));
+!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})()));

package/lib/backtop/backtop.css

@@ -1,3 +1,360 @@
+:root {
+  --bk-prefix: bk;
+  --popover-max-height: var(--popover-max-height);
+  --primary-color: var(--primary-color);
+  --success-color: var(--success-color);
+  --warning-color: var(--warning-color);
+  --danger-color: var(--danger-color);
+  --default-color: var(--default-color);
+  --gray-color: var(--gray-color);
+  --light-gray: var(--light-gray);
+  --white-color: var(--white-color);
+  --whitesmoke-color: var(--whitesmoke-color);
+  --disable-color: var(--disable-color);
+  --font-size-base: var(--font-size-base);
+  --font-size-medium: var(--font-size-medium);
+  --font-size-large: var(--font-size-large);
+  --line-height-base: var(--line-height-base);
+  --line-height-medium: var(--line-height-medium);
+  --line-height-large: var(--line-height-large);
+  --component-size-small: var(--component-size-small);
+  --component-size-base: var(--component-size-base);
+  --component-size-large: var(--component-size-large);
+  --border-width-base: var(--border-width-base);
+  --border-style-base: var(--border-style-base);
+  --border-radius-base: var(--border-radius-base);
+  --border-style-color: var(--border-style-color);
+  --input-disabled-bg: var(--input-disabled-bg);
+  --input-disabled-border: var(--input-disabled-border);
+  --input-height-base: var(--input-height-base);
+  --input-color: var(--input-color);
+  --input-bg: var(--input-bg);
+  --input-border-color: var(--input-border-color);
+  --input-broder-radius: var(--input-broder-radius);
+  --input-shadow-color: var(--input-shadow-color);
+  --input-horizontal-padding: var(--input-horizontal-padding);
+  --input-block-color: var(--input-block-color);
+  --input-block-hover-color: var(--input-block-hover-color);
+  --input-icon-size: var(--input-icon-size);
+  --input-maxlength-color: var(--input-maxlength-color);
+  --button-primary-hover-color: var(--button-primary-hover-color);
+  --button-danger-hover-color: var(--button-danger-hover-color);
+  --button-success-hover-color: var(--button-success-hover-color);
+  --button-warning-hover-color: var(--button-warning-hover-color);
+  --button-default-hover-border-color: var(--button-default-hover-border-color);
+  --button-primary-active-color: var(--button-primary-active-color);
+  --button-danger-active-color: var(--button-danger-active-color);
+  --button-success-active-color: var(--button-success-active-color);
+  --button-warning-active-color: var(--button-warning-active-color);
+  --button-selected-bg-color: var(--button-selected-bg-color);
+  --button-disabled-selected-bg-color: var(--button-disabled-selected-bg-color);
+  --radio-font-color: var(--radio-font-color);
+  --radio-active-color: var(--radio-active-color);
+  --radio-hover-border-color: var(--radio-hover-border-color);
+  --radio-disabled-border: var(--radio-disabled-border);
+  --radio-disabled-font-color: var(--radio-disabled-font-color);
+  --radio-distable-checked-bg: var(--radio-distable-checked-bg);
+  --radio-button-checked-bg: var(--radio-button-checked-bg);
+  --fixed-navbar-background: var(--fixed-navbar-background);
+  --fixed-navbar-boxshadow-color: var(--fixed-navbar-boxshadow-color);
+  --switch-default-color: var(--switch-default-color);
+  --switch-grey-color: var(--switch-grey-color);
+  --breadcrumb-black-color: var(--breadcrumb-black-color);
+  --breadcrumb-primary-hover-color: var(--breadcrumb-primary-hover-color);
+  --breadcrumb-fn-main-color: var(--breadcrumb-fn-main-color);
+  --link-default-hover-color: var(--link-default-hover-color);
+  --link-primary-hover-color: var(--link-primary-hover-color);
+  --link-success-hover-color: var(--link-success-hover-color);
+  --link-warning-hover-color: var(--link-warning-hover-color);
+  --link-danger-hover-color: var(--link-danger-hover-color);
+  --link-default-disabled-color: var(--link-default-disabled-color);
+  --link-primary-disabled-color: var(--link-primary-disabled-color);
+  --link-success-disabled-color: var(--link-success-disabled-color);
+  --link-warning-disabled-color: var(--link-warning-disabled-color);
+  --link-danger-disabled-color: var(--link-danger-disabled-color);
+  --message-color: var(--message-color);
+  --message-primary-bg-color: var(--message-primary-bg-color);
+  --message-primary-border-color: var(--message-primary-border-color);
+  --message-primary-shadow-color: var(--message-primary-shadow-color);
+  --message-warning-bg-color: var(--message-warning-bg-color);
+  --message-warning-border-color: var(--message-warning-border-color);
+  --message-warning-shadow-color: var(--message-warning-shadow-color);
+  --message-success-bg-color: var(--message-success-bg-color);
+  --message-success-border-color: var(--message-success-border-color);
+  --message-success-shadow-color: var(--message-success-shadow-color);
+  --message-danger-bg-color: var(--message-danger-bg-color);
+  --message-danger-border-color: var(--message-danger-border-color);
+  --message-danger-shadow-color: var(--message-danger-shadow-color);
+  --slider-default-bg: var(--slider-default-bg);
+  --slider-disable-bar-bg: var(--slider-disable-bar-bg);
+  --menu-bg-color: var(--menu-bg-color);
+  --submenu-bg-color: var(--submenu-bg-color);
+  --menu-active-bg-color: var(--menu-active-bg-color);
+  --menu-color: var(--menu-color);
+  --menu-group-color: var(--menu-group-color);
+  --menu-width: var(--menu-width);
+  --menu-collapse-width: var(--menu-collapse-width);
+  --menu-active-color: var(--menu-active-color);
+  --nav-header-bg-color: var(--nav-header-bg-color);
+  --nav-bg-color: var(--nav-bg-color);
+  --date-picker-disabled-bg: var(--date-picker-disabled-bg);
+  --date-picker-dropdown-mb: var(--date-picker-dropdown-mb);
+  --date-picker-dropdown-bg: var(--date-picker-dropdown-bg);
+  --table-bg-color: var(--table-bg-color);
+  --table-border-color: var(--table-border-color);
+  --table-head-bg-color: var(--table-head-bg-color);
+  --table-head-font-color: var(--table-head-font-color);
+  --table-body-font-color: var(--table-body-font-color);
+  --table-row-hover-bg-color: var(--table-row-hover-bg-color);
+  --table-row-active-bg-color: var(--table-row-active-bg-color);
+  --cascader-panel-border-color: var(--cascader-panel-border-color);
+  --cascader-panel-hover: var(--cascader-panel-hover);
+  --cascader-panel-active: var(--cascader-panel-active);
+  --cascader-panel-disabled-bg: var(--cascader-panel-disabled-bg);
+  --search-select-focus-border-color: var(--search-select-focus-border-color);
+  --search-select-focus-color: var(--search-select-focus-color);
+  --search-select-font-color: var(--search-select-font-color);
+  --search-select-placeholder-color: var(--search-select-placeholder-color);
+  --search-select-message-color: var(--search-select-message-color);
+}
+:root :root {
+  --bk-prefix: bk;
+  --popover-max-height: 216px;
+  --primary-color: #3a84ff;
+  --success-color: #2dcb56;
+  --warning-color: #ff9c01;
+  --danger-color: #ea3636;
+  --default-color: #63656e;
+  --gray-color: #979ba5;
+  --light-gray: #c4c6cc;
+  --white-color: white;
+  --whitesmoke-color: #fafbfd;
+  --disable-color: #dcdee5;
+  --font-size-base: 12px;
+  --font-size-medium: 14px;
+  --font-size-large: 16px;
+  --line-height-base: 16px;
+  --line-height-medium: 16px;
+  --line-height-large: 18px;
+  --component-size-small: 26px;
+  --component-size-base: 32px;
+  --component-size-large: 40px;
+  --border-width-base: 1px;
+  --border-style-base: solid;
+  --border-radius-base: 2px;
+  --border-style-color: var(--light-gray);
+  --input-disabled-bg: #fafbfd;
+  --input-disabled-border: var(--disable-color);
+  --input-height-base: var(--component-size-base);
+  --input-color: var(--default-color);
+  --input-bg: white;
+  --input-border-color: var(--light-gray);
+  --input-broder-radius: 3px;
+  --input-shadow-color: #a3c5fd;
+  --input-horizontal-padding: 10px;
+  --input-block-color: #f5f7fa;
+  --input-block-hover-color: #eaebf0;
+  --input-icon-size: var(--font-size-medium);
+  --input-maxlength-color: #979ba5;
+  --button-primary-hover-color: #5594fa;
+  --button-danger-hover-color: #ff5656;
+  --button-success-hover-color: #45e35f;
+  --button-warning-hover-color: #ffb848;
+  --button-default-hover-border-color: #979ba5;
+  --button-primary-active-color: #2c77f4;
+  --button-danger-active-color: #db2626;
+  --button-success-active-color: #1ab943;
+  --button-warning-active-color: #eb9000;
+  --button-selected-bg-color: #e1ecff;
+  --button-disabled-selected-bg-color: #f0f1f5;
+  --radio-font-color: #63656e;
+  --radio-active-color: #5594fa;
+  --radio-hover-border-color: #979ba5;
+  --radio-disabled-border: #dcdee5;
+  --radio-disabled-font-color: #c4c6cc;
+  --radio-distable-checked-bg: #fafbfd;
+  --radio-button-checked-bg: #e1ecff;
+  --fixed-navbar-background: #fff;
+  --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
+  --switch-default-color: #fff;
+  --switch-grey-color: #c4c6cc;
+  --breadcrumb-black-color: #979ba5;
+  --breadcrumb-primary-hover-color: #0082ff;
+  --breadcrumb-fn-main-color: #63656e;
+  --link-default-hover-color: #979ba5;
+  --link-primary-hover-color: #699df4;
+  --link-success-hover-color: #45e35f;
+  --link-warning-hover-color: #ffb848;
+  --link-danger-hover-color: #ff5656;
+  --link-default-disabled-color: #dcdee5;
+  --link-primary-disabled-color: #a3c5fd;
+  --link-success-disabled-color: #94f5a4;
+  --link-warning-disabled-color: #ffd695;
+  --link-danger-disabled-color: #fd9c9c;
+  --message-color: var(--default-color);
+  --message-primary-bg-color: #f0f8ff;
+  --message-primary-border-color: #e1ecff;
+  --message-primary-shadow-color: #e1e8f4;
+  --message-warning-bg-color: #fff4e2;
+  --message-warning-border-color: #ffe8c3;
+  --message-warning-shadow-color: #ede6db;
+  --message-success-bg-color: #f2fff4;
+  --message-success-border-color: #dcffe2;
+  --message-success-shadow-color: #cef0d7;
+  --message-danger-bg-color: #ffeded;
+  --message-danger-border-color: #fdd;
+  --message-danger-shadow-color: #f6dada;
+  --slider-default-bg: #dcdee5;
+  --slider-disable-bar-bg: #979ba5;
+  --menu-bg-color: #182132;
+  --submenu-bg-color: #151d2c;
+  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
+  --menu-color: #96a2b9;
+  --menu-group-color: var(--default-color);
+  --menu-width: 260px;
+  --menu-collapse-width: 60px;
+  --menu-active-color: white;
+  --nav-header-bg-color: #182132;
+  --nav-bg-color: #182132;
+  --date-picker-disabled-bg: #fafbfd;
+  --date-picker-dropdown-mb: 4px;
+  --date-picker-dropdown-bg: #fff;
+  --table-bg-color: var(--white-color);
+  --table-border-color: #dcdee5;
+  --table-head-bg-color: #fafbfd;
+  --table-head-font-color: #313238;
+  --table-body-font-color: #575961;
+  --table-row-hover-bg-color: #f5f7fa;
+  --table-row-active-bg-color: #f0f1f5;
+  --cascader-panel-border-color: #dcdee5;
+  --cascader-panel-hover: #f5f7fa;
+  --cascader-panel-active: #e1ecff;
+  --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
+}
+:root {
+  --bk-prefix: bk;
+  --popover-max-height: 216px;
+  --primary-color: #3a84ff;
+  --success-color: #2dcb56;
+  --warning-color: #ff9c01;
+  --danger-color: #ea3636;
+  --default-color: #63656e;
+  --gray-color: #979ba5;
+  --light-gray: #c4c6cc;
+  --white-color: white;
+  --whitesmoke-color: #fafbfd;
+  --disable-color: #dcdee5;
+  --font-size-base: 12px;
+  --font-size-medium: 14px;
+  --font-size-large: 16px;
+  --line-height-base: 16px;
+  --line-height-medium: 16px;
+  --line-height-large: 18px;
+  --component-size-small: 26px;
+  --component-size-base: 32px;
+  --component-size-large: 40px;
+  --border-width-base: 1px;
+  --border-style-base: solid;
+  --border-radius-base: 2px;
+  --border-style-color: var(--light-gray);
+  --input-disabled-bg: #fafbfd;
+  --input-disabled-border: var(--disable-color);
+  --input-height-base: var(--component-size-base);
+  --input-color: var(--default-color);
+  --input-bg: white;
+  --input-border-color: var(--light-gray);
+  --input-broder-radius: 3px;
+  --input-shadow-color: #a3c5fd;
+  --input-horizontal-padding: 10px;
+  --input-block-color: #f5f7fa;
+  --input-block-hover-color: #eaebf0;
+  --input-icon-size: var(--font-size-medium);
+  --input-maxlength-color: #979ba5;
+  --button-primary-hover-color: #5594fa;
+  --button-danger-hover-color: #ff5656;
+  --button-success-hover-color: #45e35f;
+  --button-warning-hover-color: #ffb848;
+  --button-default-hover-border-color: #979ba5;
+  --button-primary-active-color: #2c77f4;
+  --button-danger-active-color: #db2626;
+  --button-success-active-color: #1ab943;
+  --button-warning-active-color: #eb9000;
+  --button-selected-bg-color: #e1ecff;
+  --button-disabled-selected-bg-color: #f0f1f5;
+  --radio-font-color: #63656e;
+  --radio-active-color: #5594fa;
+  --radio-hover-border-color: #979ba5;
+  --radio-disabled-border: #dcdee5;
+  --radio-disabled-font-color: #c4c6cc;
+  --radio-distable-checked-bg: #fafbfd;
+  --radio-button-checked-bg: #e1ecff;
+  --fixed-navbar-background: #fff;
+  --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
+  --switch-default-color: #fff;
+  --switch-grey-color: #c4c6cc;
+  --breadcrumb-black-color: #979ba5;
+  --breadcrumb-primary-hover-color: #0082ff;
+  --breadcrumb-fn-main-color: #63656e;
+  --link-default-hover-color: #979ba5;
+  --link-primary-hover-color: #699df4;
+  --link-success-hover-color: #45e35f;
+  --link-warning-hover-color: #ffb848;
+  --link-danger-hover-color: #ff5656;
+  --link-default-disabled-color: #dcdee5;
+  --link-primary-disabled-color: #a3c5fd;
+  --link-success-disabled-color: #94f5a4;
+  --link-warning-disabled-color: #ffd695;
+  --link-danger-disabled-color: #fd9c9c;
+  --message-color: var(--default-color);
+  --message-primary-bg-color: #f0f8ff;
+  --message-primary-border-color: #e1ecff;
+  --message-primary-shadow-color: #e1e8f4;
+  --message-warning-bg-color: #fff4e2;
+  --message-warning-border-color: #ffe8c3;
+  --message-warning-shadow-color: #ede6db;
+  --message-success-bg-color: #f2fff4;
+  --message-success-border-color: #dcffe2;
+  --message-success-shadow-color: #cef0d7;
+  --message-danger-bg-color: #ffeded;
+  --message-danger-border-color: #fdd;
+  --message-danger-shadow-color: #f6dada;
+  --slider-default-bg: #dcdee5;
+  --slider-disable-bar-bg: #979ba5;
+  --menu-bg-color: #182132;
+  --submenu-bg-color: #151d2c;
+  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
+  --menu-color: #96a2b9;
+  --menu-group-color: var(--default-color);
+  --menu-width: 260px;
+  --menu-collapse-width: 60px;
+  --menu-active-color: white;
+  --nav-header-bg-color: #182132;
+  --nav-bg-color: #182132;
+  --date-picker-disabled-bg: #fafbfd;
+  --date-picker-dropdown-mb: 4px;
+  --date-picker-dropdown-bg: #fff;
+  --table-bg-color: var(--white-color);
+  --table-border-color: #dcdee5;
+  --table-head-bg-color: #fafbfd;
+  --table-head-font-color: #313238;
+  --table-body-font-color: #575961;
+  --table-row-hover-bg-color: #f5f7fa;
+  --table-row-active-bg-color: #f0f1f5;
+  --cascader-panel-border-color: #dcdee5;
+  --cascader-panel-hover: #f5f7fa;
+  --cascader-panel-active: #e1ecff;
+  --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
+}
 @keyframes loading-scale-animate {
   0% {
     transform: scale(1);
@@ -25,13 +382,21 @@
   width: 52px;
   height: 52px;
   cursor: pointer;
-  background: #fff;
+  background: var(--fixed-navbar-background);
   border-radius: 50%;
   opacity: 1;
-  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
+  box-shadow: 0px 2px 6px 0px var(--fixed-navbar-boxshadow-color);
   align-items: center;
   justify-content: center;
 }
+.bk-backtop:hover .bk-backtop-icon {
+  color: var(--primary-color);
+}
+.bk-backtop .bk-backtop-icon {
+  display: flex;
+  align-items: center;
+  font-size: 26px;
+}
 .bk-fade-enter-active,
 .bk-fade-leave-active {
   transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);

package/lib/backtop/backtop.d.ts

@@ -53,8 +53,8 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     bottom: number;
     right: number;
-    visibilityHeight: number;
-    target: string;
     extCls: string;
+    target: string;
+    visibilityHeight: number;
 }>;
 export default _default;

package/lib/backtop/backtop.less

@@ -13,6 +13,14 @@
   box-shadow: 0px 2px 6px 0px @fixed-navbar-boxshadow-color;
   align-items: center;
   justify-content: center;
+  &:hover .@{bk-prefix}-backtop-icon {
+    color: @primary-color;
+  }
+  .@{bk-prefix}-backtop-icon {
+    display: flex;
+    align-items: center;
+    font-size: 26px;
+  }
 }
 
 .bk-fade-transtion();