bkui-vue 0.0.1-beta.206 → 0.0.1-beta.207

package/lib/affix/affix.variable.css

@@ -23,6 +23,7 @@
   --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);
@@ -110,6 +111,11 @@
   --cascader-panel-hover: #f5f7fa;
   --cascader-panel-active: #e1ecff;
   --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
 }
 .bk-affix {
   position: fixed;

package/lib/alert/alert.variable.css

@@ -23,6 +23,7 @@
   --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);
@@ -110,6 +111,11 @@
   --cascader-panel-hover: #f5f7fa;
   --cascader-panel-active: #e1ecff;
   --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
 }
 .bk-alert {
   position: relative;

package/lib/backtop/backtop.variable.css

@@ -23,6 +23,7 @@
   --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);
@@ -110,6 +111,11 @@
   --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% {

package/lib/badge/badge.variable.css

@@ -23,6 +23,7 @@
   --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);
@@ -110,6 +111,11 @@
   --cascader-panel-hover: #f5f7fa;
   --cascader-panel-active: #e1ecff;
   --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
 }
 .bk-badge-main {
   position: relative;

package/lib/breadcrumb/breadcrumb.variable.css

@@ -23,6 +23,7 @@
   --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);
@@ -110,6 +111,11 @@
   --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% {

package/lib/button/button.variable.css

@@ -23,6 +23,7 @@
   --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);
@@ -110,6 +111,11 @@
   --cascader-panel-hover: #f5f7fa;
   --cascader-panel-active: #e1ecff;
   --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
 }
 .bk-button {
   display: inline-flex;

package/lib/card/card.variable.css

@@ -23,6 +23,7 @@
   --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);
@@ -110,6 +111,11 @@
   --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% {

package/lib/cascader/cascader.variable.css

@@ -23,6 +23,7 @@
   --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);
@@ -110,6 +111,11 @@
   --cascader-panel-hover: #f5f7fa;
   --cascader-panel-active: #e1ecff;
   --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
 }
 .bk-cascader-popover.bk-pop2-content {
   padding: 0;

package/lib/checkbox/checkbox.variable.css

@@ -23,6 +23,7 @@
   --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);
@@ -110,6 +111,11 @@
   --cascader-panel-hover: #f5f7fa;
   --cascader-panel-active: #e1ecff;
   --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
 }
 .bk-checkbox {
   display: inline-flex;

package/lib/code-diff/code-diff.variable.css

@@ -24,6 +24,7 @@
   --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);
@@ -111,6 +112,11 @@
   --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);
 }
 /* stylelint-disable declaration-no-important */
 .bk-code-diff {

package/lib/collapse/collapse.variable.css

@@ -23,6 +23,7 @@
   --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);
@@ -110,6 +111,11 @@
   --cascader-panel-hover: #f5f7fa;
   --cascader-panel-active: #e1ecff;
   --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
 }
 .bk-collapse-item {
   display: flex;

package/lib/color-picker/color-picker.variable.css

@@ -23,6 +23,7 @@
   --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);
@@ -110,6 +111,11 @@
   --cascader-panel-hover: #f5f7fa;
   --cascader-panel-active: #e1ecff;
   --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
 }
 .bk-color-picker {
   position: relative;

package/lib/container/container.variable.css

@@ -23,6 +23,7 @@
   --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);
@@ -110,6 +111,11 @@
   --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% {

package/lib/date-picker/date-picker.variable.css

@@ -23,6 +23,7 @@
   --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);
@@ -110,6 +111,11 @@
   --cascader-panel-hover: #f5f7fa;
   --cascader-panel-active: #e1ecff;
   --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
 }
 .bk-date-picker {
   display: inline-block;

package/lib/directives/index.js

@@ -1,2 +1,2 @@
 /*! For license information please see index.js.LICENSE.txt */
-!function(e,n){if("object"==typeof exports&&"object"==typeof module)module.exports=n(require("../shared"),require("@popperjs/core"),require("../plugin-popover"));else if("function"==typeof define&&define.amd)define(["../shared","@popperjs/core","../plugin-popover"],n);else{var t="object"==typeof exports?n(require("../shared"),require("@popperjs/core"),require("../plugin-popover")):n(e["../shared"],e["@popperjs/core"],e["../plugin-popover"]);for(var r in t)("object"==typeof exports?exports:e)[r]=t[r]}}(self,((e,n,t)=>(()=>{var r={2439:(e,n,t)=>{e.exports=t(2527)},7430:e=>{"use strict";var n=!("undefined"==typeof window||!window.document||!window.document.createElement),t={canUseDOM:n,canUseWorkers:"undefined"!=typeof Worker,canUseEventListeners:n&&!(!window.addEventListener&&!window.attachEvent),canUseViewport:n&&!!window.screen,isInWorker:!n};e.exports=t},6377:e=>{var n,t,r,o,i,a,u,c,s,l,d,f,p,v,m,b=!1;function h(){if(!b){b=!0;var e=navigator.userAgent,h=/(?:MSIE.(\d+\.\d+))|(?:(?:Firefox|GranParadiso|Iceweasel).(\d+\.\d+))|(?:Opera(?:.+Version.|.)(\d+\.\d+))|(?:AppleWebKit.(\d+(?:\.\d+)?))|(?:Trident\/\d+\.\d+.*rv:(\d+\.\d+))/.exec(e),y=/(Mac OS X)|(Windows)|(Linux)/.exec(e);if(f=/\b(iPhone|iP[ao]d)/.exec(e),p=/\b(iP[ao]d)/.exec(e),l=/Android/i.exec(e),v=/FBAN\/\w+;/i.exec(e),m=/Mobile/i.exec(e),d=!!/Win64/.exec(e),h){(n=h[1]?parseFloat(h[1]):h[5]?parseFloat(h[5]):NaN)&&document&&document.documentMode&&(n=document.documentMode);var g=/(?:Trident\/(\d+.\d+))/.exec(e);a=g?parseFloat(g[1])+4:n,t=h[2]?parseFloat(h[2]):NaN,r=h[3]?parseFloat(h[3]):NaN,(o=h[4]?parseFloat(h[4]):NaN)?(h=/(?:Chrome\/(\d+\.\d+))/.exec(e),i=h&&h[1]?parseFloat(h[1]):NaN):i=NaN}else n=t=r=i=o=NaN;if(y){if(y[1]){var w=/(?:Mac OS X (\d+(?:[._]\d+)?))/.exec(e);u=!w||parseFloat(w[1].replace("_","."))}else u=!1;c=!!y[2],s=!!y[3]}else u=c=s=!1}}var y={ie:function(){return h()||n},ieCompatibilityMode:function(){return h()||a>n},ie64:function(){return y.ie()&&d},firefox:function(){return h()||t},opera:function(){return h()||r},webkit:function(){return h()||o},safari:function(){return y.webkit()},chrome:function(){return h()||i},windows:function(){return h()||c},osx:function(){return h()||u},linux:function(){return h()||s},iphone:function(){return h()||f},mobile:function(){return h()||f||p||l||m},nativeApp:function(){return h()||v},android:function(){return h()||l},ipad:function(){return h()||p}};e.exports=y},3541:(e,n,t)=>{"use strict";var r,o=t(7430);o.canUseDOM&&(r=document.implementation&&document.implementation.hasFeature&&!0!==document.implementation.hasFeature("","")),e.exports=function(e,n){if(!o.canUseDOM||n&&!("addEventListener"in document))return!1;var t="on"+e,i=t in document;if(!i){var a=document.createElement("div");a.setAttribute(t,"return;"),i="function"==typeof a[t]}return!i&&r&&"wheel"===e&&(i=document.implementation.hasFeature("Events.wheel","3.0")),i}},2527:(e,n,t)=>{"use strict";var r=t(6377),o=t(3541);function i(e){var n=0,t=0,r=0,o=0;return"detail"in e&&(t=e.detail),"wheelDelta"in e&&(t=-e.wheelDelta/120),"wheelDeltaY"in e&&(t=-e.wheelDeltaY/120),"wheelDeltaX"in e&&(n=-e.wheelDeltaX/120),"axis"in e&&e.axis===e.HORIZONTAL_AXIS&&(n=t,t=0),r=10*n,o=10*t,"deltaY"in e&&(o=e.deltaY),"deltaX"in e&&(r=e.deltaX),(r||o)&&e.deltaMode&&(1==e.deltaMode?(r*=40,o*=40):(r*=800,o*=800)),r&&!n&&(n=r<1?-1:1),o&&!t&&(t=o<1?-1:1),{spinX:n,spinY:t,pixelX:r,pixelY:o}}i.getEventType=function(){return r.firefox()?"DOMMouseScroll":o("wheel")?"wheel":"mousewheel"},e.exports=i},9706:e=>{"use strict";e.exports=t},4212:n=>{"use strict";n.exports=e},5798:e=>{"use strict";e.exports=n}},o={};function i(e){var n=o[e];if(void 0!==n)return n.exports;var t=o[e]={exports:{}};return r[e](t,t.exports,i),t.exports}i.n=e=>{var n=e&&e.__esModule?()=>e.default:()=>e;return i.d(n,{a:n}),n},i.d=(e,n)=>{for(var t in n)i.o(n,t)&&!i.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:n[t]})},i.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{"use strict";i.r(a),i.d(a,{bkEllipsis:()=>S,bkEllipsisInstance:()=>A,bkTooltips:()=>w,clickoutside:()=>f,mousewheel:()=>r});var e=i(2439),n=i.n(e),t="undefined"!=typeof navigator&&navigator.userAgent.toLowerCase().indexOf("firefox")>-1;const r={beforeMount:function(e,r){var o,i;console.error(e,r),o=e,i=r.value,(null==o?void 0:o.addEventListener)&&o.addEventListener(t?"DOMMouseScroll":"mousewheel",(function(e){var t=n()(e);null==i||i.apply(this,[e,t])}))}};function o(e,n){var t="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!t){if(Array.isArray(e)||(t=function(e,n){if(e){if("string"==typeof e)return u(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?u(e,n):void 0}}(e))||n&&e&&"number"==typeof e.length){t&&(e=t);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},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 i,a=!0,c=!1;return{s:function(){t=t.call(e)},n:function(){var e=t.next();return a=e.done,e},e:function(e){c=!0,i=e},f:function(){try{a||null==t.return||t.return()}finally{if(c)throw i}}}}function u(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}var c,s=new Map;function l(e,n){var t,r=[];return Array.isArray(n.arg)?r=n.arg:(t=n.arg,"undefined"!=typeof Element&&t instanceof Element&&r.push(n.arg)),function(t,o){var i=n.instance.popperRef,a=t.target,u=null==o?void 0:o.target,c=!n||!n.instance,s=!a||!u,l=e.contains(a)||e.contains(u),d=e===a,f=r.length&&r.some((function(e){return null==e?void 0:e.contains(a)}))||r.length&&r.includes(u),p=i&&(i.contains(a)||i.contains(u));c||s||l||d||f||p||n.value(t,o)}}document.addEventListener("mousedown",(function(e){return c=e})),document.addEventListener("mouseup",(function(e){var n,t=o(s.values());try{for(t.s();!(n=t.n()).done;){var r,i=o(n.value);try{for(i.s();!(r=i.n()).done;)(0,r.value.documentHandler)(e,c)}catch(e){i.e(e)}finally{i.f()}}}catch(e){t.e(e)}finally{t.f()}}));var d={beforeMount:function(e,n){s.has(e)||s.set(e,[]),s.get(e).push({documentHandler:l(e,n),bindingFn:n.value})},updated:function(e,n){s.has(e)||s.set(e,[]);var t=s.get(e),r=t.findIndex((function(e){return e.bindingFn===n.oldValue})),o={documentHandler:l(e,n),bindingFn:n.value};r>=0?t.splice(r,1,o):t.push(o)},unmounted:function(e){s.delete(e)},install:function(e){e.directive("bkTooltips",d)}};const f=d;function p(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function v(e){return v="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},v(e)}var m=i(4212),b=i(5798),h=new Map;function y(e){var n=h.get(e),t=n.popper,r=n.opts.onShow;document.body.appendChild(t);var o=function(e,n){var t=h.get(e).opts,r=t.placement,o=t.distance,i=t.showOnInit,a=(0,b.createPopper)(e,n,{placement:r,modifiers:[{name:"offset",options:{offset:[0,o]}}]});return i&&y(e),a}(e,t);r(),t.setAttribute("data-show",""),o.setOptions((function(e){return Object.assign(Object.assign({},e),{modifiers:[].concat((n=e.modifiers,function(e){if(Array.isArray(e))return p(e)}(n)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(n)||function(e,n){if(e){if("string"==typeof e)return p(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?p(e,n):void 0}}(n)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),[{name:"eventListeners",enabled:!0}])});var n})),o.forceUpdate(),h.get(e).popperInstance=o}function g(e){if(h.get(e)){var n=h.get(e),t=n.popper,r=n.popperInstance,o=n.opts.onHide;t&&document.body.contains(t)&&(t.removeAttribute("data-show"),null==r||r.destroy(),document.body.removeChild(t),o())}}const w={beforeMount:function(e,n){var t={arrow:!0,disabled:!1,trigger:"hover",theme:"dark",content:"",showOnInit:!1,placement:"top",distance:8,extCls:"",onShow:function(){},onHide:function(){}};"object"===v(n.value)?Object.assign(t,n.value):t.content=n.value;var r=t.disabled,o=t.trigger,i=t.content,a=t.arrow,u=t.theme,c=t.extCls;if(!r){var s=function(e,n,t,r){var o=m.bkZIndexManager.getPopperIndex(),i=document.createElement("div");if(i.className="bk-popper ".concat(t?"light":"dark"," ").concat(r),i.innerText=e,i.style.zIndex=String(o),n){var a=function(){var e=document.createElement("div");return e.className="bk-popper-arrow",e.setAttribute("data-popper-arrow",""),e}();i.appendChild(a)}return i}(i,a,"light"===u,c);if("hover"===o){var l=null;e.addEventListener("mouseenter",(function(){y(e),clearTimeout(l)})),s.addEventListener("mouseenter",(function(){clearTimeout(l)})),e.addEventListener("mouseleave",(function(){l=setTimeout((function(){g(e)}),100)})),e.addEventListener("click",(function(){g(e)})),s.addEventListener("mouseleave",(function(){l=setTimeout((function(){g(e)}),100)}))}else"click"===o&&document.body.addEventListener("click",(function(n){e.contains(n.target)&&!s.hasAttribute("data-show")?y(e):s.hasAttribute("data-show")&&g(e)}));h.set(e,{opts:t,popper:s,popperInstance:null})}},unmounted:function(e){g(e)}};var x=i(9706),E=i.n(x),M=function(e,n){var t={content:"",target:e};return"object"===v(n.value)?Object.assign(t,n.value):t.content=n.value,t},A=function(e,n){var t=null,r=null;if(!M(e,n).disabled&&!t){var o=function(){r&&clearTimeout(r),r=setTimeout((function(){var r=M(e,n);r.content=r.content||e.innerHTML,t=E()(r),setTimeout((function(){t.show()}))}),100)},i=function(){r&&clearTimeout(r),null==t||t.hide(),null==t||t.close(),t=null};return e.addEventListener("mouseenter",o),e.addEventListener("mouseleave",i),Object.assign(n,{__cached:{handleMouseEnter:o,handleMouseLeave:i}}),{destroyInstance:function(n){var t,r;i(),null===(t=null!=n?n:e)||void 0===t||t.removeEventListener("mouseenter",o),null===(r=null!=n?n:e)||void 0===r||r.removeEventListener("mouseleave",i)},instance:t}}};const S={mounted:function(e,n){A(e,n)},beforeUnmount:function(e,n){if(n.__cached){var t=n.__cached,r=t.handleMouseEnter,o=t.handleMouseLeave;e.removeEventListener("mouseenter",r),e.removeEventListener("mouseleave",o),n.__cached=null}}}})(),a})()));
+!function(e,n){if("object"==typeof exports&&"object"==typeof module)module.exports=n(require("vue"),require("../shared"),require("@popperjs/core"),require("../plugin-popover"));else if("function"==typeof define&&define.amd)define(["vue","../shared","@popperjs/core","../plugin-popover"],n);else{var t="object"==typeof exports?n(require("vue"),require("../shared"),require("@popperjs/core"),require("../plugin-popover")):n(e.vue,e["../shared"],e["@popperjs/core"],e["../plugin-popover"]);for(var r in t)("object"==typeof exports?exports:e)[r]=t[r]}}(self,((e,n,t,r)=>(()=>{var o={2439:(e,n,t)=>{e.exports=t(2527)},7430:e=>{"use strict";var n=!("undefined"==typeof window||!window.document||!window.document.createElement),t={canUseDOM:n,canUseWorkers:"undefined"!=typeof Worker,canUseEventListeners:n&&!(!window.addEventListener&&!window.attachEvent),canUseViewport:n&&!!window.screen,isInWorker:!n};e.exports=t},6377:e=>{var n,t,r,o,i,a,u,c,s,l,d,f,p,v,m,b=!1;function h(){if(!b){b=!0;var e=navigator.userAgent,h=/(?:MSIE.(\d+\.\d+))|(?:(?:Firefox|GranParadiso|Iceweasel).(\d+\.\d+))|(?:Opera(?:.+Version.|.)(\d+\.\d+))|(?:AppleWebKit.(\d+(?:\.\d+)?))|(?:Trident\/\d+\.\d+.*rv:(\d+\.\d+))/.exec(e),y=/(Mac OS X)|(Windows)|(Linux)/.exec(e);if(f=/\b(iPhone|iP[ao]d)/.exec(e),p=/\b(iP[ao]d)/.exec(e),l=/Android/i.exec(e),v=/FBAN\/\w+;/i.exec(e),m=/Mobile/i.exec(e),d=!!/Win64/.exec(e),h){(n=h[1]?parseFloat(h[1]):h[5]?parseFloat(h[5]):NaN)&&document&&document.documentMode&&(n=document.documentMode);var g=/(?:Trident\/(\d+.\d+))/.exec(e);a=g?parseFloat(g[1])+4:n,t=h[2]?parseFloat(h[2]):NaN,r=h[3]?parseFloat(h[3]):NaN,(o=h[4]?parseFloat(h[4]):NaN)?(h=/(?:Chrome\/(\d+\.\d+))/.exec(e),i=h&&h[1]?parseFloat(h[1]):NaN):i=NaN}else n=t=r=i=o=NaN;if(y){if(y[1]){var w=/(?:Mac OS X (\d+(?:[._]\d+)?))/.exec(e);u=!w||parseFloat(w[1].replace("_","."))}else u=!1;c=!!y[2],s=!!y[3]}else u=c=s=!1}}var y={ie:function(){return h()||n},ieCompatibilityMode:function(){return h()||a>n},ie64:function(){return y.ie()&&d},firefox:function(){return h()||t},opera:function(){return h()||r},webkit:function(){return h()||o},safari:function(){return y.webkit()},chrome:function(){return h()||i},windows:function(){return h()||c},osx:function(){return h()||u},linux:function(){return h()||s},iphone:function(){return h()||f},mobile:function(){return h()||f||p||l||m},nativeApp:function(){return h()||v},android:function(){return h()||l},ipad:function(){return h()||p}};e.exports=y},3541:(e,n,t)=>{"use strict";var r,o=t(7430);o.canUseDOM&&(r=document.implementation&&document.implementation.hasFeature&&!0!==document.implementation.hasFeature("","")),e.exports=function(e,n){if(!o.canUseDOM||n&&!("addEventListener"in document))return!1;var t="on"+e,i=t in document;if(!i){var a=document.createElement("div");a.setAttribute(t,"return;"),i="function"==typeof a[t]}return!i&&r&&"wheel"===e&&(i=document.implementation.hasFeature("Events.wheel","3.0")),i}},2527:(e,n,t)=>{"use strict";var r=t(6377),o=t(3541);function i(e){var n=0,t=0,r=0,o=0;return"detail"in e&&(t=e.detail),"wheelDelta"in e&&(t=-e.wheelDelta/120),"wheelDeltaY"in e&&(t=-e.wheelDeltaY/120),"wheelDeltaX"in e&&(n=-e.wheelDeltaX/120),"axis"in e&&e.axis===e.HORIZONTAL_AXIS&&(n=t,t=0),r=10*n,o=10*t,"deltaY"in e&&(o=e.deltaY),"deltaX"in e&&(r=e.deltaX),(r||o)&&e.deltaMode&&(1==e.deltaMode?(r*=40,o*=40):(r*=800,o*=800)),r&&!n&&(n=r<1?-1:1),o&&!t&&(t=o<1?-1:1),{spinX:n,spinY:t,pixelX:r,pixelY:o}}i.getEventType=function(){return r.firefox()?"DOMMouseScroll":o("wheel")?"wheel":"mousewheel"},e.exports=i},9706:e=>{"use strict";e.exports=r},4212:e=>{"use strict";e.exports=n},5798:e=>{"use strict";e.exports=t},748:n=>{"use strict";n.exports=e}},i={};function a(e){var n=i[e];if(void 0!==n)return n.exports;var t=i[e]={exports:{}};return o[e](t,t.exports,a),t.exports}a.n=e=>{var n=e&&e.__esModule?()=>e.default:()=>e;return a.d(n,{a:n}),n},a.d=(e,n)=>{for(var t in n)a.o(n,t)&&!a.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:n[t]})},a.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var u={};return(()=>{"use strict";a.r(u),a.d(u,{bkEllipsis:()=>j,bkEllipsisInstance:()=>L,bkTooltips:()=>M,clickoutside:()=>f,mousewheel:()=>r});var e=a(2439),n=a.n(e),t="undefined"!=typeof navigator&&navigator.userAgent.toLowerCase().indexOf("firefox")>-1;const r={beforeMount:function(e,r){var o,i;console.error(e,r),o=e,i=r.value,(null==o?void 0:o.addEventListener)&&o.addEventListener(t?"DOMMouseScroll":"mousewheel",(function(e){var t=n()(e);null==i||i.apply(this,[e,t])}))}};function o(e,n){var t="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!t){if(Array.isArray(e)||(t=function(e,n){if(e){if("string"==typeof e)return i(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?i(e,n):void 0}}(e))||n&&e&&"number"==typeof e.length){t&&(e=t);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},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,u=!0,c=!1;return{s:function(){t=t.call(e)},n:function(){var e=t.next();return u=e.done,e},e:function(e){c=!0,a=e},f:function(){try{u||null==t.return||t.return()}finally{if(c)throw a}}}}function i(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}var c,s=new Map;function l(e,n){var t,r=[];return Array.isArray(n.arg)?r=n.arg:(t=n.arg,"undefined"!=typeof Element&&t instanceof Element&&r.push(n.arg)),function(t,o){var i=n.instance.popperRef,a=t.target,u=null==o?void 0:o.target,c=!n||!n.instance,s=!a||!u,l=e.contains(a)||e.contains(u),d=e===a,f=r.length&&r.some((function(e){return null==e?void 0:e.contains(a)}))||r.length&&r.includes(u),p=i&&(i.contains(a)||i.contains(u));c||s||l||d||f||p||n.value(t,o)}}document.addEventListener("mousedown",(function(e){return c=e})),document.addEventListener("mouseup",(function(e){var n,t=o(s.values());try{for(t.s();!(n=t.n()).done;){var r,i=o(n.value);try{for(i.s();!(r=i.n()).done;)(0,r.value.documentHandler)(e,c)}catch(e){i.e(e)}finally{i.f()}}}catch(e){t.e(e)}finally{t.f()}}));var d={beforeMount:function(e,n){s.has(e)||s.set(e,[]),s.get(e).push({documentHandler:l(e,n),bindingFn:n.value})},updated:function(e,n){s.has(e)||s.set(e,[]);var t=s.get(e),r=t.findIndex((function(e){return e.bindingFn===n.oldValue})),o={documentHandler:l(e,n),bindingFn:n.value};r>=0?t.splice(r,1,o):t.push(o)},unmounted:function(e){s.delete(e)},install:function(e){e.directive("bkTooltips",d)}};const f=d;function p(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}function v(e){return v="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},v(e)}var m=a(748),b=a(4212),h=a(5798),y=new Map;function g(e){var n=(0,m.ref)({arrow:!0,disabled:!1,trigger:"hover",theme:"dark",content:"",showOnInit:!1,placement:"top",distance:8,extCls:"",onShow:function(){},onHide:function(){}});return"object"===v(e.value)?Object.assign(n.value,e.value):n.value.content=e.value,n}function w(){var e=document.createElement("div");return e.className="bk-popper-arrow",e.setAttribute("data-popper-arrow",""),e}function x(e){var n=y.get(e),t=n.popper,r=g(n.binding).value,o=r.disabled,i=r.content,a=r.arrow,u=r.onShow;if(!o){if(t.innerText=i,a){var c=w();t.appendChild(c)}document.body.appendChild(t);var s=function(e,n){var t=g(y.get(e).binding).value,r=t.placement,o=t.distance,i=t.showOnInit,a=(0,h.createPopper)(e,n,{placement:r,modifiers:[{name:"offset",options:{offset:[0,o]}}]});return i&&x(e),a}(e,t);u(),t.setAttribute("data-show",""),s.setOptions((function(e){return Object.assign(Object.assign({},e),{modifiers:[].concat((n=e.modifiers,function(e){if(Array.isArray(e))return p(e)}(n)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(n)||function(e,n){if(e){if("string"==typeof e)return p(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?p(e,n):void 0}}(n)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),[{name:"eventListeners",enabled:!0}])});var n})),s.forceUpdate(),y.get(e).popperInstance=s}}function E(e){if(y.get(e)){var n=y.get(e),t=n.popper,r=n.popperInstance,o=g(n.binding).value.onHide;t&&document.body.contains(t)&&(t.removeAttribute("data-show"),null==r||r.destroy(),document.body.removeChild(t),o())}}const M={beforeMount:function(e,n){var t=g(n),r=t.value.trigger,o=function(e){var n=e.value,t=n.content,r=n.arrow,o=n.theme,i=n.extCls,a="light"===o,u=b.bkZIndexManager.getPopperIndex(),c=document.createElement("div");if(c.className="bk-popper ".concat(a?"light":"dark"," ").concat(i),c.innerText=t,c.style.zIndex=String(u),r){var s=w();c.appendChild(s)}return c}(t);if("hover"===r){var i=null;e.addEventListener("mouseenter",(function(){x(e),clearTimeout(i)})),o.addEventListener("mouseenter",(function(){clearTimeout(i)})),e.addEventListener("mouseleave",(function(){i=setTimeout((function(){E(e)}),100)})),e.addEventListener("click",(function(){E(e)})),o.addEventListener("mouseleave",(function(){i=setTimeout((function(){E(e)}),100)}))}else"click"===r&&document.body.addEventListener("click",(function(n){e.contains(n.target)&&!o.hasAttribute("data-show")?x(e):o.hasAttribute("data-show")&&E(e)}));y.set(e,{binding:n,popper:o,popperInstance:null})},unmounted:function(e){E(e),y.delete(e)}};var A=a(9706),S=a.n(A),O=function(e,n){var t={content:"",target:e};return"object"===v(n.value)?Object.assign(t,n.value):t.content=n.value,t},L=function(e,n){var t=null,r=null;if(!O(e,n).disabled&&!t){var o=function(){r&&clearTimeout(r),r=setTimeout((function(){var r=O(e,n);r.content=r.content||e.innerHTML,t=S()(r),setTimeout((function(){t.show()}))}),100)},i=function(){r&&clearTimeout(r),null==t||t.hide(),null==t||t.close(),t=null};return e.addEventListener("mouseenter",o),e.addEventListener("mouseleave",i),Object.assign(n,{__cached:{handleMouseEnter:o,handleMouseLeave:i}}),{destroyInstance:function(n){var t,r;i(),null===(t=null!=n?n:e)||void 0===t||t.removeEventListener("mouseenter",o),null===(r=null!=n?n:e)||void 0===r||r.removeEventListener("mouseleave",i)},instance:t}}};const j={mounted:function(e,n){L(e,n)},beforeUnmount:function(e,n){if(n.__cached){var t=n.__cached,r=t.handleMouseEnter,o=t.handleMouseLeave;e.removeEventListener("mouseenter",r),e.removeEventListener("mouseleave",o),n.__cached=null}}}})(),u})()));

package/lib/divider/divider.variable.css

@@ -23,6 +23,7 @@
   --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);
@@ -110,6 +111,11 @@
   --cascader-panel-hover: #f5f7fa;
   --cascader-panel-active: #e1ecff;
   --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
 }
 .bk-divider {
   position: relative;

package/lib/dropdown/dropdown.variable.css

@@ -23,6 +23,7 @@
   --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);
@@ -110,6 +111,11 @@
   --cascader-panel-hover: #f5f7fa;
   --cascader-panel-active: #e1ecff;
   --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
 }
 .bk-dropdown {
   display: inline-block;

package/lib/exception/exception.variable.css

@@ -23,6 +23,7 @@
   --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);
@@ -110,6 +111,11 @@
   --cascader-panel-hover: #f5f7fa;
   --cascader-panel-active: #e1ecff;
   --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
 }
 .bk-exception {
   position: relative;

package/lib/fixed-navbar/fixed-navbar.variable.css

@@ -23,6 +23,7 @@
   --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);
@@ -110,6 +111,11 @@
   --cascader-panel-hover: #f5f7fa;
   --cascader-panel-active: #e1ecff;
   --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
 }
 .bk-fixed-navbar {
   position: fixed;

package/lib/form/form.variable.css

@@ -23,6 +23,7 @@
   --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);
@@ -110,6 +111,11 @@
   --cascader-panel-hover: #f5f7fa;
   --cascader-panel-active: #e1ecff;
   --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
 }
 .bk-form {
   text-align: left;

package/lib/input/input.variable.css

@@ -23,6 +23,7 @@
   --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);
@@ -110,6 +111,11 @@
   --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% {

package/lib/link/link.variable.css

@@ -23,6 +23,7 @@
   --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);
@@ -110,6 +111,11 @@
   --cascader-panel-hover: #f5f7fa;
   --cascader-panel-active: #e1ecff;
   --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
 }
 .bk-link {
   font-size: var(--font-size-medium);

package/lib/loading/loading.variable.css

@@ -23,6 +23,7 @@
   --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);
@@ -110,6 +111,11 @@
   --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% {

package/lib/menu/menu.variable.css

@@ -23,6 +23,7 @@
   --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);
@@ -110,6 +111,11 @@
   --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% {

package/lib/menu/submenu.variable.css

@@ -23,6 +23,7 @@
   --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);
@@ -110,6 +111,11 @@
   --cascader-panel-hover: #f5f7fa;
   --cascader-panel-active: #e1ecff;
   --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
 }
 .bk-menu {
   display: block;

package/lib/message/message.variable.css

@@ -23,6 +23,7 @@
   --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);
@@ -110,6 +111,11 @@
   --cascader-panel-hover: #f5f7fa;
   --cascader-panel-active: #e1ecff;
   --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
 }
 .bk-message {
   position: fixed;

package/lib/navigation/navigation.variable.css

@@ -23,6 +23,7 @@
   --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);
@@ -110,6 +111,11 @@
   --cascader-panel-hover: #f5f7fa;
   --cascader-panel-active: #e1ecff;
   --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
 }
 .bk-navigation {
   display: flex;

package/lib/notify/notify.variable.css

@@ -23,6 +23,7 @@
   --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);
@@ -110,6 +111,11 @@
   --cascader-panel-hover: #f5f7fa;
   --cascader-panel-active: #e1ecff;
   --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
 }
 .bk-notify {
   position: fixed;

package/lib/pagination/pagination.variable.css

@@ -23,6 +23,7 @@
   --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);
@@ -110,6 +111,11 @@
   --cascader-panel-hover: #f5f7fa;
   --cascader-panel-active: #e1ecff;
   --cascader-panel-disabled-bg: #fff;
+  --search-select-focus-border-color: var(--primary-color);
+  --search-select-focus-color: #3c96ff;
+  --search-select-font-color: var(--default-color);
+  --search-select-placeholder-color: var(--light-gray);
+  --search-select-message-color: var(--danger-color);
 }
 .bk-pagination {
   display: flex;