Merging in latest from upstream (VISUAL/fineui:refs/heads/master)

* commit '7c896e2d36cd73ecd0a6b3cd748b55558752b9b1': (86 commits)
  BI-47577 fix: IE9按钮去圆角 && bubblepopup事件规范
  refactor: 调整引用形式
  update
  BI-47681 refactor: 简单颜色选择器仍然会收到auto和transparent影响
  update
  fix: 想了一下改一改
  uodate 去掉cjkEncode
  BI-47433 fix: 文本列表setEnable为false仍然可以选中item项
  BI-47571 refactor: 下拉多层树增加最小高度
  chore: update font
  BI-46965 fix： 翻页隐藏放到控件内部去做，setAllPage的时候判断一下页数是不是小于等于1，如果是就隐藏掉翻页按钮
  fix: 少了一个参数
  feat: KERNEL-798 core/func/function && core/func/number
  docs: 调整注释位置
  docs: 加入注释
  feat: KERNEL-798 core/func/string
  feat: KERNEL-798 core/func/array
  KERNEL-801 feat: 输出BI
  KERNEL-801 fineui ts环境搭建
  REPORT-18860 fix：ie8下重写_initRender代替_init
  ...

.eslintrc

@@ -1,6 +1,30 @@
 {
   "extends": "eslint:recommended",
+  "env": {
+    "browser": true,
+    "node": true,
+    "es6": true
+  },
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "project": "./tsconfig.json",
+    "ecmaVersion": 6,
+    "sourceType": "module",
+    "ecmaFeatures": {
+      "modules": true
+    }
+  },
+  "plugins": ["@typescript-eslint"],
   "rules": {
+    "no-unused-vars": "off",
+    "@typescript-eslint/no-unused-vars": [
+      "error",
+      {
+        "vars": "all",
+        "args": "none",
+        "ignoreRestSiblings": true
+      }
+    ],
     // 声明
     "no-use-before-define": "error",
     //禁止定义前使用

demo/css/main.css

@@ -50,7 +50,7 @@ body {
   bottom: 0;
 }
 .bi-theme-dark body {
-  background-color: #191B2B;
+  background-color: #191b2b;
 }
 .demo-editor {
   border: 1px solid #cccccc;

demo/js/base/demo.html.js

@@ -0,0 +1,20 @@
+Demo.Html = BI.inherit(BI.Widget, {
+    props: {
+        baseCls: "demo-html"
+    },
+    render: function () {
+        return {
+            type: "bi.vertical",
+            items: [{
+                type: "bi.html",
+                text: "<h1>在bi.html标签中使用html原生标签</h1>"
+            }, {
+                type: "bi.html",
+                text: "<ul>ul列表<li>list item1</li><li>list item2</li></ul>"
+            }],
+            hgap: 300,
+            vgap: 20
+        };
+    }
+});
+BI.shortcut("demo.html", Demo.Html);

demo/js/config/base.js

@@ -14,6 +14,10 @@ Demo.BASE_CONFIG = [{
     pId: 2,
     text: "bi.icon_label",
     value: "demo.icon_label"
+}, {
+    pId: 2,
+    text: "bi.html",
+    value: "demo.html"
 }, {
     pId: 2,
     text: "title提示",

dist/2.0/fineui.css

@@ -284,7 +284,7 @@ textarea {
 }
 .bi-theme-dark input,
 .bi-theme-dark textarea {
-  border: 1px solid #3a3c53;
+  border: 1px solid #363e55;
 }
 .base-disabled {
   cursor: not-allowed !important;
@@ -320,7 +320,7 @@ textarea {
   border-color: #e8eaed;
 }
 .bi-theme-dark .bi-focus-shadow.disabled:hover {
-  border-color: #3a3c53;
+  border-color: #363e55;
 }
 .base-invalid {
   cursor: default !important;
@@ -348,7 +348,7 @@ textarea {
   color: #3d4d66;
 }
 .bi-theme-dark .bi-background {
-  background-color: #191B2B;
+  background-color: #191b2b;
   color: #d6e0dc;
 }
 .bi-theme-dark .bi-background .bi-input {
@@ -358,7 +358,7 @@ textarea {
   color: #d6e0dc;
 }
 .bi-header-background {
-  background-color: #F2F4F7;
+  background-color: #f2f4f7;
   color: #647185;
 }
 .bi-header-background .bi-input {
@@ -368,7 +368,7 @@ textarea {
   color: #647185;
 }
 .bi-theme-dark .bi-header-background {
-  background-color: #2F3149;
+  background-color: #292f45;
   color: #afb7c6;
 }
 .bi-theme-dark .bi-header-background .bi-input {
@@ -388,7 +388,7 @@ textarea {
   color: #3d4d66;
 }
 .bi-theme-dark .bi-card {
-  background-color: #242640;
+  background-color: #20263b;
   color: #d6e0dc;
 }
 .bi-theme-dark .bi-card .bi-input {
@@ -455,19 +455,19 @@ textarea {
   border-color: #d0d4da !important;
 }
 .bi-theme-dark .bi-border {
-  border: 1px solid #3a3c53;
+  border: 1px solid #363e55;
 }
 .bi-theme-dark .bi-border-top {
-  border-top: 1px solid #3a3c53;
+  border-top: 1px solid #363e55;
 }
 .bi-theme-dark .bi-border-right {
-  border-right: 1px solid #3a3c53;
+  border-right: 1px solid #363e55;
 }
 .bi-theme-dark .bi-border-bottom {
-  border-bottom: 1px solid #3a3c53;
+  border-bottom: 1px solid #363e55;
 }
 .bi-theme-dark .bi-border-left {
-  border-left: 1px solid #3a3c53;
+  border-left: 1px solid #363e55;
 }
 .bi-split {
   border: 1px solid #f2f4f7;
@@ -485,19 +485,19 @@ textarea {
   border-left: 1px solid #f2f4f7;
 }
 .bi-theme-dark .bi-split {
-  border: 1px solid #2F3149;
+  border: 1px solid #292f45;
 }
 .bi-theme-dark .bi-split-top {
-  border-top: 1px solid #2F3149;
+  border-top: 1px solid #292f45;
 }
 .bi-theme-dark .bi-split-right {
-  border-right: 1px solid #2F3149;
+  border-right: 1px solid #292f45;
 }
 .bi-theme-dark .bi-split-bottom {
-  border-bottom: 1px solid #2F3149;
+  border-bottom: 1px solid #292f45;
 }
 .bi-theme-dark .bi-split-left {
-  border-left: 1px solid #2F3149;
+  border-left: 1px solid #292f45;
 }
 .bi-font-helvetica-neue {
   font-family: "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Heiti, serif;
@@ -544,13 +544,13 @@ textarea {
   color: #3685f2;
 }
 .bi-error {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-error .bi-input {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-error .bi-textarea {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-high-light-background {
   background-color: #3685f2;
@@ -563,7 +563,7 @@ textarea {
   color: #ffffff;
 }
 .bi-error-background {
-  background-color: #ff4949;
+  background-color: #e65251;
   color: #ffffff;
 }
 .bi-error-background .bi-input {
@@ -642,15 +642,15 @@ textarea {
   color: #ffffff;
 }
 .bi-theme-dark .bi-mask {
-  color: #242640;
+  color: #20263b;
   background-color: rgba(255, 255, 255, 0.2);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff,endColorstr=#33ffffff);
 }
 .bi-theme-dark .bi-mask .bi-input {
-  color: #242640;
+  color: #20263b;
 }
 .bi-theme-dark .bi-mask .bi-textarea {
-  color: #242640;
+  color: #20263b;
 }
 .bi-z-index-mask {
   background-color: rgba(35, 46, 64, 0.5);
@@ -1095,45 +1095,45 @@ textarea {
   border-color: #13cd66;
 }
 .bi-list-item-select.button-warning {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-list-item-select.button-warning .bi-input {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-list-item-select.button-warning .bi-textarea {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-list-item-select.button-warning .bi-high-light {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-list-item-select.button-warning.bi-high-light-border {
-  border-color: #FF4949;
+  border-color: #e65251;
 }
 .bi-list-item-select.button-warning:hover,
 .bi-list-item-select.button-warning.hover {
-  color: #ff4949;
+  color: #e65251;
   background-color: #ffecec;
 }
 .bi-list-item-select.button-warning:hover .bi-input,
 .bi-list-item-select.button-warning.hover .bi-input {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-list-item-select.button-warning:hover .bi-textarea,
 .bi-list-item-select.button-warning.hover .bi-textarea {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-list-item-select.button-warning:hover .bi-high-light,
 .bi-list-item-select.button-warning.hover .bi-high-light {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-list-item-select.button-warning:hover.bi-high-light-border,
 .bi-list-item-select.button-warning.hover.bi-high-light-border {
-  border-color: #FF4949;
+  border-color: #e65251;
 }
 .bi-list-item-select.button-warning:active,
 .bi-list-item-select.button-warning.active {
   color: #ffffff;
-  background-color: #ff4949;
+  background-color: #e65251;
 }
 .bi-list-item-select.button-warning:active .bi-input,
 .bi-list-item-select.button-warning.active .bi-input {
@@ -1149,7 +1149,7 @@ textarea {
 }
 .bi-list-item-select.button-warning:active.bi-high-light-border,
 .bi-list-item-select.button-warning.active.bi-high-light-border {
-  border-color: #FF4949;
+  border-color: #e65251;
 }
 .bi-list-item-select.disabled {
   color: #9ea6b2 !important;
@@ -1253,7 +1253,7 @@ textarea {
 .bi-theme-dark .bi-list-item-select2:hover,
 .bi-theme-dark .bi-list-item-select2.hover {
   color: #ffffff;
-  background-color: #242640;
+  background-color: #20263b;
 }
 .bi-theme-dark .bi-list-item-select2:hover .bi-input,
 .bi-theme-dark .bi-list-item-select2.hover .bi-input {
@@ -1266,7 +1266,7 @@ textarea {
 .bi-theme-dark .bi-list-item-select2.active,
 .bi-theme-dark .bi-list-item-select2:active {
   color: #3685f2;
-  background-color: #242640;
+  background-color: #20263b;
 }
 .bi-theme-dark .bi-list-item-select2.active .bi-input,
 .bi-theme-dark .bi-list-item-select2:active .bi-input {
@@ -1322,12 +1322,12 @@ textarea {
 }
 .bi-theme-dark .bi-list-item-select3:hover,
 .bi-theme-dark .bi-list-item-select3.hover {
-  background-color: #191B2B;
+  background-color: #191b2b;
 }
 .bi-theme-dark .bi-list-item-select3:active,
 .bi-theme-dark .bi-list-item-select3.active {
   color: #3685f2;
-  background-color: #191B2B;
+  background-color: #191b2b;
 }
 .bi-theme-dark .bi-list-item-select3:active .bi-input,
 .bi-theme-dark .bi-list-item-select3.active .bi-input {
@@ -1341,7 +1341,7 @@ textarea {
 .bi-theme-dark .bi-list-item-select3.disabled.hover,
 .bi-theme-dark .bi-list-item-select3.disabled:active,
 .bi-theme-dark .bi-list-item-select3.disabled.active {
-  background-color: #242640 !important;
+  background-color: #20263b !important;
 }
 .bi-theme-dark .bi-list-item-select:hover,
 .bi-theme-dark .bi-list-item-select.hover {
@@ -2494,9 +2494,9 @@ textarea {
 .bi-theme-dark .bi-bubble-combo .bubble-combo-triangle-right:before,
 .bi-theme-dark .bi-bubble-combo .bubble-combo-triangle-top:before,
 .bi-theme-dark .bi-bubble-combo .bubble-combo-triangle-bottom:before {
-  background-color: #242640;
+  background-color: #20263b;
-  border-bottom: 1px solid #2F3149;
+  border-bottom: 1px solid #292f45;
-  border-right: 1px solid #2F3149;
+  border-right: 1px solid #292f45;
 }
 
 .bi-combo > .bi-trigger .bi-trigger-icon-button .x-icon {
@@ -2532,7 +2532,7 @@ textarea {
 }
 .bi-theme-dark .bi-combo.disabled.bi-combo-hover > .bi-border,
 .bi-theme-dark .bi-combo.disabled:hover > .bi-border {
-  border-color: #3a3c53;
+  border-color: #363e55;
 }
 
 .bi-search-text-value-combo .trigger-icon-button {
@@ -2544,7 +2544,7 @@ textarea {
   border-radius: 2px;
 }
 .bi-search-text-value-combo.combo-error .bi-search-text-value-trigger .bi-text-button {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-search-text-value-combo .bi-combo.bi-combo-popup + .bi-trigger-icon-button .x-icon {
   -webkit-transform: rotate(180deg);
@@ -2566,11 +2566,11 @@ textarea {
 }
 
 .bi-icon-text-value-combo.combo-error .bi-text-trigger .select-text-label {
-  color: #ff4949;
+  color: #e65251;
 }
 
 .bi-text-value-combo.combo-error .bi-select-text-trigger .select-text-label {
-  color: #ff4949;
+  color: #e65251;
 }
 
 .bi-text-value-check-combo.bi-combo-popup > .bi-border,
@@ -2847,13 +2847,13 @@ textarea {
   overflow: hidden;
   overflow-x: hidden;
   overflow-y: hidden;
-  background: #242640;
+  background: #20263b;
-  border-right: 1px solid #3a3c53;
+  border-right: 1px solid #363e55;
-  border-top: 1px solid #3a3c53;
+  border-top: 1px solid #363e55;
-  border-bottom: 1px solid #3a3c53;
+  border-bottom: 1px solid #363e55;
 }
 .bi-theme-dark .bi-segment > .first-element {
-  border-left: 1px solid #242640;
+  border-left: 1px solid #20263b;
 }
 .bi-half-button {
   -webkit-border-radius: 2px;
@@ -3002,8 +3002,8 @@ body .bi-button.button-warning.clear .b-font:before,
 }
 body .bi-button.button-error,
 #body .bi-button.button-error {
-  background-color: #ff4949;
+  background-color: #e65251;
-  border-color: #FF4949;
+  border-color: #e65251;
 }
 body .bi-button.button-error,
 #body .bi-button.button-error,
@@ -3020,7 +3020,7 @@ body .bi-button.button-error.clear,
 #body .bi-button.button-error.clear,
 body .bi-button.button-error.clear .b-font:before,
 #body .bi-button.button-error.clear .b-font:before {
-  color: #ff4949;
+  color: #e65251;
 }
 body .bi-button.button-common.disabled,
 #body .bi-button.button-common.disabled,
@@ -3038,7 +3038,7 @@ body .bi-button.button-error.disabled.base-disabled,
 #body .bi-button.button-error.disabled.base-disabled,
 body .bi-button.button-warning.disabled.base-disabled,
 #body .bi-button.button-warning.disabled.base-disabled {
-  background: #F2F4F7 !important;
+  background: #f2f4f7 !important;
   border-color: #d0d4da !important;
 }
 body .bi-button.button-common.disabled,
@@ -3350,10 +3350,10 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
   border-radius: 9px 9px 9px 9px;
 }
 .bi-switch.disabled {
-  background-color: #F2F4F7;
+  background-color: #f2f4f7;
 }
 .bi-switch.disabled:active {
-  background-color: #F2F4F7;
+  background-color: #f2f4f7;
 }
 .bi-theme-dark .bi-switch {
   background-color: #606479;
@@ -3363,10 +3363,10 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
   background-color: #3685f2;
 }
 .bi-theme-dark .bi-switch.disabled {
-  background-color: #2F3149;
+  background-color: #292f45;
 }
 .bi-theme-dark .bi-switch.disabled:active {
-  background-color: #2F3149;
+  background-color: #292f45;
 }
 .bi-multifile-editor .multifile-editor {
   text-align: right;
@@ -3386,6 +3386,241 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
   line-height: 21px;
   border: none;
 }
+.bi-html article,
+.bi-html aside,
+.bi-html details,
+.bi-html figcaption,
+.bi-html figure,
+.bi-html footer,
+.bi-html header,
+.bi-html hgroup,
+.bi-html nav,
+.bi-html section,
+.bi-html summary {
+  display: block;
+}
+.bi-html audio,
+.bi-html canvas,
+.bi-html video {
+  display: inline-block;
+  *display: inline;
+  *zoom: 1;
+}
+.bi-html audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+.bi-html [hidden] {
+  display: none;
+}
+.bi-html html {
+  font-size: 100%;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+}
+.bi-html html,
+.bi-html button,
+.bi-html input,
+.bi-html select,
+.bi-html textarea {
+  font-family: sans-serif;
+}
+.bi-html body {
+  margin: 0;
+}
+.bi-html a:focus {
+  outline: thin dotted;
+}
+.bi-html a:active,
+.bi-html a:hover {
+  outline: 0;
+}
+.bi-html h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+.bi-html h2 {
+  font-size: 1.5em;
+  margin: 0.83em 0;
+}
+.bi-html h3 {
+  font-size: 1.17em;
+  margin: 1em 0;
+}
+.bi-html h4 {
+  font-size: 1em;
+  margin: 1.33em 0;
+}
+.bi-html h5 {
+  font-size: .83em;
+  margin: 1.67em 0;
+}
+.bi-html h6 {
+  font-size: .75em;
+  margin: 2.33em 0;
+}
+.bi-html abbr[title] {
+  border-bottom: 1px dotted;
+}
+.bi-html b,
+.bi-html strong {
+  font-weight: bold;
+}
+.bi-html blockquote {
+  margin: 1em 40px;
+}
+.bi-html dfn {
+  font-style: italic;
+}
+.bi-html mark {
+  background: #ff0;
+  color: #000;
+}
+.bi-html p,
+.bi-html pre {
+  margin: 1em 0;
+}
+.bi-html code,
+.bi-html kbd,
+.bi-html pre,
+.bi-html samp {
+  font-family: monospace, serif;
+  _font-family: 'courier new', monospace;
+  font-size: 1em;
+}
+.bi-html pre {
+  white-space: pre;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
+.bi-html q {
+  quotes: none;
+}
+.bi-html q:before,
+.bi-html q:after {
+  content: '';
+  content: none;
+}
+.bi-html small {
+  font-size: 75%;
+}
+.bi-html sub,
+.bi-html sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+.bi-html sup {
+  top: -0.5em;
+}
+.bi-html sub {
+  bottom: -0.25em;
+}
+.bi-html dl,
+.bi-html menu,
+.bi-html ol,
+.bi-html ul {
+  margin: 1em 0;
+}
+.bi-html dd {
+  margin: 0 0 0 40px;
+}
+.bi-html menu,
+.bi-html ol,
+.bi-html ul {
+  padding: 0 0 0 40px;
+}
+.bi-html nav ul,
+.bi-html nav ol {
+  list-style: none;
+  list-style-image: none;
+}
+.bi-html ul {
+  list-style: disc;
+}
+.bi-html li {
+  list-style-type: disc;
+}
+.bi-html img {
+  border: 0;
+  -ms-interpolation-mode: bicubic;
+}
+.bi-html svg:not(:root) {
+  overflow: hidden;
+}
+.bi-html figure {
+  margin: 0;
+}
+.bi-html form {
+  margin: 0;
+}
+.bi-html fieldset {
+  border: 1px solid #c0c0c0;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em;
+}
+.bi-html legend {
+  border: 0;
+  padding: 0;
+  white-space: normal;
+  *margin-left: -7px;
+}
+.bi-html button,
+.bi-html input,
+.bi-html select,
+.bi-html textarea {
+  font-size: 100%;
+  margin: 0;
+  vertical-align: baseline;
+  *vertical-align: middle;
+}
+.bi-html button,
+.bi-html input {
+  line-height: normal;
+}
+.bi-html button,
+.bi-html html input[type="button"],
+.bi-html input[type="reset"],
+.bi-html input[type="submit"] {
+  -webkit-appearance: button;
+  cursor: pointer;
+  *overflow: visible;
+}
+.bi-html button[disabled],
+.bi-html input[disabled] {
+  cursor: default;
+}
+.bi-html input[type="checkbox"],
+.bi-html input[type="radio"] {
+  box-sizing: border-box;
+  padding: 0;
+  *height: 13px;
+  *width: 13px;
+}
+.bi-html input[type="search"] {
+  -webkit-appearance: textfield;
+  -moz-box-sizing: content-box;
+  -webkit-box-sizing: content-box;
+  box-sizing: content-box;
+}
+.bi-html input[type="search"]::-webkit-search-cancel-button,
+.bi-html input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+.bi-html button::-moz-focus-inner,
+.bi-html input::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+.bi-html textarea {
+  overflow: auto;
+  vertical-align: top;
+}
+.bi-html table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
 .x-icon.b-font {
   margin: auto;
   width: 100%;
@@ -3427,7 +3662,7 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
   opacity: 1;
 }
 .bi-checkbox.disabled .checkbox-content {
-  background-color: #F2F4F7;
+  background-color: #f2f4f7;
   border-color: #d0d4da;
 }
 .bi-checkbox.disabled .checkbox-content:after {
@@ -3451,7 +3686,7 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
   border-color: #3685f2;
 }
 .bi-theme-dark .bi-checkbox.disabled .checkbox-content {
-  background-color: #2F3149;
+  background-color: #292f45;
 }
 .bi-theme-dark .bi-checkbox.disabled.active .checkbox-content {
   background-color: #606479;
@@ -3479,7 +3714,7 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
 .bi-input.bi-input-error,
 .bi-textarea.bi-input-error {
   border: none;
-  color: #ff4949 !important;
+  color: #e65251 !important;
 }
 .bi-radio .radio-content {
   -webkit-border-radius: 8px;
@@ -3517,7 +3752,7 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
   transform: translate(-50%, -50%);
 }
 .bi-radio.disabled .radio-content {
-  background-color: #F2F4F7;
+  background-color: #f2f4f7;
   border-color: #d0d4da;
 }
 .bi-radio.disabled .radio-content:after {
@@ -3541,7 +3776,7 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
   border-color: #3685f2;
 }
 .bi-theme-dark .bi-radio.disabled .radio-content {
-  background-color: #2F3149;
+  background-color: #292f45;
 }
 .bi-theme-dark .bi-radio.disabled .radio-content.hover,
 .bi-theme-dark .bi-radio.disabled .radio-content:hover {
@@ -3578,7 +3813,7 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
 }
 .bi-bubble .bubble-error {
   background: #ffecec;
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-theme-dark .bi-bubble .bubble-error {
   background: #3A2940;
@@ -3615,7 +3850,7 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
   background: #faaa39;
 }
 .bi-toast.toast-error {
-  background: #ff4949;
+  background: #e65251;
 }
 .bi-toast.toast-normal {
   background: #3685f2;
@@ -3637,8 +3872,8 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
   border: 1px solid #647185;
 }
 .bi-tooltip.tooltip-warning {
-  background: #ff4949;
+  background: #e65251;
-  border: 1px solid #FF4949;
+  border: 1px solid #e65251;
 }
 .bi-branch-tree .bi-branch-tree-view {
   min-width: 300px;
@@ -3960,7 +4195,7 @@ ul.ztree.zTreeDragUL {
   border-left: none;
 }
 .bi-theme-dark .bi-popup-view .list-view-toolbar > .center-element {
-  border-left: 1px solid #3a3c53;
+  border-left: 1px solid #363e55;
 }
 .bi-theme-dark .bi-popup-view .list-view-toolbar > .first-element {
   border-left: none;
@@ -4171,7 +4406,7 @@ ul.ztree.zTreeDragUL {
   font-size: 14px;
 }
 .bi-number-interval.number-error .bi-input {
-  color: #ff4949 !important;
+  color: #e65251 !important;
 }
 .bi-quarter-trigger {
   -webkit-border-radius: 2px;
@@ -4182,7 +4417,7 @@ ul.ztree.zTreeDragUL {
   font-size: 16px;
 }
 .bi-search-multi-text-value-combo.combo-error .bi-multi-select-searcher .tip-text-style {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-single-select-combo .single-select-trigger-icon-button {
   font-size: 16px;
@@ -4251,15 +4486,15 @@ ul.ztree.zTreeDragUL {
   left: -8px;
 }
 .bi-theme-dark .bi-single-slider-button .slider-button {
-  background-color: #242640;
+  background-color: #20263b;
 }
 .bi-theme-dark .bi-single-slider-button .slider-button:hover,
 .bi-theme-dark .bi-single-slider-button .slider-button.hover {
-  background-color: #191B2B;
+  background-color: #191b2b;
 }
 .bi-theme-dark .bi-single-slider-button .slider-button.disabled:hover,
 .bi-theme-dark .bi-single-slider-button .slider-button.disabled.hover {
-  background-color: #191B2B;
+  background-color: #191b2b;
 }
 .bi-slider-track .gray-track {
   background-color: rgba(61, 77, 102, 0.1);
@@ -4297,10 +4532,10 @@ ul.ztree.zTreeDragUL {
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff,endColorstr=#00ffffff);
 }
 .bi-date-interval.time-error .bi-input {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-date-interval.time-error .sign-editor-text {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-time-interval .bi-date-time-trigger {
   -webkit-border-radius: 2px;
@@ -4308,10 +4543,10 @@ ul.ztree.zTreeDragUL {
   border-radius: 2px;
 }
 .bi-time-interval.time-error .bi-date-time-trigger .bi-input {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-time-interval.time-error .bi-date-time-trigger .sign-editor-text {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-year-popup .year-popup-navigation {
   line-height: 30px;
@@ -4323,7 +4558,7 @@ ul.ztree.zTreeDragUL {
   border-left: none;
 }
 .bi-theme-dark .bi-year-popup .year-popup-navigation > .center-element {
-  border-left: 1px solid #3a3c53;
+  border-left: 1px solid #363e55;
 }
 .bi-theme-dark .bi-year-popup .year-popup-navigation > .first-element {
   border-left: none;
@@ -4334,10 +4569,10 @@ ul.ztree.zTreeDragUL {
   border-radius: 2px;
 }
 .bi-year-month-interval.time-error .bi-input {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-year-month-interval.time-error .sign-editor-text {
-  color: #ff4949;
+  color: #e65251;
 }
 html {
   height: 100%;
@@ -4371,8 +4606,8 @@ body {
 div::-webkit-scrollbar,
 textarea::-webkit-scrollbar {
   -webkit-appearance: none;
-  background-color: rgba(61, 77, 102, 0.05);
+  background-color: rgba(32, 38, 59, 0.05);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d3d4d66,endColorstr=#0d3d4d66);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d20263b,endColorstr=#0d20263b);
   width: 6px;
   height: 6px;
 }
@@ -4381,13 +4616,13 @@ textarea::-webkit-scrollbar-thumb {
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
-  background-color: rgba(61, 77, 102, 0.3);
+  background-color: rgba(32, 38, 59, 0.3);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d3d4d66,endColorstr=#4d3d4d66);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d20263b,endColorstr=#4d20263b);
 }
 div::-webkit-scrollbar-thumb:hover,
 textarea::-webkit-scrollbar-thumb:hover {
-  background-color: rgba(61, 77, 102, 0.7);
+  background-color: rgba(32, 38, 59, 0.7);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b33d4d66,endColorstr=#b33d4d66);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b320263b,endColorstr=#b320263b);
 }
 .bi-theme-dark div::-webkit-scrollbar,
 .bi-theme-dark textarea::-webkit-scrollbar {
@@ -4703,7 +4938,7 @@ textarea::-webkit-scrollbar-thumb:hover {
 .search-close-h-font:hover .b-font:before,
 .search-close-h-font.hover .b-font:before {
   content: "\e6d0";
-  color: #ff4949;
+  color: #e65251;
 }
 .search-close-h-font.disabled .b-font:before {
   content: "\e6d0";
@@ -4848,11 +5083,11 @@ textarea::-webkit-scrollbar-thumb:hover {
 .dot-e-font:hover .b-font:before,
 .dot-e-font.hover .b-font:before {
   content: "\e762";
-  color: rgba(54, 133, 242, 0.06);
+  color: transparent;
 }
 .dot-e-font:active .b-font:before {
   content: "\e762";
-  color: #3685f2;
+  color: transparent;
 }
 .dot-e-font.active .b-font:before {
   content: "\e762";
@@ -5080,67 +5315,67 @@ textarea::-webkit-scrollbar-thumb:hover {
 }
 /** dashboard组件/控件 下拉列表图标字体 ~end~**/
 .row-pre-page-h-font .b-font {
-  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .row-pre-page-h-font .b-font:before {
-  content: "\e6d9";
+  content: "\e70d";
   color: inherit;
 }
 .row-pre-page-h-font:hover .b-font:before,
 .row-pre-page-h-font.hover .b-font:before {
-  content: "\e6d9";
+  content: "\e70d";
   color: inherit;
 }
 .row-pre-page-h-font.disabled .b-font:before {
-  content: "\e6d9";
+  content: "\e70d";
   color: inherit;
 }
 .row-next-page-h-font .b-font {
-  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .row-next-page-h-font .b-font:before {
-  content: "\e6d8";
+  content: "\e70c";
   color: inherit;
 }
 .row-next-page-h-font:hover .b-font:before,
 .row-next-page-h-font.hover .b-font:before {
-  content: "\e6d8";
+  content: "\e70c";
   color: inherit;
 }
 .row-next-page-h-font.disabled .b-font:before {
-  content: "\e6d8";
+  content: "\e70c";
   color: inherit;
 }
 .column-pre-page-h-font .b-font {
-  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .column-pre-page-h-font .b-font:before {
-  content: "\e6d6";
+  content: "\e70a";
   color: inherit;
 }
 .column-pre-page-h-font:hover .b-font:before,
 .column-pre-page-h-font.hover .b-font:before {
-  content: "\e6d6";
+  content: "\e70a";
   color: inherit;
 }
 .column-pre-page-h-font.disabled .b-font:before {
-  content: "\e6d6";
+  content: "\e70a";
   color: inherit;
 }
 .column-next-page-h-font .b-font {
-  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .column-next-page-h-font .b-font:before {
-  content: "\e6d7";
+  content: "\e70b";
   color: inherit;
 }
 .column-next-page-h-font:hover .b-font:before,
 .column-next-page-h-font.hover .b-font:before {
-  content: "\e6d7";
+  content: "\e70b";
   color: inherit;
 }
 .column-next-page-h-font.disabled .b-font:before {
-  content: "\e6d7";
+  content: "\e70b";
   color: inherit;
 }
 .expander-right-font .b-font {

dist/base.css

@@ -339,9 +339,9 @@
 .bi-theme-dark .bi-bubble-combo .bubble-combo-triangle-right:before,
 .bi-theme-dark .bi-bubble-combo .bubble-combo-triangle-top:before,
 .bi-theme-dark .bi-bubble-combo .bubble-combo-triangle-bottom:before {
-  background-color: #242640;
+  background-color: #20263b;
-  border-bottom: 1px solid #2F3149;
+  border-bottom: 1px solid #292f45;
-  border-right: 1px solid #2F3149;
+  border-right: 1px solid #292f45;
 }
 
 .bi-combo > .bi-trigger .bi-trigger-icon-button .x-icon {
@@ -377,7 +377,7 @@
 }
 .bi-theme-dark .bi-combo.disabled.bi-combo-hover > .bi-border,
 .bi-theme-dark .bi-combo.disabled:hover > .bi-border {
-  border-color: #3a3c53;
+  border-color: #363e55;
 }
 
 .bi-search-text-value-combo .trigger-icon-button {
@@ -389,7 +389,7 @@
   border-radius: 2px;
 }
 .bi-search-text-value-combo.combo-error .bi-search-text-value-trigger .bi-text-button {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-search-text-value-combo .bi-combo.bi-combo-popup + .bi-trigger-icon-button .x-icon {
   -webkit-transform: rotate(180deg);
@@ -411,11 +411,11 @@
 }
 
 .bi-icon-text-value-combo.combo-error .bi-text-trigger .select-text-label {
-  color: #ff4949;
+  color: #e65251;
 }
 
 .bi-text-value-combo.combo-error .bi-select-text-trigger .select-text-label {
-  color: #ff4949;
+  color: #e65251;
 }
 
 .bi-text-value-check-combo.bi-combo-popup > .bi-border,
@@ -692,13 +692,13 @@
   overflow: hidden;
   overflow-x: hidden;
   overflow-y: hidden;
-  background: #242640;
+  background: #20263b;
-  border-right: 1px solid #3a3c53;
+  border-right: 1px solid #363e55;
-  border-top: 1px solid #3a3c53;
+  border-top: 1px solid #363e55;
-  border-bottom: 1px solid #3a3c53;
+  border-bottom: 1px solid #363e55;
 }
 .bi-theme-dark .bi-segment > .first-element {
-  border-left: 1px solid #242640;
+  border-left: 1px solid #20263b;
 }
 .bi-half-button {
   -webkit-border-radius: 2px;
@@ -847,8 +847,8 @@ body .bi-button.button-warning.clear .b-font:before,
 }
 body .bi-button.button-error,
 #body .bi-button.button-error {
-  background-color: #ff4949;
+  background-color: #e65251;
-  border-color: #FF4949;
+  border-color: #e65251;
 }
 body .bi-button.button-error,
 #body .bi-button.button-error,
@@ -865,7 +865,7 @@ body .bi-button.button-error.clear,
 #body .bi-button.button-error.clear,
 body .bi-button.button-error.clear .b-font:before,
 #body .bi-button.button-error.clear .b-font:before {
-  color: #ff4949;
+  color: #e65251;
 }
 body .bi-button.button-common.disabled,
 #body .bi-button.button-common.disabled,
@@ -883,7 +883,7 @@ body .bi-button.button-error.disabled.base-disabled,
 #body .bi-button.button-error.disabled.base-disabled,
 body .bi-button.button-warning.disabled.base-disabled,
 #body .bi-button.button-warning.disabled.base-disabled {
-  background: #F2F4F7 !important;
+  background: #f2f4f7 !important;
   border-color: #d0d4da !important;
 }
 body .bi-button.button-common.disabled,
@@ -1195,10 +1195,10 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
   border-radius: 9px 9px 9px 9px;
 }
 .bi-switch.disabled {
-  background-color: #F2F4F7;
+  background-color: #f2f4f7;
 }
 .bi-switch.disabled:active {
-  background-color: #F2F4F7;
+  background-color: #f2f4f7;
 }
 .bi-theme-dark .bi-switch {
   background-color: #606479;
@@ -1208,10 +1208,10 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
   background-color: #3685f2;
 }
 .bi-theme-dark .bi-switch.disabled {
-  background-color: #2F3149;
+  background-color: #292f45;
 }
 .bi-theme-dark .bi-switch.disabled:active {
-  background-color: #2F3149;
+  background-color: #292f45;
 }
 .bi-multifile-editor .multifile-editor {
   text-align: right;
@@ -1231,6 +1231,241 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
   line-height: 21px;
   border: none;
 }
+.bi-html article,
+.bi-html aside,
+.bi-html details,
+.bi-html figcaption,
+.bi-html figure,
+.bi-html footer,
+.bi-html header,
+.bi-html hgroup,
+.bi-html nav,
+.bi-html section,
+.bi-html summary {
+  display: block;
+}
+.bi-html audio,
+.bi-html canvas,
+.bi-html video {
+  display: inline-block;
+  *display: inline;
+  *zoom: 1;
+}
+.bi-html audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+.bi-html [hidden] {
+  display: none;
+}
+.bi-html html {
+  font-size: 100%;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+}
+.bi-html html,
+.bi-html button,
+.bi-html input,
+.bi-html select,
+.bi-html textarea {
+  font-family: sans-serif;
+}
+.bi-html body {
+  margin: 0;
+}
+.bi-html a:focus {
+  outline: thin dotted;
+}
+.bi-html a:active,
+.bi-html a:hover {
+  outline: 0;
+}
+.bi-html h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+.bi-html h2 {
+  font-size: 1.5em;
+  margin: 0.83em 0;
+}
+.bi-html h3 {
+  font-size: 1.17em;
+  margin: 1em 0;
+}
+.bi-html h4 {
+  font-size: 1em;
+  margin: 1.33em 0;
+}
+.bi-html h5 {
+  font-size: .83em;
+  margin: 1.67em 0;
+}
+.bi-html h6 {
+  font-size: .75em;
+  margin: 2.33em 0;
+}
+.bi-html abbr[title] {
+  border-bottom: 1px dotted;
+}
+.bi-html b,
+.bi-html strong {
+  font-weight: bold;
+}
+.bi-html blockquote {
+  margin: 1em 40px;
+}
+.bi-html dfn {
+  font-style: italic;
+}
+.bi-html mark {
+  background: #ff0;
+  color: #000;
+}
+.bi-html p,
+.bi-html pre {
+  margin: 1em 0;
+}
+.bi-html code,
+.bi-html kbd,
+.bi-html pre,
+.bi-html samp {
+  font-family: monospace, serif;
+  _font-family: 'courier new', monospace;
+  font-size: 1em;
+}
+.bi-html pre {
+  white-space: pre;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
+.bi-html q {
+  quotes: none;
+}
+.bi-html q:before,
+.bi-html q:after {
+  content: '';
+  content: none;
+}
+.bi-html small {
+  font-size: 75%;
+}
+.bi-html sub,
+.bi-html sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+.bi-html sup {
+  top: -0.5em;
+}
+.bi-html sub {
+  bottom: -0.25em;
+}
+.bi-html dl,
+.bi-html menu,
+.bi-html ol,
+.bi-html ul {
+  margin: 1em 0;
+}
+.bi-html dd {
+  margin: 0 0 0 40px;
+}
+.bi-html menu,
+.bi-html ol,
+.bi-html ul {
+  padding: 0 0 0 40px;
+}
+.bi-html nav ul,
+.bi-html nav ol {
+  list-style: none;
+  list-style-image: none;
+}
+.bi-html ul {
+  list-style: disc;
+}
+.bi-html li {
+  list-style-type: disc;
+}
+.bi-html img {
+  border: 0;
+  -ms-interpolation-mode: bicubic;
+}
+.bi-html svg:not(:root) {
+  overflow: hidden;
+}
+.bi-html figure {
+  margin: 0;
+}
+.bi-html form {
+  margin: 0;
+}
+.bi-html fieldset {
+  border: 1px solid #c0c0c0;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em;
+}
+.bi-html legend {
+  border: 0;
+  padding: 0;
+  white-space: normal;
+  *margin-left: -7px;
+}
+.bi-html button,
+.bi-html input,
+.bi-html select,
+.bi-html textarea {
+  font-size: 100%;
+  margin: 0;
+  vertical-align: baseline;
+  *vertical-align: middle;
+}
+.bi-html button,
+.bi-html input {
+  line-height: normal;
+}
+.bi-html button,
+.bi-html html input[type="button"],
+.bi-html input[type="reset"],
+.bi-html input[type="submit"] {
+  -webkit-appearance: button;
+  cursor: pointer;
+  *overflow: visible;
+}
+.bi-html button[disabled],
+.bi-html input[disabled] {
+  cursor: default;
+}
+.bi-html input[type="checkbox"],
+.bi-html input[type="radio"] {
+  box-sizing: border-box;
+  padding: 0;
+  *height: 13px;
+  *width: 13px;
+}
+.bi-html input[type="search"] {
+  -webkit-appearance: textfield;
+  -moz-box-sizing: content-box;
+  -webkit-box-sizing: content-box;
+  box-sizing: content-box;
+}
+.bi-html input[type="search"]::-webkit-search-cancel-button,
+.bi-html input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+.bi-html button::-moz-focus-inner,
+.bi-html input::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+.bi-html textarea {
+  overflow: auto;
+  vertical-align: top;
+}
+.bi-html table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
 .x-icon.b-font {
   margin: auto;
   width: 100%;
@@ -1272,7 +1507,7 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
   opacity: 1;
 }
 .bi-checkbox.disabled .checkbox-content {
-  background-color: #F2F4F7;
+  background-color: #f2f4f7;
   border-color: #d0d4da;
 }
 .bi-checkbox.disabled .checkbox-content:after {
@@ -1296,7 +1531,7 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
   border-color: #3685f2;
 }
 .bi-theme-dark .bi-checkbox.disabled .checkbox-content {
-  background-color: #2F3149;
+  background-color: #292f45;
 }
 .bi-theme-dark .bi-checkbox.disabled.active .checkbox-content {
   background-color: #606479;
@@ -1324,7 +1559,7 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
 .bi-input.bi-input-error,
 .bi-textarea.bi-input-error {
   border: none;
-  color: #ff4949 !important;
+  color: #e65251 !important;
 }
 .bi-radio .radio-content {
   -webkit-border-radius: 8px;
@@ -1362,7 +1597,7 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
   transform: translate(-50%, -50%);
 }
 .bi-radio.disabled .radio-content {
-  background-color: #F2F4F7;
+  background-color: #f2f4f7;
   border-color: #d0d4da;
 }
 .bi-radio.disabled .radio-content:after {
@@ -1386,7 +1621,7 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
   border-color: #3685f2;
 }
 .bi-theme-dark .bi-radio.disabled .radio-content {
-  background-color: #2F3149;
+  background-color: #292f45;
 }
 .bi-theme-dark .bi-radio.disabled .radio-content.hover,
 .bi-theme-dark .bi-radio.disabled .radio-content:hover {
@@ -1423,7 +1658,7 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
 }
 .bi-bubble .bubble-error {
   background: #ffecec;
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-theme-dark .bi-bubble .bubble-error {
   background: #3A2940;
@@ -1460,7 +1695,7 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
   background: #faaa39;
 }
 .bi-toast.toast-error {
-  background: #ff4949;
+  background: #e65251;
 }
 .bi-toast.toast-normal {
   background: #3685f2;
@@ -1482,8 +1717,8 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
   border: 1px solid #647185;
 }
 .bi-tooltip.tooltip-warning {
-  background: #ff4949;
+  background: #e65251;
-  border: 1px solid #FF4949;
+  border: 1px solid #e65251;
 }
 .bi-branch-tree .bi-branch-tree-view {
   min-width: 300px;
@@ -1805,7 +2040,7 @@ ul.ztree.zTreeDragUL {
   border-left: none;
 }
 .bi-theme-dark .bi-popup-view .list-view-toolbar > .center-element {
-  border-left: 1px solid #3a3c53;
+  border-left: 1px solid #363e55;
 }
 .bi-theme-dark .bi-popup-view .list-view-toolbar > .first-element {
   border-left: none;

dist/bundle.css

@@ -284,7 +284,7 @@ textarea {
 }
 .bi-theme-dark input,
 .bi-theme-dark textarea {
-  border: 1px solid #3a3c53;
+  border: 1px solid #363e55;
 }
 .base-disabled {
   cursor: not-allowed !important;
@@ -320,7 +320,7 @@ textarea {
   border-color: #e8eaed;
 }
 .bi-theme-dark .bi-focus-shadow.disabled:hover {
-  border-color: #3a3c53;
+  border-color: #363e55;
 }
 .base-invalid {
   cursor: default !important;
@@ -348,7 +348,7 @@ textarea {
   color: #3d4d66;
 }
 .bi-theme-dark .bi-background {
-  background-color: #191B2B;
+  background-color: #191b2b;
   color: #d6e0dc;
 }
 .bi-theme-dark .bi-background .bi-input {
@@ -358,7 +358,7 @@ textarea {
   color: #d6e0dc;
 }
 .bi-header-background {
-  background-color: #F2F4F7;
+  background-color: #f2f4f7;
   color: #647185;
 }
 .bi-header-background .bi-input {
@@ -368,7 +368,7 @@ textarea {
   color: #647185;
 }
 .bi-theme-dark .bi-header-background {
-  background-color: #2F3149;
+  background-color: #292f45;
   color: #afb7c6;
 }
 .bi-theme-dark .bi-header-background .bi-input {
@@ -388,7 +388,7 @@ textarea {
   color: #3d4d66;
 }
 .bi-theme-dark .bi-card {
-  background-color: #242640;
+  background-color: #20263b;
   color: #d6e0dc;
 }
 .bi-theme-dark .bi-card .bi-input {
@@ -455,19 +455,19 @@ textarea {
   border-color: #d0d4da !important;
 }
 .bi-theme-dark .bi-border {
-  border: 1px solid #3a3c53;
+  border: 1px solid #363e55;
 }
 .bi-theme-dark .bi-border-top {
-  border-top: 1px solid #3a3c53;
+  border-top: 1px solid #363e55;
 }
 .bi-theme-dark .bi-border-right {
-  border-right: 1px solid #3a3c53;
+  border-right: 1px solid #363e55;
 }
 .bi-theme-dark .bi-border-bottom {
-  border-bottom: 1px solid #3a3c53;
+  border-bottom: 1px solid #363e55;
 }
 .bi-theme-dark .bi-border-left {
-  border-left: 1px solid #3a3c53;
+  border-left: 1px solid #363e55;
 }
 .bi-split {
   border: 1px solid #f2f4f7;
@@ -485,19 +485,19 @@ textarea {
   border-left: 1px solid #f2f4f7;
 }
 .bi-theme-dark .bi-split {
-  border: 1px solid #2F3149;
+  border: 1px solid #292f45;
 }
 .bi-theme-dark .bi-split-top {
-  border-top: 1px solid #2F3149;
+  border-top: 1px solid #292f45;
 }
 .bi-theme-dark .bi-split-right {
-  border-right: 1px solid #2F3149;
+  border-right: 1px solid #292f45;
 }
 .bi-theme-dark .bi-split-bottom {
-  border-bottom: 1px solid #2F3149;
+  border-bottom: 1px solid #292f45;
 }
 .bi-theme-dark .bi-split-left {
-  border-left: 1px solid #2F3149;
+  border-left: 1px solid #292f45;
 }
 .bi-font-helvetica-neue {
   font-family: "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Heiti, serif;
@@ -544,13 +544,13 @@ textarea {
   color: #3685f2;
 }
 .bi-error {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-error .bi-input {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-error .bi-textarea {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-high-light-background {
   background-color: #3685f2;
@@ -563,7 +563,7 @@ textarea {
   color: #ffffff;
 }
 .bi-error-background {
-  background-color: #ff4949;
+  background-color: #e65251;
   color: #ffffff;
 }
 .bi-error-background .bi-input {
@@ -642,15 +642,15 @@ textarea {
   color: #ffffff;
 }
 .bi-theme-dark .bi-mask {
-  color: #242640;
+  color: #20263b;
   background-color: rgba(255, 255, 255, 0.2);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff,endColorstr=#33ffffff);
 }
 .bi-theme-dark .bi-mask .bi-input {
-  color: #242640;
+  color: #20263b;
 }
 .bi-theme-dark .bi-mask .bi-textarea {
-  color: #242640;
+  color: #20263b;
 }
 .bi-z-index-mask {
   background-color: rgba(35, 46, 64, 0.5);
@@ -1095,45 +1095,45 @@ textarea {
   border-color: #13cd66;
 }
 .bi-list-item-select.button-warning {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-list-item-select.button-warning .bi-input {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-list-item-select.button-warning .bi-textarea {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-list-item-select.button-warning .bi-high-light {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-list-item-select.button-warning.bi-high-light-border {
-  border-color: #FF4949;
+  border-color: #e65251;
 }
 .bi-list-item-select.button-warning:hover,
 .bi-list-item-select.button-warning.hover {
-  color: #ff4949;
+  color: #e65251;
   background-color: #ffecec;
 }
 .bi-list-item-select.button-warning:hover .bi-input,
 .bi-list-item-select.button-warning.hover .bi-input {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-list-item-select.button-warning:hover .bi-textarea,
 .bi-list-item-select.button-warning.hover .bi-textarea {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-list-item-select.button-warning:hover .bi-high-light,
 .bi-list-item-select.button-warning.hover .bi-high-light {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-list-item-select.button-warning:hover.bi-high-light-border,
 .bi-list-item-select.button-warning.hover.bi-high-light-border {
-  border-color: #FF4949;
+  border-color: #e65251;
 }
 .bi-list-item-select.button-warning:active,
 .bi-list-item-select.button-warning.active {
   color: #ffffff;
-  background-color: #ff4949;
+  background-color: #e65251;
 }
 .bi-list-item-select.button-warning:active .bi-input,
 .bi-list-item-select.button-warning.active .bi-input {
@@ -1149,7 +1149,7 @@ textarea {
 }
 .bi-list-item-select.button-warning:active.bi-high-light-border,
 .bi-list-item-select.button-warning.active.bi-high-light-border {
-  border-color: #FF4949;
+  border-color: #e65251;
 }
 .bi-list-item-select.disabled {
   color: #9ea6b2 !important;
@@ -1253,7 +1253,7 @@ textarea {
 .bi-theme-dark .bi-list-item-select2:hover,
 .bi-theme-dark .bi-list-item-select2.hover {
   color: #ffffff;
-  background-color: #242640;
+  background-color: #20263b;
 }
 .bi-theme-dark .bi-list-item-select2:hover .bi-input,
 .bi-theme-dark .bi-list-item-select2.hover .bi-input {
@@ -1266,7 +1266,7 @@ textarea {
 .bi-theme-dark .bi-list-item-select2.active,
 .bi-theme-dark .bi-list-item-select2:active {
   color: #3685f2;
-  background-color: #242640;
+  background-color: #20263b;
 }
 .bi-theme-dark .bi-list-item-select2.active .bi-input,
 .bi-theme-dark .bi-list-item-select2:active .bi-input {
@@ -1322,12 +1322,12 @@ textarea {
 }
 .bi-theme-dark .bi-list-item-select3:hover,
 .bi-theme-dark .bi-list-item-select3.hover {
-  background-color: #191B2B;
+  background-color: #191b2b;
 }
 .bi-theme-dark .bi-list-item-select3:active,
 .bi-theme-dark .bi-list-item-select3.active {
   color: #3685f2;
-  background-color: #191B2B;
+  background-color: #191b2b;
 }
 .bi-theme-dark .bi-list-item-select3:active .bi-input,
 .bi-theme-dark .bi-list-item-select3.active .bi-input {
@@ -1341,7 +1341,7 @@ textarea {
 .bi-theme-dark .bi-list-item-select3.disabled.hover,
 .bi-theme-dark .bi-list-item-select3.disabled:active,
 .bi-theme-dark .bi-list-item-select3.disabled.active {
-  background-color: #242640 !important;
+  background-color: #20263b !important;
 }
 .bi-theme-dark .bi-list-item-select:hover,
 .bi-theme-dark .bi-list-item-select.hover {
@@ -2494,9 +2494,9 @@ textarea {
 .bi-theme-dark .bi-bubble-combo .bubble-combo-triangle-right:before,
 .bi-theme-dark .bi-bubble-combo .bubble-combo-triangle-top:before,
 .bi-theme-dark .bi-bubble-combo .bubble-combo-triangle-bottom:before {
-  background-color: #242640;
+  background-color: #20263b;
-  border-bottom: 1px solid #2F3149;
+  border-bottom: 1px solid #292f45;
-  border-right: 1px solid #2F3149;
+  border-right: 1px solid #292f45;
 }
 
 .bi-combo > .bi-trigger .bi-trigger-icon-button .x-icon {
@@ -2532,7 +2532,7 @@ textarea {
 }
 .bi-theme-dark .bi-combo.disabled.bi-combo-hover > .bi-border,
 .bi-theme-dark .bi-combo.disabled:hover > .bi-border {
-  border-color: #3a3c53;
+  border-color: #363e55;
 }
 
 .bi-search-text-value-combo .trigger-icon-button {
@@ -2544,7 +2544,7 @@ textarea {
   border-radius: 2px;
 }
 .bi-search-text-value-combo.combo-error .bi-search-text-value-trigger .bi-text-button {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-search-text-value-combo .bi-combo.bi-combo-popup + .bi-trigger-icon-button .x-icon {
   -webkit-transform: rotate(180deg);
@@ -2566,11 +2566,11 @@ textarea {
 }
 
 .bi-icon-text-value-combo.combo-error .bi-text-trigger .select-text-label {
-  color: #ff4949;
+  color: #e65251;
 }
 
 .bi-text-value-combo.combo-error .bi-select-text-trigger .select-text-label {
-  color: #ff4949;
+  color: #e65251;
 }
 
 .bi-text-value-check-combo.bi-combo-popup > .bi-border,
@@ -2847,13 +2847,13 @@ textarea {
   overflow: hidden;
   overflow-x: hidden;
   overflow-y: hidden;
-  background: #242640;
+  background: #20263b;
-  border-right: 1px solid #3a3c53;
+  border-right: 1px solid #363e55;
-  border-top: 1px solid #3a3c53;
+  border-top: 1px solid #363e55;
-  border-bottom: 1px solid #3a3c53;
+  border-bottom: 1px solid #363e55;
 }
 .bi-theme-dark .bi-segment > .first-element {
-  border-left: 1px solid #242640;
+  border-left: 1px solid #20263b;
 }
 .bi-half-button {
   -webkit-border-radius: 2px;
@@ -3002,8 +3002,8 @@ body .bi-button.button-warning.clear .b-font:before,
 }
 body .bi-button.button-error,
 #body .bi-button.button-error {
-  background-color: #ff4949;
+  background-color: #e65251;
-  border-color: #FF4949;
+  border-color: #e65251;
 }
 body .bi-button.button-error,
 #body .bi-button.button-error,
@@ -3020,7 +3020,7 @@ body .bi-button.button-error.clear,
 #body .bi-button.button-error.clear,
 body .bi-button.button-error.clear .b-font:before,
 #body .bi-button.button-error.clear .b-font:before {
-  color: #ff4949;
+  color: #e65251;
 }
 body .bi-button.button-common.disabled,
 #body .bi-button.button-common.disabled,
@@ -3038,7 +3038,7 @@ body .bi-button.button-error.disabled.base-disabled,
 #body .bi-button.button-error.disabled.base-disabled,
 body .bi-button.button-warning.disabled.base-disabled,
 #body .bi-button.button-warning.disabled.base-disabled {
-  background: #F2F4F7 !important;
+  background: #f2f4f7 !important;
   border-color: #d0d4da !important;
 }
 body .bi-button.button-common.disabled,
@@ -3350,10 +3350,10 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
   border-radius: 9px 9px 9px 9px;
 }
 .bi-switch.disabled {
-  background-color: #F2F4F7;
+  background-color: #f2f4f7;
 }
 .bi-switch.disabled:active {
-  background-color: #F2F4F7;
+  background-color: #f2f4f7;
 }
 .bi-theme-dark .bi-switch {
   background-color: #606479;
@@ -3363,10 +3363,10 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
   background-color: #3685f2;
 }
 .bi-theme-dark .bi-switch.disabled {
-  background-color: #2F3149;
+  background-color: #292f45;
 }
 .bi-theme-dark .bi-switch.disabled:active {
-  background-color: #2F3149;
+  background-color: #292f45;
 }
 .bi-multifile-editor .multifile-editor {
   text-align: right;
@@ -3386,6 +3386,241 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
   line-height: 21px;
   border: none;
 }
+.bi-html article,
+.bi-html aside,
+.bi-html details,
+.bi-html figcaption,
+.bi-html figure,
+.bi-html footer,
+.bi-html header,
+.bi-html hgroup,
+.bi-html nav,
+.bi-html section,
+.bi-html summary {
+  display: block;
+}
+.bi-html audio,
+.bi-html canvas,
+.bi-html video {
+  display: inline-block;
+  *display: inline;
+  *zoom: 1;
+}
+.bi-html audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+.bi-html [hidden] {
+  display: none;
+}
+.bi-html html {
+  font-size: 100%;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+}
+.bi-html html,
+.bi-html button,
+.bi-html input,
+.bi-html select,
+.bi-html textarea {
+  font-family: sans-serif;
+}
+.bi-html body {
+  margin: 0;
+}
+.bi-html a:focus {
+  outline: thin dotted;
+}
+.bi-html a:active,
+.bi-html a:hover {
+  outline: 0;
+}
+.bi-html h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+.bi-html h2 {
+  font-size: 1.5em;
+  margin: 0.83em 0;
+}
+.bi-html h3 {
+  font-size: 1.17em;
+  margin: 1em 0;
+}
+.bi-html h4 {
+  font-size: 1em;
+  margin: 1.33em 0;
+}
+.bi-html h5 {
+  font-size: .83em;
+  margin: 1.67em 0;
+}
+.bi-html h6 {
+  font-size: .75em;
+  margin: 2.33em 0;
+}
+.bi-html abbr[title] {
+  border-bottom: 1px dotted;
+}
+.bi-html b,
+.bi-html strong {
+  font-weight: bold;
+}
+.bi-html blockquote {
+  margin: 1em 40px;
+}
+.bi-html dfn {
+  font-style: italic;
+}
+.bi-html mark {
+  background: #ff0;
+  color: #000;
+}
+.bi-html p,
+.bi-html pre {
+  margin: 1em 0;
+}
+.bi-html code,
+.bi-html kbd,
+.bi-html pre,
+.bi-html samp {
+  font-family: monospace, serif;
+  _font-family: 'courier new', monospace;
+  font-size: 1em;
+}
+.bi-html pre {
+  white-space: pre;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
+.bi-html q {
+  quotes: none;
+}
+.bi-html q:before,
+.bi-html q:after {
+  content: '';
+  content: none;
+}
+.bi-html small {
+  font-size: 75%;
+}
+.bi-html sub,
+.bi-html sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+.bi-html sup {
+  top: -0.5em;
+}
+.bi-html sub {
+  bottom: -0.25em;
+}
+.bi-html dl,
+.bi-html menu,
+.bi-html ol,
+.bi-html ul {
+  margin: 1em 0;
+}
+.bi-html dd {
+  margin: 0 0 0 40px;
+}
+.bi-html menu,
+.bi-html ol,
+.bi-html ul {
+  padding: 0 0 0 40px;
+}
+.bi-html nav ul,
+.bi-html nav ol {
+  list-style: none;
+  list-style-image: none;
+}
+.bi-html ul {
+  list-style: disc;
+}
+.bi-html li {
+  list-style-type: disc;
+}
+.bi-html img {
+  border: 0;
+  -ms-interpolation-mode: bicubic;
+}
+.bi-html svg:not(:root) {
+  overflow: hidden;
+}
+.bi-html figure {
+  margin: 0;
+}
+.bi-html form {
+  margin: 0;
+}
+.bi-html fieldset {
+  border: 1px solid #c0c0c0;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em;
+}
+.bi-html legend {
+  border: 0;
+  padding: 0;
+  white-space: normal;
+  *margin-left: -7px;
+}
+.bi-html button,
+.bi-html input,
+.bi-html select,
+.bi-html textarea {
+  font-size: 100%;
+  margin: 0;
+  vertical-align: baseline;
+  *vertical-align: middle;
+}
+.bi-html button,
+.bi-html input {
+  line-height: normal;
+}
+.bi-html button,
+.bi-html html input[type="button"],
+.bi-html input[type="reset"],
+.bi-html input[type="submit"] {
+  -webkit-appearance: button;
+  cursor: pointer;
+  *overflow: visible;
+}
+.bi-html button[disabled],
+.bi-html input[disabled] {
+  cursor: default;
+}
+.bi-html input[type="checkbox"],
+.bi-html input[type="radio"] {
+  box-sizing: border-box;
+  padding: 0;
+  *height: 13px;
+  *width: 13px;
+}
+.bi-html input[type="search"] {
+  -webkit-appearance: textfield;
+  -moz-box-sizing: content-box;
+  -webkit-box-sizing: content-box;
+  box-sizing: content-box;
+}
+.bi-html input[type="search"]::-webkit-search-cancel-button,
+.bi-html input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+.bi-html button::-moz-focus-inner,
+.bi-html input::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+.bi-html textarea {
+  overflow: auto;
+  vertical-align: top;
+}
+.bi-html table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
 .x-icon.b-font {
   margin: auto;
   width: 100%;
@@ -3427,7 +3662,7 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
   opacity: 1;
 }
 .bi-checkbox.disabled .checkbox-content {
-  background-color: #F2F4F7;
+  background-color: #f2f4f7;
   border-color: #d0d4da;
 }
 .bi-checkbox.disabled .checkbox-content:after {
@@ -3451,7 +3686,7 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
   border-color: #3685f2;
 }
 .bi-theme-dark .bi-checkbox.disabled .checkbox-content {
-  background-color: #2F3149;
+  background-color: #292f45;
 }
 .bi-theme-dark .bi-checkbox.disabled.active .checkbox-content {
   background-color: #606479;
@@ -3479,7 +3714,7 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
 .bi-input.bi-input-error,
 .bi-textarea.bi-input-error {
   border: none;
-  color: #ff4949 !important;
+  color: #e65251 !important;
 }
 .bi-radio .radio-content {
   -webkit-border-radius: 8px;
@@ -3517,7 +3752,7 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
   transform: translate(-50%, -50%);
 }
 .bi-radio.disabled .radio-content {
-  background-color: #F2F4F7;
+  background-color: #f2f4f7;
   border-color: #d0d4da;
 }
 .bi-radio.disabled .radio-content:after {
@@ -3541,7 +3776,7 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
   border-color: #3685f2;
 }
 .bi-theme-dark .bi-radio.disabled .radio-content {
-  background-color: #2F3149;
+  background-color: #292f45;
 }
 .bi-theme-dark .bi-radio.disabled .radio-content.hover,
 .bi-theme-dark .bi-radio.disabled .radio-content:hover {
@@ -3578,7 +3813,7 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
 }
 .bi-bubble .bubble-error {
   background: #ffecec;
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-theme-dark .bi-bubble .bubble-error {
   background: #3A2940;
@@ -3615,7 +3850,7 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
   background: #faaa39;
 }
 .bi-toast.toast-error {
-  background: #ff4949;
+  background: #e65251;
 }
 .bi-toast.toast-normal {
   background: #3685f2;
@@ -3637,8 +3872,8 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
   border: 1px solid #647185;
 }
 .bi-tooltip.tooltip-warning {
-  background: #ff4949;
+  background: #e65251;
-  border: 1px solid #FF4949;
+  border: 1px solid #e65251;
 }
 .bi-branch-tree .bi-branch-tree-view {
   min-width: 300px;
@@ -3960,7 +4195,7 @@ ul.ztree.zTreeDragUL {
   border-left: none;
 }
 .bi-theme-dark .bi-popup-view .list-view-toolbar > .center-element {
-  border-left: 1px solid #3a3c53;
+  border-left: 1px solid #363e55;
 }
 .bi-theme-dark .bi-popup-view .list-view-toolbar > .first-element {
   border-left: none;
@@ -4171,7 +4406,7 @@ ul.ztree.zTreeDragUL {
   font-size: 14px;
 }
 .bi-number-interval.number-error .bi-input {
-  color: #ff4949 !important;
+  color: #e65251 !important;
 }
 .bi-quarter-trigger {
   -webkit-border-radius: 2px;
@@ -4182,7 +4417,7 @@ ul.ztree.zTreeDragUL {
   font-size: 16px;
 }
 .bi-search-multi-text-value-combo.combo-error .bi-multi-select-searcher .tip-text-style {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-single-select-combo .single-select-trigger-icon-button {
   font-size: 16px;
@@ -4251,15 +4486,15 @@ ul.ztree.zTreeDragUL {
   left: -8px;
 }
 .bi-theme-dark .bi-single-slider-button .slider-button {
-  background-color: #242640;
+  background-color: #20263b;
 }
 .bi-theme-dark .bi-single-slider-button .slider-button:hover,
 .bi-theme-dark .bi-single-slider-button .slider-button.hover {
-  background-color: #191B2B;
+  background-color: #191b2b;
 }
 .bi-theme-dark .bi-single-slider-button .slider-button.disabled:hover,
 .bi-theme-dark .bi-single-slider-button .slider-button.disabled.hover {
-  background-color: #191B2B;
+  background-color: #191b2b;
 }
 .bi-slider-track .gray-track {
   background-color: rgba(61, 77, 102, 0.1);
@@ -4297,10 +4532,10 @@ ul.ztree.zTreeDragUL {
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff,endColorstr=#00ffffff);
 }
 .bi-date-interval.time-error .bi-input {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-date-interval.time-error .sign-editor-text {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-time-interval .bi-date-time-trigger {
   -webkit-border-radius: 2px;
@@ -4308,10 +4543,10 @@ ul.ztree.zTreeDragUL {
   border-radius: 2px;
 }
 .bi-time-interval.time-error .bi-date-time-trigger .bi-input {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-time-interval.time-error .bi-date-time-trigger .sign-editor-text {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-year-popup .year-popup-navigation {
   line-height: 30px;
@@ -4323,7 +4558,7 @@ ul.ztree.zTreeDragUL {
   border-left: none;
 }
 .bi-theme-dark .bi-year-popup .year-popup-navigation > .center-element {
-  border-left: 1px solid #3a3c53;
+  border-left: 1px solid #363e55;
 }
 .bi-theme-dark .bi-year-popup .year-popup-navigation > .first-element {
   border-left: none;
@@ -4334,10 +4569,10 @@ ul.ztree.zTreeDragUL {
   border-radius: 2px;
 }
 .bi-year-month-interval.time-error .bi-input {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-year-month-interval.time-error .sign-editor-text {
-  color: #ff4949;
+  color: #e65251;
 }
 html {
   height: 100%;
@@ -4371,8 +4606,8 @@ body {
 div::-webkit-scrollbar,
 textarea::-webkit-scrollbar {
   -webkit-appearance: none;
-  background-color: rgba(61, 77, 102, 0.05);
+  background-color: rgba(32, 38, 59, 0.05);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d3d4d66,endColorstr=#0d3d4d66);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d20263b,endColorstr=#0d20263b);
   width: 6px;
   height: 6px;
 }
@@ -4381,13 +4616,13 @@ textarea::-webkit-scrollbar-thumb {
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
-  background-color: rgba(61, 77, 102, 0.3);
+  background-color: rgba(32, 38, 59, 0.3);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d3d4d66,endColorstr=#4d3d4d66);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d20263b,endColorstr=#4d20263b);
 }
 div::-webkit-scrollbar-thumb:hover,
 textarea::-webkit-scrollbar-thumb:hover {
-  background-color: rgba(61, 77, 102, 0.7);
+  background-color: rgba(32, 38, 59, 0.7);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b33d4d66,endColorstr=#b33d4d66);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b320263b,endColorstr=#b320263b);
 }
 .bi-theme-dark div::-webkit-scrollbar,
 .bi-theme-dark textarea::-webkit-scrollbar {
@@ -4703,7 +4938,7 @@ textarea::-webkit-scrollbar-thumb:hover {
 .search-close-h-font:hover .b-font:before,
 .search-close-h-font.hover .b-font:before {
   content: "\e6d0";
-  color: #ff4949;
+  color: #e65251;
 }
 .search-close-h-font.disabled .b-font:before {
   content: "\e6d0";
@@ -4848,11 +5083,11 @@ textarea::-webkit-scrollbar-thumb:hover {
 .dot-e-font:hover .b-font:before,
 .dot-e-font.hover .b-font:before {
   content: "\e762";
-  color: rgba(54, 133, 242, 0.06);
+  color: transparent;
 }
 .dot-e-font:active .b-font:before {
   content: "\e762";
-  color: #3685f2;
+  color: transparent;
 }
 .dot-e-font.active .b-font:before {
   content: "\e762";
@@ -5080,67 +5315,67 @@ textarea::-webkit-scrollbar-thumb:hover {
 }
 /** dashboard组件/控件 下拉列表图标字体 ~end~**/
 .row-pre-page-h-font .b-font {
-  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .row-pre-page-h-font .b-font:before {
-  content: "\e6d9";
+  content: "\e70d";
   color: inherit;
 }
 .row-pre-page-h-font:hover .b-font:before,
 .row-pre-page-h-font.hover .b-font:before {
-  content: "\e6d9";
+  content: "\e70d";
   color: inherit;
 }
 .row-pre-page-h-font.disabled .b-font:before {
-  content: "\e6d9";
+  content: "\e70d";
   color: inherit;
 }
 .row-next-page-h-font .b-font {
-  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .row-next-page-h-font .b-font:before {
-  content: "\e6d8";
+  content: "\e70c";
   color: inherit;
 }
 .row-next-page-h-font:hover .b-font:before,
 .row-next-page-h-font.hover .b-font:before {
-  content: "\e6d8";
+  content: "\e70c";
   color: inherit;
 }
 .row-next-page-h-font.disabled .b-font:before {
-  content: "\e6d8";
+  content: "\e70c";
   color: inherit;
 }
 .column-pre-page-h-font .b-font {
-  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .column-pre-page-h-font .b-font:before {
-  content: "\e6d6";
+  content: "\e70a";
   color: inherit;
 }
 .column-pre-page-h-font:hover .b-font:before,
 .column-pre-page-h-font.hover .b-font:before {
-  content: "\e6d6";
+  content: "\e70a";
   color: inherit;
 }
 .column-pre-page-h-font.disabled .b-font:before {
-  content: "\e6d6";
+  content: "\e70a";
   color: inherit;
 }
 .column-next-page-h-font .b-font {
-  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .column-next-page-h-font .b-font:before {
-  content: "\e6d7";
+  content: "\e70b";
   color: inherit;
 }
 .column-next-page-h-font:hover .b-font:before,
 .column-next-page-h-font.hover .b-font:before {
-  content: "\e6d7";
+  content: "\e70b";
   color: inherit;
 }
 .column-next-page-h-font.disabled .b-font:before {
-  content: "\e6d7";
+  content: "\e70b";
   color: inherit;
 }
 .expander-right-font .b-font {

dist/case.js

@@ -79,7 +79,7 @@ BI.IconChangeButton = BI.inherit(BI.Single, {
         }
     }
 });
-BI.IconChangeButton.EVENT_CHANGE = "IconChangeButton.EVENT_CHANGE";
+BI.IconChangeButton.EVENT_CHANGE = "EVENT_CHANGE";
 BI.shortcut("bi.icon_change_button", BI.IconChangeButton);/**
  *  统一的trigger图标按钮
  *
@@ -95,20 +95,9 @@ BI.TriggerIconButton = BI.inherit(BI.IconButton, {
             baseCls: (conf.baseCls || "") + " bi-trigger-icon-button",
             extraCls: "pull-down-font"
         });
-    },
-
-    _init: function () {
-        BI.TriggerIconButton.superclass._init.apply(this, arguments);
-    },
-
-    doClick: function () {
-        BI.TriggerIconButton.superclass.doClick.apply(this, arguments);
-        if (this.isValid()) {
-            this.fireEvent(BI.TriggerIconButton.EVENT_CHANGE, this);
-        }
     }
 });
-BI.TriggerIconButton.EVENT_CHANGE = "TriggerIconButton.EVENT_CHANGE";
+BI.TriggerIconButton.EVENT_CHANGE = BI.IconButton.EVENT_CHANGE;
 BI.shortcut("bi.trigger_icon_button", BI.TriggerIconButton);/**
  * guy
  * @extends BI.Single
@@ -125,20 +114,9 @@ BI.HalfIconButton = BI.inherit(BI.IconButton, {
             iconHeight: 16,
             selected: false
         });
-    },
-
-    _init: function () {
-        BI.HalfIconButton.superclass._init.apply(this, arguments);
-    },
-
-    doClick: function () {
-        BI.HalfIconButton.superclass.doClick.apply(this, arguments);
-        if(this.isValid()) {
-            this.fireEvent(BI.HalfIconButton.EVENT_CHANGE);
-        }
     }
 });
-BI.HalfIconButton.EVENT_CHANGE = "HalfIconButton.EVENT_CHANGE";
+BI.HalfIconButton.EVENT_CHANGE = BI.IconButton.EVENT_CHANGE;
 
 BI.shortcut("bi.half_icon_button", BI.HalfIconButton);/**
  * guy
@@ -177,7 +155,7 @@ BI.HalfButton = BI.inherit(BI.BasicButton, {
         }
     }
 });
-BI.HalfButton.EVENT_CHANGE = "HalfIconButton.EVENT_CHANGE";
+BI.HalfButton.EVENT_CHANGE = "EVENT_CHANGE";
 
 BI.shortcut("bi.half_button", BI.HalfButton);/**
  * guy
@@ -312,12 +290,7 @@ BI.SingleSelectIconTextItem = BI.inherit(BI.Single, {
     }
 });
 
-BI.shortcut("bi.single_select_icon_text_item", BI.SingleSelectIconTextItem);/**
+BI.shortcut("bi.single_select_icon_text_item", BI.SingleSelectIconTextItem);BI.SingleSelectItem = BI.inherit(BI.BasicButton, {
- * guy
- * 复选框item
- * @type {*|void|Object}
- */
-BI.SingleSelectItem = BI.inherit(BI.BasicButton, {
     _defaultConfig: function () {
         return BI.extend(BI.SingleSelectItem.superclass._defaultConfig.apply(this, arguments), {
             extraCls: "bi-single-select-item bi-list-item-active",
@@ -356,6 +329,9 @@ BI.SingleSelectItem = BI.inherit(BI.BasicButton, {
 
     doClick: function () {
         BI.SingleSelectItem.superclass.doClick.apply(this, arguments);
+        if (this.isValid()) {
+            this.fireEvent(BI.SingleSelectItem.EVENT_CHANGE, this.isSelected(), this);
+        }
     },
 
     setSelected: function (v) {
@@ -363,6 +339,7 @@ BI.SingleSelectItem = BI.inherit(BI.BasicButton, {
     }
 });
 
+BI.SingleSelectItem.EVENT_CHANGE = "EVENT_CHANGE";
 BI.shortcut("bi.single_select_item", BI.SingleSelectItem);/**
  * guy
  * 单选框item
@@ -421,6 +398,9 @@ BI.SingleSelectRadioItem = BI.inherit(BI.BasicButton, {
     doClick: function () {
         BI.SingleSelectRadioItem.superclass.doClick.apply(this, arguments);
         this.radio.setSelected(this.isSelected());
+        if (this.isValid()) {
+            this.fireEvent(BI.SingleSelectItem.EVENT_CHANGE, this.isSelected(), this);
+        }
     },
 
     setSelected: function (v) {
@@ -430,6 +410,7 @@ BI.SingleSelectRadioItem = BI.inherit(BI.BasicButton, {
     }
 });
 
+BI.SingleSelectItem.EVENT_CHANGE = "EVENT_CHANGE";
 BI.shortcut("bi.single_select_radio_item", BI.SingleSelectRadioItem);/**
  * Created by roy on 15/10/16.
  */
@@ -973,6 +954,7 @@ BI.PlusGroupNode = BI.inherit(BI.NodeButton, {
             hgap: o.hgap,
             text: o.text,
             value: o.value,
+            keyword: o.keyword,
             py: o.py
         });
         this.checkbox.on(BI.Controller.EVENT_CHANGE, function (type) {
@@ -1060,12 +1042,7 @@ BI.Switch = BI.inherit(BI.BasicButton, {
     }
 });
 BI.Switch.EVENT_CHANGE = "EVENT_CHANGE";
-BI.shortcut("bi.switch", BI.Switch);/**
+BI.shortcut("bi.switch", BI.Switch);BI.FirstTreeLeafItem = BI.inherit(BI.BasicButton, {
- * guy
- * 复选框item
- * @type {*|void|Object}
- */
-BI.FirstTreeLeafItem = BI.inherit(BI.BasicButton, {
     _defaultConfig: function () {
         return BI.extend(BI.FirstTreeLeafItem.superclass._defaultConfig.apply(this, arguments), {
             extraCls: "bi-first-tree-leaf-item bi-list-item-active",
@@ -1251,12 +1228,7 @@ BI.shortcut("bi.first_tree_leaf_item", BI.FirstTreeLeafItem);BI.IconTreeLeafItem
     }
 });
 
-BI.shortcut("bi.icon_tree_leaf_item", BI.IconTreeLeafItem);/**
+BI.shortcut("bi.icon_tree_leaf_item", BI.IconTreeLeafItem);BI.LastTreeLeafItem = BI.inherit(BI.BasicButton, {
- * guy
- * 复选框item
- * @type {*|void|Object}
- */
-BI.LastTreeLeafItem = BI.inherit(BI.BasicButton, {
     _defaultConfig: function () {
         return BI.extend(BI.LastTreeLeafItem.superclass._defaultConfig.apply(this, arguments), {
             extraCls: "bi-last-tree-leaf-item bi-list-item-active",
@@ -1355,12 +1327,7 @@ BI.LastTreeLeafItem = BI.inherit(BI.BasicButton, {
     }
 });
 
-BI.shortcut("bi.last_tree_leaf_item", BI.LastTreeLeafItem);/**
+BI.shortcut("bi.last_tree_leaf_item", BI.LastTreeLeafItem);BI.MidTreeLeafItem = BI.inherit(BI.BasicButton, {
- * guy
- * 复选框item
- * @type {*|void|Object}
- */
-BI.MidTreeLeafItem = BI.inherit(BI.BasicButton, {
     _defaultConfig: function () {
         return BI.extend(BI.MidTreeLeafItem.superclass._defaultConfig.apply(this, arguments), {
             extraCls: "bi-mid-tree-leaf-item bi-list-item-active",
@@ -1913,9 +1880,12 @@ BI.YearCalendar = BI.inherit(BI.Widget, {
         Y = Y | 0;
         var start = BI.YearCalendar.getStartYear(Y);
         var items = [];
+        // 对于年控件来说，只要传入的minDate和maxDate的year区间包含v就是合法的
+        var startDate = BI.parseDateTime(o.min, "%Y-%X-%d");
+        var endDate = BI.parseDateTime(o.max, "%Y-%X-%d");
         BI.each(BI.range(BI.YearCalendar.INTERVAL), function (i) {
             var td = {};
-            if (BI.checkDateVoid(start + i, 1, 1, o.min, o.max)[0]) {
+            if (BI.checkDateVoid(start + i, 1, 1, BI.print(BI.getDate(startDate.getFullYear(), 0, 1), "%Y-%X-%d"), BI.print(BI.getDate(endDate.getFullYear(), 0, 1), "%Y-%X-%d"))[0]) {
                 td.disabled = true;
             }
             td.text = start + i;
@@ -2039,9 +2009,7 @@ BI.ArrowTreeGroupNodeCheckbox = BI.inherit(BI.IconButton, {
             extraCls: "bi-arrow-group-node-checkbox"
         });
     },
-    _init: function () {
+
-        BI.ArrowTreeGroupNodeCheckbox.superclass._init.apply(this, arguments);
-    },
     setSelected: function (v) {
         BI.ArrowTreeGroupNodeCheckbox.superclass.setSelected.apply(this, arguments);
         if(v) {
@@ -2089,10 +2057,7 @@ BI.FirstTreeNodeCheckbox = BI.inherit(BI.IconButton, {
             iconHeight: 24
         });
     },
-    _init: function () {
-        BI.FirstTreeNodeCheckbox.superclass._init.apply(this, arguments);
 
-    },
     setSelected: function (v) {
         BI.FirstTreeNodeCheckbox.superclass.setSelected.apply(this, arguments);
         if(v === true) {
@@ -2115,10 +2080,7 @@ BI.LastTreeNodeCheckbox = BI.inherit(BI.IconButton, {
             iconHeight: 24
         });
     },
-    _init: function () {
-        BI.LastTreeNodeCheckbox.superclass._init.apply(this, arguments);
 
-    },
     setSelected: function (v) {
         BI.LastTreeNodeCheckbox.superclass.setSelected.apply(this, arguments);
         if (v === true) {
@@ -2141,10 +2103,7 @@ BI.MidTreeNodeCheckbox = BI.inherit(BI.IconButton, {
             iconHeight: 24
         });
     },
-    _init: function () {
-        BI.MidTreeNodeCheckbox.superclass._init.apply(this, arguments);
 
-    },
     setSelected: function (v) {
         BI.MidTreeNodeCheckbox.superclass.setSelected.apply(this, arguments);
         if(v === true) {
@@ -2167,10 +2126,7 @@ BI.TreeNodeCheckbox = BI.inherit(BI.IconButton, {
             iconHeight: 24
         });
     },
-    _init: function () {
-        BI.TreeNodeCheckbox.superclass._init.apply(this, arguments);
 
-    },
     setSelected: function (v) {
         BI.TreeNodeCheckbox.superclass.setSelected.apply(this, arguments);
         if(v) {
@@ -2247,7 +2203,7 @@ BI.CustomColorChooser = BI.inherit(BI.Widget, {
         return this.editor.getValue();
     }
 });
-BI.CustomColorChooser.EVENT_CHANGE = "CustomColorChooser.EVENT_CHANGE";
+BI.CustomColorChooser.EVENT_CHANGE = "EVENT_CHANGE";
 BI.shortcut("bi.custom_color_chooser", BI.CustomColorChooser);/**
  * 选色控件
  *
@@ -2314,16 +2270,7 @@ BI.ColorChooser = BI.inherit(BI.Widget, {
         var fn = function () {
             var color = self.colorPicker.getValue();
             self.trigger.setValue(color);
-            var colors = BI.string2Array(BI.Cache.getItem("colors") || "");
-            var que = new BI.Queue(8);
-            que.fromArray(colors);
-            que.remove(color);
-            que.unshift(color);
-            BI.Cache.setItem("colors", BI.array2String(que.toArray()));
         };
-        this.combo.on(BI.Combo.EVENT_BEFORE_POPUPVIEW, function () {
-            self.colorPicker.setStoreColors(BI.string2Array(BI.Cache.getItem("colors") || ""));
-        });
 
         this.combo.on(BI.Combo.EVENT_AFTER_HIDEVIEW, function () {
             self.fireEvent(BI.ColorChooser.EVENT_CHANGE, arguments);
@@ -2354,7 +2301,7 @@ BI.ColorChooser = BI.inherit(BI.Widget, {
         return this.combo.getValue();
     }
 });
-BI.ColorChooser.EVENT_CHANGE = "ColorChooser.EVENT_CHANGE";
+BI.ColorChooser.EVENT_CHANGE = "EVENT_CHANGE";
 BI.shortcut("bi.color_chooser", BI.ColorChooser);/**
  * 选色控件
  *
@@ -2381,43 +2328,21 @@ BI.ColorChooserPopup = BI.inherit(BI.Widget, {
 
         this.colorEditor.on(BI.ColorPickerEditor.EVENT_CHANGE, function () {
             self.setValue(this.getValue());
+            self._dealStoreColors();
             self.fireEvent(BI.ColorChooserPopup.EVENT_VALUE_CHANGE, arguments);
         });
 
         this.storeColors = BI.createWidget({
             type: "bi.color_picker",
             cls: "bi-border-bottom bi-border-right",
-            items: [[{
+            items: [this._digestStoreColors(BI.string2Array(BI.Cache.getItem("colors") || ""))],
-                value: "",
-                disabled: true
-            }, {
-                value: "",
-                disabled: true
-            }, {
-                value: "",
-                disabled: true
-            }, {
-                value: "",
-                disabled: true
-            }, {
-                value: "",
-                disabled: true
-            }, {
-                value: "",
-                disabled: true
-            }, {
-                value: "",
-                disabled: true
-            }, {
-                value: "",
-                disabled: true
-            }]],
             width: 210,
             height: 24,
             value: o.value
         });
         this.storeColors.on(BI.ColorPicker.EVENT_CHANGE, function () {
             self.setValue(this.getValue()[0]);
+            self._dealStoreColors();
             self.fireEvent(BI.ColorChooserPopup.EVENT_CHANGE, arguments);
         });
 
@@ -2430,6 +2355,7 @@ BI.ColorChooserPopup = BI.inherit(BI.Widget, {
 
         this.colorPicker.on(BI.ColorPicker.EVENT_CHANGE, function () {
             self.setValue(this.getValue()[0]);
+            self._dealStoreColors();
             self.fireEvent(BI.ColorChooserPopup.EVENT_CHANGE, arguments);
         });
 
@@ -2477,6 +2403,7 @@ BI.ColorChooserPopup = BI.inherit(BI.Widget, {
                     break;
                 case 1:
                     self.setValue(self.customColorChooser.getValue());
+                    self._dealStoreColors();
                     self.more.hideView();
                     self.fireEvent(BI.ColorChooserPopup.EVENT_CHANGE, arguments);
                     break;
@@ -2550,20 +2477,36 @@ BI.ColorChooserPopup = BI.inherit(BI.Widget, {
         this.mask.setVisible(!enable);
     },
 
+    _dealStoreColors: function () {
+        var color = this.getValue();
+        var colors = BI.string2Array(BI.Cache.getItem("colors") || "");
+        var que = new BI.Queue(8);
+        que.fromArray(colors);
+        que.remove(color);
+        que.unshift(color);
+        var array = que.toArray();
+        BI.Cache.setItem("colors", BI.array2String(array));
+        this.setStoreColors(array);
+    },
+
+    _digestStoreColors: function (colors) {
+        var items = BI.map(colors, function (i, color) {
+            return {
+                value: color
+            };
+        });
+        BI.count(colors.length, 8, function (i) {
+            items.push({
+                value: "",
+                disabled: true
+            });
+        });
+        return items;
+    },
+
     setStoreColors: function (colors) {
         if (BI.isArray(colors)) {
-            var items = BI.map(colors, function (i, color) {
+            this.storeColors.populate([this._digestStoreColors(colors)]);
-                return {
-                    value: color
-                };
-            });
-            BI.count(colors.length, 8, function (i) {
-                items.push({
-                    value: "",
-                    disabled: true
-                });
-            });
-            this.storeColors.populate([items]);
         }
     },
 
@@ -2577,8 +2520,8 @@ BI.ColorChooserPopup = BI.inherit(BI.Widget, {
         return this.colorEditor.getValue();
     }
 });
-BI.ColorChooserPopup.EVENT_VALUE_CHANGE = "ColorChooserPopup.EVENT_VALUE_CHANGE";
+BI.ColorChooserPopup.EVENT_VALUE_CHANGE = "EVENT_VALUE_CHANGE";
-BI.ColorChooserPopup.EVENT_CHANGE = "ColorChooserPopup.EVENT_CHANGE";
+BI.ColorChooserPopup.EVENT_CHANGE = "EVENT_CHANGE";
 BI.shortcut("bi.color_chooser_popup", BI.ColorChooserPopup);/**
  * 选色控件
  *
@@ -2625,8 +2568,8 @@ BI.SimpleColorChooserPopup = BI.inherit(BI.Widget, {
         return this.popup.getValue();
     }
 });
-BI.SimpleColorChooserPopup.EVENT_VALUE_CHANGE = "ColorChooserPopup.EVENT_VALUE_CHANGE";
+BI.SimpleColorChooserPopup.EVENT_VALUE_CHANGE = "EVENT_VALUE_CHANGE";
-BI.SimpleColorChooserPopup.EVENT_CHANGE = "ColorChooserPopup.EVENT_CHANGE";
+BI.SimpleColorChooserPopup.EVENT_CHANGE = "EVENT_CHANGE";
 BI.shortcut("bi.simple_color_chooser_popup", BI.SimpleColorChooserPopup);/**
  * 简单选色控件，没有自动和透明
  *
@@ -2683,7 +2626,7 @@ BI.SimpleColorChooser = BI.inherit(BI.Widget, {
         return this.combo.getValue();
     }
 });
-BI.SimpleColorChooser.EVENT_CHANGE = "ColorChooser.EVENT_CHANGE";
+BI.SimpleColorChooser.EVENT_CHANGE = "EVENT_CHANGE";
 BI.shortcut("bi.simple_color_chooser", BI.SimpleColorChooser);/**
  * 选色控件
  *
@@ -2747,7 +2690,7 @@ BI.ColorChooserTrigger = BI.inherit(BI.Trigger, {
         }
     }
 });
-BI.ColorChooserTrigger.EVENT_CHANGE = "ColorChooserTrigger.EVENT_CHANGE";
+BI.ColorChooserTrigger.EVENT_CHANGE = "EVENT_CHANGE";
 BI.shortcut("bi.color_chooser_trigger", BI.ColorChooserTrigger);/**
  * 选色控件
  *
@@ -2843,7 +2786,7 @@ BI.LongColorChooserTrigger = BI.inherit(BI.Trigger, {
         }
     }
 });
-BI.LongColorChooserTrigger.EVENT_CHANGE = "ColorChooserTrigger.EVENT_CHANGE";
+BI.LongColorChooserTrigger.EVENT_CHANGE = "EVENT_CHANGE";
 BI.shortcut("bi.long_color_chooser_trigger", BI.LongColorChooserTrigger);/**
  * 简单选色控件按钮
  *
@@ -2902,7 +2845,7 @@ BI.ColorPickerButton = BI.inherit(BI.BasicButton, {
         BI.Maskers[b ? "show" : "hide"](this.getName());
     }
 });
-BI.ColorPickerButton.EVENT_CHANGE = "ColorPickerButton.EVENT_CHANGE";
+BI.ColorPickerButton.EVENT_CHANGE = "EVENT_CHANGE";
 BI.shortcut("bi.color_picker_button", BI.ColorPickerButton);/**
  * 简单选色控件
  *
@@ -3091,7 +3034,7 @@ BI.ColorPicker = BI.inherit(BI.Widget, {
         return this.colors.getValue();
     }
 });
-BI.ColorPicker.EVENT_CHANGE = "ColorPicker.EVENT_CHANGE";
+BI.ColorPicker.EVENT_CHANGE = "EVENT_CHANGE";
 BI.shortcut("bi.color_picker", BI.ColorPicker);/**
  * 简单选色控件
  *
@@ -3334,7 +3277,7 @@ BI.ColorPickerEditor = BI.inherit(BI.Widget, {
         }));
     }
 });
-BI.ColorPickerEditor.EVENT_CHANGE = "ColorPickerEditor.EVENT_CHANGE";
+BI.ColorPickerEditor.EVENT_CHANGE = "EVENT_CHANGE";
 BI.shortcut("bi.color_picker_editor", BI.ColorPickerEditor);/**
  * 简单选色控件
  *
@@ -3443,7 +3386,7 @@ BI.SimpleColorPickerEditor = BI.inherit(BI.Widget, {
         }));
     }
 });
-BI.SimpleColorPickerEditor.EVENT_CHANGE = "ColorPickerEditor.EVENT_CHANGE";
+BI.SimpleColorPickerEditor.EVENT_CHANGE = "EVENT_CHANGE";
 BI.shortcut("bi.simple_color_picker_editor", BI.SimpleColorPickerEditor);BI.Farbtastic = BI.inherit(BI.BasicButton, {
 
     constants: {
@@ -3722,7 +3665,7 @@ BI.shortcut("bi.simple_color_picker_editor", BI.SimpleColorPickerEditor);BI.Farb
         return this.value;
     }
 });
-BI.Farbtastic.EVENT_CHANGE = "Farbtastic.EVENT_CHANGE";
+BI.Farbtastic.EVENT_CHANGE = "EVENT_CHANGE";
 BI.shortcut("bi.farbtastic", BI.Farbtastic);/**
  * Created by GUY on 2017/2/8.
  *
@@ -4543,7 +4486,12 @@ BI.shortcut("bi.icon_text_value_combo", BI.IconTextValueCombo);
 BI.IconTextValueComboPopup = BI.inherit(BI.Pane, {
     _defaultConfig: function () {
         return BI.extend(BI.IconTextValueComboPopup.superclass._defaultConfig.apply(this, arguments), {
-            baseCls: "bi-icon-text-icon-popup"
+            baseCls: "bi-icon-text-icon-popup",
+            behaviors: {
+                redmark: function () {
+                    return true;
+                }
+            }
         });
     },
 
@@ -4563,11 +4511,7 @@ BI.IconTextValueComboPopup = BI.inherit(BI.Pane, {
             layouts: [{
                 type: "bi.vertical"
             }],
-            behaviors: {
+            behaviors: o.behaviors,
-                redmark: function () {
-                    return true;
-                }
-            },
             value: o.value
         });
 
@@ -4578,6 +4522,8 @@ BI.IconTextValueComboPopup = BI.inherit(BI.Pane, {
             }
         });
 
+        this.check();
+
         BI.createWidget({
             type: "bi.vertical",
             element: this,
@@ -4815,6 +4761,10 @@ BI.SearchTextValueComboPopup = BI.inherit(BI.Pane, {
         };
     },
 
+    mounted: function() {
+        this.check();
+    },
+
     populate: function (find, match, keyword) {
         var items = BI.concat(find, match);
         BI.SearchTextValueComboPopup.superclass.populate.apply(this, items);
@@ -5847,7 +5797,7 @@ BI.ShelterEditor = BI.inherit(BI.Widget, {
         });
         this._showHint();
         self._checkText();
-        this.text.doRedMark(o.keyword);
+        BI.isKey(o.keyword) && this.text.doRedMark(o.keyword);
     },
 
     _checkText: function () {
@@ -5941,9 +5891,10 @@ BI.ShelterEditor = BI.inherit(BI.Widget, {
     },
 
     setValue: function (k) {
+        var o = this.options;
         this.editor.setValue(k);
         this._checkText();
-        this.text.doRedMark(this.options.keyword);
+        BI.isKey(o.keyword) && this.text.doRedMark(o.keyword);
     },
 
     getValue: function () {
@@ -6131,7 +6082,7 @@ BI.SignEditor = BI.inherit(BI.Widget, {
             } else {
                 this.text.setValue(this.editor.getValue());
                 this.text.element.removeClass("bi-water-mark");
-                this.text.doRedMark(o.keyword);
+                BI.isKey(o.keyword) && this.text.doRedMark(o.keyword);
             }
         }, this));
     },
@@ -6564,7 +6515,8 @@ BI.SimpleStateEditor = BI.inherit(BI.Widget, {
             allowBlank: true,
             watermark: "",
             errorText: "",
-            height: 24
+            height: 24,
+            text: BI.i18nText("BI-Basic_Unrestricted")
         });
     },
 
@@ -6591,8 +6543,8 @@ BI.SimpleStateEditor = BI.inherit(BI.Widget, {
             type: "bi.text_button",
             cls: "state-editor-infinite-text",
             textAlign: "left",
+            text: o.text,
             height: o.height,
-            text: BI.i18nText("BI-Basic_Unrestricted"),
             hgap: 4,
             handler: function () {
                 self._showInput();
@@ -6761,6 +6713,7 @@ BI.SimpleStateEditor = BI.inherit(BI.Widget, {
     },
 
     setState: function (v) {
+        var o = this.options;
         BI.SimpleStateEditor.superclass.setValue.apply(this, arguments);
         if (BI.isNumber(v)) {
             if (v === BI.Selection.All) {
@@ -6770,7 +6723,7 @@ BI.SimpleStateEditor = BI.inherit(BI.Widget, {
                 this.text.setText(BI.i18nText("BI-Already_Selected"));
                 this.text.element.removeClass("state-editor-infinite-text");
             } else {
-                this.text.setText(BI.i18nText("BI-Basic_Unrestricted"));
+                this.text.setText(o.text);
                 this.text.element.addClass("state-editor-infinite-text");
             }
             return;
@@ -6780,7 +6733,7 @@ BI.SimpleStateEditor = BI.inherit(BI.Widget, {
             this.text.setTitle(v);
             this.text.element.removeClass("state-editor-infinite-text");
         } else if (BI.isEmpty(v)) {
-            this.text.setText(BI.i18nText("BI-Basic_Unrestricted"));
+            this.text.setText(o.text);
             this.text.element.addClass("state-editor-infinite-text");
         } else {
             this.text.setText(BI.i18nText("BI-Already_Selected"));
@@ -6977,6 +6930,8 @@ BI.ListPane = BI.inherit(BI.Pane, {
                     calback.apply(self, arguments);
                     op.times === 1 && BI.nextTick(function () {
                         self.loaded();
+                        // callback可能在loading之前执行, check保证显示正确
+                        self.check();
                     });
                 });
             },
@@ -7176,7 +7131,7 @@ BI.Panel = BI.inherit(BI.Widget, {
         this.text.setValue(title);
     }
 });
-BI.Panel.EVENT_CHANGE = "Panel.EVENT_CHANGE";
+BI.Panel.EVENT_CHANGE = "EVENT_CHANGE";
 
 BI.shortcut("bi.panel", BI.Panel);
 BI.LinearSegmentButton = BI.inherit(BI.BasicButton, {
@@ -8008,6 +7963,7 @@ BI.AllCountPager = BI.inherit(BI.Widget, {
     _defaultConfig: function () {
         return BI.extend(BI.AllCountPager.superclass._defaultConfig.apply(this, arguments), {
             extraCls: "bi-all-count-pager",
+            pagerDirection: "vertical", // 翻页按钮方向，可选值：vertical/horizontal
             height: 24,
             pages: 1, // 必选项
             curr: 1, // 初始化当前页， pages为数字时可用，
@@ -8016,7 +7972,7 @@ BI.AllCountPager = BI.inherit(BI.Widget, {
     },
     _init: function () {
         BI.AllCountPager.superclass._init.apply(this, arguments);
-        var self = this, o = this.options;
+        var self = this, o = this.options, pagerIconCls = this._getPagerIconCls();
         this.editor = BI.createWidget({
             type: "bi.small_text_editor",
             cls: "pager-editor",
@@ -8028,7 +7984,8 @@ BI.AllCountPager = BI.inherit(BI.Widget, {
             value: o.curr,
             errorText: BI.i18nText("BI-Please_Input_Positive_Integer"),
             width: 40,
-            height: 24
+            height: 24,
+            invisible: o.pages <= 1
         });
 
         this.pager = BI.createWidget({
@@ -8053,7 +8010,7 @@ BI.AllCountPager = BI.inherit(BI.Widget, {
                 warningTitle: BI.i18nText("BI-Current_Is_First_Page"),
                 height: 22,
                 width: 22,
-                cls: "bi-border all-pager-prev pull-up-font"
+                cls: "bi-border all-pager-prev" + pagerIconCls.preCls
             },
             next: {
                 type: "bi.icon_button",
@@ -8062,13 +8019,14 @@ BI.AllCountPager = BI.inherit(BI.Widget, {
                 warningTitle: BI.i18nText("BI-Current_Is_Last_Page"),
                 height: 22,
                 width: 22,
-                cls: "bi-border all-pager-next pull-down-font"
+                cls: "bi-border all-pager-next" + pagerIconCls.nextCls
             },
 
             hasPrev: o.hasPrev,
             hasNext: o.hasNext,
             firstPage: o.firstPage,
-            lastPage: o.lastPage
+            lastPage: o.lastPage,
+            invisible: o.pages <= 1
         });
 
         this.editor.on(BI.TextEditor.EVENT_CONFIRM, function () {
@@ -8086,7 +8044,8 @@ BI.AllCountPager = BI.inherit(BI.Widget, {
             type: "bi.label",
             title: o.pages,
             text: "/" + o.pages,
-            lgap: 5
+            lgap: 5,
+            invisible: o.pages <= 1
         });
 
         this.rowCount = BI.createWidget({
@@ -8127,11 +8086,30 @@ BI.AllCountPager = BI.inherit(BI.Widget, {
 
     alwaysShowPager: true,
 
+    _getPagerIconCls: function () {
+        var o = this.options;
+        switch (o.pagerDirection) {
+            case "horizontal":
+                return {
+                    preCls: " row-pre-page-h-font ",
+                    nextCls: " row-next-page-h-font "
+                };
+            case "vertical":
+            default:
+                return {
+                    preCls: " column-pre-page-h-font ",
+                    nextCls: " column-next-page-h-font "
+                };
+        }
+    },
+
     setAllPages: function (v) {
         this.allPages.setText("/" + v);
         this.allPages.setTitle(v);
+        this.options.pages = v;
         this.pager.setAllPages(v);
         this.editor.setEnable(v >= 1);
+        this.setPagerVisible(v > 1);
     },
 
     setValue: function (v) {
@@ -8167,6 +8145,7 @@ BI.AllCountPager = BI.inherit(BI.Widget, {
 
     populate: function () {
         this.pager.populate();
+        this.setPagerVisible(this.options.pages > 1);
     }
 });
 BI.AllCountPager.EVENT_CHANGE = "EVENT_CHANGE";
@@ -8182,7 +8161,7 @@ BI.DirectionPager = BI.inherit(BI.Widget, {
     _defaultConfig: function () {
         return BI.extend(BI.DirectionPager.superclass._defaultConfig.apply(this, arguments), {
             baseCls: "bi-direction-pager",
-            height: 20,
+            height: 24,
             horizontal: {
                 pages: false, // 总页数
                 curr: 1, // 初始化当前页， pages为数字时可用
@@ -8216,19 +8195,19 @@ BI.DirectionPager = BI.inherit(BI.Widget, {
             items: [{
                 el: this.vpager,
                 top: 0,
-                right: 74
+                right: 86
             }, {
                 el: this.vlabel,
                 top: 0,
-                right: 111
+                right: 110
             }, {
                 el: this.hpager,
                 top: 0,
-                right: -9
+                right: 0
             }, {
                 el: this.hlabel,
                 top: 0,
-                right: 28
+                right: 24
             }]
         });
     },
@@ -8239,19 +8218,18 @@ BI.DirectionPager = BI.inherit(BI.Widget, {
         this.vlabel = BI.createWidget({
             type: "bi.label",
             width: 24,
-            height: 20,
+            height: 24,
             value: v.curr,
             title: v.curr,
             invisible: true
         });
         this.vpager = BI.createWidget({
             type: "bi.pager",
-            width: 76,
+            width: 72,
             layouts: [{
                 type: "bi.horizontal",
                 scrollx: false,
-                rgap: 24,
+                rgap: 24
-                vgap: 1
             }],
             invisible: true,
 
@@ -8267,20 +8245,18 @@ BI.DirectionPager = BI.inherit(BI.Widget, {
                 value: "prev",
                 title: BI.i18nText("BI-Up_Page"),
                 warningTitle: BI.i18nText("BI-Current_Is_First_Page"),
-                height: 20,
+                height: 22,
-                iconWidth: 16,
+                width: 22,
-                iconHeight: 16,
+                cls: "bi-border direction-pager-prev column-pre-page-h-font"
-                cls: "direction-pager-prev column-pre-page-h-font"
             },
             next: {
                 type: "bi.icon_button",
                 value: "next",
                 title: BI.i18nText("BI-Down_Page"),
                 warningTitle: BI.i18nText("BI-Current_Is_Last_Page"),
-                height: 20,
+                height: 22,
-                iconWidth: 16,
+                width: 22,
-                iconHeight: 16,
+                cls: "bi-border direction-pager-next column-next-page-h-font"
-                cls: "direction-pager-next column-next-page-h-font"
             },
 
             hasPrev: v.hasPrev,
@@ -8304,19 +8280,18 @@ BI.DirectionPager = BI.inherit(BI.Widget, {
         this.hlabel = BI.createWidget({
             type: "bi.label",
             width: 24,
-            height: 20,
+            height: 24,
             value: h.curr,
             title: h.curr,
             invisible: true
         });
         this.hpager = BI.createWidget({
             type: "bi.pager",
-            width: 76,
+            width: 72,
             layouts: [{
                 type: "bi.horizontal",
                 scrollx: false,
-                rgap: 24,
+                rgap: 24
-                vgap: 1
             }],
             invisible: true,
 
@@ -8332,20 +8307,18 @@ BI.DirectionPager = BI.inherit(BI.Widget, {
                 value: "prev",
                 title: BI.i18nText("BI-Left_Page"),
                 warningTitle: BI.i18nText("BI-Current_Is_First_Page"),
-                height: 20,
+                height: 22,
-                iconWidth: 16,
+                width: 22,
-                iconHeight: 16,
+                cls: "bi-border direction-pager-prev row-pre-page-h-font"
-                cls: "direction-pager-prev row-pre-page-h-font"
             },
             next: {
                 type: "bi.icon_button",
                 value: "next",
                 title: BI.i18nText("BI-Right_Page"),
                 warningTitle: BI.i18nText("BI-Current_Is_Last_Page"),
-                height: 20,
+                height: 22,
-                iconWidth: 16,
+                width: 22,
-                iconHeight: 16,
+                cls: "bi-border direction-pager-next row-next-page-h-font"
-                cls: "direction-pager-next row-next-page-h-font"
             },
 
             hasPrev: h.hasPrev,
@@ -8426,7 +8399,7 @@ BI.DirectionPager = BI.inherit(BI.Widget, {
             vShow = true;
         }
         this.setVisible(hShow || vShow);
-        var num = [74, 111, -9, 28];
+        var num = [86, 110, 0, 24];
         var items = this.layout.attr("items");
 
         if (vShow === true && hShow === true) {
@@ -8987,7 +8960,7 @@ BI.MultiSelectBar = BI.inherit(BI.BasicButton, {
         }
     }
 });
-BI.MultiSelectBar.EVENT_CHANGE = "MultiSelectBar.EVENT_CHANGE";
+BI.MultiSelectBar.EVENT_CHANGE = "EVENT_CHANGE";
 BI.shortcut("bi.multi_select_bar", BI.MultiSelectBar);
 /**
  * guy
@@ -9478,7 +9451,7 @@ BI.EditorTrigger = BI.inherit(BI.Trigger, {
         this.editor.setState(text);
     }
 });
-BI.EditorTrigger.EVENT_CHANGE = "BI.EditorTrigger.EVENT_CHANGE";
+BI.EditorTrigger.EVENT_CHANGE = "EVENT_CHANGE";
 BI.shortcut("bi.editor_trigger", BI.EditorTrigger);
 /**
  * 图标按钮trigger

dist/core.css

@@ -284,7 +284,7 @@ textarea {
 }
 .bi-theme-dark input,
 .bi-theme-dark textarea {
-  border: 1px solid #3a3c53;
+  border: 1px solid #363e55;
 }
 .base-disabled {
   cursor: not-allowed !important;
@@ -320,7 +320,7 @@ textarea {
   border-color: #e8eaed;
 }
 .bi-theme-dark .bi-focus-shadow.disabled:hover {
-  border-color: #3a3c53;
+  border-color: #363e55;
 }
 .base-invalid {
   cursor: default !important;
@@ -348,7 +348,7 @@ textarea {
   color: #3d4d66;
 }
 .bi-theme-dark .bi-background {
-  background-color: #191B2B;
+  background-color: #191b2b;
   color: #d6e0dc;
 }
 .bi-theme-dark .bi-background .bi-input {
@@ -358,7 +358,7 @@ textarea {
   color: #d6e0dc;
 }
 .bi-header-background {
-  background-color: #F2F4F7;
+  background-color: #f2f4f7;
   color: #647185;
 }
 .bi-header-background .bi-input {
@@ -368,7 +368,7 @@ textarea {
   color: #647185;
 }
 .bi-theme-dark .bi-header-background {
-  background-color: #2F3149;
+  background-color: #292f45;
   color: #afb7c6;
 }
 .bi-theme-dark .bi-header-background .bi-input {
@@ -388,7 +388,7 @@ textarea {
   color: #3d4d66;
 }
 .bi-theme-dark .bi-card {
-  background-color: #242640;
+  background-color: #20263b;
   color: #d6e0dc;
 }
 .bi-theme-dark .bi-card .bi-input {
@@ -455,19 +455,19 @@ textarea {
   border-color: #d0d4da !important;
 }
 .bi-theme-dark .bi-border {
-  border: 1px solid #3a3c53;
+  border: 1px solid #363e55;
 }
 .bi-theme-dark .bi-border-top {
-  border-top: 1px solid #3a3c53;
+  border-top: 1px solid #363e55;
 }
 .bi-theme-dark .bi-border-right {
-  border-right: 1px solid #3a3c53;
+  border-right: 1px solid #363e55;
 }
 .bi-theme-dark .bi-border-bottom {
-  border-bottom: 1px solid #3a3c53;
+  border-bottom: 1px solid #363e55;
 }
 .bi-theme-dark .bi-border-left {
-  border-left: 1px solid #3a3c53;
+  border-left: 1px solid #363e55;
 }
 .bi-split {
   border: 1px solid #f2f4f7;
@@ -485,19 +485,19 @@ textarea {
   border-left: 1px solid #f2f4f7;
 }
 .bi-theme-dark .bi-split {
-  border: 1px solid #2F3149;
+  border: 1px solid #292f45;
 }
 .bi-theme-dark .bi-split-top {
-  border-top: 1px solid #2F3149;
+  border-top: 1px solid #292f45;
 }
 .bi-theme-dark .bi-split-right {
-  border-right: 1px solid #2F3149;
+  border-right: 1px solid #292f45;
 }
 .bi-theme-dark .bi-split-bottom {
-  border-bottom: 1px solid #2F3149;
+  border-bottom: 1px solid #292f45;
 }
 .bi-theme-dark .bi-split-left {
-  border-left: 1px solid #2F3149;
+  border-left: 1px solid #292f45;
 }
 .bi-font-helvetica-neue {
   font-family: "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Heiti, serif;
@@ -544,13 +544,13 @@ textarea {
   color: #3685f2;
 }
 .bi-error {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-error .bi-input {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-error .bi-textarea {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-high-light-background {
   background-color: #3685f2;
@@ -563,7 +563,7 @@ textarea {
   color: #ffffff;
 }
 .bi-error-background {
-  background-color: #ff4949;
+  background-color: #e65251;
   color: #ffffff;
 }
 .bi-error-background .bi-input {
@@ -642,15 +642,15 @@ textarea {
   color: #ffffff;
 }
 .bi-theme-dark .bi-mask {
-  color: #242640;
+  color: #20263b;
   background-color: rgba(255, 255, 255, 0.2);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff,endColorstr=#33ffffff);
 }
 .bi-theme-dark .bi-mask .bi-input {
-  color: #242640;
+  color: #20263b;
 }
 .bi-theme-dark .bi-mask .bi-textarea {
-  color: #242640;
+  color: #20263b;
 }
 .bi-z-index-mask {
   background-color: rgba(35, 46, 64, 0.5);
@@ -1095,45 +1095,45 @@ textarea {
   border-color: #13cd66;
 }
 .bi-list-item-select.button-warning {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-list-item-select.button-warning .bi-input {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-list-item-select.button-warning .bi-textarea {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-list-item-select.button-warning .bi-high-light {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-list-item-select.button-warning.bi-high-light-border {
-  border-color: #FF4949;
+  border-color: #e65251;
 }
 .bi-list-item-select.button-warning:hover,
 .bi-list-item-select.button-warning.hover {
-  color: #ff4949;
+  color: #e65251;
   background-color: #ffecec;
 }
 .bi-list-item-select.button-warning:hover .bi-input,
 .bi-list-item-select.button-warning.hover .bi-input {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-list-item-select.button-warning:hover .bi-textarea,
 .bi-list-item-select.button-warning.hover .bi-textarea {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-list-item-select.button-warning:hover .bi-high-light,
 .bi-list-item-select.button-warning.hover .bi-high-light {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-list-item-select.button-warning:hover.bi-high-light-border,
 .bi-list-item-select.button-warning.hover.bi-high-light-border {
-  border-color: #FF4949;
+  border-color: #e65251;
 }
 .bi-list-item-select.button-warning:active,
 .bi-list-item-select.button-warning.active {
   color: #ffffff;
-  background-color: #ff4949;
+  background-color: #e65251;
 }
 .bi-list-item-select.button-warning:active .bi-input,
 .bi-list-item-select.button-warning.active .bi-input {
@@ -1149,7 +1149,7 @@ textarea {
 }
 .bi-list-item-select.button-warning:active.bi-high-light-border,
 .bi-list-item-select.button-warning.active.bi-high-light-border {
-  border-color: #FF4949;
+  border-color: #e65251;
 }
 .bi-list-item-select.disabled {
   color: #9ea6b2 !important;
@@ -1253,7 +1253,7 @@ textarea {
 .bi-theme-dark .bi-list-item-select2:hover,
 .bi-theme-dark .bi-list-item-select2.hover {
   color: #ffffff;
-  background-color: #242640;
+  background-color: #20263b;
 }
 .bi-theme-dark .bi-list-item-select2:hover .bi-input,
 .bi-theme-dark .bi-list-item-select2.hover .bi-input {
@@ -1266,7 +1266,7 @@ textarea {
 .bi-theme-dark .bi-list-item-select2.active,
 .bi-theme-dark .bi-list-item-select2:active {
   color: #3685f2;
-  background-color: #242640;
+  background-color: #20263b;
 }
 .bi-theme-dark .bi-list-item-select2.active .bi-input,
 .bi-theme-dark .bi-list-item-select2:active .bi-input {
@@ -1322,12 +1322,12 @@ textarea {
 }
 .bi-theme-dark .bi-list-item-select3:hover,
 .bi-theme-dark .bi-list-item-select3.hover {
-  background-color: #191B2B;
+  background-color: #191b2b;
 }
 .bi-theme-dark .bi-list-item-select3:active,
 .bi-theme-dark .bi-list-item-select3.active {
   color: #3685f2;
-  background-color: #191B2B;
+  background-color: #191b2b;
 }
 .bi-theme-dark .bi-list-item-select3:active .bi-input,
 .bi-theme-dark .bi-list-item-select3.active .bi-input {
@@ -1341,7 +1341,7 @@ textarea {
 .bi-theme-dark .bi-list-item-select3.disabled.hover,
 .bi-theme-dark .bi-list-item-select3.disabled:active,
 .bi-theme-dark .bi-list-item-select3.disabled.active {
-  background-color: #242640 !important;
+  background-color: #20263b !important;
 }
 .bi-theme-dark .bi-list-item-select:hover,
 .bi-theme-dark .bi-list-item-select.hover {

dist/core_without_normalize.css

@@ -4,7 +4,7 @@ textarea {
 }
 .bi-theme-dark input,
 .bi-theme-dark textarea {
-  border: 1px solid #3a3c53;
+  border: 1px solid #363e55;
 }
 .base-disabled {
   cursor: not-allowed !important;
@@ -40,7 +40,7 @@ textarea {
   border-color: #e8eaed;
 }
 .bi-theme-dark .bi-focus-shadow.disabled:hover {
-  border-color: #3a3c53;
+  border-color: #363e55;
 }
 .base-invalid {
   cursor: default !important;
@@ -68,7 +68,7 @@ textarea {
   color: #3d4d66;
 }
 .bi-theme-dark .bi-background {
-  background-color: #191B2B;
+  background-color: #191b2b;
   color: #d6e0dc;
 }
 .bi-theme-dark .bi-background .bi-input {
@@ -78,7 +78,7 @@ textarea {
   color: #d6e0dc;
 }
 .bi-header-background {
-  background-color: #F2F4F7;
+  background-color: #f2f4f7;
   color: #647185;
 }
 .bi-header-background .bi-input {
@@ -88,7 +88,7 @@ textarea {
   color: #647185;
 }
 .bi-theme-dark .bi-header-background {
-  background-color: #2F3149;
+  background-color: #292f45;
   color: #afb7c6;
 }
 .bi-theme-dark .bi-header-background .bi-input {
@@ -108,7 +108,7 @@ textarea {
   color: #3d4d66;
 }
 .bi-theme-dark .bi-card {
-  background-color: #242640;
+  background-color: #20263b;
   color: #d6e0dc;
 }
 .bi-theme-dark .bi-card .bi-input {
@@ -175,19 +175,19 @@ textarea {
   border-color: #d0d4da !important;
 }
 .bi-theme-dark .bi-border {
-  border: 1px solid #3a3c53;
+  border: 1px solid #363e55;
 }
 .bi-theme-dark .bi-border-top {
-  border-top: 1px solid #3a3c53;
+  border-top: 1px solid #363e55;
 }
 .bi-theme-dark .bi-border-right {
-  border-right: 1px solid #3a3c53;
+  border-right: 1px solid #363e55;
 }
 .bi-theme-dark .bi-border-bottom {
-  border-bottom: 1px solid #3a3c53;
+  border-bottom: 1px solid #363e55;
 }
 .bi-theme-dark .bi-border-left {
-  border-left: 1px solid #3a3c53;
+  border-left: 1px solid #363e55;
 }
 .bi-split {
   border: 1px solid #f2f4f7;
@@ -205,19 +205,19 @@ textarea {
   border-left: 1px solid #f2f4f7;
 }
 .bi-theme-dark .bi-split {
-  border: 1px solid #2F3149;
+  border: 1px solid #292f45;
 }
 .bi-theme-dark .bi-split-top {
-  border-top: 1px solid #2F3149;
+  border-top: 1px solid #292f45;
 }
 .bi-theme-dark .bi-split-right {
-  border-right: 1px solid #2F3149;
+  border-right: 1px solid #292f45;
 }
 .bi-theme-dark .bi-split-bottom {
-  border-bottom: 1px solid #2F3149;
+  border-bottom: 1px solid #292f45;
 }
 .bi-theme-dark .bi-split-left {
-  border-left: 1px solid #2F3149;
+  border-left: 1px solid #292f45;
 }
 .bi-font-helvetica-neue {
   font-family: "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Heiti, serif;
@@ -264,13 +264,13 @@ textarea {
   color: #3685f2;
 }
 .bi-error {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-error .bi-input {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-error .bi-textarea {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-high-light-background {
   background-color: #3685f2;
@@ -283,7 +283,7 @@ textarea {
   color: #ffffff;
 }
 .bi-error-background {
-  background-color: #ff4949;
+  background-color: #e65251;
   color: #ffffff;
 }
 .bi-error-background .bi-input {
@@ -362,15 +362,15 @@ textarea {
   color: #ffffff;
 }
 .bi-theme-dark .bi-mask {
-  color: #242640;
+  color: #20263b;
   background-color: rgba(255, 255, 255, 0.2);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff,endColorstr=#33ffffff);
 }
 .bi-theme-dark .bi-mask .bi-input {
-  color: #242640;
+  color: #20263b;
 }
 .bi-theme-dark .bi-mask .bi-textarea {
-  color: #242640;
+  color: #20263b;
 }
 .bi-z-index-mask {
   background-color: rgba(35, 46, 64, 0.5);
@@ -815,45 +815,45 @@ textarea {
   border-color: #13cd66;
 }
 .bi-list-item-select.button-warning {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-list-item-select.button-warning .bi-input {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-list-item-select.button-warning .bi-textarea {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-list-item-select.button-warning .bi-high-light {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-list-item-select.button-warning.bi-high-light-border {
-  border-color: #FF4949;
+  border-color: #e65251;
 }
 .bi-list-item-select.button-warning:hover,
 .bi-list-item-select.button-warning.hover {
-  color: #ff4949;
+  color: #e65251;
   background-color: #ffecec;
 }
 .bi-list-item-select.button-warning:hover .bi-input,
 .bi-list-item-select.button-warning.hover .bi-input {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-list-item-select.button-warning:hover .bi-textarea,
 .bi-list-item-select.button-warning.hover .bi-textarea {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-list-item-select.button-warning:hover .bi-high-light,
 .bi-list-item-select.button-warning.hover .bi-high-light {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-list-item-select.button-warning:hover.bi-high-light-border,
 .bi-list-item-select.button-warning.hover.bi-high-light-border {
-  border-color: #FF4949;
+  border-color: #e65251;
 }
 .bi-list-item-select.button-warning:active,
 .bi-list-item-select.button-warning.active {
   color: #ffffff;
-  background-color: #ff4949;
+  background-color: #e65251;
 }
 .bi-list-item-select.button-warning:active .bi-input,
 .bi-list-item-select.button-warning.active .bi-input {
@@ -869,7 +869,7 @@ textarea {
 }
 .bi-list-item-select.button-warning:active.bi-high-light-border,
 .bi-list-item-select.button-warning.active.bi-high-light-border {
-  border-color: #FF4949;
+  border-color: #e65251;
 }
 .bi-list-item-select.disabled {
   color: #9ea6b2 !important;
@@ -973,7 +973,7 @@ textarea {
 .bi-theme-dark .bi-list-item-select2:hover,
 .bi-theme-dark .bi-list-item-select2.hover {
   color: #ffffff;
-  background-color: #242640;
+  background-color: #20263b;
 }
 .bi-theme-dark .bi-list-item-select2:hover .bi-input,
 .bi-theme-dark .bi-list-item-select2.hover .bi-input {
@@ -986,7 +986,7 @@ textarea {
 .bi-theme-dark .bi-list-item-select2.active,
 .bi-theme-dark .bi-list-item-select2:active {
   color: #3685f2;
-  background-color: #242640;
+  background-color: #20263b;
 }
 .bi-theme-dark .bi-list-item-select2.active .bi-input,
 .bi-theme-dark .bi-list-item-select2:active .bi-input {
@@ -1042,12 +1042,12 @@ textarea {
 }
 .bi-theme-dark .bi-list-item-select3:hover,
 .bi-theme-dark .bi-list-item-select3.hover {
-  background-color: #191B2B;
+  background-color: #191b2b;
 }
 .bi-theme-dark .bi-list-item-select3:active,
 .bi-theme-dark .bi-list-item-select3.active {
   color: #3685f2;
-  background-color: #191B2B;
+  background-color: #191b2b;
 }
 .bi-theme-dark .bi-list-item-select3:active .bi-input,
 .bi-theme-dark .bi-list-item-select3.active .bi-input {
@@ -1061,7 +1061,7 @@ textarea {
 .bi-theme-dark .bi-list-item-select3.disabled.hover,
 .bi-theme-dark .bi-list-item-select3.disabled:active,
 .bi-theme-dark .bi-list-item-select3.disabled.active {
-  background-color: #242640 !important;
+  background-color: #20263b !important;
 }
 .bi-theme-dark .bi-list-item-select:hover,
 .bi-theme-dark .bi-list-item-select.hover {

dist/demo.css

@@ -53,7 +53,7 @@ body {
   bottom: 0;
 }
 .bi-theme-dark body {
-  background-color: #191B2B;
+  background-color: #191b2b;
 }
 .demo-editor {
   border: 1px solid #cccccc;

dist/demo.js

@@ -338,7 +338,26 @@ BI.shortcut("demo.image_button", Demo.Button);Demo.Button = BI.inherit(BI.Widget
         };
     }
 });
-BI.shortcut("demo.text_button", Demo.Button);Demo.IconLabel = BI.inherit(BI.Widget, {
+BI.shortcut("demo.text_button", Demo.Button);Demo.Html = BI.inherit(BI.Widget, {
+    props: {
+        baseCls: "demo-html"
+    },
+    render: function () {
+        return {
+            type: "bi.vertical",
+            items: [{
+                type: "bi.html",
+                text: "<h1>在bi.html标签中使用html原生标签</h1>"
+            }, {
+                type: "bi.html",
+                text: "<ul>ul列表<li>list item1</li><li>list item2</li></ul>"
+            }],
+            hgap: 300,
+            vgap: 20
+        };
+    }
+});
+BI.shortcut("demo.html", Demo.Html);Demo.IconLabel = BI.inherit(BI.Widget, {
     props: {
         baseCls: "demo-bubble"
     },
@@ -3370,6 +3389,10 @@ BI.shortcut("demo.value_chooser_pane", Demo.ValueChooserPane);Demo.BASE_CONFIG =
     pId: 2,
     text: "bi.icon_label",
     value: "demo.icon_label"
+}, {
+    pId: 2,
+    text: "bi.html",
+    value: "demo.html"
 }, {
     pId: 2,
     text: "title提示",

dist/fineui.css

@@ -284,7 +284,7 @@ textarea {
 }
 .bi-theme-dark input,
 .bi-theme-dark textarea {
-  border: 1px solid #3a3c53;
+  border: 1px solid #363e55;
 }
 .base-disabled {
   cursor: not-allowed !important;
@@ -320,7 +320,7 @@ textarea {
   border-color: #e8eaed;
 }
 .bi-theme-dark .bi-focus-shadow.disabled:hover {
-  border-color: #3a3c53;
+  border-color: #363e55;
 }
 .base-invalid {
   cursor: default !important;
@@ -348,7 +348,7 @@ textarea {
   color: #3d4d66;
 }
 .bi-theme-dark .bi-background {
-  background-color: #191B2B;
+  background-color: #191b2b;
   color: #d6e0dc;
 }
 .bi-theme-dark .bi-background .bi-input {
@@ -358,7 +358,7 @@ textarea {
   color: #d6e0dc;
 }
 .bi-header-background {
-  background-color: #F2F4F7;
+  background-color: #f2f4f7;
   color: #647185;
 }
 .bi-header-background .bi-input {
@@ -368,7 +368,7 @@ textarea {
   color: #647185;
 }
 .bi-theme-dark .bi-header-background {
-  background-color: #2F3149;
+  background-color: #292f45;
   color: #afb7c6;
 }
 .bi-theme-dark .bi-header-background .bi-input {
@@ -388,7 +388,7 @@ textarea {
   color: #3d4d66;
 }
 .bi-theme-dark .bi-card {
-  background-color: #242640;
+  background-color: #20263b;
   color: #d6e0dc;
 }
 .bi-theme-dark .bi-card .bi-input {
@@ -455,19 +455,19 @@ textarea {
   border-color: #d0d4da !important;
 }
 .bi-theme-dark .bi-border {
-  border: 1px solid #3a3c53;
+  border: 1px solid #363e55;
 }
 .bi-theme-dark .bi-border-top {
-  border-top: 1px solid #3a3c53;
+  border-top: 1px solid #363e55;
 }
 .bi-theme-dark .bi-border-right {
-  border-right: 1px solid #3a3c53;
+  border-right: 1px solid #363e55;
 }
 .bi-theme-dark .bi-border-bottom {
-  border-bottom: 1px solid #3a3c53;
+  border-bottom: 1px solid #363e55;
 }
 .bi-theme-dark .bi-border-left {
-  border-left: 1px solid #3a3c53;
+  border-left: 1px solid #363e55;
 }
 .bi-split {
   border: 1px solid #f2f4f7;
@@ -485,19 +485,19 @@ textarea {
   border-left: 1px solid #f2f4f7;
 }
 .bi-theme-dark .bi-split {
-  border: 1px solid #2F3149;
+  border: 1px solid #292f45;
 }
 .bi-theme-dark .bi-split-top {
-  border-top: 1px solid #2F3149;
+  border-top: 1px solid #292f45;
 }
 .bi-theme-dark .bi-split-right {
-  border-right: 1px solid #2F3149;
+  border-right: 1px solid #292f45;
 }
 .bi-theme-dark .bi-split-bottom {
-  border-bottom: 1px solid #2F3149;
+  border-bottom: 1px solid #292f45;
 }
 .bi-theme-dark .bi-split-left {
-  border-left: 1px solid #2F3149;
+  border-left: 1px solid #292f45;
 }
 .bi-font-helvetica-neue {
   font-family: "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Heiti, serif;
@@ -544,13 +544,13 @@ textarea {
   color: #3685f2;
 }
 .bi-error {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-error .bi-input {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-error .bi-textarea {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-high-light-background {
   background-color: #3685f2;
@@ -563,7 +563,7 @@ textarea {
   color: #ffffff;
 }
 .bi-error-background {
-  background-color: #ff4949;
+  background-color: #e65251;
   color: #ffffff;
 }
 .bi-error-background .bi-input {
@@ -642,15 +642,15 @@ textarea {
   color: #ffffff;
 }
 .bi-theme-dark .bi-mask {
-  color: #242640;
+  color: #20263b;
   background-color: rgba(255, 255, 255, 0.2);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33ffffff,endColorstr=#33ffffff);
 }
 .bi-theme-dark .bi-mask .bi-input {
-  color: #242640;
+  color: #20263b;
 }
 .bi-theme-dark .bi-mask .bi-textarea {
-  color: #242640;
+  color: #20263b;
 }
 .bi-z-index-mask {
   background-color: rgba(35, 46, 64, 0.5);
@@ -1095,45 +1095,45 @@ textarea {
   border-color: #13cd66;
 }
 .bi-list-item-select.button-warning {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-list-item-select.button-warning .bi-input {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-list-item-select.button-warning .bi-textarea {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-list-item-select.button-warning .bi-high-light {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-list-item-select.button-warning.bi-high-light-border {
-  border-color: #FF4949;
+  border-color: #e65251;
 }
 .bi-list-item-select.button-warning:hover,
 .bi-list-item-select.button-warning.hover {
-  color: #ff4949;
+  color: #e65251;
   background-color: #ffecec;
 }
 .bi-list-item-select.button-warning:hover .bi-input,
 .bi-list-item-select.button-warning.hover .bi-input {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-list-item-select.button-warning:hover .bi-textarea,
 .bi-list-item-select.button-warning.hover .bi-textarea {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-list-item-select.button-warning:hover .bi-high-light,
 .bi-list-item-select.button-warning.hover .bi-high-light {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-list-item-select.button-warning:hover.bi-high-light-border,
 .bi-list-item-select.button-warning.hover.bi-high-light-border {
-  border-color: #FF4949;
+  border-color: #e65251;
 }
 .bi-list-item-select.button-warning:active,
 .bi-list-item-select.button-warning.active {
   color: #ffffff;
-  background-color: #ff4949;
+  background-color: #e65251;
 }
 .bi-list-item-select.button-warning:active .bi-input,
 .bi-list-item-select.button-warning.active .bi-input {
@@ -1149,7 +1149,7 @@ textarea {
 }
 .bi-list-item-select.button-warning:active.bi-high-light-border,
 .bi-list-item-select.button-warning.active.bi-high-light-border {
-  border-color: #FF4949;
+  border-color: #e65251;
 }
 .bi-list-item-select.disabled {
   color: #9ea6b2 !important;
@@ -1253,7 +1253,7 @@ textarea {
 .bi-theme-dark .bi-list-item-select2:hover,
 .bi-theme-dark .bi-list-item-select2.hover {
   color: #ffffff;
-  background-color: #242640;
+  background-color: #20263b;
 }
 .bi-theme-dark .bi-list-item-select2:hover .bi-input,
 .bi-theme-dark .bi-list-item-select2.hover .bi-input {
@@ -1266,7 +1266,7 @@ textarea {
 .bi-theme-dark .bi-list-item-select2.active,
 .bi-theme-dark .bi-list-item-select2:active {
   color: #3685f2;
-  background-color: #242640;
+  background-color: #20263b;
 }
 .bi-theme-dark .bi-list-item-select2.active .bi-input,
 .bi-theme-dark .bi-list-item-select2:active .bi-input {
@@ -1322,12 +1322,12 @@ textarea {
 }
 .bi-theme-dark .bi-list-item-select3:hover,
 .bi-theme-dark .bi-list-item-select3.hover {
-  background-color: #191B2B;
+  background-color: #191b2b;
 }
 .bi-theme-dark .bi-list-item-select3:active,
 .bi-theme-dark .bi-list-item-select3.active {
   color: #3685f2;
-  background-color: #191B2B;
+  background-color: #191b2b;
 }
 .bi-theme-dark .bi-list-item-select3:active .bi-input,
 .bi-theme-dark .bi-list-item-select3.active .bi-input {
@@ -1341,7 +1341,7 @@ textarea {
 .bi-theme-dark .bi-list-item-select3.disabled.hover,
 .bi-theme-dark .bi-list-item-select3.disabled:active,
 .bi-theme-dark .bi-list-item-select3.disabled.active {
-  background-color: #242640 !important;
+  background-color: #20263b !important;
 }
 .bi-theme-dark .bi-list-item-select:hover,
 .bi-theme-dark .bi-list-item-select.hover {
@@ -2494,9 +2494,9 @@ textarea {
 .bi-theme-dark .bi-bubble-combo .bubble-combo-triangle-right:before,
 .bi-theme-dark .bi-bubble-combo .bubble-combo-triangle-top:before,
 .bi-theme-dark .bi-bubble-combo .bubble-combo-triangle-bottom:before {
-  background-color: #242640;
+  background-color: #20263b;
-  border-bottom: 1px solid #2F3149;
+  border-bottom: 1px solid #292f45;
-  border-right: 1px solid #2F3149;
+  border-right: 1px solid #292f45;
 }
 
 .bi-combo > .bi-trigger .bi-trigger-icon-button .x-icon {
@@ -2532,7 +2532,7 @@ textarea {
 }
 .bi-theme-dark .bi-combo.disabled.bi-combo-hover > .bi-border,
 .bi-theme-dark .bi-combo.disabled:hover > .bi-border {
-  border-color: #3a3c53;
+  border-color: #363e55;
 }
 
 .bi-search-text-value-combo .trigger-icon-button {
@@ -2544,7 +2544,7 @@ textarea {
   border-radius: 2px;
 }
 .bi-search-text-value-combo.combo-error .bi-search-text-value-trigger .bi-text-button {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-search-text-value-combo .bi-combo.bi-combo-popup + .bi-trigger-icon-button .x-icon {
   -webkit-transform: rotate(180deg);
@@ -2566,11 +2566,11 @@ textarea {
 }
 
 .bi-icon-text-value-combo.combo-error .bi-text-trigger .select-text-label {
-  color: #ff4949;
+  color: #e65251;
 }
 
 .bi-text-value-combo.combo-error .bi-select-text-trigger .select-text-label {
-  color: #ff4949;
+  color: #e65251;
 }
 
 .bi-text-value-check-combo.bi-combo-popup > .bi-border,
@@ -2847,13 +2847,13 @@ textarea {
   overflow: hidden;
   overflow-x: hidden;
   overflow-y: hidden;
-  background: #242640;
+  background: #20263b;
-  border-right: 1px solid #3a3c53;
+  border-right: 1px solid #363e55;
-  border-top: 1px solid #3a3c53;
+  border-top: 1px solid #363e55;
-  border-bottom: 1px solid #3a3c53;
+  border-bottom: 1px solid #363e55;
 }
 .bi-theme-dark .bi-segment > .first-element {
-  border-left: 1px solid #242640;
+  border-left: 1px solid #20263b;
 }
 .bi-half-button {
   -webkit-border-radius: 2px;
@@ -3002,8 +3002,8 @@ body .bi-button.button-warning.clear .b-font:before,
 }
 body .bi-button.button-error,
 #body .bi-button.button-error {
-  background-color: #ff4949;
+  background-color: #e65251;
-  border-color: #FF4949;
+  border-color: #e65251;
 }
 body .bi-button.button-error,
 #body .bi-button.button-error,
@@ -3020,7 +3020,7 @@ body .bi-button.button-error.clear,
 #body .bi-button.button-error.clear,
 body .bi-button.button-error.clear .b-font:before,
 #body .bi-button.button-error.clear .b-font:before {
-  color: #ff4949;
+  color: #e65251;
 }
 body .bi-button.button-common.disabled,
 #body .bi-button.button-common.disabled,
@@ -3038,7 +3038,7 @@ body .bi-button.button-error.disabled.base-disabled,
 #body .bi-button.button-error.disabled.base-disabled,
 body .bi-button.button-warning.disabled.base-disabled,
 #body .bi-button.button-warning.disabled.base-disabled {
-  background: #F2F4F7 !important;
+  background: #f2f4f7 !important;
   border-color: #d0d4da !important;
 }
 body .bi-button.button-common.disabled,
@@ -3350,10 +3350,10 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
   border-radius: 9px 9px 9px 9px;
 }
 .bi-switch.disabled {
-  background-color: #F2F4F7;
+  background-color: #f2f4f7;
 }
 .bi-switch.disabled:active {
-  background-color: #F2F4F7;
+  background-color: #f2f4f7;
 }
 .bi-theme-dark .bi-switch {
   background-color: #606479;
@@ -3363,10 +3363,10 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
   background-color: #3685f2;
 }
 .bi-theme-dark .bi-switch.disabled {
-  background-color: #2F3149;
+  background-color: #292f45;
 }
 .bi-theme-dark .bi-switch.disabled:active {
-  background-color: #2F3149;
+  background-color: #292f45;
 }
 .bi-multifile-editor .multifile-editor {
   text-align: right;
@@ -3386,6 +3386,241 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
   line-height: 21px;
   border: none;
 }
+.bi-html article,
+.bi-html aside,
+.bi-html details,
+.bi-html figcaption,
+.bi-html figure,
+.bi-html footer,
+.bi-html header,
+.bi-html hgroup,
+.bi-html nav,
+.bi-html section,
+.bi-html summary {
+  display: block;
+}
+.bi-html audio,
+.bi-html canvas,
+.bi-html video {
+  display: inline-block;
+  *display: inline;
+  *zoom: 1;
+}
+.bi-html audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+.bi-html [hidden] {
+  display: none;
+}
+.bi-html html {
+  font-size: 100%;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+}
+.bi-html html,
+.bi-html button,
+.bi-html input,
+.bi-html select,
+.bi-html textarea {
+  font-family: sans-serif;
+}
+.bi-html body {
+  margin: 0;
+}
+.bi-html a:focus {
+  outline: thin dotted;
+}
+.bi-html a:active,
+.bi-html a:hover {
+  outline: 0;
+}
+.bi-html h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+.bi-html h2 {
+  font-size: 1.5em;
+  margin: 0.83em 0;
+}
+.bi-html h3 {
+  font-size: 1.17em;
+  margin: 1em 0;
+}
+.bi-html h4 {
+  font-size: 1em;
+  margin: 1.33em 0;
+}
+.bi-html h5 {
+  font-size: .83em;
+  margin: 1.67em 0;
+}
+.bi-html h6 {
+  font-size: .75em;
+  margin: 2.33em 0;
+}
+.bi-html abbr[title] {
+  border-bottom: 1px dotted;
+}
+.bi-html b,
+.bi-html strong {
+  font-weight: bold;
+}
+.bi-html blockquote {
+  margin: 1em 40px;
+}
+.bi-html dfn {
+  font-style: italic;
+}
+.bi-html mark {
+  background: #ff0;
+  color: #000;
+}
+.bi-html p,
+.bi-html pre {
+  margin: 1em 0;
+}
+.bi-html code,
+.bi-html kbd,
+.bi-html pre,
+.bi-html samp {
+  font-family: monospace, serif;
+  _font-family: 'courier new', monospace;
+  font-size: 1em;
+}
+.bi-html pre {
+  white-space: pre;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
+.bi-html q {
+  quotes: none;
+}
+.bi-html q:before,
+.bi-html q:after {
+  content: '';
+  content: none;
+}
+.bi-html small {
+  font-size: 75%;
+}
+.bi-html sub,
+.bi-html sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+.bi-html sup {
+  top: -0.5em;
+}
+.bi-html sub {
+  bottom: -0.25em;
+}
+.bi-html dl,
+.bi-html menu,
+.bi-html ol,
+.bi-html ul {
+  margin: 1em 0;
+}
+.bi-html dd {
+  margin: 0 0 0 40px;
+}
+.bi-html menu,
+.bi-html ol,
+.bi-html ul {
+  padding: 0 0 0 40px;
+}
+.bi-html nav ul,
+.bi-html nav ol {
+  list-style: none;
+  list-style-image: none;
+}
+.bi-html ul {
+  list-style: disc;
+}
+.bi-html li {
+  list-style-type: disc;
+}
+.bi-html img {
+  border: 0;
+  -ms-interpolation-mode: bicubic;
+}
+.bi-html svg:not(:root) {
+  overflow: hidden;
+}
+.bi-html figure {
+  margin: 0;
+}
+.bi-html form {
+  margin: 0;
+}
+.bi-html fieldset {
+  border: 1px solid #c0c0c0;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em;
+}
+.bi-html legend {
+  border: 0;
+  padding: 0;
+  white-space: normal;
+  *margin-left: -7px;
+}
+.bi-html button,
+.bi-html input,
+.bi-html select,
+.bi-html textarea {
+  font-size: 100%;
+  margin: 0;
+  vertical-align: baseline;
+  *vertical-align: middle;
+}
+.bi-html button,
+.bi-html input {
+  line-height: normal;
+}
+.bi-html button,
+.bi-html html input[type="button"],
+.bi-html input[type="reset"],
+.bi-html input[type="submit"] {
+  -webkit-appearance: button;
+  cursor: pointer;
+  *overflow: visible;
+}
+.bi-html button[disabled],
+.bi-html input[disabled] {
+  cursor: default;
+}
+.bi-html input[type="checkbox"],
+.bi-html input[type="radio"] {
+  box-sizing: border-box;
+  padding: 0;
+  *height: 13px;
+  *width: 13px;
+}
+.bi-html input[type="search"] {
+  -webkit-appearance: textfield;
+  -moz-box-sizing: content-box;
+  -webkit-box-sizing: content-box;
+  box-sizing: content-box;
+}
+.bi-html input[type="search"]::-webkit-search-cancel-button,
+.bi-html input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+.bi-html button::-moz-focus-inner,
+.bi-html input::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+.bi-html textarea {
+  overflow: auto;
+  vertical-align: top;
+}
+.bi-html table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
 .x-icon.b-font {
   margin: auto;
   width: 100%;
@@ -3427,7 +3662,7 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
   opacity: 1;
 }
 .bi-checkbox.disabled .checkbox-content {
-  background-color: #F2F4F7;
+  background-color: #f2f4f7;
   border-color: #d0d4da;
 }
 .bi-checkbox.disabled .checkbox-content:after {
@@ -3451,7 +3686,7 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
   border-color: #3685f2;
 }
 .bi-theme-dark .bi-checkbox.disabled .checkbox-content {
-  background-color: #2F3149;
+  background-color: #292f45;
 }
 .bi-theme-dark .bi-checkbox.disabled.active .checkbox-content {
   background-color: #606479;
@@ -3479,7 +3714,7 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
 .bi-input.bi-input-error,
 .bi-textarea.bi-input-error {
   border: none;
-  color: #ff4949 !important;
+  color: #e65251 !important;
 }
 .bi-radio .radio-content {
   -webkit-border-radius: 8px;
@@ -3517,7 +3752,7 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
   transform: translate(-50%, -50%);
 }
 .bi-radio.disabled .radio-content {
-  background-color: #F2F4F7;
+  background-color: #f2f4f7;
   border-color: #d0d4da;
 }
 .bi-radio.disabled .radio-content:after {
@@ -3541,7 +3776,7 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
   border-color: #3685f2;
 }
 .bi-theme-dark .bi-radio.disabled .radio-content {
-  background-color: #2F3149;
+  background-color: #292f45;
 }
 .bi-theme-dark .bi-radio.disabled .radio-content.hover,
 .bi-theme-dark .bi-radio.disabled .radio-content:hover {
@@ -3578,7 +3813,7 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
 }
 .bi-bubble .bubble-error {
   background: #ffecec;
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-theme-dark .bi-bubble .bubble-error {
   background: #3A2940;
@@ -3615,7 +3850,7 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
   background: #faaa39;
 }
 .bi-toast.toast-error {
-  background: #ff4949;
+  background: #e65251;
 }
 .bi-toast.toast-normal {
   background: #3685f2;
@@ -3637,8 +3872,8 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
   border: 1px solid #647185;
 }
 .bi-tooltip.tooltip-warning {
-  background: #ff4949;
+  background: #e65251;
-  border: 1px solid #FF4949;
+  border: 1px solid #e65251;
 }
 .bi-branch-tree .bi-branch-tree-view {
   min-width: 300px;
@@ -3960,7 +4195,7 @@ ul.ztree.zTreeDragUL {
   border-left: none;
 }
 .bi-theme-dark .bi-popup-view .list-view-toolbar > .center-element {
-  border-left: 1px solid #3a3c53;
+  border-left: 1px solid #363e55;
 }
 .bi-theme-dark .bi-popup-view .list-view-toolbar > .first-element {
   border-left: none;
@@ -4171,7 +4406,7 @@ ul.ztree.zTreeDragUL {
   font-size: 14px;
 }
 .bi-number-interval.number-error .bi-input {
-  color: #ff4949 !important;
+  color: #e65251 !important;
 }
 .bi-quarter-trigger {
   -webkit-border-radius: 2px;
@@ -4182,7 +4417,7 @@ ul.ztree.zTreeDragUL {
   font-size: 16px;
 }
 .bi-search-multi-text-value-combo.combo-error .bi-multi-select-searcher .tip-text-style {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-single-select-combo .single-select-trigger-icon-button {
   font-size: 16px;
@@ -4251,15 +4486,15 @@ ul.ztree.zTreeDragUL {
   left: -8px;
 }
 .bi-theme-dark .bi-single-slider-button .slider-button {
-  background-color: #242640;
+  background-color: #20263b;
 }
 .bi-theme-dark .bi-single-slider-button .slider-button:hover,
 .bi-theme-dark .bi-single-slider-button .slider-button.hover {
-  background-color: #191B2B;
+  background-color: #191b2b;
 }
 .bi-theme-dark .bi-single-slider-button .slider-button.disabled:hover,
 .bi-theme-dark .bi-single-slider-button .slider-button.disabled.hover {
-  background-color: #191B2B;
+  background-color: #191b2b;
 }
 .bi-slider-track .gray-track {
   background-color: rgba(61, 77, 102, 0.1);
@@ -4297,10 +4532,10 @@ ul.ztree.zTreeDragUL {
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff,endColorstr=#00ffffff);
 }
 .bi-date-interval.time-error .bi-input {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-date-interval.time-error .sign-editor-text {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-time-interval .bi-date-time-trigger {
   -webkit-border-radius: 2px;
@@ -4308,10 +4543,10 @@ ul.ztree.zTreeDragUL {
   border-radius: 2px;
 }
 .bi-time-interval.time-error .bi-date-time-trigger .bi-input {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-time-interval.time-error .bi-date-time-trigger .sign-editor-text {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-year-popup .year-popup-navigation {
   line-height: 30px;
@@ -4323,7 +4558,7 @@ ul.ztree.zTreeDragUL {
   border-left: none;
 }
 .bi-theme-dark .bi-year-popup .year-popup-navigation > .center-element {
-  border-left: 1px solid #3a3c53;
+  border-left: 1px solid #363e55;
 }
 .bi-theme-dark .bi-year-popup .year-popup-navigation > .first-element {
   border-left: none;
@@ -4334,10 +4569,10 @@ ul.ztree.zTreeDragUL {
   border-radius: 2px;
 }
 .bi-year-month-interval.time-error .bi-input {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-year-month-interval.time-error .sign-editor-text {
-  color: #ff4949;
+  color: #e65251;
 }
 html {
   height: 100%;
@@ -4371,8 +4606,8 @@ body {
 div::-webkit-scrollbar,
 textarea::-webkit-scrollbar {
   -webkit-appearance: none;
-  background-color: rgba(61, 77, 102, 0.05);
+  background-color: rgba(32, 38, 59, 0.05);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d3d4d66,endColorstr=#0d3d4d66);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d20263b,endColorstr=#0d20263b);
   width: 6px;
   height: 6px;
 }
@@ -4381,13 +4616,13 @@ textarea::-webkit-scrollbar-thumb {
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
-  background-color: rgba(61, 77, 102, 0.3);
+  background-color: rgba(32, 38, 59, 0.3);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d3d4d66,endColorstr=#4d3d4d66);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d20263b,endColorstr=#4d20263b);
 }
 div::-webkit-scrollbar-thumb:hover,
 textarea::-webkit-scrollbar-thumb:hover {
-  background-color: rgba(61, 77, 102, 0.7);
+  background-color: rgba(32, 38, 59, 0.7);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b33d4d66,endColorstr=#b33d4d66);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b320263b,endColorstr=#b320263b);
 }
 .bi-theme-dark div::-webkit-scrollbar,
 .bi-theme-dark textarea::-webkit-scrollbar {
@@ -4703,7 +4938,7 @@ textarea::-webkit-scrollbar-thumb:hover {
 .search-close-h-font:hover .b-font:before,
 .search-close-h-font.hover .b-font:before {
   content: "\e6d0";
-  color: #ff4949;
+  color: #e65251;
 }
 .search-close-h-font.disabled .b-font:before {
   content: "\e6d0";
@@ -4848,11 +5083,11 @@ textarea::-webkit-scrollbar-thumb:hover {
 .dot-e-font:hover .b-font:before,
 .dot-e-font.hover .b-font:before {
   content: "\e762";
-  color: rgba(54, 133, 242, 0.06);
+  color: transparent;
 }
 .dot-e-font:active .b-font:before {
   content: "\e762";
-  color: #3685f2;
+  color: transparent;
 }
 .dot-e-font.active .b-font:before {
   content: "\e762";
@@ -5080,67 +5315,67 @@ textarea::-webkit-scrollbar-thumb:hover {
 }
 /** dashboard组件/控件 下拉列表图标字体 ~end~**/
 .row-pre-page-h-font .b-font {
-  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .row-pre-page-h-font .b-font:before {
-  content: "\e6d9";
+  content: "\e70d";
   color: inherit;
 }
 .row-pre-page-h-font:hover .b-font:before,
 .row-pre-page-h-font.hover .b-font:before {
-  content: "\e6d9";
+  content: "\e70d";
   color: inherit;
 }
 .row-pre-page-h-font.disabled .b-font:before {
-  content: "\e6d9";
+  content: "\e70d";
   color: inherit;
 }
 .row-next-page-h-font .b-font {
-  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .row-next-page-h-font .b-font:before {
-  content: "\e6d8";
+  content: "\e70c";
   color: inherit;
 }
 .row-next-page-h-font:hover .b-font:before,
 .row-next-page-h-font.hover .b-font:before {
-  content: "\e6d8";
+  content: "\e70c";
   color: inherit;
 }
 .row-next-page-h-font.disabled .b-font:before {
-  content: "\e6d8";
+  content: "\e70c";
   color: inherit;
 }
 .column-pre-page-h-font .b-font {
-  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .column-pre-page-h-font .b-font:before {
-  content: "\e6d6";
+  content: "\e70a";
   color: inherit;
 }
 .column-pre-page-h-font:hover .b-font:before,
 .column-pre-page-h-font.hover .b-font:before {
-  content: "\e6d6";
+  content: "\e70a";
   color: inherit;
 }
 .column-pre-page-h-font.disabled .b-font:before {
-  content: "\e6d6";
+  content: "\e70a";
   color: inherit;
 }
 .column-next-page-h-font .b-font {
-  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .column-next-page-h-font .b-font:before {
-  content: "\e6d7";
+  content: "\e70b";
   color: inherit;
 }
 .column-next-page-h-font:hover .b-font:before,
 .column-next-page-h-font.hover .b-font:before {
-  content: "\e6d7";
+  content: "\e70b";
   color: inherit;
 }
 .column-next-page-h-font.disabled .b-font:before {
-  content: "\e6d7";
+  content: "\e70b";
   color: inherit;
 }
 .expander-right-font .b-font {

dist/fix/fix.compact.ie.js

@@ -129,18 +129,12 @@
         return needPop;
     }
 
-    BI.Widget.prototype._init = function () {
+    BI.Widget.prototype._initRender = function () {
-        BI.Widget.superclass._init.apply(this, arguments);
-        this._initRoot();
-        this._initElementWidth();
-        this._initElementHeight();
-        this._initVisual();
-        this._initState();
         if (this.beforeInit) {
             this.__asking = true;
             this.beforeInit(BI.bind(function () {
                 if (this.model && this.model.$vm) {
-                    this.model.$vm.$digest()
+                    this.model.$vm.$digest();
                 }
                 this._render();
             }, this));
@@ -150,7 +144,7 @@
         } else {
             this._render();
         }
-    }
+    };
 
     var _init = BI.Widget.prototype._init;
     BI.Widget.prototype._init = function () {

dist/font/iconfont.svg

@@ -1337,16 +1337,34 @@ Created by iconfont
     <glyph glyph-name="jilushuziduanfuzhi" unicode="&#59320;" d="M813.888 512.256h-104l-43.84-264.896h125.12v-55.232h-134.912l-25.984-135.68h-63.36l25.984 135.68H375.168l-29.248-135.68H284.16l29.248 135.68H224v55.232h100.8l48.704 264.896H251.648v55.232h131.648L409.28 704h61.76l-26.048-136.512h211.264L680.64 704h63.36l-22.72-136.512h92.608v-55.232z m-211.2-264.896l45.44 264.896h-211.2l-50.432-264.896h216.128z m376.32 464.96c3.52-5.12 4.224-10.752 2.304-16.96-1.92-6.144-5.184-10.112-9.856-11.776l-50.56-13.44 33.216-42.944a14.528 14.528 0 0 0 1.92-8 34.88 34.88 0 0 0-6.08-19.2 17.28 17.28 0 0 0-7.296-6.08 24.064 24.064 0 0 0-18.24 3.2 25.6 25.6 0 0 0-10.624 11.52v-0.64l-25.6 42.88-34.56-49.216c-0.832-2.176-2.752-3.776-5.76-4.864a24 24 0 0 0-7.04-1.6 41.536 41.536 0 0 0-10.496 1.28 11.328 11.328 0 0 0-7.36 6.4v-0.64a27.328 27.328 0 0 0 0 30.08l29.44 37.12h-0.64c-0.448 0-0.896 0.256-1.344 0.704h-2.56a172.544 172.544 0 0 0-16.64 4.416 1833.92 1833.92 0 0 1-21.12 6.464c-4.672 1.664-7.808 6.336-9.216 14.016a29.44 29.44 0 0 0 1.536 19.2 16.256 16.256 0 0 0 12.16 6.4 22.784 22.784 0 0 0 14.72-3.84h-0.64l19.84-7.04c6.848-2.944 13.44-5.12 19.84-6.4v10.88a15.872 15.872 0 0 1-0.256 2.88 12.032 12.032 0 0 0-0.32 2.88V748.8c0 6.016 1.92 10.688 6.016 14.08a22.528 22.528 0 0 0 15.104 5.12 23.04 23.04 0 0 0 13.44-5.12 16.384 16.384 0 0 0 6.976-14.08l-3.2-45.44 39.68 15.424a32.896 32.896 0 0 0 17.664 1.856 21.44 21.44 0 0 0 15.616-8.32zM32 416v64h192v-64h-192z m0-128v64h192v-64h-192z"  horiz-adv-x="1024" />
 
     
-    <glyph glyph-name="bukeliandong" unicode="&#59229;" d="M213.333333 853.333333h597.333334a170.666667 170.666667 0 0 0 170.666666-170.666666v-597.333334a170.666667 170.666667 0 0 0-170.666666-170.666666H213.333333a170.666667 170.666667 0 0 0-170.666666 170.666666V682.666667a170.666667 170.666667 0 0 0 170.666666 170.666666z m0-42.666666a128 128 0 0 1-128-128v-597.333334a128 128 0 0 1 128-128h597.333334a128 128 0 0 1 128 128V682.666667a128 128 0 0 1-128 128H213.333333z"  horiz-adv-x="1024" />
+    <glyph glyph-name="youhuazhanshicengjibeifen-copy" unicode="&#59323;" d="M548.571429-55.00342899999998v877.714286h-438.857143v-146.285714h-73.142857v182.857143a36.571429 36.571429 0 0 0 36.571428 36.571428h1024a36.571429 36.571429 0 0 0 36.571429-36.571428V676.571429h-73.142857V822.637714h-438.857143v-877.714285h438.857143V91.42857100000003h73.142857v-182.857142a36.571429 36.571429 0 0 0-36.571429-36.571429H73.142857a36.571429 36.571429 0 0 0-36.571428 36.571429v182.857142h73.142857v-146.285714h438.857143z m-234.569143 475.428572L221.257143 513.170286a36.571429 36.571429 0 1 0 51.712 51.712l155.209143-155.136a36.571429 36.571429 0 0 0 0-51.712L272.969143 202.82514300000003a36.571429 36.571429 0 0 0-51.712 51.712l92.745143 92.745143H109.714286a36.571429 36.571429 0 0 0 0 73.142857h204.288z m542.646857 0.146286H1060.571429a36.571429 36.571429 0 1 0 0-73.142858h-204.580572l93.037714-93.037714a36.571429 36.571429 0 1 0-51.712-51.712l-155.209142 155.062857A36.425143 36.425143 0 0 0 731.428571 384a36.571429 36.571429 0 0 0 13.824 28.598857l152.064 152.137143a36.571429 36.571429 0 1 0 51.712-51.785143L856.649143 420.571429z"  horiz-adv-x="1170" />
 
     
-    <glyph glyph-name="bukeliandong_fanxiangkeliandong" unicode="&#59321;" d="M627.498667 85.333333H960a21.333333 21.333333 0 1 0 0-42.666666h-332.501333l84.266666-84.266667a21.333333 21.333333 0 1 0-30.165333-30.165333l-120.704 120.661333a21.333333 21.333333 0 0 0 0 30.208l120.704 120.661333a21.333333 21.333333 0 1 0 30.165333-30.165333L627.498667 85.333333zM981.333333 213.333333h-42.666666V682.666667a128 128 0 0 1-128 128H213.333333a128 128 0 0 1-128-128v-597.333334a128 128 0 0 1 128-128h256v-42.666666H213.333333a170.666667 170.666667 0 0 0-170.666666 170.666666V682.666667a170.666667 170.666667 0 0 0 170.666666 170.666666h597.333334a170.666667 170.666667 0 0 0 170.666666-170.666666v-469.333334z m-512-298.666666a21.333333 21.333333 0 1 0 0 42.666666 21.333333 21.333333 0 0 0 0-42.666666z m490.666667 277.162666a21.333333 21.333333 0 1 0 0 42.666667 21.333333 21.333333 0 0 0 0-42.666667z"  horiz-adv-x="1024" />
+    <glyph glyph-name="zhibiaomingchengziduan" unicode="&#59324;" d="M550.656 640v-576h-76.8V640H256V704h512v-64H550.656z m460.416 72.32c3.392-5.12 4.16-10.752 2.176-16.96-1.856-6.144-5.12-10.112-9.856-11.776l-50.56-13.44 33.28-42.944a14.528 14.528 0 0 0 1.92-8c0-3.2-0.512-6.528-1.664-9.856a34.88 34.88 0 0 0-4.416-9.344 17.28 17.28 0 0 0-7.296-6.08 24.064 24.064 0 0 0-18.24 3.2 25.6 25.6 0 0 0-10.688 11.52v-0.64l-25.6 42.88-34.56-49.216c-0.768-2.176-2.752-3.776-5.76-4.864a24 24 0 0 0-6.912-1.6 41.536 41.536 0 0 0-10.56 1.28 11.328 11.328 0 0 0-7.424 6.4v-0.64a27.328 27.328 0 0 0 0 30.08l29.44 37.12h-0.64c-0.384 0-0.896 0.256-1.28 0.704h-2.56a172.544 172.544 0 0 0-16.64 4.416 1833.92 1833.92 0 0 1-21.12 6.464c-4.672 1.664-7.808 6.336-9.216 14.016a29.44 29.44 0 0 0 1.536 19.2 16.256 16.256 0 0 0 12.16 6.4 22.784 22.784 0 0 0 14.72-3.84h-0.64l19.84-7.04c6.848-2.944 13.44-5.12 19.84-6.4v10.88a15.872 15.872 0 0 1-0.32 2.88 12.032 12.032 0 0 0-0.32 2.88V748.8c0 6.016 1.984 10.688 6.08 14.08a22.528 22.528 0 0 0 15.104 5.12 23.04 23.04 0 0 0 13.44-5.12 16.384 16.384 0 0 0 6.912-14.08l-3.2-45.44 39.68 15.424a32.896 32.896 0 0 0 17.728 1.856 21.44 21.44 0 0 0 15.552-8.32z"  horiz-adv-x="1024" />
 
     
-    <glyph glyph-name="keliandong" unicode="&#59322;" d="M449.536 283.13599999999997l301.653333 301.696a42.666667 42.666667 0 0 0 60.373334-60.330667l-331.861334-331.861333a42.538667 42.538667 0 0 0-60.373333 0L268.501333 343.46666700000003a42.666667 42.666667 0 0 0 60.330667 60.330666l120.704-120.661333z"  horiz-adv-x="1024" />
+    <glyph glyph-name="bukeliandong" unicode="&#59229;" d="M192 832h640a128 128 0 0 0 128-128v-640a128 128 0 0 0-128-128H192a128 128 0 0 0-128 128V704a128 128 0 0 0 128 128z m0-64a64 64 0 0 1-64-64v-640a64 64 0 0 1 64-64h640a64 64 0 0 1 64 64V704a64 64 0 0 1-64 64H192z"  horiz-adv-x="1024" />
 
     
-    <glyph glyph-name="youhuazhanshicengjibeifen-copy" unicode="&#59323;" d="M548.571429-55.00342899999998v877.714286h-438.857143v-146.285714h-73.142857v182.857143a36.571429 36.571429 0 0 0 36.571428 36.571428h1024a36.571429 36.571429 0 0 0 36.571429-36.571428V676.571429h-73.142857V822.637714h-438.857143v-877.714285h438.857143V91.42857100000003h73.142857v-182.857142a36.571429 36.571429 0 0 0-36.571429-36.571429H73.142857a36.571429 36.571429 0 0 0-36.571428 36.571429v182.857142h73.142857v-146.285714h438.857143z m-234.569143 475.428572L221.257143 513.170286a36.571429 36.571429 0 1 0 51.712 51.712l155.209143-155.136a36.571429 36.571429 0 0 0 0-51.712L272.969143 202.82514300000003a36.571429 36.571429 0 0 0-51.712 51.712l92.745143 92.745143H109.714286a36.571429 36.571429 0 0 0 0 73.142857h204.288z m542.646857 0.146286H1060.571429a36.571429 36.571429 0 1 0 0-73.142858h-204.580572l93.037714-93.037714a36.571429 36.571429 0 1 0-51.712-51.712l-155.209142 155.062857A36.425143 36.425143 0 0 0 731.428571 384a36.571429 36.571429 0 0 0 13.824 28.598857l152.064 152.137143a36.571429 36.571429 0 1 0 51.712-51.785143L856.649143 420.571429z"  horiz-adv-x="1170" />
+    <glyph glyph-name="bukeliandong_kedanxiangliandong" unicode="&#59321;" d="M557.248 139.00800000000004H928a32 32 0 1 0 0-64H557.248l81.152-81.152a32 32 0 1 0-45.248-45.248l-135.808 135.744a32 32 0 0 0 0 45.248l135.808 135.744a32 32 0 1 0 45.248-45.248l-81.152-81.088zM960 320h-64V704a64 64 0 0 1-64 64H192a64 64 0 0 1-64-64v-640a64 64 0 0 1 64-64h192v-64H192a128 128 0 0 0-128 128V704a128 128 0 0 0 128 128h640a128 128 0 0 0 128-128v-384z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="keliandong" unicode="&#59322;" d="M423.936 280.32000000000005l294.08 294.144a32 32 0 1 0 45.248-45.248l-314.24-314.24a32 32 0 0 0-49.152-1.024L265.6 348.03200000000004a32 32 0 0 0 45.248 45.248L423.936 280.32000000000005zM192 832h640a128 128 0 0 0 128-128v-640a128 128 0 0 0-128-128H192a128 128 0 0 0-128 128V704a128 128 0 0 0 128 128z m0-64a64 64 0 0 1-64-64v-640a64 64 0 0 1 64-64h640a64 64 0 0 1 64 64V704a64 64 0 0 1-64 64H192z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="shuangxiangkeliandong" unicode="&#59325;" d="M960 320h-64V704a64 64 0 0 1-64 64H192a64 64 0 0 1-64-64v-640a64 64 0 0 1 64-64h320v-64H192a128 128 0 0 0-128 128V704a128 128 0 0 0 128 128h640a128 128 0 0 0 128-128v-384z m-536.256-39.744l294.208 294.208a32 32 0 1 0 45.248-45.248L447.232 213.12a32 32 0 0 0-46.08-0.832L265.344 348.096a32 32 0 1 0 45.312 45.248L423.68 280.32000000000005z m290.304-51.328H992a32 32 0 1 0 0-64H636.8a31.872 31.872 0 0 0-22.656 54.592l90.56 90.56a32 32 0 0 0 45.248-45.248l-35.84-35.904zM914.752 0H636.8a32 32 0 1 0 0 64h355.2a31.872 31.872 0 0 0 22.656-54.656l-90.56-90.496a32 32 0 0 0-45.248 45.248l35.84 35.904z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="baocunbinggengxin" unicode="&#59326;" d="M512 32v-64H192A96 96 0 0 0 96 64V704A96 96 0 0 0 192 800h640A96 96 0 0 0 928 704v-256h-64V704a32 32 0 0 1-32 32h-96V512A96 96 0 0 0 640 416H384A96 96 0 0 0 288 512V736H192a32 32 0 0 1-32-32v-640a32 32 0 0 1 32-32h320z m-160 704V512a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V736h-320z m454.4-608v-153.6a38.4 38.4 0 1 0-76.8 0V128h-128a12.8 12.8 0 0 0-10.24 20.48l166.4 221.888a12.8 12.8 0 0 0 20.48 0l166.4-221.888a12.8 12.8 0 0 0-10.24-20.48h-128zM608 704a32 32 0 0 0 32-32v-128a32 32 0 0 0-64 0v128a32 32 0 0 0 32 32z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="yulangongjulan_tupianchicun" unicode="&#59327;" d="M416 544h192a64 64 0 0 0 64-64v-192a64 64 0 0 0-64-64h-192a64 64 0 0 0-64 64v192a64 64 0 0 0 64 64z m0-64v-192h192v192h-192zM64 576V640h192V832h64v-192a64 64 0 0 0-64-64H64z m896 0h-192a64 64 0 0 0-64 64V832h64v-192h192v-64zM64 192h192a64 64 0 0 0 64-64v-192H256v192H64v64z m896 0v-64h-192v-192h-64v192a64 64 0 0 0 64 64h192z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="gou" unicode="&#59328;" d="M1222.434595 874.025514L514.490811 365.152865a110.702703 110.702703 0 0 0-126.311784-2.048l-225.28 151.109189a103.119568 103.119568 0 0 1-130.629189-12.92454 95.647135 95.647135 0 0 1-7.001946-126.920649l349.322378-439.406703a110.702703 110.702703 0 0 1 165.168433-9.132973l811.727567 816.819892a85.600865 85.600865 0 0 1 0 120.665946 99.798486 99.798486 0 0 1-129.024 10.710487z"  horiz-adv-x="1383" />
+
+    
+    <glyph glyph-name="xinshouyindao" unicode="&#59329;" d="M898.752 654.912C843.136 687.488 780.416 704 712.384 704a451.904 451.904 0 0 1-176.256-36.992v-485.824a25.6 25.6 0 0 0-26.112-24.96 25.6 25.6 0 0 0-26.112 24.96V666.88A451.84 451.84 0 0 1 307.648 704c-68.032 0-130.752-16.512-186.368-49.088a54.272 54.272 0 0 1-27.264-46.4v-537.984c0-19.648 11.2-37.824 29.184-47.488 17.728-9.472 40.32-9.024 57.728 1.088a246.976 246.976 0 0 0 126.72 33.024c57.216 0 118.4-17.408 172.544-49.024a59.008 59.008 0 0 1 59.648 0c54.08 31.616 115.392 49.024 172.544 49.024 46.72 0 89.344-11.072 126.784-33.024 17.28-10.112 39.872-10.56 57.728-1.024a54.016 54.016 0 0 1 29.12 47.424V608.448a54.272 54.272 0 0 1-27.264 46.4v0.064z"  horiz-adv-x="1024" />
 
     
 

dist/resource.css

@@ -30,8 +30,8 @@ body {
 div::-webkit-scrollbar,
 textarea::-webkit-scrollbar {
   -webkit-appearance: none;
-  background-color: rgba(61, 77, 102, 0.05);
+  background-color: rgba(32, 38, 59, 0.05);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d3d4d66,endColorstr=#0d3d4d66);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d20263b,endColorstr=#0d20263b);
   width: 6px;
   height: 6px;
 }
@@ -40,13 +40,13 @@ textarea::-webkit-scrollbar-thumb {
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
-  background-color: rgba(61, 77, 102, 0.3);
+  background-color: rgba(32, 38, 59, 0.3);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d3d4d66,endColorstr=#4d3d4d66);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d20263b,endColorstr=#4d20263b);
 }
 div::-webkit-scrollbar-thumb:hover,
 textarea::-webkit-scrollbar-thumb:hover {
-  background-color: rgba(61, 77, 102, 0.7);
+  background-color: rgba(32, 38, 59, 0.7);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b33d4d66,endColorstr=#b33d4d66);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b320263b,endColorstr=#b320263b);
 }
 .bi-theme-dark div::-webkit-scrollbar,
 .bi-theme-dark textarea::-webkit-scrollbar {
@@ -362,7 +362,7 @@ textarea::-webkit-scrollbar-thumb:hover {
 .search-close-h-font:hover .b-font:before,
 .search-close-h-font.hover .b-font:before {
   content: "\e6d0";
-  color: #ff4949;
+  color: #e65251;
 }
 .search-close-h-font.disabled .b-font:before {
   content: "\e6d0";
@@ -507,11 +507,11 @@ textarea::-webkit-scrollbar-thumb:hover {
 .dot-e-font:hover .b-font:before,
 .dot-e-font.hover .b-font:before {
   content: "\e762";
-  color: rgba(54, 133, 242, 0.06);
+  color: transparent;
 }
 .dot-e-font:active .b-font:before {
   content: "\e762";
-  color: #3685f2;
+  color: transparent;
 }
 .dot-e-font.active .b-font:before {
   content: "\e762";
@@ -739,67 +739,67 @@ textarea::-webkit-scrollbar-thumb:hover {
 }
 /** dashboard组件/控件 下拉列表图标字体 ~end~**/
 .row-pre-page-h-font .b-font {
-  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .row-pre-page-h-font .b-font:before {
-  content: "\e6d9";
+  content: "\e70d";
   color: inherit;
 }
 .row-pre-page-h-font:hover .b-font:before,
 .row-pre-page-h-font.hover .b-font:before {
-  content: "\e6d9";
+  content: "\e70d";
   color: inherit;
 }
 .row-pre-page-h-font.disabled .b-font:before {
-  content: "\e6d9";
+  content: "\e70d";
   color: inherit;
 }
 .row-next-page-h-font .b-font {
-  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .row-next-page-h-font .b-font:before {
-  content: "\e6d8";
+  content: "\e70c";
   color: inherit;
 }
 .row-next-page-h-font:hover .b-font:before,
 .row-next-page-h-font.hover .b-font:before {
-  content: "\e6d8";
+  content: "\e70c";
   color: inherit;
 }
 .row-next-page-h-font.disabled .b-font:before {
-  content: "\e6d8";
+  content: "\e70c";
   color: inherit;
 }
 .column-pre-page-h-font .b-font {
-  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .column-pre-page-h-font .b-font:before {
-  content: "\e6d6";
+  content: "\e70a";
   color: inherit;
 }
 .column-pre-page-h-font:hover .b-font:before,
 .column-pre-page-h-font.hover .b-font:before {
-  content: "\e6d6";
+  content: "\e70a";
   color: inherit;
 }
 .column-pre-page-h-font.disabled .b-font:before {
-  content: "\e6d6";
+  content: "\e70a";
   color: inherit;
 }
 .column-next-page-h-font .b-font {
-  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .column-next-page-h-font .b-font:before {
-  content: "\e6d7";
+  content: "\e70b";
   color: inherit;
 }
 .column-next-page-h-font:hover .b-font:before,
 .column-next-page-h-font.hover .b-font:before {
-  content: "\e6d7";
+  content: "\e70b";
   color: inherit;
 }
 .column-next-page-h-font.disabled .b-font:before {
-  content: "\e6d7";
+  content: "\e70b";
   color: inherit;
 }
 .expander-right-font .b-font {

dist/widget.css

@@ -199,7 +199,7 @@
   font-size: 14px;
 }
 .bi-number-interval.number-error .bi-input {
-  color: #ff4949 !important;
+  color: #e65251 !important;
 }
 .bi-quarter-trigger {
   -webkit-border-radius: 2px;
@@ -210,7 +210,7 @@
   font-size: 16px;
 }
 .bi-search-multi-text-value-combo.combo-error .bi-multi-select-searcher .tip-text-style {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-single-select-combo .single-select-trigger-icon-button {
   font-size: 16px;
@@ -279,15 +279,15 @@
   left: -8px;
 }
 .bi-theme-dark .bi-single-slider-button .slider-button {
-  background-color: #242640;
+  background-color: #20263b;
 }
 .bi-theme-dark .bi-single-slider-button .slider-button:hover,
 .bi-theme-dark .bi-single-slider-button .slider-button.hover {
-  background-color: #191B2B;
+  background-color: #191b2b;
 }
 .bi-theme-dark .bi-single-slider-button .slider-button.disabled:hover,
 .bi-theme-dark .bi-single-slider-button .slider-button.disabled.hover {
-  background-color: #191B2B;
+  background-color: #191b2b;
 }
 .bi-slider-track .gray-track {
   background-color: rgba(61, 77, 102, 0.1);
@@ -325,10 +325,10 @@
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff,endColorstr=#00ffffff);
 }
 .bi-date-interval.time-error .bi-input {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-date-interval.time-error .sign-editor-text {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-time-interval .bi-date-time-trigger {
   -webkit-border-radius: 2px;
@@ -336,10 +336,10 @@
   border-radius: 2px;
 }
 .bi-time-interval.time-error .bi-date-time-trigger .bi-input {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-time-interval.time-error .bi-date-time-trigger .sign-editor-text {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-year-popup .year-popup-navigation {
   line-height: 30px;
@@ -351,7 +351,7 @@
   border-left: none;
 }
 .bi-theme-dark .bi-year-popup .year-popup-navigation > .center-element {
-  border-left: 1px solid #3a3c53;
+  border-left: 1px solid #363e55;
 }
 .bi-theme-dark .bi-year-popup .year-popup-navigation > .first-element {
   border-left: none;
@@ -362,8 +362,8 @@
   border-radius: 2px;
 }
 .bi-year-month-interval.time-error .bi-input {
-  color: #ff4949;
+  color: #e65251;
 }
 .bi-year-month-interval.time-error .sign-editor-text {
-  color: #ff4949;
+  color: #e65251;
 }

lodash.md

@@ -1 +1 @@
-lodash core plus="debounce,throttle,get,findIndex,findLastIndex,findKey,findLastKey,isArrayLike,invert,invertBy,uniq,uniqBy,omit,omitBy,zip,unzip,rest,range,random,reject,intersection,drop,countBy,union,zipObject,initial,cloneDeep,clamp,isPlainObject,take,takeRight,without,difference,defaultsDeep,trim,merge"
+lodash core plus="debounce,throttle,get,findIndex,findLastIndex,findKey,findLastKey,isArrayLike,invert,invertBy,uniq,uniqBy,omit,omitBy,zip,unzip,rest,range,random,reject,intersection,drop,countBy,union,zipObject,initial,cloneDeep,clamp,isPlainObject,take,takeRight,without,difference,defaultsDeep,trim,merge,groupBy"

package.json

@@ -5,7 +5,10 @@
   "main": "index.js",
   "dependencies": {},
   "devDependencies": {
+    "@typescript-eslint/eslint-plugin": "^1.11.0",
+    "@typescript-eslint/parser": "^1.11.0",
     "chai": "^4.2.0",
+    "eslint": "^6.0.1",
     "express": "^4.15.2",
     "grunt": "^1.0.1",
     "grunt-contrib-clean": "^1.1.0",
@@ -23,7 +26,8 @@
     "karma-coverage": "^1.1.2",
     "karma-mocha": "^1.3.0",
     "mocha": "^5.2.0",
-    "open": "0.0.5"
+    "open": "0.0.5",
+    "typescript": "^3.5.2"
   },
   "scripts": {
     "grunt": "grunt",

public/css/app.css

@@ -30,8 +30,8 @@ body {
 div::-webkit-scrollbar,
 textarea::-webkit-scrollbar {
   -webkit-appearance: none;
-  background-color: rgba(61, 77, 102, 0.05);
+  background-color: rgba(32, 38, 59, 0.05);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d3d4d66,endColorstr=#0d3d4d66);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d20263b,endColorstr=#0d20263b);
   width: 6px;
   height: 6px;
 }
@@ -40,13 +40,13 @@ textarea::-webkit-scrollbar-thumb {
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
-  background-color: rgba(61, 77, 102, 0.3);
+  background-color: rgba(32, 38, 59, 0.3);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d3d4d66,endColorstr=#4d3d4d66);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d20263b,endColorstr=#4d20263b);
 }
 div::-webkit-scrollbar-thumb:hover,
 textarea::-webkit-scrollbar-thumb:hover {
-  background-color: rgba(61, 77, 102, 0.7);
+  background-color: rgba(32, 38, 59, 0.7);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b33d4d66,endColorstr=#b33d4d66);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b320263b,endColorstr=#b320263b);
 }
 .bi-theme-dark div::-webkit-scrollbar,
 .bi-theme-dark textarea::-webkit-scrollbar {

public/css/font.css

@@ -79,7 +79,7 @@
 .search-close-h-font:hover .b-font:before,
 .search-close-h-font.hover .b-font:before {
   content: "\e6d0";
-  color: #ff4949;
+  color: #e65251;
 }
 .search-close-h-font.disabled .b-font:before {
   content: "\e6d0";
@@ -224,11 +224,11 @@
 .dot-e-font:hover .b-font:before,
 .dot-e-font.hover .b-font:before {
   content: "\e762";
-  color: rgba(54, 133, 242, 0.06);
+  color: transparent;
 }
 .dot-e-font:active .b-font:before {
   content: "\e762";
-  color: #3685f2;
+  color: transparent;
 }
 .dot-e-font.active .b-font:before {
   content: "\e762";
@@ -456,67 +456,67 @@
 }
 /** dashboard组件/控件 下拉列表图标字体 ~end~**/
 .row-pre-page-h-font .b-font {
-  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .row-pre-page-h-font .b-font:before {
-  content: "\e6d9";
+  content: "\e70d";
   color: inherit;
 }
 .row-pre-page-h-font:hover .b-font:before,
 .row-pre-page-h-font.hover .b-font:before {
-  content: "\e6d9";
+  content: "\e70d";
   color: inherit;
 }
 .row-pre-page-h-font.disabled .b-font:before {
-  content: "\e6d9";
+  content: "\e70d";
   color: inherit;
 }
 .row-next-page-h-font .b-font {
-  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .row-next-page-h-font .b-font:before {
-  content: "\e6d8";
+  content: "\e70c";
   color: inherit;
 }
 .row-next-page-h-font:hover .b-font:before,
 .row-next-page-h-font.hover .b-font:before {
-  content: "\e6d8";
+  content: "\e70c";
   color: inherit;
 }
 .row-next-page-h-font.disabled .b-font:before {
-  content: "\e6d8";
+  content: "\e70c";
   color: inherit;
 }
 .column-pre-page-h-font .b-font {
-  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .column-pre-page-h-font .b-font:before {
-  content: "\e6d6";
+  content: "\e70a";
   color: inherit;
 }
 .column-pre-page-h-font:hover .b-font:before,
 .column-pre-page-h-font.hover .b-font:before {
-  content: "\e6d6";
+  content: "\e70a";
   color: inherit;
 }
 .column-pre-page-h-font.disabled .b-font:before {
-  content: "\e6d6";
+  content: "\e70a";
   color: inherit;
 }
 .column-next-page-h-font .b-font {
-  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
+  *zoom: expression( this.runtimeStyle['zoom'] = '1',this.innerHTML = '');
 }
 .column-next-page-h-font .b-font:before {
-  content: "\e6d7";
+  content: "\e70b";
   color: inherit;
 }
 .column-next-page-h-font:hover .b-font:before,
 .column-next-page-h-font.hover .b-font:before {
-  content: "\e6d7";
+  content: "\e70b";
   color: inherit;
 }
 .column-next-page-h-font.disabled .b-font:before {
-  content: "\e6d7";
+  content: "\e70b";
   color: inherit;
 }
 .expander-right-font .b-font {

src/base/combination/combo.js

@@ -9,7 +9,7 @@ BI.Combo = BI.inherit(BI.Widget, {
             baseCls: (conf.baseCls || "") + " bi-combo",
             trigger: "click",
             toggle: true,
-            direction: "bottom", // top||bottom||left||right||top,left||top,right||bottom,left||bottom,right||right,innerRight||right,innerLeft
+            direction: "bottom", // top||bottom||left||right||top,left||top,right||bottom,left||bottom,right||right,innerRight||right,innerLeft||innerRight||innerLeft
             logic: {
                 dynamic: true
             },
@@ -389,6 +389,12 @@ BI.Combo = BI.inherit(BI.Widget, {
             case "right,innerLeft":
                 p = BI.DOM.getComboPosition(combo, this.popupView, o.adjustXOffset || o.adjustLength, o.adjustYOffset, o.isNeedAdjustHeight, ["right", "left", "innerLeft", "innerRight", "bottom", "top"], o.offsetStyle);
                 break;
+            case "innerRight":
+                p = BI.DOM.getComboPosition(combo, this.popupView, o.adjustXOffset || o.adjustLength, o.adjustYOffset, o.isNeedAdjustHeight, ["innerRight", "innerLeft", "right", "left",  "bottom", "top"], o.offsetStyle);
+                break;
+            case "innerLeft":
+                p = BI.DOM.getComboPosition(combo, this.popupView, o.adjustXOffset || o.adjustLength, o.adjustYOffset, o.isNeedAdjustHeight, ["innerLeft", "innerRight", "left", "right",  "bottom", "top"], o.offsetStyle);
+                break;
             case "top,custom":
             case "custom,top":
                 p = BI.DOM.getTopAdaptPosition(combo, this.popupView, o.adjustYOffset || o.adjustLength, o.isNeedAdjustHeight);
@@ -499,14 +505,13 @@ BI.Combo = BI.inherit(BI.Widget, {
         this._toggle();
     },
 
-    destroy: function () {
+    destroyed: function () {
         BI.Widget._renderEngine.createElement(document).unbind("mousedown." + this.getName())
             .unbind("mousewheel." + this.getName())
             .unbind("mouseenter." + this.getName())
             .unbind("mousemove." + this.getName())
             .unbind("mouseleave." + this.getName());
         BI.Resizers.remove(this.getName());
-        BI.Combo.superclass.destroy.apply(this, arguments);
     }
 });
 BI.Combo.EVENT_TRIGGER_CHANGE = "EVENT_TRIGGER_CHANGE";