bkui-vue 1.0.3-beta.26 → 1.0.3-beta.27

package/lib/virtual-render/index.js

@@ -1,8 +1,6 @@
-import "../styles/reset.css";
-import "./virtual-render.less";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
+import * as __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";
+import * as __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__ from "../config-provider";
 import * as __WEBPACK_EXTERNAL_MODULE_lodash_throttle_a7b7506a__ from "lodash/throttle";
 /******/ // The require scope
 /******/ var __webpack_require__ = {};
@@ -36,7 +34,7 @@ __webpack_require__.d(__webpack_exports__, {
 ;// CONCATENATED MODULE: external "../shared"
 var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var y = x => () => x
-const shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["resolveClassName"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.resolveClassName, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall });
+const external_shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.PropTypes, ["resolveClassName"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.resolveClassName, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.withInstall });
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
@@ -124,9 +122,9 @@ var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_vue_y = x => () => x
 const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["h"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.h, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["onUnmounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onUnmounted, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
 ;// CONCATENATED MODULE: external "../config-provider"
-var config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var config_provider_y = x => () => x
-const config_provider_namespaceObject = config_provider_x({ ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__.usePrefix });
+var external_config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_config_provider_y = x => () => x
+const external_config_provider_namespaceObject = external_config_provider_x({ ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__.usePrefix });
 ;// CONCATENATED MODULE: ../../packages/virtual-render/src/props.ts
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -162,7 +160,7 @@ var EventProps = {
 };
 var virtualRenderProps = _objectSpread({
   /** 传入原始数据源 */
-  list: shared_namespaceObject.PropTypes.array.def([]),
+  list: external_shared_namespaceObject.PropTypes.array.def([]),
   /**
    * 是否启用此功能
    * 如果设置为false，则此组件只会渲染两层指定的 容器，默认渲染两层 div
@@ -170,13 +168,13 @@ var virtualRenderProps = _objectSpread({
    * 此属性设置为了兼容需要按需开启\关闭虚拟渲染场景，避免外层设计两套样式架构
    * Note: 目前此属性不支持动态修改
    */
-  enabled: shared_namespaceObject.PropTypes.bool.def(true),
+  enabled: external_shared_namespaceObject.PropTypes.bool.def(true),
   /**
    * 是否启用内置的Scroll Listener
    * 当启用虚拟滚动时（enabled = true），滚动监听为内置生效
    * 只有当（enabled = false)时此配置项才生效
    */
-  scrollEvent: shared_namespaceObject.PropTypes.bool.def(false),
+  scrollEvent: external_shared_namespaceObject.PropTypes.bool.def(false),
   /**
    * 每行数据高度
    * 默认为数值类型，默认高度 30px
@@ -184,68 +182,68 @@ var virtualRenderProps = _objectSpread({
    * 函数参数为当前行index & 当前行数据 row，row为数组，当不分组时，为当前行item
    * 如果有分组展示， index 为当前分组 index， row为数组，当前行分组所有 item 数据
    */
-  lineHeight: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.number, shared_namespaceObject.PropTypes.func]).def(30),
+  lineHeight: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.number, external_shared_namespaceObject.PropTypes.func]).def(30),
   /** 整体最小高度 */
-  minHeight: shared_namespaceObject.PropTypes.number.def(30),
+  minHeight: external_shared_namespaceObject.PropTypes.number.def(30),
   /** 整体最大高度 */
-  maxHeight: shared_namespaceObject.PropTypes.number,
+  maxHeight: external_shared_namespaceObject.PropTypes.number,
   /**
    * 整体高度
    * 可设置具体值，如果设置为 100%，则组件会自动计算外层DOM元素offsetHeight，用于计算可渲染行数
    */
-  height: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string.def('100%'), shared_namespaceObject.PropTypes.number]).def('100%'),
+  height: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.string.def('100%'), external_shared_namespaceObject.PropTypes.number]).def('100%'),
   /**
    * 渲染区域宽度
    * 如果设置 100% 则自适应外层元素宽度
    */
-  width: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string.def('100%'), shared_namespaceObject.PropTypes.number]).def('100%'),
+  width: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.string.def('100%'), external_shared_namespaceObject.PropTypes.number]).def('100%'),
   /** 最外层元素ClassName */
-  className: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.arrayOf(shared_namespaceObject.PropTypes.string), shared_namespaceObject.PropTypes.object, shared_namespaceObject.PropTypes.arrayOf(shared_namespaceObject.PropTypes.object), shared_namespaceObject.PropTypes.string]).def(''),
+  className: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.arrayOf(external_shared_namespaceObject.PropTypes.string), external_shared_namespaceObject.PropTypes.object, external_shared_namespaceObject.PropTypes.arrayOf(external_shared_namespaceObject.PropTypes.object), external_shared_namespaceObject.PropTypes.string]).def(''),
   /** 内层层元素ClassName */
-  contentClassName: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.arrayOf(shared_namespaceObject.PropTypes.string), shared_namespaceObject.PropTypes.object, shared_namespaceObject.PropTypes.arrayOf(shared_namespaceObject.PropTypes.object), shared_namespaceObject.PropTypes.string]).def(''),
+  contentClassName: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.arrayOf(external_shared_namespaceObject.PropTypes.string), external_shared_namespaceObject.PropTypes.object, external_shared_namespaceObject.PropTypes.arrayOf(external_shared_namespaceObject.PropTypes.object), external_shared_namespaceObject.PropTypes.string]).def(''),
   /** 内层元素样式 */
-  contentStyle: shared_namespaceObject.PropTypes.object.def({}),
+  contentStyle: external_shared_namespaceObject.PropTypes.object.def({}),
   /** 用于自定义X轴滚动条样式 */
-  scrollXName: shared_namespaceObject.PropTypes.string.def((0,shared_namespaceObject.resolveClassName)('F-scroll-x')),
+  scrollXName: external_shared_namespaceObject.PropTypes.string.def((0,external_shared_namespaceObject.resolveClassName)('F-scroll-x')),
   /** 用于自定义Y轴滚动条样式 */
-  scrollYName: shared_namespaceObject.PropTypes.string.def((0,shared_namespaceObject.resolveClassName)('F-scroll-y')),
+  scrollYName: external_shared_namespaceObject.PropTypes.string.def((0,external_shared_namespaceObject.resolveClassName)('F-scroll-y')),
   /** 分组展示，一行数据可能有多条数据 */
-  groupItemCount: shared_namespaceObject.PropTypes.number.def(1),
+  groupItemCount: external_shared_namespaceObject.PropTypes.number.def(1),
   /** 预加载行数，避免空白渲染 */
-  preloadItemCount: shared_namespaceObject.PropTypes.number.def(1),
+  preloadItemCount: external_shared_namespaceObject.PropTypes.number.def(1),
   /** 外层Dom元素需要渲染成的目标元素 */
-  renderAs: shared_namespaceObject.PropTypes.string.def('div'),
+  renderAs: external_shared_namespaceObject.PropTypes.string.def('div'),
   /** 内容层渲染成目标元素 */
-  contentAs: shared_namespaceObject.PropTypes.string.def('div'),
+  contentAs: external_shared_namespaceObject.PropTypes.string.def('div'),
   /** top 滚动填充 */
-  scrollOffsetTop: shared_namespaceObject.PropTypes.number.def(0),
+  scrollOffsetTop: external_shared_namespaceObject.PropTypes.number.def(0),
   /**
    * 内置滚动位置
    * 可选：container （最外层容器），content（内容层容器）
    * Note: container 慎选，需要自己处理样式 & 位置
    */
-  scrollPosition: shared_namespaceObject.PropTypes.string.def('content'),
+  scrollPosition: external_shared_namespaceObject.PropTypes.string.def('content'),
   /**
    * 绝对高度 | 实际高估
    * 可选值： auto(根据行高和行数计算, LineHeight * List.length) number(外层给定高度，若为0，则不显示)
    */
-  abosuteHeight: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.string.def('auto'), shared_namespaceObject.PropTypes.number]).def('auto'),
+  abosuteHeight: external_shared_namespaceObject.PropTypes.oneOfType([external_shared_namespaceObject.PropTypes.string.def('auto'), external_shared_namespaceObject.PropTypes.number]).def('auto'),
   /**
    * 滚动刷新计算间隔时间
    * 默认60 ms
    */
-  throttleDelay: shared_namespaceObject.PropTypes.number.def(60),
-  rowKey: shared_namespaceObject.PropTypes.string.def(undefined),
+  throttleDelay: external_shared_namespaceObject.PropTypes.number.def(60),
+  rowKey: external_shared_namespaceObject.PropTypes.string.def(undefined),
   /**
    * 数据改变时是否保持之前的状态
    * 保持滚动条位置、当前渲染区间
    */
-  keepAlive: shared_namespaceObject.PropTypes.bool.def(false),
+  keepAlive: external_shared_namespaceObject.PropTypes.bool.def(false),
   /**
    * 数据监听改变时，是否自动重置位置到[0, 0]
    */
-  autoReset: shared_namespaceObject.PropTypes.bool.def(true),
-  wrapperStyle: shared_namespaceObject.PropTypes.any.def({})
+  autoReset: external_shared_namespaceObject.PropTypes.bool.def(true),
+  wrapperStyle: external_shared_namespaceObject.PropTypes.any.def({})
 }, EventProps);
 ;// CONCATENATED MODULE: ../../packages/virtual-render/src/use-fix-top.tsx
 /* harmony default export */ const use_fix_top = (function (props, refRoot) {
@@ -805,7 +803,7 @@ function virtual_render_objectSpread(e) { for (var r = 1; r < arguments.length;
         display: isHidden ? 'none' : 'block'
       };
     });
-    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     /** 外层样式列表 */
     var wrapperClass = (0,external_vue_namespaceObject.computed)(function () {
@@ -897,7 +895,7 @@ function virtual_render_objectSpread(e) { for (var r = 1; r < arguments.length;
  */
 
 
-var BkVirtualRender = (0,shared_namespaceObject.withInstall)(virtual_render);
+var BkVirtualRender = (0,external_shared_namespaceObject.withInstall)(virtual_render);
 /* harmony default export */ const src = (BkVirtualRender);
 var __webpack_exports__default = __webpack_exports__["default"];
 export { __webpack_exports__default as default };

package/lib/virtual-render/virtual-render.css

@@ -1,25 +1,25 @@
-:where(.bk-F-scroll-x) {
+.bk-F-scroll-x {
   overflow-x: auto;
   scrollbar-color: #a0a0a0 transparent;
   scrollbar-width: thin;
 }
-:where(.bk-F-scroll-x)::-webkit-scrollbar {
+.bk-F-scroll-x::-webkit-scrollbar {
   height: 6px;
 }
-:where(.bk-F-scroll-y) {
+.bk-F-scroll-y {
   overflow-y: auto;
 }
-:where(.bk-F-scroll-y)::-webkit-scrollbar {
+.bk-F-scroll-y::-webkit-scrollbar {
   width: 4px;
 }
-:where(.bk-F-scroll-y)::-webkit-scrollbar-thumb {
+.bk-F-scroll-y::-webkit-scrollbar-thumb {
   border-radius: 4px;
 }
-:where(.bk-virtual-render) {
+.bk-virtual-render {
   position: relative;
 }
-:where(.bk-virtual-render) .bk-virtual-content,
-:where(.bk-virtual-render).bk-virtual-content {
+.bk-virtual-render .bk-virtual-content,
+.bk-virtual-render.bk-virtual-content {
   position: absolute;
   top: 0;
   bottom: 0;
@@ -27,7 +27,7 @@
   width: 100%;
   height: 100%;
 }
-:where(.bk-virtual-render) .bk-virtual-section {
+.bk-virtual-render .bk-virtual-section {
   width: 1px;
   background: transparent;
 }

package/lib/virtual-render/virtual-render.less

@@ -1,7 +1,7 @@
 @import '../styles/themes/themes.less';
 @import '../styles/mixins/scroll.less';
 
-:where(.@{bk-prefix}-virtual-render) {
+.@{bk-prefix}-virtual-render {
   position: relative;
 
   .@{bk-prefix}-virtual-content,

package/lib/virtual-render/virtual-render.variable.css

@@ -12,13 +12,13 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-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;
-  --border-color: #dcdee5;
   --component-size-small: 26px;
   --component-size-base: 32px;
   --component-size-large: 40px;
@@ -111,7 +111,7 @@
   --table-border-color: #dcdee5;
   --table-head-bg-color: #fafbfd;
   --table-head-font-color: #313238;
-  --table-body-font-color: #63656e;
+  --table-body-font-color: #63656E;
   --table-row-hover-bg-color: #f5f7fa;
   --table-row-active-bg-color: #f0f1f5;
   --cascader-panel-border-color: #dcdee5;
@@ -127,28 +127,28 @@
   --select-active-color: #e1ecff;
   --select-hover-color: #f5f7fa;
 }
-:where(.bk-F-scroll-x) {
+.bk-F-scroll-x {
   overflow-x: auto;
   scrollbar-color: #a0a0a0 transparent;
   scrollbar-width: thin;
 }
-:where(.bk-F-scroll-x)::-webkit-scrollbar {
+.bk-F-scroll-x::-webkit-scrollbar {
   height: 6px;
 }
-:where(.bk-F-scroll-y) {
+.bk-F-scroll-y {
   overflow-y: auto;
 }
-:where(.bk-F-scroll-y)::-webkit-scrollbar {
+.bk-F-scroll-y::-webkit-scrollbar {
   width: 4px;
 }
-:where(.bk-F-scroll-y)::-webkit-scrollbar-thumb {
+.bk-F-scroll-y::-webkit-scrollbar-thumb {
   border-radius: 4px;
 }
-:where(.bk-virtual-render) {
+.bk-virtual-render {
   position: relative;
 }
-:where(.bk-virtual-render) .bk-virtual-content,
-:where(.bk-virtual-render).bk-virtual-content {
+.bk-virtual-render .bk-virtual-content,
+.bk-virtual-render.bk-virtual-content {
   position: absolute;
   top: 0;
   bottom: 0;
@@ -156,7 +156,7 @@
   width: 100%;
   height: 100%;
 }
-:where(.bk-virtual-render) .bk-virtual-section {
+.bk-virtual-render .bk-virtual-section {
   width: 1px;
   background: transparent;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bkui-vue",
-  "version": "1.0.3-beta.26",
+  "version": "1.0.3-beta.27",
   "workspaces": {
     "packages": [
       "packages/!(**.bak)*",

package/lib/styles/themes/themes copy.less

@@ -1,167 +0,0 @@
-@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;
-@disable-bg-color: #f9fafd;
-@font-size-base: 12px;
-@font-size-medium: 14px;
-@font-size-large: 16px;
-@line-height-base: 16px;
-@line-height-medium: 16px;
-@line-height-large: 18px;
-@border-color: #dcdee5;
-
-@component-size-small: 26px;
-@component-size-base: 32px;
-@component-size-large: 40px;
-@component-size-small-padding: 0 12px;
-@component-size-base-padding: 0 14px;
-@component-size-large-padding: 0 16px;
-
-@border-width-base: 1px;
-@border-style-base: solid;
-@border-radius-base: 2px;
-@border-style-color: @light-gray;
-
-// input theme
-@input-disabled-bg: #fafbfd;
-@input-disabled-border: @disable-color;
-@input-height-base: @component-size-base;
-@input-color: @default-color;
-@input-bg: white;
-@input-border-color: @light-gray;
-@input-broder-radius: 3px;
-@input-shadow-color: #a3c5fd;
-@input-horizontal-padding: 8px;
-@input-block-color: #f5f7fa;
-@input-block-hover-color: #eaebf0;
-@input-icon-size: @font-size-medium;
-@input-maxlength-color: #979ba5;
-
-//button theme
-@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 theme
-@radio-font-color: #63656e;
-@radio-active-color: #3a84ff;
-@radio-hover-border-color: #979ba5;
-@radio-disabled-border: #dcdee5;
-@radio-disabled-font-color: #c4c6cc;
-@radio-disabled-checked-bg: #a3c5fd;
-@radio-button-checked-bg: #e1ecff;
-@radio-button-disabled-checked-bg: #fafbfd;
-
-// checkbox theme
-@checkbox-disabled-checked-bg: #a3c5fd;
-
-// fixed-navbar theme
-@fixed-navbar-background: #fff;
-@fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
-
-// switch theme
-@switch-default-color: #fff;
-@switch-grey-color: #c4c6cc;
-
-// breadcrumb theme
-@breadcrumb-black-color: #979ba5;
-@breadcrumb-primary-hover-color: #0082ff;
-@breadcrumb-fn-main-color: #63656e;
-
-// link theme
-@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 theme
-@message-color: @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: #ffdddd;
-@message-danger-shadow-color: #f6dada;
-
-// slider theme
-@slider-default-bg: #dcdee5;
-@slider-disable-bar-bg: #979ba5;
-
-// menu theme
-@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: @default-color;
-@menu-width: 260px;
-@menu-collapse-width: 60px;
-@menu-active-color: white;
-
-// navigation theme
-@nav-header-bg-color: #182132;
-@nav-bg-color: #182132;
-
-// date-picker theme
-@date-picker-disabled-bg: #fafbfd;
-@date-picker-dropdown-mb: 4px;
-@date-picker-dropdown-bg: #fff;
-
-// table theme
-@table-bg-color: @white-color;
-@table-border-color: #dcdee5;
-
-@table-head-bg-color: #fafbfd;
-@table-head-font-color: #313238;
-
-@table-body-font-color: #63656e;
-@table-row-hover-bg-color: #f5f7fa;
-@table-row-active-bg-color: #f0f1f5;
-
-// cascader theme
-@cascader-panel-border-color: #dcdee5;
-@cascader-panel-hover: #f5f7fa;
-@cascader-panel-active: #e1ecff;
-@cascader-panel-disabled-bg: #fff;
-
-// search-select theme
-@search-select-focus-border-color: @primary-color;
-@search-select-focus-color: #3c96ff;
-@search-select-font-color: @default-color;
-@search-select-placeholder-color: @light-gray;
-@search-select-message-color: @danger-color;
-@search-select-menu-border-color: @disable-color;
-
-// select theme
-@select-active-color: #e1ecff;
-@select-hover-color: #f5f7fa;