Merge branch 'master' of ssh://code.fineres.com:7999/~windy/fui

dist/2.0/fineui.modern.min.js

@@ -0,0 +1,2 @@
+/*! time: 2021-9-8 16:00:25 */
+!function(e){var n={};function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:r})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,n){if(1&n&&(e=t(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var o in e)t.d(r,o,function(n){return e[n]}.bind(null,o));return r},t.n=function(e){var n=e&&e.__esModule?function(){return e["default"]}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="",t(t.s=1450)}({1192:function(e,n,t){},1450:function(e,n,t){t(1192),t(1451),t(1452),t(1453),t(1454),e.exports=t(1455)},1451:function(e,n,t){},1452:function(e,n,t){},1453:function(e,n,t){},1454:function(e,n,t){},1455:function(e,n,t){}});

dist/2.0/fineui.modern.min.js.LICENSE.txt

@@ -0,0 +1,24 @@
+/*!
+ * Sizzle CSS Selector Engine v2.2.1
+ * http://sizzlejs.com/
+ *
+ * Copyright jQuery Foundation and other contributors
+ * Released under the MIT license
+ * http://jquery.org/license
+ *
+ * Date: 2015-10-17
+ */
+
+/*!
+ * jQuery JavaScript Library v1.12.4
+ * http://jquery.com/
+ *
+ * Includes Sizzle.js
+ * http://sizzlejs.com/
+ *
+ * Copyright jQuery Foundation and other contributors
+ * Released under the MIT license
+ * http://jquery.org/license
+ *
+ * Date: 2016-05-20T17:17Z
+ */

dist/2.0/fineui.modern.min.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///webpack/bootstrap"],"names":["installedModules","__webpack_require__","moduleId","exports","module","i","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s"],"mappings":";aACE,IAAIA,EAAmB,GAGvB,SAASC,EAAoBC,GAG5B,GAAGF,EAAiBE,GACnB,OAAOF,EAAiBE,GAAUC,QAGnC,IAAIC,EAASJ,EAAiBE,GAAY,CACzCG,EAAGH,EACHI,GAAG,EACHH,QAAS,IAUV,OANAI,EAAQL,GAAUM,KAAKJ,EAAOD,QAASC,EAAQA,EAAOD,QAASF,GAG/DG,EAAOE,GAAI,EAGJF,EAAOD,QAKfF,EAAoBQ,EAAIF,EAGxBN,EAAoBS,EAAIV,EAGxBC,EAAoBU,EAAI,SAASR,EAASS,EAAMC,GAC3CZ,EAAoBa,EAAEX,EAASS,IAClCG,OAAOC,eAAeb,EAASS,EAAM,CAAEK,YAAY,EAAMC,IAAKL,KAKhEZ,EAAoBkB,EAAI,SAAShB,GACX,oBAAXiB,QAA0BA,OAAOC,aAC1CN,OAAOC,eAAeb,EAASiB,OAAOC,YAAa,CAAEC,MAAO,WAE7DP,OAAOC,eAAeb,EAAS,aAAc,CAAEmB,OAAO,KAQvDrB,EAAoBsB,EAAI,SAASD,EAAOE,GAEvC,GADU,EAAPA,IAAUF,EAAQrB,EAAoBqB,IAC/B,EAAPE,EAAU,OAAOF,EACpB,GAAW,EAAPE,GAA8B,iBAAVF,GAAsBA,GAASA,EAAMG,WAAY,OAAOH,EAChF,IAAII,EAAKX,OAAOY,OAAO,MAGvB,GAFA1B,EAAoBkB,EAAEO,GACtBX,OAAOC,eAAeU,EAAI,UAAW,CAAET,YAAY,EAAMK,MAAOA,IACtD,EAAPE,GAA4B,iBAATF,EAAmB,IAAI,IAAIM,KAAON,EAAOrB,EAAoBU,EAAEe,EAAIE,EAAK,SAASA,GAAO,OAAON,EAAMM,IAAQC,KAAK,KAAMD,IAC9I,OAAOF,GAIRzB,EAAoB6B,EAAI,SAAS1B,GAChC,IAAIS,EAAST,GAAUA,EAAOqB,WAC7B,WAAwB,OAAOrB,EAAgB,YAC/C,WAA8B,OAAOA,GAEtC,OADAH,EAAoBU,EAAEE,EAAQ,IAAKA,GAC5BA,GAIRZ,EAAoBa,EAAI,SAASiB,EAAQC,GAAY,OAAOjB,OAAOkB,UAAUC,eAAe1B,KAAKuB,EAAQC,IAGzG/B,EAAoBkC,EAAI,GAIjBlC,EAAoBA,EAAoBmC,EAAI,M","file":"2.0/fineui.modern.min.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 1450);\n"],"sourceRoot":""}

dist/fineui.modern.min.js

@@ -0,0 +1,2 @@
+/*! time: 2021-9-8 16:00:25 */
+!function(e){var n={};function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:r})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,n){if(1&n&&(e=t(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var o in e)t.d(r,o,function(n){return e[n]}.bind(null,o));return r},t.n=function(e){var n=e&&e.__esModule?function(){return e["default"]}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="",t(t.s=1441)}({1192:function(e,n,t){},1441:function(e,n,t){t(1192),t(1442),t(1443),t(1444),t(1445),e.exports=t(1446)},1442:function(e,n,t){},1443:function(e,n,t){},1444:function(e,n,t){},1445:function(e,n,t){},1446:function(e,n,t){}});

dist/fineui.modern.min.js.LICENSE.txt

@@ -0,0 +1,24 @@
+/*!
+ * Sizzle CSS Selector Engine v2.2.1
+ * http://sizzlejs.com/
+ *
+ * Copyright jQuery Foundation and other contributors
+ * Released under the MIT license
+ * http://jquery.org/license
+ *
+ * Date: 2015-10-17
+ */
+
+/*!
+ * jQuery JavaScript Library v1.12.4
+ * http://jquery.com/
+ *
+ * Includes Sizzle.js
+ * http://sizzlejs.com/
+ *
+ * Copyright jQuery Foundation and other contributors
+ * Released under the MIT license
+ * http://jquery.org/license
+ *
+ * Date: 2016-05-20T17:17Z
+ */

dist/fineui.modern.min.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///webpack/bootstrap"],"names":["installedModules","__webpack_require__","moduleId","exports","module","i","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s"],"mappings":";aACE,IAAIA,EAAmB,GAGvB,SAASC,EAAoBC,GAG5B,GAAGF,EAAiBE,GACnB,OAAOF,EAAiBE,GAAUC,QAGnC,IAAIC,EAASJ,EAAiBE,GAAY,CACzCG,EAAGH,EACHI,GAAG,EACHH,QAAS,IAUV,OANAI,EAAQL,GAAUM,KAAKJ,EAAOD,QAASC,EAAQA,EAAOD,QAASF,GAG/DG,EAAOE,GAAI,EAGJF,EAAOD,QAKfF,EAAoBQ,EAAIF,EAGxBN,EAAoBS,EAAIV,EAGxBC,EAAoBU,EAAI,SAASR,EAASS,EAAMC,GAC3CZ,EAAoBa,EAAEX,EAASS,IAClCG,OAAOC,eAAeb,EAASS,EAAM,CAAEK,YAAY,EAAMC,IAAKL,KAKhEZ,EAAoBkB,EAAI,SAAShB,GACX,oBAAXiB,QAA0BA,OAAOC,aAC1CN,OAAOC,eAAeb,EAASiB,OAAOC,YAAa,CAAEC,MAAO,WAE7DP,OAAOC,eAAeb,EAAS,aAAc,CAAEmB,OAAO,KAQvDrB,EAAoBsB,EAAI,SAASD,EAAOE,GAEvC,GADU,EAAPA,IAAUF,EAAQrB,EAAoBqB,IAC/B,EAAPE,EAAU,OAAOF,EACpB,GAAW,EAAPE,GAA8B,iBAAVF,GAAsBA,GAASA,EAAMG,WAAY,OAAOH,EAChF,IAAII,EAAKX,OAAOY,OAAO,MAGvB,GAFA1B,EAAoBkB,EAAEO,GACtBX,OAAOC,eAAeU,EAAI,UAAW,CAAET,YAAY,EAAMK,MAAOA,IACtD,EAAPE,GAA4B,iBAATF,EAAmB,IAAI,IAAIM,KAAON,EAAOrB,EAAoBU,EAAEe,EAAIE,EAAK,SAASA,GAAO,OAAON,EAAMM,IAAQC,KAAK,KAAMD,IAC9I,OAAOF,GAIRzB,EAAoB6B,EAAI,SAAS1B,GAChC,IAAIS,EAAST,GAAUA,EAAOqB,WAC7B,WAAwB,OAAOrB,EAAgB,YAC/C,WAA8B,OAAOA,GAEtC,OADAH,EAAoBU,EAAEE,EAAQ,IAAKA,GAC5BA,GAIRZ,EAAoBa,EAAI,SAASiB,EAAQC,GAAY,OAAOjB,OAAOkB,UAAUC,eAAe1B,KAAKuB,EAAQC,IAGzG/B,EAAoBkC,EAAI,GAIjBlC,EAAoBA,EAAoBmC,EAAI,M","file":"fineui.modern.min.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 1441);\n"],"sourceRoot":""}

dist/lib/base/single/button/listitem/icontextitem.d.ts

@@ -3,19 +3,19 @@ export declare class IconTextItem extends BasicButton {
     static xtype: string;
     static EVENT_CHANGE: string;
     props: {
-        direction: string;
+        direction?: string;
-        logic: {
+        logic?: {
             dynamic: boolean;
         };
         iconWrapperWidth?: number;
         iconHeight?: number;
         iconWidth?: number;
-        textHgap: number;
+        textHgap?: number;
-        textVgap: number;
+        textVgap?: number;
-        textLgap: number;
+        textLgap?: number;
-        textRgap: number;
+        textRgap?: number;
-        text: string;
+        text?: string;
-        keyword: string;
+        keyword?: string;
     } & BasicButton['props'];
     doRedMark(...args: any[]): void;
     unRedMark(...args: any[]): void;

dist/lib/base/single/editor/editor.d.ts

@@ -1,6 +1,15 @@
 import { Single } from "../single";
 export declare class Editor extends Single {
     static xtype: string;
+    props: {
+        inputType?: string;
+        validationChecker?: Function;
+        quitChecker?: Function;
+        allowBlank?: boolean;
+        watermark?: string;
+        errorText?: string | ((v: string) => string);
+        autocomplete?: string;
+    } & Single['props'];
     static EVENT_CHANGE: string;
     static EVENT_FOCUS: string;
     static EVENT_BLUR: string;

dist/lib/base/single/editor/editor.textarea.d.ts

@@ -7,6 +7,17 @@ export declare class TextAreaEditor extends Single {
     static EVENT_CONFIRM: string;
     static EVENT_EMPTY: string;
     static EVENT_KEY_DOWN: string;
+    props: {
+        value?: string;
+        errorText?: string | ((v: string) => string);
+        adjustYOffset?: number;
+        adjustXOffset?: number;
+        offsetStyle?: string;
+        validationChecker?: Function;
+        scrolly?: boolean;
+        style?: any;
+        watermark?: string;
+    } & Single['props'];
     focus(): void;
     blur(): void;
     setStyle(style: any): void;

dist/lib/base/single/label/abstract.label.d.ts

@@ -2,13 +2,13 @@ import { Single } from "../single";
 export declare class AbstractLabel extends Single {
     static xtype: string;
     props: {
-        textAlign: "left" | "center" | "right";
+        textAlign?: "left" | "center" | "right";
-        whiteSpace: "nowrap" | "normal";
+        whiteSpace?: "nowrap" | "normal";
-        textWidth: number | null;
+        textWidth?: number | null;
-        textHeight: number | null;
+        textHeight?: number | null;
-        highLight: boolean;
+        highLight?: boolean;
-        handler: Function | null;
+        handler?: Function | null;
-        text: string;
+        text?: string;
     } & Single['props'];
     doRedMark(...args: any[]): void;
     unRedMark(...args: any[]): void;

dist/lib/base/single/label/icon.label.d.ts

@@ -2,7 +2,7 @@ import { Single } from '../single';
 export declare class IconLabel extends Single {
     static xtype: string;
     props: {
-        iconWidth: number;
+        iconWidth?: number;
-        iconHeight: number;
+        iconHeight?: number;
     } & Single['props'];
 }

examples/插件设计.html

@@ -2,7 +2,7 @@
 <head>
     <meta charset="utf-8">
     <title></title>
-    <link rel="stylesheet" type="text/css" href="../dist/2.0/fineui.css"/>
+    <link rel="stylesheet" type="text/css" href="../dist/2.0/fineui.min.css"/>
     <script src="../dist/2.0/fineui.js"></script>
 <!--    <link rel="stylesheet" type="text/css" href="http://fanruan.design/fineui/2.0/fineui.min.css" />-->
 <!--    <script src="http://fanruan.design/fineui/2.0/fineui.min.js"></script>-->
@@ -95,7 +95,7 @@
 
     var Widget = BI.inherit(BI.Widget, {
         props: {
-            vdom: true
+            // vdom: true
         },
         watch: {
             text: function () {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "fineui",
-  "version": "2.0.20210906131059",
+  "version": "2.0.20210908160153",
   "description": "fineui",
   "main": "dist/fineui.min.js",
   "types": "dist/lib/index.d.ts",

private/modern/app.less

@@ -0,0 +1,2 @@
+@import "../../src/less/resource/app";
+@import "var";

private/modern/background.less

@@ -0,0 +1,2 @@
+@import "../../src/less/resource/background";
+@import "var";

private/modern/font.less

@@ -0,0 +1,2 @@
+@import "../../src/less/resource/font";
+@import "var";

private/modern/icon.less

@@ -0,0 +1,5 @@
+@import "../../src/less/resource/icon";
+@import "var";
+
+
+

private/modern/var.less

@@ -0,0 +1,5 @@
+@import "../../src/less/index-modern";
+@webUrl: './';
+@fontUrl: '@{webUrl}font/'; //图片的基本地址
+@imageUrl: '@{webUrl}images/1x/'; //图片的基本地址
+@image2xUrl: '@{webUrl}images/2x/'; //2倍图片的基本地址

public/modern/app.less

@@ -0,0 +1,2 @@
+@import "../../src/less/resource/app";
+@import "var";

public/modern/background.less

@@ -0,0 +1,2 @@
+@import "../../src/less/resource/background";
+@import "var";

public/modern/font.less

@@ -0,0 +1,2 @@
+@import "../../src/less/resource/font";
+@import "var";

public/modern/icon.less

@@ -0,0 +1,5 @@
+@import "../../src/less/resource/icon";
+@import "var";
+
+
+

public/modern/var.less

@@ -0,0 +1,6 @@
+@import "../../src/less/index-modern";
+@webUrl: 'https://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/';
+@fontUrl: '@{webUrl}font/'; //图片的基本地址
+@imageUrl: '@{webUrl}images/1x/'; //图片的基本地址
+@image2xUrl: '@{webUrl}images/2x/'; //2倍图片的基本地址
+

src/less/base/combo/combo.bubble.less

@@ -7,7 +7,7 @@
     line-height: 0;
     .z-index-layer(@zIndex-popup);
     //  ie10一下无背景色会鼠标穿透
-    .background-color(@background-color-default, 0);
+    .background-color(@color-bi-background-default, 0);
   }
   & .bubble-combo-triangle-left {
     z-index: 1;

src/less/base/combo/combo.less

@@ -29,7 +29,7 @@
   &.disabled {
     &.bi-combo-hover, &:hover {
       &.bi-border {
-        border-color: @border-color-line;
+        border-color: @color-bi-border-line;
       }
     }
   }
@@ -40,7 +40,7 @@
     &.disabled {
       &.bi-combo-hover, &:hover {
         &.bi-border {
-          border-color: @border-color-line-theme-dark;
+          border-color: @color-bi-border-line-theme-dark;
         }
       }
     }

src/less/base/pager/pager.all.count.less

@@ -1,8 +1,6 @@
 @import "../../index";
 
 .bi-all-count-pager {
-  & .pager-editor {
-  }
   & .all-pager-prev {
     font-size: @font-size-16;
   }

src/less/base/single/button/button.less

@@ -174,7 +174,7 @@ body .bi-button, #body .bi-button {
   &.button-common, &.button-success, &.button-warning, &.button-error {
     &:after {
       content: "";
-      background-color: @color-bi-button-mask;
+      background-color: @color-bi-background-button-mask;
       .border-radius(10px);
       display: block;
       width: 100%;
@@ -283,4 +283,4 @@ body .bi-button, #body .bi-button {
       }
     }
   }
-}
+}

src/less/base/single/tip/tip.bubble.less

@@ -5,26 +5,26 @@
   .border-radius(2px);
 
   &.bubble-error{
-    background: @color-bi-background-light-failure;
+    background: @color-bi-background-bubble-error;
     color: @color-bi-text-failure;
   }
 
   .bi-theme-dark &.bubble-error {
-    background: @color-bi-background-dark-failure;
+    background: @color-bi-background-bubble-error-theme-dark;
   }
 
   &.bubble-common{
-    background: @color-bi-background-light-highlight;
+    background: @color-bi-background-bubble-normal;
     color: @color-bi-text-highlight;
   }
 
   &.bubble-success{
-    background: @color-bi-background-light-success;
+    background: @color-bi-background-bubble-success;
     color: @color-bi-text-success;
   }
 
   &.bubble-warning{
-    background: @color-bi-background-light-warning;
+    background: @color-bi-background-bubble-warning;
     color: @color-bi-text-redmark;
   }
 }

src/less/base/single/tip/tip.toast.less

@@ -6,18 +6,18 @@
   min-width: 150px;
   .border-radius(2px);
   &.toast-success{
-    background: @color-bi-background-success;
+    background: @color-bi-background-toast-success;
   }
   &.toast-warning{
-    background: @color-bi-background-warning;
+    background: @color-bi-background-toast-warning;
   }
   &.toast-error{
-    background: @color-bi-background-failure;
+    background: @color-bi-background-toast-error;
   }
   &.toast-normal, &.toast-common{
-    background: @color-bi-background-highlight;
+    background: @color-bi-background-toast-normal;
   }
   & .toast-icon{
-    font-size: 16px;
+    font-size: @font-size-16;
   }
 }

src/less/base/single/tip/tip.tooltip.less

@@ -8,12 +8,12 @@
   font-size: 12px;
   color: @color-bi-text;
   &.tooltip-success{
-    background: @color-bi-tooltip-success-background;
+    background: @color-bi-background-tooltip-success;
-    border: 1px solid @color-bi-tooltip-success-background;
+    border: 1px solid @color-bi-border-tooltip-success;
 
   }
   &.tooltip-warning{
-    background: @color-bi-background-failure;
+    background: @color-bi-background-tooltip-failure;
-    border: 1px solid @color-bi-tooltip-failure-border;
+    border: 1px solid @color-bi-border-tooltip-failure;
   }
-}
+}

src/less/base/tree/tree.expander.less

@@ -2,7 +2,7 @@
 .bi-tree-expander-popup.line:before {
   position: absolute;
   content: "";
-  border-left: 1px dashed #D0D4DA;
+  border-left: 1px dashed @color-bi-border-dark-gray-line;
   height: 100%;
   left: 11px;
 }

src/less/base/trigger/trigger.editor.less

@@ -1,4 +0,0 @@
-@import "../../index";
-
-.bi-editor-trigger{
-}

src/less/base/trigger/trigger.icon.less

@@ -1,5 +0,0 @@
-@import "../../index";
-
-.bi-icon-trigger {
-
-}

src/less/core/utils/common.less

@@ -66,73 +66,73 @@
 //基本背景
 .bi-background {
   background-color: @color-bi-background-normal;
-  color: @color-bi-text-normal;
+  color: @color-bi-text-background;
   & .bi-input {
-    color: @color-bi-text-normal;
+    color: @color-bi-text-background;
   }
   & .bi-textarea {
-    color: @color-bi-text-normal;
+    color: @color-bi-text-background;
   }
 }
 
 .bi-theme-dark {
   .bi-background {
     background-color: @color-bi-background-normal-theme-dark;
-    color: @color-bi-text-theme-dark;
+    color: @color-bi-text-background-theme-dark;
     & .bi-input {
-      color: @color-bi-text-theme-dark;
+      color: @color-bi-text-background-theme-dark;
     }
     & .bi-textarea {
-      color: @color-bi-text-theme-dark;
+      color: @color-bi-text-background-theme-dark;
     }
   }
 }
 
 .bi-header-background {
-  background-color: @color-bi-background-light-gray;
+  background-color: @color-bi-background-header-background;
-  color: @color-bi-text-light-gray;
+  color: @color-bi-text-header-background;
   & .bi-input {
-    color: @color-bi-text-light-gray;
+    color: @color-bi-text-header-background;
   }
   & .bi-textarea {
-    color: @color-bi-text-light-gray;
+    color: @color-bi-text-header-background;
   }
 }
 
 .bi-theme-dark {
   .bi-header-background {
-    background-color: @color-bi-background-light-gray-theme-dark;
+    background-color: @color-bi-background-header-background-theme-dark;
-    color: @color-bi-text-light-gray-theme-dark;
+    color: @color-bi-text-header-background-theme-dark;
     & .bi-input {
-      color: @color-bi-text-light-gray-theme-dark;
+      color: @color-bi-text-header-background-theme-dark;
     }
     & .bi-textarea {
-      color: @color-bi-text-light-gray-theme-dark;
+      color: @color-bi-text-header-background-theme-dark;
     }
   }
 }
 
 //card
 .bi-card {
-  background-color: @color-bi-background-default;
+  background-color: @color-bi-background-card;
-  color: @color-bi-text-normal;
+  color: @color-bi-text-card;
   & .bi-input {
-    color: @color-bi-text-normal;
+    color: @color-bi-text-card;
   }
   & .bi-textarea {
-    color: @color-bi-text-normal;
+    color: @color-bi-text-card;
   }
 }
 
 .bi-theme-dark {
   .bi-card {
-    background-color: @color-bi-background-default-theme-dark;
+    background-color: @color-bi-background-card-theme-dark;
-    color: @color-bi-text-theme-dark;
+    color: @color-bi-text-card-theme-dark;
     & .bi-input {
-      color: @color-bi-text-theme-dark;
+      color: @color-bi-text-card-theme-dark;
     }
     & .bi-textarea {
-      color: @color-bi-text-theme-dark;
+      color: @color-bi-text-card-theme-dark;
     }
   }
 }
@@ -415,25 +415,25 @@
 
 // 水印
 .bi-water-mark {
-  color: @font-color-tips;
+  color: @color-bi-text-water-mark;
   cursor: text;
   .user-select-disable();
   & .bi-input {
-    color: @font-color-tips;
+    color: @color-bi-text-water-mark;
   }
   & .bi-textarea {
-    color: @font-color-tips;
+    color: @color-bi-text-water-mark;
   }
 }
 
 .bi-theme-dark {
   .bi-water-mark {
-    color: @font-color-tips-theme-dark;
+    color: @color-bi-text-water-mark-theme-dark;
     & .bi-input {
-      color: @font-color-tips-theme-dark;
+      color: @color-bi-text-water-mark-theme-dark;
     }
     & .bi-textarea {
-      color: @font-color-tips-theme-dark;
+      color: @color-bi-text-water-mark-theme-dark;
     }
   }
 }

src/less/index-modern.less

@@ -0,0 +1,2 @@
+@import "lib/colors-modern";
+@import "lib/theme-modern";

src/less/index.less

@@ -3,4 +3,5 @@
 @import "typographic";
 @import "visual";
 @import "var";
-@import "lib/colors";
+@import "lib/colors";
+@import "lib/theme";

src/less/lib/colors-modern.less

@@ -0,0 +1,181 @@
+@import "constant";
+
+// 通用色彩库。从constant.less中获取相关颜色,不要出现#xxxxxx
+
+//默认字体颜色
+@color-bi-text-normal: var(--color-bi-text-normal);
+//深色主题默认字体颜色
+@color-bi-text-theme-dark: var(--color-bi-text-theme-dark);
+@color-bi-text-normal-theme-dark: var(--color-bi-text-normal-theme-dark);
+//黑色字体颜色
+@color-bi-text-black: var(--color-bi-text-black);
+//深色主题黑色字体颜色
+@color-bi-text-black-theme-dark: var(--color-bi-text-black-theme-dark);
+//灰色字体颜色
+@color-bi-text-gray: var(--color-bi-text-gray);
+//浅灰色字体
+@color-bi-text-light-gray: var(--color-bi-text-light-gray);
+//深色主题浅灰色字体
+@color-bi-text-light-gray-theme-dark: var(--color-bi-text-light-gray-theme-dark);
+//白色字体颜色
+@color-bi-text: var(--color-bi-text);
+@color-bi-text-white: var(--color-bi-text-white);
+//深色主题白色字体颜色
+@color-bi-text-white-theme-dark: var(--color-bi-text-white-theme-dark);
+//灰化字体颜色
+@color-bi-text-disabled: var(--color-bi-text-disabled);
+//深色主题灰化字体颜色
+@color-bi-text-disabled-theme-dark: var(--color-bi-text-disabled-theme-dark);
+//灰化图标色
+@color-bi-icon-disabled: var(--color-bi-icon-disabled);
+//深色主题灰化图标颜色
+@color-bi-icon-disabled-theme-dark: var(--color-bi-icon-disabled-theme-dark);
+//提示字体颜色
+@color-bi-text-tips: var(--color-bi-text-tips);
+//深色主题提示字体颜色
+@color-bi-text-tips-theme-dark: var(--color-bi-text-tips-theme-dark);
+//成功字体颜色
+@color-bi-text-success: var(--color-bi-text-success);
+//失败字体颜色
+@color-bi-text-failure: var(--color-bi-text-failure);
+//基本提亮颜色
+@color-bi-text-highlight: var(--color-bi-text-highlight);
+//标红色
+@color-bi-text-redmark: var(--color-bi-text-redmark);
+
+//普通背景
+@color-bi-background-normal: var(--color-bi-background-normal);
+//深色主题普通背景
+@color-bi-background-normal-theme-dark: var(--color-bi-background-normal-theme-dark);
+//默认背景
+@color-bi-background-default: var(--color-bi-background-default);
+//深色主题默认背景
+@color-bi-background-default-theme-dark: var(--color-bi-background-default-theme-dark);
+//黑色背景
+@color-bi-background-black: var(--color-bi-background-black);
+//深色主题黑色背景
+@color-bi-background-black-theme-dark: var(--color-bi-background-black-theme-dark);
+//浅黑色背景
+@color-bi-background-light-black: var(--color-bi-background-light-black);
+//深色主题浅黑色背景
+@color-bi-background-light-black-theme-dark: var(--color-bi-background-light-black-theme-dark);
+//深灰色背景
+@color-bi-background-dark-gray: var(--color-bi-background-dark-gray);
+//深色主题深灰色背景
+@color-bi-background-dark-gray-theme-dark: var(--color-bi-background-dark-gray-theme-dark);
+//灰色背景(浅)
+@color-bi-background-light-gray: var(--color-bi-background-light-gray);
+//深色主题灰色背景(浅)
+@color-bi-background-light-gray-theme-dark: var(--color-bi-background-light-gray-theme-dark);
+//灰色背景(中)
+@color-bi-background-medium-gray: var(--color-bi-background-medium-gray);
+//深色主题灰色背景(中)
+@color-bi-background-medium-gray-theme-dark: var(--color-bi-background-medium-gray-theme-dark);
+//灰化背景
+@color-bi-background-disabled: var(--color-bi-background-disabled);
+//深色主题灰化背景
+@color-bi-background-disabled-theme-dark: var(--color-bi-background-disabled-theme-dark);
+//浅灰化背景
+@color-bi-background-light-disabled: var(--color-bi-background-light-disabled);
+//深色主题浅灰化背景
+@color-bi-background-light-disabled-theme-dark: var(--color-bi-background-light-disabled-theme-dark);
+//成功背景色
+@color-bi-background-success: var(--color-bi-background-success);
+//成功背景色(浅)
+@color-bi-background-light-success: var(--color-bi-background-light-success);
+//失败背景色
+@color-bi-background-failure: var(--color-bi-background-failure);
+//失败背景色(浅)
+@color-bi-background-light-failure: var(--color-bi-background-light-failure);
+//失败背景色(深)
+@color-bi-background-dark-failure: var(--color-bi-background-dark-failure);
+//警示背景色
+@color-bi-background-warning: var(--color-bi-background-warning);
+//警示背景色(浅)
+@color-bi-background-light-warning: var(--color-bi-background-light-warning);
+//背景提亮色
+@color-bi-background-highlight: var(--color-bi-background-highlight);
+//背景提亮色(浅)
+@color-bi-background-light-highlight: var(--color-bi-background-light-highlight);
+
+//黑色边框色
+@color-bi-border-black: var(--color-bi-border-black);
+//默认边框色
+@color-bi-border-default: var(--color-bi-border-default);
+//边框线色
+@color-bi-border-line: var(--color-bi-border-line);
+//深色主题边框线色
+@color-bi-border-line-theme-dark: var(--color-bi-border-line-theme-dark);
+//深灰色边框线
+@color-bi-border-dark-gray-line: var(--color-bi-border-dark-gray-line);
+//深灰色主题深色边框线
+@color-bi-border-dark-gray-line-theme-dark: var(--color-bi-border-dark-gray-line-theme-dark);
+//深色边框线
+@color-bi-border-dark-line: var(--color-bi-border-dark-line);
+//深色主题深色边框线
+@color-bi-border-dark-line-theme-dark: var(--color-bi-border-dark-line-theme-dark);
+//灰化边框
+@color-bi-border-disabled: var(--color-bi-border-disabled);
+//深色主题灰化边框
+@color-bi-border-disabled-theme-dark: var(--color-bi-border-disabled-theme-dark);
+//成功边框色
+@color-bi-border-success: var(--color-bi-border-success);
+//失败边框色
+@color-bi-border-failure: var(--color-bi-border-failure);
+//警示边框色
+@color-bi-border-warning: var(--color-bi-border-warning);
+//边框提亮
+@color-bi-border-highlight: var(--color-bi-border-highlight);
+
+//颜色百分比
+//green
+@color-bi-green-80: var(--color-bi-green-80);
+@color-bi-green-60: var(--color-bi-green-60);
+@color-bi-green-40: var(--color-bi-green-40);
+@color-bi-green-30: var(--color-bi-green-30);
+@color-bi-green-20: var(--color-bi-green-20);
+@color-bi-green-10: var(--color-bi-green-10);
+@color-bi-green-5: var(--color-bi-green-5);
+
+//blue
+@color-bi-blue-80: var(--color-bi-blue-80);
+@color-bi-blue-60: var(--color-bi-blue-60);
+@color-bi-blue-40: var(--color-bi-blue-40);
+@color-bi-blue-30: var(--color-bi-blue-30);
+@color-bi-blue-20: var(--color-bi-blue-20);
+@color-bi-blue-10: var(--color-bi-blue-10);
+@color-bi-blue-5: var(--color-bi-blue-5);
+
+//light-blue
+@color-bi-light-blue-80: var(--color-bi-light-blue-80);
+@color-bi-light-blue-60: var(--color-bi-light-blue-60);
+@color-bi-light-blue-40: var(--color-bi-light-blue-40);
+@color-bi-light-blue-30: var(--color-bi-light-blue-30);
+@color-bi-light-blue-20: var(--color-bi-light-blue-20);
+@color-bi-light-blue-10: var(--color-bi-light-blue-10);
+@color-bi-light-blue-5: var(--color-bi-light-blue-5);
+
+// orange
+@color-bi-orange-80: var(--color-bi-orange-80);
+@color-bi-orange-60: var(--color-bi-orange-60);
+@color-bi-orange-40: var(--color-bi-orange-40);
+@color-bi-orange-30: var(--color-bi-orange-30);
+@color-bi-orange-20: var(--color-bi-orange-20);
+@color-bi-orange-10: var(--color-bi-orange-10);
+@color-bi-orange-5: var(--color-bi-orange-5);
+
+// red
+@color-bi-red-80: var(--color-bi-red-80);
+@color-bi-red-60: var(--color-bi-red-60);
+@color-bi-red-40: var(--color-bi-red-40);
+@color-bi-red-30: var(--color-bi-red-30);
+@color-bi-red-20: var(--color-bi-red-20);
+@color-bi-red-10: var(--color-bi-red-10);
+@color-bi-red-5: var(--color-bi-red-5);
+
+// yellow
+@color-bi-yellow-80: var(--color-bi-yellow-80);
+@color-bi-yellow-60: var(--color-bi-yellow-60);
+@color-bi-yellow-40: var(--color-bi-yellow-40);
+@color-bi-yellow-20: var(--color-bi-yellow-20);
+@color-bi-yellow-5: var(--color-bi-yellow-5);

src/less/lib/colors.less

@@ -1,6 +1,6 @@
 @import "constant";
 
-// 色彩库,从constant.less中获取相关颜色,不要出现#xxxxxx
+// 通用色彩库。从constant.less中获取相关颜色,不要出现#xxxxxx
 
 //默认字体颜色
 @color-bi-text-normal: @font-color-normal;
@@ -32,6 +32,8 @@
 @color-bi-icon-disabled-theme-dark: @font-color-light-disabled-theme-dark;
 //提示字体颜色
 @color-bi-text-tips: @font-color-tips;
+//深色主题提示字体颜色
+@color-bi-text-tips-theme-dark: @font-color-tips-theme-dark;
 //成功字体颜色
 @color-bi-text-success: @font-color-success;
 //失败字体颜色
@@ -104,6 +106,10 @@
 @color-bi-border-line: @border-color-line;
 //深色主题边框线色
 @color-bi-border-line-theme-dark: @border-color-line-theme-dark;
+//深灰色边框线
+@color-bi-border-dark-gray-line: @border-color-dark-gray-line;
+//深灰色主题深色边框线
+@color-bi-border-dark-gray-line-theme-dark: @border-color-dark-gray-line-theme-dark;
 //深色边框线
 @color-bi-border-dark-line: @border-color-dark-line;
 //深色主题深色边框线
@@ -121,17 +127,6 @@
 //边框提亮
 @color-bi-border-highlight: @border-color-highlight;
 
-//tooltip
-//成功背景
-@color-bi-tooltip-success-background: @background-color-normal-success;
-//成功边框
-@color-bi-tooltip-success-border: @border-color-normal-success;
-//失败边框
-@color-bi-tooltip-failure-border: @border-color-negative;
-
-//mask颜色
-@color-bi-button-mask: @color-bi-background-black;
-
 //颜色百分比
 //green
 @color-bi-green-80: fade(@font-color-success, 80);

src/less/lib/constant.less

@@ -1,8 +1,5 @@
-//常量库
+// 基础配色方案，业务无关
-
+//font size
-//classified
-
-//
 @font-size-12: 12px;
 @font-size-13: 13px;
 @font-size-14: 14px;
@@ -92,8 +89,10 @@
 @border-color-line-theme-dark: #363e55;
 @border-color-light-line: #f2f4f7;
 @border-color-light-line-theme-dark: #292f45;
-@border-color-dark-line: #9EA6B2;
+@border-color-dark-gray-line: #d0d4da;
-@border-color-dark-line-theme-dark: #878D9F;
+@border-color-dark-gray-line-theme-dark: #606479;
+@border-color-dark-line: #9ea6b2;
+@border-color-dark-line-theme-dark: #878d9f;
 @border-color-highlight: #3685f2;
 
 @border-color-warning: #fbb03b;
@@ -111,5 +110,3 @@
 @scroll-color-theme-dark: #ffffff;
 @scroll-thumb-color: #232e40;
 @scroll-thumb-color-theme-dark: #232e40;
-
-@water-mark-color-theme-dark: #878d9f;

src/less/lib/theme-modern.less

@@ -0,0 +1,52 @@
+@import "colors";
+
+// 专属组件色彩库，通用配色中有的用通用配色，否则选constant自定义配色
+
+//tooltip
+//成功背景(专属配色)
+@color-bi-background-tooltip-success: var(--color-bi-background-tooltip-success);
+//成功边框(专属配色)
+@color-bi-border-tooltip-success: var(--color-bi-border-tooltip-success);
+//失败背景
+@color-bi-background-tooltip-success: var(--color-bi-background-tooltip-success);
+//失败边框
+@color-bi-border-tooltip-failure: var(--color-bi-border-tooltip-failure);
+
+//按钮的mask颜色
+@color-bi-background-button-mask: var(--color-bi-background-button-mask);
+
+//水印字体颜色
+@color-bi-text-water-mark: var(--color-bi-text-water-mark);
+@color-bi-text-water-mark-theme-dark: var(--color-bi-text-water-mark-theme-dark);
+
+//toast
+@color-bi-background-toast-success: var(--color-bi-background-toast-success);
+@color-bi-background-toast-warning: var(--color-bi-background-toast-warning);
+@color-bi-background-toast-error: var(--color-bi-background-toast-error);
+@color-bi-background-toast-normal: var(--color-bi-background-toast-normal);
+
+//bubble
+@color-bi-background-bubble-success: var(--color-bi-background-bubble-success);
+@color-bi-background-bubble-warning: var(--color-bi-background-bubble-warning);
+@color-bi-background-bubble-error: var(--color-bi-background-bubble-error);
+@color-bi-background-bubble-error-theme-dark: var(--color-bi-background-bubble-error-theme-dark);
+@color-bi-background-bubble-normal: var(--color-bi-background-bubble-normal);
+
+//bi-background背景
+@color-bi-background-background: var(--color-bi-background-background);
+@color-bi-background-background-theme-dark: var(--color-bi-background-background-theme-dark);
+@color-bi-text-background: var(--color-bi-text-background);
+@color-bi-text-background-theme-dark: var(--color-bi-text-background-theme-dark);
+
+//bi-header-background背景
+@color-bi-background-header-background: var(--color-bi-background-header-background);
+@color-bi-background-header-background-theme-dark: var(--color-bi-background-header-background-theme-dark);
+@color-bi-text-header-background: var(--color-bi-text-header-background);
+@color-bi-text-header-background-theme-dark: var(--color-bi-text-header-background-theme-dark);
+
+//bi-card卡片
+@color-bi-background-card: var(--color-bi-background-card);
+@color-bi-background-card-theme-dark: var(--color-bi-background-card-theme-dark);
+@color-bi-text-card: var(--color-bi-text-card);
+@color-bi-text-card-theme-dark: var(--color-bi-text-card-theme-dark);
+

src/less/lib/theme.less

@@ -0,0 +1,52 @@
+@import "colors";
+
+// 专属组件色彩库，通用配色中有的用通用配色，否则选constant自定义配色
+
+//tooltip
+//成功背景(专属配色)
+@color-bi-background-tooltip-success: @background-color-normal-success;
+//成功边框(专属配色)
+@color-bi-border-tooltip-success: @border-color-normal-success;
+//失败背景
+@color-bi-background-tooltip-failure: @color-bi-background-failure;
+//失败边框
+@color-bi-border-tooltip-failure: @color-bi-border-failure;
+
+//按钮的mask颜色
+@color-bi-background-button-mask: @color-bi-background-black;
+
+//水印字体颜色
+@color-bi-text-water-mark: @color-bi-text-tips;
+@color-bi-text-water-mark-theme-dark: @color-bi-text-tips-theme-dark;
+
+//toast
+@color-bi-background-toast-success: @color-bi-background-success;
+@color-bi-background-toast-warning: @color-bi-background-warning;
+@color-bi-background-toast-error: @color-bi-background-failure;
+@color-bi-background-toast-normal: @color-bi-background-highlight;
+
+//bubble
+@color-bi-background-bubble-success: @color-bi-background-light-success;
+@color-bi-background-bubble-warning: @color-bi-background-light-warning;
+@color-bi-background-bubble-error: @color-bi-background-light-failure;
+@color-bi-background-bubble-error-theme-dark: @color-bi-background-dark-failure;
+@color-bi-background-bubble-normal: @color-bi-background-light-highlight;
+
+//bi-background背景
+@color-bi-background-background: @color-bi-background-normal;
+@color-bi-background-background-theme-dark: @color-bi-background-normal-theme-dark;
+@color-bi-text-background: @color-bi-text-normal;
+@color-bi-text-background-theme-dark: @color-bi-text-theme-dark;
+
+//bi-header-background背景
+@color-bi-background-header-background: @color-bi-background-light-gray;
+@color-bi-background-header-background-theme-dark: @color-bi-background-light-gray-theme-dark;
+@color-bi-text-header-background: @color-bi-text-light-gray;
+@color-bi-text-header-background-theme-dark: @color-bi-text-light-gray-theme-dark;
+
+//bi-card卡片
+@color-bi-background-card: @color-bi-background-default;
+@color-bi-background-card-theme-dark: @color-bi-background-default-theme-dark;
+@color-bi-text-card: @color-bi-text-normal;
+@color-bi-text-card-theme-dark: @color-bi-text-theme-dark;
+

src/less/modern.less

@@ -0,0 +1,465 @@
+//core
+@import "core/normalize.less";
+@import "core/normalize2.less";
+@import "core/utils/animation.less";
+@import "core/utils/common.less";
+@import "core/utils/cursor.less";
+@import "core/utils/list-item.less";
+@import "core/utils/position.less";
+@import "core/utils/size.less";
+@import "core/utils/sizing.less";
+@import "core/utils/typographic.less";
+@import "core/wrapper/flex.horizontal.less";
+@import "core/wrapper/flex.vertical.less";
+@import "core/wrapper/flex.wrapper.horizontal.less";
+@import "core/wrapper/flex.wrapper.vertical.less";
+@import "core/wrapper/float.absolute.less";
+@import "core/wrapper/inline.less";
+
+//base case
+@import "base/pane.less";
+@import "base/calendar/calendar.year.less";
+@import "base/colorchooser/colorchooser.trigger.less";
+@import "base/colorchooser/colorchooser.popup.less";
+@import "base/colorchooser/colorpicker/button.colorpicker.less";
+@import "base/colorchooser/colorpicker/button.colorshow.less";
+@import "base/colorchooser/colorpicker/editor.colorpicker.less";
+@import "base/colorchooser/farbtastic/farbtastic.less";
+@import "base/combo/combo.bubble.less";
+@import "base/combo/combo.less";
+@import "base/combo/combo.searchtextvalue.less";
+@import "base/combo/combo.textvalue.icon.less";
+@import "base/combo/combo.textvalue.less";
+@import "base/combo/combo.textvaluecheck.less";
+@import "base/combo/combo.textvaluedownlist.less";
+@import "base/combo/popup.bubble.bar.less";
+@import "base/combo/popup.bubble.less";
+@import "base/editor/editor.search.less";
+@import "base/editor/editor.search.small.less";
+@import "base/foundation/bi.message.less";
+@import "base/layer/layer.multiselect.less";
+@import "base/layer/panel.less";
+@import "base/loader/sort.list.less";
+@import "base/pager/pager.all.count.less";
+@import "base/pager/pager.direction.less";
+@import "base/pager/pager.less";
+@import "base/segment/button.segment.less";
+@import "base/segment/segment.less";
+@import "base/single/html.less";
+@import "base/single/icon.less";
+@import "base/single/label.less";
+@import "base/single/text.less";
+@import "base/single/button/button.half.less";
+@import "base/single/button/button.less";
+@import "base/single/button/item.singleselect.icontext.less";
+@import "base/single/button/switch.less";
+@import "base/single/editor/editor.multifile.less";
+@import "base/single/editor/editor.textarea.less";
+@import "base/single/input/checkbox.less";
+@import "base/single/input/file.less";
+@import "base/single/input/input.less";
+@import "base/single/input/radio.less";
+@import "base/single/tip/tip.bubble.less";
+@import "base/single/tip/tip.less";
+@import "base/single/tip/tip.toast.less";
+@import "base/single/tip/tip.tooltip.less";
+@import "base/tree/tree.branch.less";
+@import "base/tree/tree.display.less";
+@import "base/tree/tree.expander.less";
+@import "base/tree/tree.list.display.less";
+@import "base/tree/ztree.less";
+@import "base/trigger/trigger.less";
+@import "base/trigger/trigger.selecttext.less";
+@import "base/trigger/trigger.selecttextsmall.less";
+@import "base/view/popover.less";
+@import "base/view/popupview.less";
+
+//widget
+@import "widget/date/trigger.date.less";
+@import "widget/downlist/popup.downlist.less";
+@import "widget/dynamicdatecombo/dynamicdatepopup.less";
+@import "widget/dynamicdatecombo/dynamicdatetime.combo.less";
+@import "widget/dynamicdatecombo/dynamicdatetimepopup.less";
+@import "widget/interactivearrangement/interactivearrangement.less";
+@import "widget/intervalslider/intervalslider.label.less";
+@import "widget/intervalslider/intervalslider.less";
+@import "widget/month/trigger.month.less";
+@import "widget/multilayerselecttree/multilayerselecttree.combo.less";
+@import "widget/multilayerselecttree/multilayerselecttree.leveltree.less";
+@import "widget/multilayersingletree/multilayersingletree.combo.less";
+@import "widget/multilayersingletree/multilayersingletree.leveltree.less";
+@import "widget/multiselect/multiselect.combo.less";
+@import "widget/multiselect/multiselect.insert.combo.less";
+@import "widget/multiselect/check/multiselect.check.pane.less";
+@import "widget/multiselect/search/multiselect.search.pane.less";
+@import "widget/multiselect/trigger/button.checkselected.less";
+@import "widget/multistringlist/multistringlist.insert.less";
+@import "widget/multistringlist/multistringlist.less";
+@import "widget/multitree/multi.tree.combo.less";
+@import "widget/multitree/popup.multi.tree.less";
+@import "widget/multitree/check/multi.tree.check.pane.less";
+@import "widget/multitree/trigger/multi.tree.button.checkselected.less";
+@import "widget/numbereditor/number.editor.less";
+@import "widget/numberinterval/numberinterval.less";
+@import "widget/quarter/trigger.quarter.less";
+@import "widget/searchmultiselect/searchmultiselect.less";
+@import "widget/singleselect/singleselect.combo.less";
+@import "widget/singleselect/search/singleselect.search.pane.less";
+@import "widget/singleslider/singlelider.label.less";
+@import "widget/singleslider/singlelider.normal.less";
+@import "widget/singleslider/singleslider.less";
+@import "widget/singleslider/slider/widget.slider.less";
+@import "widget/singleslider/track/widget.track.less";
+@import "widget/timecombo/timecombo.less";
+@import "widget/timeinterval/dateinterval.less";
+@import "widget/timeinterval/timeinterval.less";
+@import "widget/year/popup.year.less";
+@import "widget/year/trigger.year.less";
+@import "widget/yearinterval/yearinterval.less";
+@import "widget/yearmonth/popup.yearmonth.less";
+@import "widget/yearmonthinterval/yearmonthinterval.less";
+@import "widget/yearquarter/popup.yearquarter.less";
+@import "widget/yearquarterinterval/yearquarterinterval.less";
+
+@import "lib/colors-modern";
+@import "lib/theme-modern";
+
+:root{
+  --font-size-12: 12px;
+  --font-size-13: 13px;
+  --font-size-14: 14px;
+  --font-size-15: 15px;
+  --font-size-16: 16px;
+  --font-size-18: 18px;
+  --font-size-20: 20px;
+  --font-size-22: 22px;
+  --font-size-24: 24px;
+  --font-size-30: 30px;
+  --font-size-40: 40px;
+  --font-size-50: 50px;
+  --font-size-60: 60px;
+  --font-size-70: 70px;
+  --radius-2: 2px;
+  --radius-6: 6px;
+
+  --opacity-15: 0.15;
+  --opacity-20: 0.2;
+
+  //font color
+  --font-color-black: #232e40;
+  --font-color-normal: #3d4d66;
+  --font-color-normal-theme-dark: #d6e0dc;
+  --font-color-light-gray: #647185;
+  --font-color-light-gray-theme-dark: #afb7c6;
+  --font-color-disabled: #9ea6b2;
+  --font-color-disabled-theme-dark: #878d9f;
+  --font-color-tips: #9ea6b2;
+  --font-color-tips-theme-dark: #6b7084;
+  --font-color-light-disabled: #d0d4da;
+  --font-color-light-disabled-theme-dark: #606479;
+  --font-color-gray: #999999;
+  --font-color-white: #ffffff;
+  --font-color-white-theme-dark: #20263b;
+  --font-color-light-highlight: #eaf2fd;
+  --font-color-medium-highlight: #d7e7fc;
+  --font-color-highlight: #3685f2;
+  --font-color-blue: #23beef;
+  --font-color-light-blue: #e9f8fd;
+  --font-color-success: #13cd66;
+  --font-color-warning: #faaa39;
+  --font-color-negative: #e65251;
+  --font-color-yellow: #ffc101;
+
+  //background color
+  --background-color-black: #232E40;
+  --background-color-black-theme-dark: #606479;
+  --background-color-light-black: #3d4d66;
+  --background-color-light-black-theme-dark: #d6e0dc;
+  --background-color-default: #ffffff;
+  --background-color-default-theme-dark: #20263b;
+  --background-color-normal: #f7f8fa;
+  --background-color-normal-theme-dark: #191b2b;
+  --background-color-light-highlight: #eaf2fd;
+  --background-color-medium-highlight: #d7e7fc;
+  --background-color-highlight: #3685f2;
+  --background-color-blue: #23beef;
+  --background-color-light-blue: #e9f8fd;
+  --background-color-dark: #d4dadd;
+  --background-color-light-gray: #f2f4f7;
+  --background-color-light-gray-theme-dark: #292f45;
+  --background-color-medium-gray: #e8eaed;
+  --background-color-medium-gray-theme-dark: #363e55;
+  --background-color-dark-gray: #d0d4da;
+  --background-color-dark-gray-theme-dark: #606479;
+  --background-color-disabled: #f2f4f7;
+  --background-color-disabled-theme-dark: #292f45;
+  --background-color-light-disabled: #9ea6b2;
+  --background-color-light-disabled-theme-dark: #878d9f;
+  --background-color-yellow: #ffc101;
+
+  --background-color-negative: #e65251;
+  --background-color-light-negative: #ffecec;
+  --background-color-dark-negative: #3A2940;
+  --background-color-light-warning: #feeed7;
+  --background-color-warning: #faaa39;
+
+  --background-color-dark-success: #13cd66;
+  --background-color-light-success: #e1f4e7;
+  --background-color-normal-success: #647185;
+
+  //border color
+  --border-color-default: #ffffff;
+  --border-color-black: #232e40;
+  --border-color-line: #e8eaed;
+  --border-color-line-theme-dark: #363e55;
+  --border-color-light-line: #f2f4f7;
+  --border-color-light-line-theme-dark: #292f45;
+  --border-color-dark-gray-line: #d0d4da;
+  --border-color-dark-gray-line-theme-dark: #606479;
+  --border-color-dark-line: #9ea6b2;
+  --border-color-dark-line-theme-dark: #878d9f;
+  --border-color-highlight: #3685f2;
+
+  --border-color-warning: #fbb03b;
+  --border-color-negative: #e65251;
+  --border-color-success: #13cd66;
+  --border-color-light-negative: #f4cbcb;
+  --border-color-normal-success: #eddea2;
+
+  //split color
+  --border-color-disabled: #e8eaed;
+  --border-color-disabled-theme-dark: #363e55;
+
+  //scroll color
+  --scroll-color: #232e40;
+  --scroll-color-theme-dark: #ffffff;
+  --scroll-thumb-color: #232e40;
+  --scroll-thumb-color-theme-dark: #232e40;
+
+  //默认字体颜色
+  --color-bi-text-normal: var(--font-color-normal);
+  //深色主题默认字体颜色
+  --color-bi-text-theme-dark: var(--font-color-normal-theme-dark);
+  --color-bi-text-normal-theme-dark: var(--font-color-normal-theme-dark);
+  //黑色字体颜色
+  --color-bi-text-black: var(--font-color-black);
+  //深色主题黑色字体颜色
+  --color-bi-text-black-theme-dark: var(--font-color-normal-theme-dark);
+  //灰色字体颜色
+  --color-bi-text-gray: var(--font-color-gray);
+  //浅灰色字体
+  --color-bi-text-light-gray: var(--font-color-light-gray);
+  //深色主题浅灰色字体
+  --color-bi-text-light-gray-theme-dark: var(--font-color-light-gray-theme-dark);
+  //白色字体颜色
+  --color-bi-text: var(--font-color-white);
+  --color-bi-text-white: var(--font-color-white);
+  //深色主题白色字体颜色
+  --color-bi-text-white-theme-dark: var(--font-color-white-theme-dark);
+  //灰化字体颜色
+  --color-bi-text-disabled: var(--font-color-disabled);
+  //深色主题灰化字体颜色
+  --color-bi-text-disabled-theme-dark: var(--font-color-disabled-theme-dark);
+  //灰化图标色
+  --color-bi-icon-disabled: var(--font-color-light-disabled);
+  //深色主题灰化图标颜色
+  --color-bi-icon-disabled-theme-dark: var(--font-color-light-disabled-theme-dark);
+  //提示字体颜色
+  --color-bi-text-tips: var(--font-color-tips);
+  //深色主题提示字体颜色
+  --color-bi-text-tips-theme-dark: var(--font-color-tips-theme-dark);
+  //成功字体颜色
+  --color-bi-text-success: var(--font-color-success);
+  //失败字体颜色
+  --color-bi-text-failure: var(--font-color-negative);
+  //基本提亮颜色
+  --color-bi-text-highlight: var(--font-color-highlight);
+  //标红色
+  --color-bi-text-redmark: var(--font-color-warning);
+
+  //普通背景
+  --color-bi-background-normal: var(--background-color-normal);
+  //深色主题普通背景
+  --color-bi-background-normal-theme-dark: var(--background-color-normal-theme-dark);
+  //默认背景
+  --color-bi-background-default: var(--background-color-default);
+  //深色主题默认背景
+  --color-bi-background-default-theme-dark: var(--background-color-default-theme-dark);
+  //黑色背景
+  --color-bi-background-black: var(--background-color-black);
+  //深色主题黑色背景
+  --color-bi-background-black-theme-dark: var(--background-color-black-theme-dark);
+  //浅黑色背景
+  --color-bi-background-light-black: var(--background-color-light-black);
+  //深色主题浅黑色背景
+  --color-bi-background-light-black-theme-dark: var(--background-color-light-black-theme-dark);
+  //深灰色背景
+  --color-bi-background-dark-gray: var(--background-color-dark-gray);
+  //深色主题深灰色背景
+  --color-bi-background-dark-gray-theme-dark: var(--background-color-dark-gray-theme-dark);
+  //灰色背景(浅)
+  --color-bi-background-light-gray: var(--background-color-light-gray);
+  //深色主题灰色背景(浅)
+  --color-bi-background-light-gray-theme-dark: var(--background-color-light-gray-theme-dark);
+  //灰色背景(中)
+  --color-bi-background-medium-gray: var(--background-color-medium-gray);
+  //深色主题灰色背景(中)
+  --color-bi-background-medium-gray-theme-dark: var(--background-color-medium-gray-theme-dark);
+  //灰化背景
+  --color-bi-background-disabled: var(--background-color-disabled);
+  //深色主题灰化背景
+  --color-bi-background-disabled-theme-dark: var(--background-color-disabled-theme-dark);
+  //浅灰化背景
+  --color-bi-background-light-disabled: var(--background-color-light-disabled);
+  //深色主题浅灰化背景
+  --color-bi-background-light-disabled-theme-dark: var(--background-color-light-disabled-theme-dark);
+  //成功背景色
+  --color-bi-background-success: var(--background-color-dark-success);
+  //成功背景色(浅)
+  --color-bi-background-light-success: var(--background-color-light-success);
+  //失败背景色
+  --color-bi-background-failure: var(--background-color-negative);
+  //失败背景色(浅)
+  --color-bi-background-light-failure: var(--background-color-light-negative);
+  //失败背景色(深)
+  --color-bi-background-dark-failure: var(--background-color-dark-negative);
+  //警示背景色
+  --color-bi-background-warning: var(--background-color-warning);
+  //警示背景色(浅)
+  --color-bi-background-light-warning: var(--background-color-light-warning);
+  //背景提亮色
+  --color-bi-background-highlight: var(--background-color-highlight);
+  //背景提亮色(浅)
+  --color-bi-background-light-highlight: var(--background-color-light-highlight);
+
+  //黑色边框色
+  --color-bi-border-black: var(--border-color-black);
+  //默认边框色
+  --color-bi-border-default: var(--border-color-default);
+  //边框线色
+  --color-bi-border-line: var(--border-color-line);
+  //深色主题边框线色
+  --color-bi-border-line-theme-dark: var(--border-color-line-theme-dark);
+  //深灰色边框线
+  --color-bi-border-dark-gray-line: var(--border-color-dark-gray-line);
+  //深灰色主题深色边框线
+  --color-bi-border-dark-gray-line-theme-dark: var(--border-color-dark-gray-line-theme-dark);
+  //深色边框线
+  --color-bi-border-dark-line: var(--border-color-dark-line);
+  //深色主题深色边框线
+  --color-bi-border-dark-line-theme-dark: var(--border-color-dark-line-theme-dark);
+  //灰化边框
+  --color-bi-border-disabled: var(--border-color-disabled);
+  //深色主题灰化边框
+  --color-bi-border-disabled-theme-dark: var(--border-color-disabled-theme-dark);
+  //成功边框色
+  --color-bi-border-success: var(--border-color-success);
+  //失败边框色
+  --color-bi-border-failure: var(--border-color-negative);
+  //警示边框色
+  --color-bi-border-warning: var(--border-color-warning);
+  //边框提亮
+  --color-bi-border-highlight: var(--border-color-highlight);
+
+  //颜色百分比
+  //green
+  --color-bi-green-80: fade(@font-color-success, 80);
+  --color-bi-green-60: fade(@font-color-success, 60);
+  --color-bi-green-40: fade(@font-color-success, 40);
+  --color-bi-green-30: fade(@font-color-success, 30);
+  --color-bi-green-20: fade(@font-color-success, 20);
+  --color-bi-green-10: fade(@font-color-success, 10);
+  --color-bi-green-5: fade(@font-color-success, 5);
+
+  //blue
+  --color-bi-blue-80: fade(@font-color-highlight, 80);
+  --color-bi-blue-60: fade(@font-color-highlight, 60);
+  --color-bi-blue-40: fade(@font-color-highlight, 40);
+  --color-bi-blue-30: fade(@font-color-highlight, 30);
+  --color-bi-blue-20: fade(@font-color-highlight, 20);
+  --color-bi-blue-10: fade(@font-color-highlight, 10);
+  --color-bi-blue-5: fade(@font-color-highlight, 5);
+
+  //light-blue
+  --color-bi-light-blue-80: fade(@font-color-light-highlight, 80);
+  --color-bi-light-blue-60: fade(@font-color-light-highlight, 60);
+  --color-bi-light-blue-40: fade(@font-color-light-highlight, 40);
+  --color-bi-light-blue-30: fade(@font-color-light-highlight, 30);
+  --color-bi-light-blue-20: fade(@font-color-light-highlight, 20);
+  --color-bi-light-blue-10: fade(@font-color-light-highlight, 10);
+  --color-bi-light-blue-5: fade(@font-color-light-highlight, 5);
+
+  // orange
+  --color-bi-orange-80: fade(@font-color-warning, 80);
+  --color-bi-orange-60: fade(@font-color-warning, 60);
+  --color-bi-orange-40: fade(@font-color-warning, 40);
+  --color-bi-orange-30: fade(@font-color-warning, 30);
+  --color-bi-orange-20: fade(@font-color-warning, 20);
+  --color-bi-orange-10: fade(@font-color-warning, 10);
+  --color-bi-orange-5: fade(@font-color-warning, 5);
+
+  // red
+  --color-bi-red-80: fade(@font-color-negative, 80);
+  --color-bi-red-60: fade(@font-color-negative, 60);
+  --color-bi-red-40: fade(@font-color-negative, 40);
+  --color-bi-red-30: fade(@font-color-negative, 30);
+  --color-bi-red-20: fade(@font-color-negative, 20);
+  --color-bi-red-10: fade(@font-color-negative, 10);
+  --color-bi-red-5: fade(@font-color-negative, 5);
+
+  // yellow
+  --color-bi-yellow-80: fade(@font-color-yellow, 90);
+  --color-bi-yellow-60: fade(@font-color-yellow, 60);
+  --color-bi-yellow-40: fade(@font-color-yellow, 40);
+  --color-bi-yellow-20: fade(@font-color-yellow, 20);
+  --color-bi-yellow-5: fade(@font-color-yellow, 5);
+
+
+  //tooltip
+  //成功背景(专属配色)
+  --color-bi-background-tooltip-success: var(--background-color-normal-success);
+  //成功边框(专属配色)
+  --color-bi-border-tooltip-success: var(--border-color-normal-success);
+  //失败背景
+  --color-bi-background-tooltip-failure: var(--color-bi-background-failure);
+  //失败边框
+  --color-bi-border-tooltip-failure: var(--color-bi-border-failure);
+
+  //按钮的mask颜色
+  --color-bi-background-button-mask: var(--color-bi-background-black);
+
+  //水印字体颜色
+  --color-bi-text-water-mark: var(--color-bi-text-tips);
+  --color-bi-text-water-mark-theme-dark: var(--color-bi-text-tips-theme-dark);
+
+  //toast
+  --color-bi-background-toast-success: var(--color-bi-background-success);
+  --color-bi-background-toast-warning: var(--color-bi-background-warning);
+  --color-bi-background-toast-error: var(--color-bi-background-failure);
+  --color-bi-background-toast-normal: var(--color-bi-background-highlight);
+
+  //bubble
+  --color-bi-background-bubble-success: var(--color-bi-background-light-success);
+  --color-bi-background-bubble-warning: var(--color-bi-background-light-warning);
+  --color-bi-background-bubble-error: var(--color-bi-background-light-failure);
+  --color-bi-background-bubble-error-theme-dark: var(--color-bi-background-dark-failure);
+  --color-bi-background-bubble-normal: var(--color-bi-background-light-highlight);
+
+  //bi-background背景
+  --color-bi-background-background: var(--color-bi-background-normal);
+  --color-bi-background-background-theme-dark: var(--color-bi-background-normal-theme-dark);
+  --color-bi-text-background: var(--color-bi-text-normal);
+  --color-bi-text-background-theme-dark: var(--color-bi-text-theme-dark);
+
+  //bi-header-background背景
+  --color-bi-background-header-background: var(--color-bi-background-light-gray);
+  --color-bi-background-header-background-theme-dark: var(--color-bi-background-light-gray-theme-dark);
+  --color-bi-text-header-background: var(--color-bi-text-light-gray);
+  --color-bi-text-header-background-theme-dark: var(--color-bi-text-light-gray-theme-dark);
+
+  //bi-card卡片
+  --color-bi-background-card: var(--color-bi-background-default);
+  --color-bi-background-card-theme-dark: var(--color-bi-background-default-theme-dark);
+  --color-bi-text-card: var(--color-bi-text-normal);
+  --color-bi-text-card-theme-dark: var(--color-bi-text-theme-dark);
+}

src/less/widget/date/calendar/picker.date.less

@@ -1,4 +0,0 @@
-@import "../../../index";
-
-.bi-date-picker {
-}

src/less/widget/downlist/combo.downlist.less

@@ -1,5 +0,0 @@
-@import "../../index";
-
-.bi-down-list-combo {
-
-}

src/less/widget/dynamicdatecombo/dynamicdatetime.combo.less

@@ -2,6 +2,6 @@
 
 .bi-dynamic-date-combo {
   & .date-font {
-    font-size: 16px;
+    font-size: @font-size-16;
   }
-}
+}

src/less/widget/month/combo.month.less

@@ -1,5 +0,0 @@
-@import "../../index";
-
-.bi-month-combo{
-
-}

src/less/widget/month/popup.month.less

@@ -1,5 +0,0 @@
-@import "../../index";
-
-.bi-month-popup{
-
-}

src/less/widget/multilayerselecttree/multilayerselecttree.combo.less

@@ -2,7 +2,7 @@
 @val: transform .3s ease;
 .bi-multilayer-select-tree-combo {
   & .trigger-icon-button{
-    font-size: 16px;
+    font-size: @font-size-16;
   }
   // 此combo的trigger_button是absolute上去的，与bi-combo在同一层级，独立写一下
   & .bi-combo.bi-combo-popup + .bi-trigger-icon-button {
@@ -17,4 +17,4 @@
       .transition(@val);
     }
   }
-}
+}

src/less/widget/multilayersingletree/multilayersingletree.combo.less

@@ -2,7 +2,7 @@
 @val: transform .3s ease;
 .bi-multilayer-single-tree-combo {
   & .trigger-icon-button{
-    font-size: 16px;
+    font-size: @font-size-16;
   }
   // 此combo的trigger_button是absolute上去的，与bi-combo在同一层级，独立写一下
   & .bi-combo.bi-combo-popup + .bi-trigger-icon-button {
@@ -17,4 +17,4 @@
       .transition(@val);
     }
   }
-}
+}

src/less/widget/multiselect/check/multiselect.display.less

@@ -1,6 +0,0 @@
-@import "../../../index";
-
-.bi-display-list {
-  & .display-list-item {
-  }
-}

src/less/widget/multiselect/multiselect.insert.combo.less

@@ -2,7 +2,7 @@
 @val: transform .3s ease;
 .bi-multi-select-insert-combo{
   & .multi-select-trigger-icon-button{
-    font-size: 16px;
+    font-size: @font-size-16;
   }
   // 此combo的trigger_button是absolute上去的，与bi-combo在同一层级，独立写一下
   & .bi-combo.bi-combo-popup + .bi-trigger-icon-button {
@@ -17,4 +17,4 @@
       .transition(@val);
     }
   }
-}
+}

src/less/widget/multiselect/multiselect.popup.view.less

@@ -1,5 +0,0 @@
-@import "../../index";
-
-
-.bi-multi-select-popup-view{
-}

src/less/widget/multiselect/multiselect.trigger.less

@@ -1,5 +0,0 @@
-@import "../../index";
-
-.bi-multi-select-trigger {
-
-}

src/less/widget/multitree/display.multi.tree.less

@@ -1,4 +0,0 @@
-@import "../../index";
-
-.bi-multi-tree-display{
-}

src/less/widget/multitree/multi.tree.combo.less

@@ -2,7 +2,7 @@
 @val: transform .3s ease;
 .bi-multi-tree-combo{
   & .multi-select-trigger-icon-button{
-    font-size: 16px;
+    font-size: @font-size-16;
   }
   // 此combo的trigger_button是absolute上去的，与bi-combo在同一层级，独立写一下
   & .bi-combo.bi-combo-popup + .bi-trigger-icon-button {
@@ -17,4 +17,4 @@
       .transition(@val);
     }
   }
-}
+}

src/less/widget/multitree/search.multi.tree.less

@@ -1,4 +0,0 @@
-@import "../../index";
-
-.bi-multi-tree-search-pane {
-}

src/less/widget/multitreelist/multitreelist.popup.less

@@ -1,4 +0,0 @@
-@import "../../index";
-
-.bi-tree-list-popup {
-}

src/less/widget/numbereditor/number.editor.less

@@ -3,9 +3,9 @@
 .bi-number-editor {
   .border-radius(2px);
   & .pull-down-font {
-    font-size: 12px;
+    font-size: @font-size-12;
   }
   & .pull-up-font {
-    font-size: 12px;
+    font-size: @font-size-12;
   }
-}
+}

src/less/widget/numberinterval/popup.numberinterval.less

@@ -1,4 +0,0 @@
-@import "../../index";
-
-.bi-number-interval-popup{
-}