conflict

bi/base.js

@@ -18335,7 +18335,7 @@ BI.TextAreaEditor = BI.inherit(BI.Single, {
             tagName: "textarea",
             width: "100%",
             height: "100%",
-            cls: "textarea-editor-content display-block"
+            cls: "bi-textarea textarea-editor-content display-block"
         });
         this.content.element.css({"resize": "none"});
         BI.createWidget({
@@ -18523,6 +18523,15 @@ BI.Iframe = BI.inherit(BI.Single, {
         return this.options.src;
     },
 
+    setName: function (name) {
+        this.options.name = name;
+        this.element.attr("name", name);
+    },
+
+    getName: function () {
+        return this.options.name;
+    },
+
     getWidth: function () {
         return this.options.width
     },

bi/core.css

@@ -3181,6 +3181,9 @@ i {
 .base-disabled .bi-input {
   color: #cccccc !important;
 }
+.base-disabled .bi-textarea {
+  color: #cccccc !important;
+}
 .base-disabled .b-font:before {
   color: #cccccc !important;
 }
@@ -3190,6 +3193,9 @@ i {
 .bi-theme-dark .base-disabled .bi-input {
   color: #666666 !important;
 }
+.bi-theme-dark .base-disabled .bi-textarea {
+  color: #666666 !important;
+}
 .bi-theme-dark .base-disabled .b-font:before {
   color: #666666 !important;
 }
@@ -3215,6 +3221,9 @@ i {
 .bi-background .bi-input {
   color: #666666;
 }
+.bi-background .bi-textarea {
+  color: #666666;
+}
 .bi-theme-dark .bi-background {
   background-color: #191b2b;
   color: #cccccc;
@@ -3222,6 +3231,9 @@ i {
 .bi-theme-dark .bi-background .bi-input {
   color: #cccccc;
 }
+.bi-theme-dark .bi-background .bi-textarea {
+  color: #cccccc;
+}
 .bi-card {
   background-color: #ffffff;
   color: #666666;
@@ -3229,6 +3241,9 @@ i {
 .bi-card .bi-input {
   color: #666666;
 }
+.bi-card .bi-textarea {
+  color: #666666;
+}
 .bi-theme-dark .bi-card {
   background-color: #242640;
   color: #cccccc;
@@ -3236,24 +3251,36 @@ i {
 .bi-theme-dark .bi-card .bi-input {
   color: #cccccc;
 }
+.bi-theme-dark .bi-card .bi-textarea {
+  color: #cccccc;
+}
 .bi-disabled {
   color: #cccccc;
 }
 .bi-disabled .bi-input {
   color: #cccccc;
 }
+.bi-disabled .bi-textarea {
+  color: #cccccc;
+}
 .bi-theme-dark .bi-disabled {
   color: #666666;
 }
 .bi-theme-dark .bi-disabled .bi-input {
   color: #666666;
 }
+.bi-theme-dark .bi-disabled .bi-textarea {
+  color: #666666;
+}
 .bi-tips {
   color: #999999;
 }
 .bi-tips .bi-input {
   color: #999999;
 }
+.bi-tips .bi-textarea {
+  color: #999999;
+}
 .bi-border {
   border: 1px solid #d4dadd;
 }
@@ -3290,12 +3317,18 @@ i {
 .bi-keyword-red-mark .bi-input {
   color: #f07d0a;
 }
+.bi-keyword-red-mark .bi-textarea {
+  color: #f07d0a;
+}
 .bi-high-light {
   color: #3f8ce8;
 }
 .bi-high-light .bi-input {
   color: #3f8ce8;
 }
+.bi-high-light .bi-textarea {
+  color: #3f8ce8;
+}
 .bi-high-light-background {
   background-color: #3f8ce8;
   color: #ffffff;
@@ -3303,6 +3336,9 @@ i {
 .bi-high-light-background .bi-input {
   color: #ffffff;
 }
+.bi-high-light-background .bi-textarea {
+  color: #ffffff;
+}
 .bi-high-light-border {
   border-color: #178cdf;
 }
@@ -3313,12 +3349,18 @@ i {
 .bi-water-mark .bi-input {
   color: #cccccc;
 }
+.bi-water-mark .bi-textarea {
+  color: #cccccc;
+}
 .bi-theme-dark .bi-water-mark {
   color: #666666;
 }
 .bi-theme-dark .bi-water-mark .bi-input {
   color: #666666;
 }
+.bi-theme-dark .bi-water-mark .bi-textarea {
+  color: #666666;
+}
 .bi-resizer {
   background: #1a1a1a;
   opacity: 0.2;
@@ -3336,6 +3378,9 @@ i {
 .bi-mask .bi-input {
   color: #ffffff;
 }
+.bi-mask .bi-textarea {
+  color: #ffffff;
+}
 .bi-theme-dark .bi-mask {
   color: #242640;
   background-color: rgba(255, 255, 255, 0.2);
@@ -3344,6 +3389,9 @@ i {
 .bi-theme-dark .bi-mask .bi-input {
   color: #242640;
 }
+.bi-theme-dark .bi-mask .bi-textarea {
+  color: #242640;
+}
 .bi-z-index-mask {
   color: #ffffff;
   background-color: rgba(26, 26, 26, 0.5);
@@ -3352,6 +3400,9 @@ i {
 .bi-z-index-mask .bi-input {
   color: #ffffff;
 }
+.bi-z-index-mask .bi-textarea {
+  color: #ffffff;
+}
 .bi-list-item:hover,
 .bi-list-item.hover {
   color: #1a1a1a;
@@ -3362,6 +3413,10 @@ i {
 .bi-list-item.hover .bi-input {
   color: #1a1a1a;
 }
+.bi-list-item:hover .bi-textarea,
+.bi-list-item.hover .bi-textarea {
+  color: #1a1a1a;
+}
 .bi-list-item.disabled,
 .bi-list-item.disabled:hover,
 .bi-list-item.disabled:active {
@@ -3373,6 +3428,11 @@ i {
 .bi-list-item.disabled:active .bi-input {
   color: #cccccc !important;
 }
+.bi-list-item.disabled .bi-textarea,
+.bi-list-item.disabled:hover .bi-textarea,
+.bi-list-item.disabled:active .bi-textarea {
+  color: #cccccc !important;
+}
 .bi-list-item.disabled .bi-high-light,
 .bi-list-item.disabled:hover .bi-high-light,
 .bi-list-item.disabled:active .bi-high-light {
@@ -3388,6 +3448,10 @@ i {
 .bi-theme-dark .bi-list-item.hover .bi-input {
   color: #ffffff;
 }
+.bi-theme-dark .bi-list-item:hover .bi-textarea,
+.bi-theme-dark .bi-list-item.hover .bi-textarea {
+  color: #ffffff;
+}
 .bi-theme-dark .bi-list-item.disabled,
 .bi-theme-dark .bi-list-item.disabled:hover,
 .bi-theme-dark .bi-list-item.disabled:active {
@@ -3399,6 +3463,11 @@ i {
 .bi-theme-dark .bi-list-item.disabled:active .bi-input {
   color: #666666 !important;
 }
+.bi-theme-dark .bi-list-item.disabled .bi-textarea,
+.bi-theme-dark .bi-list-item.disabled:hover .bi-textarea,
+.bi-theme-dark .bi-list-item.disabled:active .bi-textarea {
+  color: #666666 !important;
+}
 .bi-theme-dark .bi-list-item.disabled .bi-high-light,
 .bi-theme-dark .bi-list-item.disabled:hover .bi-high-light,
 .bi-theme-dark .bi-list-item.disabled:active .bi-high-light {
@@ -3414,6 +3483,9 @@ i {
 .bi-list-item-simple .bi-input {
   color: #999999;
 }
+.bi-list-item-simple .bi-textarea {
+  color: #999999;
+}
 .bi-list-item-simple:hover,
 .bi-list-item-simple.hover {
   color: #3f8ce8;
@@ -3422,6 +3494,10 @@ i {
 .bi-list-item-simple.hover .bi-input {
   color: #3f8ce8;
 }
+.bi-list-item-simple:hover .bi-textarea,
+.bi-list-item-simple.hover .bi-textarea {
+  color: #3f8ce8;
+}
 .bi-list-item-simple.disabled,
 .bi-list-item-simple.disabled:hover,
 .bi-list-item-simple.disabled:active {
@@ -3432,6 +3508,11 @@ i {
 .bi-list-item-simple.disabled:active .bi-input {
   color: #cccccc !important;
 }
+.bi-list-item-simple.disabled .bi-textarea,
+.bi-list-item-simple.disabled:hover .bi-textarea,
+.bi-list-item-simple.disabled:active .bi-textarea {
+  color: #cccccc !important;
+}
 .bi-list-item-simple.disabled .bi-high-light,
 .bi-list-item-simple.disabled:hover .bi-high-light,
 .bi-list-item-simple.disabled:active .bi-high-light {
@@ -3443,6 +3524,9 @@ i {
 .bi-list-item-effect:hover .bi-input {
   color: #1a1a1a;
 }
+.bi-list-item-effect:hover .bi-textarea {
+  color: #1a1a1a;
+}
 .bi-list-item-effect.active,
 .bi-list-item-effect:active {
   color: #3f8ce8;
@@ -3451,6 +3535,10 @@ i {
 .bi-list-item-effect:active .bi-input {
   color: #3f8ce8;
 }
+.bi-list-item-effect.active .bi-textarea,
+.bi-list-item-effect:active .bi-textarea {
+  color: #3f8ce8;
+}
 .bi-list-item-effect.disabled,
 .bi-list-item-effect.disabled:hover,
 .bi-list-item-effect.disabled:active {
@@ -3461,6 +3549,11 @@ i {
 .bi-list-item-effect.disabled:active .bi-input {
   color: #cccccc !important;
 }
+.bi-list-item-effect.disabled .bi-textarea,
+.bi-list-item-effect.disabled:hover .bi-textarea,
+.bi-list-item-effect.disabled:active .bi-textarea {
+  color: #cccccc !important;
+}
 .bi-list-item-effect.disabled .bi-high-light,
 .bi-list-item-effect.disabled:hover .bi-high-light,
 .bi-list-item-effect.disabled:active .bi-high-light {
@@ -3472,6 +3565,9 @@ i {
 .bi-theme-dark .bi-list-item-effect:hover .bi-input {
   color: #ffffff;
 }
+.bi-theme-dark .bi-list-item-effect:hover .bi-textarea {
+  color: #ffffff;
+}
 .bi-theme-dark .bi-list-item-effect.active,
 .bi-theme-dark .bi-list-item-effect:active {
   color: #3f8ce8;
@@ -3480,6 +3576,10 @@ i {
 .bi-theme-dark .bi-list-item-effect:active .bi-input {
   color: #3f8ce8;
 }
+.bi-theme-dark .bi-list-item-effect.active .bi-textarea,
+.bi-theme-dark .bi-list-item-effect:active .bi-textarea {
+  color: #3f8ce8;
+}
 .bi-theme-dark .bi-list-item-effect.disabled,
 .bi-theme-dark .bi-list-item-effect.disabled:hover,
 .bi-theme-dark .bi-list-item-effect.disabled:active {
@@ -3491,6 +3591,11 @@ i {
 .bi-theme-dark .bi-list-item-effect.disabled:active .bi-input {
   color: #666666 !important;
 }
+.bi-theme-dark .bi-list-item-effect.disabled .bi-textarea,
+.bi-theme-dark .bi-list-item-effect.disabled:hover .bi-textarea,
+.bi-theme-dark .bi-list-item-effect.disabled:active .bi-textarea {
+  color: #666666 !important;
+}
 .bi-theme-dark .bi-list-item-effect.disabled .bi-high-light,
 .bi-theme-dark .bi-list-item-effect.disabled:hover .bi-high-light,
 .bi-theme-dark .bi-list-item-effect.disabled:active .bi-high-light {
@@ -3506,6 +3611,10 @@ i {
 .bi-list-item-active.hover .bi-input {
   color: #1a1a1a;
 }
+.bi-list-item-active:hover .bi-textarea,
+.bi-list-item-active.hover .bi-textarea {
+  color: #1a1a1a;
+}
 .bi-list-item-active.active,
 .bi-list-item-active:active {
   color: #3f8ce8;
@@ -3516,6 +3625,10 @@ i {
 .bi-list-item-active:active .bi-input {
   color: #3f8ce8;
 }
+.bi-list-item-active.active .bi-textarea,
+.bi-list-item-active:active .bi-textarea {
+  color: #3f8ce8;
+}
 .bi-list-item-active.disabled,
 .bi-list-item-active.disabled:hover,
 .bi-list-item-active.disabled:active {
@@ -3527,6 +3640,11 @@ i {
 .bi-list-item-active.disabled:active .bi-input {
   color: #cccccc !important;
 }
+.bi-list-item-active.disabled .bi-textarea,
+.bi-list-item-active.disabled:hover .bi-textarea,
+.bi-list-item-active.disabled:active .bi-textarea {
+  color: #cccccc !important;
+}
 .bi-list-item-active.disabled .bi-high-light,
 .bi-list-item-active.disabled:hover .bi-high-light,
 .bi-list-item-active.disabled:active .bi-high-light {
@@ -3542,6 +3660,10 @@ i {
 .bi-theme-dark .bi-list-item-active.hover .bi-input {
   color: #ffffff;
 }
+.bi-theme-dark .bi-list-item-active:hover .bi-textarea,
+.bi-theme-dark .bi-list-item-active.hover .bi-textarea {
+  color: #ffffff;
+}
 .bi-theme-dark .bi-list-item-active.active,
 .bi-theme-dark .bi-list-item-active:active {
   color: #3f8ce8;
@@ -3552,6 +3674,10 @@ i {
 .bi-theme-dark .bi-list-item-active:active .bi-input {
   color: #3f8ce8;
 }
+.bi-theme-dark .bi-list-item-active.active .bi-textarea,
+.bi-theme-dark .bi-list-item-active:active .bi-textarea {
+  color: #3f8ce8;
+}
 .bi-theme-dark .bi-list-item-active.disabled,
 .bi-theme-dark .bi-list-item-active.disabled:hover,
 .bi-theme-dark .bi-list-item-active.disabled:active {
@@ -3563,6 +3689,11 @@ i {
 .bi-theme-dark .bi-list-item-active.disabled:active .bi-input {
   color: #666666 !important;
 }
+.bi-theme-dark .bi-list-item-active.disabled .bi-textarea,
+.bi-theme-dark .bi-list-item-active.disabled:hover .bi-textarea,
+.bi-theme-dark .bi-list-item-active.disabled:active .bi-textarea {
+  color: #666666 !important;
+}
 .bi-theme-dark .bi-list-item-active.disabled .bi-high-light,
 .bi-theme-dark .bi-list-item-active.disabled:hover .bi-high-light,
 .bi-theme-dark .bi-list-item-active.disabled:active .bi-high-light {
@@ -3577,6 +3708,10 @@ i {
 .bi-list-item-active2.hover .bi-input {
   color: #1a1a1a;
 }
+.bi-list-item-active2:hover .bi-textarea,
+.bi-list-item-active2.hover .bi-textarea {
+  color: #1a1a1a;
+}
 .bi-list-item-active2.active,
 .bi-list-item-active2:active {
   color: #3f8ce8;
@@ -3586,6 +3721,10 @@ i {
 .bi-list-item-active2:active .bi-input {
   color: #3f8ce8;
 }
+.bi-list-item-active2.active .bi-textarea,
+.bi-list-item-active2:active .bi-textarea {
+  color: #3f8ce8;
+}
 .bi-list-item-active2.disabled,
 .bi-list-item-active2.disabled:hover,
 .bi-list-item-active2.disabled:active {
@@ -3597,6 +3736,11 @@ i {
 .bi-list-item-active2.disabled:active .bi-input {
   color: #cccccc !important;
 }
+.bi-list-item-active2.disabled .bi-textarea,
+.bi-list-item-active2.disabled:hover .bi-textarea,
+.bi-list-item-active2.disabled:active .bi-textarea {
+  color: #cccccc !important;
+}
 .bi-list-item-active2.disabled .bi-high-light,
 .bi-list-item-active2.disabled:hover .bi-high-light,
 .bi-list-item-active2.disabled:active .bi-high-light {
@@ -3611,6 +3755,10 @@ i {
 .bi-theme-dark .bi-list-item-active2.hover .bi-input {
   color: #ffffff;
 }
+.bi-theme-dark .bi-list-item-active2:hover .bi-textarea,
+.bi-theme-dark .bi-list-item-active2.hover .bi-textarea {
+  color: #ffffff;
+}
 .bi-theme-dark .bi-list-item-active2.active,
 .bi-theme-dark .bi-list-item-active2:active {
   color: #3f8ce8;
@@ -3620,6 +3768,10 @@ i {
 .bi-theme-dark .bi-list-item-active2:active .bi-input {
   color: #3f8ce8;
 }
+.bi-theme-dark .bi-list-item-active2.active .bi-textarea,
+.bi-theme-dark .bi-list-item-active2:active .bi-textarea {
+  color: #3f8ce8;
+}
 .bi-theme-dark .bi-list-item-active2.disabled,
 .bi-theme-dark .bi-list-item-active2.disabled:hover,
 .bi-theme-dark .bi-list-item-active2.disabled:active {
@@ -3631,6 +3783,11 @@ i {
 .bi-theme-dark .bi-list-item-active2.disabled:active .bi-input {
   color: #666666 !important;
 }
+.bi-theme-dark .bi-list-item-active2.disabled .bi-textarea,
+.bi-theme-dark .bi-list-item-active2.disabled:hover .bi-textarea,
+.bi-theme-dark .bi-list-item-active2.disabled:active .bi-textarea {
+  color: #666666 !important;
+}
 .bi-theme-dark .bi-list-item-active2.disabled .bi-high-light,
 .bi-theme-dark .bi-list-item-active2.disabled:hover .bi-high-light,
 .bi-theme-dark .bi-list-item-active2.disabled:active .bi-high-light {
@@ -3646,6 +3803,10 @@ i {
 .bi-list-item-select.hover .bi-input {
   color: #1a1a1a;
 }
+.bi-list-item-select:hover .bi-textarea,
+.bi-list-item-select.hover .bi-textarea {
+  color: #1a1a1a;
+}
 .bi-list-item-select:active,
 .bi-list-item-select.active {
   color: #ffffff;
@@ -3655,6 +3816,10 @@ i {
 .bi-list-item-select.active .bi-input {
   color: #ffffff;
 }
+.bi-list-item-select:active .bi-textarea,
+.bi-list-item-select.active .bi-textarea {
+  color: #ffffff;
+}
 .bi-list-item-select:active .bi-high-light,
 .bi-list-item-select.active .bi-high-light {
   color: #ffffff;
@@ -3670,6 +3835,11 @@ i {
 .bi-list-item-select.disabled:active .bi-input {
   color: #cccccc !important;
 }
+.bi-list-item-select.disabled .bi-textarea,
+.bi-list-item-select.disabled:hover .bi-textarea,
+.bi-list-item-select.disabled:active .bi-textarea {
+  color: #cccccc !important;
+}
 .bi-list-item-select.disabled .bi-high-light,
 .bi-list-item-select.disabled:hover .bi-high-light,
 .bi-list-item-select.disabled:active .bi-high-light {
@@ -3685,6 +3855,10 @@ i {
 .bi-theme-dark .bi-list-item-select.hover .bi-input {
   color: #ffffff;
 }
+.bi-theme-dark .bi-list-item-select:hover .bi-textarea,
+.bi-theme-dark .bi-list-item-select.hover .bi-textarea {
+  color: #ffffff;
+}
 .bi-theme-dark .bi-list-item-select:active,
 .bi-theme-dark .bi-list-item-select.active {
   color: #ffffff;
@@ -3694,6 +3868,10 @@ i {
 .bi-theme-dark .bi-list-item-select.active .bi-input {
   color: #ffffff;
 }
+.bi-theme-dark .bi-list-item-select:active .bi-textarea,
+.bi-theme-dark .bi-list-item-select.active .bi-textarea {
+  color: #ffffff;
+}
 .bi-theme-dark .bi-list-item-select:active .bi-high-light,
 .bi-theme-dark .bi-list-item-select.active .bi-high-light {
   color: #ffffff;
@@ -3709,6 +3887,11 @@ i {
 .bi-theme-dark .bi-list-item-select.disabled:active .bi-input {
   color: #666666 !important;
 }
+.bi-theme-dark .bi-list-item-select.disabled .bi-textarea,
+.bi-theme-dark .bi-list-item-select.disabled:hover .bi-textarea,
+.bi-theme-dark .bi-list-item-select.disabled:active .bi-textarea {
+  color: #666666 !important;
+}
 .bi-theme-dark .bi-list-item-select.disabled .bi-high-light,
 .bi-theme-dark .bi-list-item-select.disabled:hover .bi-high-light,
 .bi-theme-dark .bi-list-item-select.disabled:active .bi-high-light {
@@ -3723,6 +3906,10 @@ i {
 .bi-list-item-none.hover .bi-input {
   color: inherit;
 }
+.bi-list-item-none:hover .bi-textarea,
+.bi-list-item-none.hover .bi-textarea {
+  color: inherit;
+}
 .bi-list-item-none:active,
 .bi-list-item-none.active {
   color: inherit;
@@ -3732,6 +3919,10 @@ i {
 .bi-list-item-none.active .bi-input {
   color: inherit;
 }
+.bi-list-item-none:active .bi-textarea,
+.bi-list-item-none.active .bi-textarea {
+  color: inherit;
+}
 .bi-list-item-none:active .bi-high-light,
 .bi-list-item-none.active .bi-high-light {
   color: inherit;
@@ -3747,6 +3938,11 @@ i {
 .bi-list-item-none.disabled:active .bi-input {
   color: #cccccc !important;
 }
+.bi-list-item-none.disabled .bi-textarea,
+.bi-list-item-none.disabled:hover .bi-textarea,
+.bi-list-item-none.disabled:active .bi-textarea {
+  color: #cccccc !important;
+}
 .bi-list-item-none.disabled .bi-high-light,
 .bi-list-item-none.disabled:hover .bi-high-light,
 .bi-list-item-none.disabled:active .bi-high-light {
@@ -3761,6 +3957,10 @@ i {
 .bi-theme-dark .bi-list-item-none.hover .bi-input {
   color: inherit;
 }
+.bi-theme-dark .bi-list-item-none:hover .bi-textarea,
+.bi-theme-dark .bi-list-item-none.hover .bi-textarea {
+  color: inherit;
+}
 .bi-theme-dark .bi-list-item-none:active,
 .bi-theme-dark .bi-list-item-none.active {
   color: inherit;
@@ -3770,6 +3970,10 @@ i {
 .bi-theme-dark .bi-list-item-none.active .bi-input {
   color: inherit;
 }
+.bi-theme-dark .bi-list-item-none:active .bi-textarea,
+.bi-theme-dark .bi-list-item-none.active .bi-textarea {
+  color: inherit;
+}
 .bi-theme-dark .bi-list-item-none:active .bi-high-light,
 .bi-theme-dark .bi-list-item-none.active .bi-high-light {
   color: inherit;
@@ -3785,6 +3989,11 @@ i {
 .bi-theme-dark .bi-list-item-none.disabled:active .bi-input {
   color: #666666 !important;
 }
+.bi-theme-dark .bi-list-item-none.disabled .bi-textarea,
+.bi-theme-dark .bi-list-item-none.disabled:hover .bi-textarea,
+.bi-theme-dark .bi-list-item-none.disabled:active .bi-textarea {
+  color: #666666 !important;
+}
 .bi-theme-dark .bi-list-item-none.disabled .bi-high-light,
 .bi-theme-dark .bi-list-item-none.disabled:hover .bi-high-light,
 .bi-theme-dark .bi-list-item-none.disabled:active .bi-high-light {

bi/widget.css

@@ -1,416 +1,416 @@
-/****** common color(常用颜色,可用于普遍场景) *****/
+/****** common color(常用颜色,可用于普遍场景) *****/
-/**** custom color(自定义颜色,用于特定场景) ****/
+/**** custom color(自定义颜色,用于特定场景) ****/
-.bi-arrangement .arrangement-helper {
+.bi-arrangement .arrangement-helper {
-  background: #3f8ce8;
+  background: #3f8ce8;
-  z-index: 1000000000;
+  z-index: 1000000000;
-}
+}
-.bi-arrangement .arrangement-block {
+.bi-arrangement .arrangement-block {
-  z-index: 1000000000;
+  z-index: 1000000000;
-}
+}
-.bi-arrangement .arrangement-drop-container {
+.bi-arrangement .arrangement-drop-container {
-  z-index: 1000000000;
+  z-index: 1000000000;
-}
+}
-.bi-arrangement .arrangement-drop-container .arrangement-drop-region {
+.bi-arrangement .arrangement-drop-container .arrangement-drop-region {
-  overflow: hidden;
+  overflow: hidden;
-}
+}
-.bi-arrangement .arrangement-drop-container .drop-devider {
+.bi-arrangement .arrangement-drop-container .drop-devider {
-  z-index: 1000000001;
+  z-index: 1000000001;
-  background: #3f8ce8;
+  background: #3f8ce8;
-}
+}
-.bi-arrangement .arrangement-drop-container .top-left,
+.bi-arrangement .arrangement-drop-container .top-left,
-.bi-arrangement .arrangement-drop-container .top-right,
+.bi-arrangement .arrangement-drop-container .top-right,
-.bi-arrangement .arrangement-drop-container .bottom-left,
+.bi-arrangement .arrangement-drop-container .bottom-left,
-.bi-arrangement .arrangement-drop-container .bottom-right,
+.bi-arrangement .arrangement-drop-container .bottom-right,
-.bi-arrangement .arrangement-drop-container .top-left-second,
+.bi-arrangement .arrangement-drop-container .top-left-second,
-.bi-arrangement .arrangement-drop-container .top-right-second,
+.bi-arrangement .arrangement-drop-container .top-right-second,
-.bi-arrangement .arrangement-drop-container .bottom-left-second,
+.bi-arrangement .arrangement-drop-container .bottom-left-second,
-.bi-arrangement .arrangement-drop-container .bottom-right-second,
+.bi-arrangement .arrangement-drop-container .bottom-right-second,
-.bi-arrangement .arrangement-drop-container .top-center,
+.bi-arrangement .arrangement-drop-container .top-center,
-.bi-arrangement .arrangement-drop-container .bottom-center,
+.bi-arrangement .arrangement-drop-container .bottom-center,
-.bi-arrangement .arrangement-drop-container .left-center,
+.bi-arrangement .arrangement-drop-container .left-center,
-.bi-arrangement .arrangement-drop-container .right-center,
+.bi-arrangement .arrangement-drop-container .right-center,
-.bi-arrangement .arrangement-drop-container .top-center-second,
+.bi-arrangement .arrangement-drop-container .top-center-second,
-.bi-arrangement .arrangement-drop-container .bottom-center-second,
+.bi-arrangement .arrangement-drop-container .bottom-center-second,
-.bi-arrangement .arrangement-drop-container .left-center-second,
+.bi-arrangement .arrangement-drop-container .left-center-second,
-.bi-arrangement .arrangement-drop-container .right-center-second {
+.bi-arrangement .arrangement-drop-container .right-center-second {
-  z-index: 1000000001;
+  z-index: 1000000001;
-  background: #3f8ce8;
+  background: #3f8ce8;
-}
+}
-.bi-arrangement-droppable {
+.bi-arrangement-droppable {
-  z-index: 100000;
+  z-index: 100000;
-}
+}
-/****添加计算宽度的--运算符直接需要space****/
+/****添加计算宽度的--运算符直接需要space****/
-/****** common color(常用颜色,可用于普遍场景) *****/
+/****** common color(常用颜色,可用于普遍场景) *****/
-/**** custom color(自定义颜色,用于特定场景) ****/
+/**** custom color(自定义颜色,用于特定场景) ****/
-.bi-adapt-editor .adapt-editor-text {
+.bi-adapt-editor .adapt-editor-text {
-  font-size: 14px;
+  font-size: 14px;
-}
+}
-/****添加计算宽度的--运算符直接需要space****/
+/****添加计算宽度的--运算符直接需要space****/
-/****** common color(常用颜色,可用于普遍场景) *****/
+/****** common color(常用颜色,可用于普遍场景) *****/
-/**** custom color(自定义颜色,用于特定场景) ****/
+/**** custom color(自定义颜色,用于特定场景) ****/
-/*************BI.SearchEditor******************/
+/*************BI.SearchEditor******************/
-.bi-search-editor {
+.bi-search-editor {
-  border: 1px solid #d4dadd;
+  border: 1px solid #d4dadd;
-}
+}
-.bi-search-editor .close-font {
+.bi-search-editor .close-font {
-  font-size: 20px;
+  font-size: 20px;
-}
+}
-.bi-search-editor .search-font {
+.bi-search-editor .search-font {
-  font-size: 20px;
+  font-size: 20px;
-}
+}
-/****添加计算宽度的--运算符直接需要space****/
+/****添加计算宽度的--运算符直接需要space****/
-/****** common color(常用颜色,可用于普遍场景) *****/
+/****** common color(常用颜色,可用于普遍场景) *****/
-/**** custom color(自定义颜色,用于特定场景) ****/
+/**** custom color(自定义颜色,用于特定场景) ****/
-/*************BI.SearchEditor******************/
+/*************BI.SearchEditor******************/
-.bi-small-search-editor .bi-editor {
+.bi-small-search-editor .bi-editor {
-  font-size: 12px;
+  font-size: 12px;
-}
+}
-.bi-small-search-editor .bi-editor .bi-input {
+.bi-small-search-editor .bi-editor .bi-input {
-  font-size: 12px;
+  font-size: 12px;
-}
+}
-.bi-small-search-editor .bi-editor .bi-label {
+.bi-small-search-editor .bi-editor .bi-label {
-  font-size: 12px;
+  font-size: 12px;
-}
+}
-.bi-small-search-editor .close-font {
+.bi-small-search-editor .close-font {
-  font-size: 18px;
+  font-size: 18px;
-}
+}
-.bi-small-search-editor .search-font {
+.bi-small-search-editor .search-font {
-  font-size: 18px;
+  font-size: 18px;
-}
+}
-/****添加计算宽度的--运算符直接需要space****/
+/****添加计算宽度的--运算符直接需要space****/
-/****** common color(常用颜色,可用于普遍场景) *****/
+/****** common color(常用颜色,可用于普遍场景) *****/
-/**** custom color(自定义颜色,用于特定场景) ****/
+/**** custom color(自定义颜色,用于特定场景) ****/
-.bi-sign-initial-editor .sign-initial-editor-text {
+.bi-sign-initial-editor .sign-initial-editor-text {
-  font-size: 14px;
+  font-size: 14px;
-}
+}
-/****添加计算宽度的--运算符直接需要space****/
+/****添加计算宽度的--运算符直接需要space****/
-/****** common color(常用颜色,可用于普遍场景) *****/
+/****** common color(常用颜色,可用于普遍场景) *****/
-/**** custom color(自定义颜色,用于特定场景) ****/
+/**** custom color(自定义颜色,用于特定场景) ****/
-.bi-sign-style-editor .sign-style-editor-text {
+.bi-sign-style-editor .sign-style-editor-text {
-  max-width: 100%;
+  max-width: 100%;
-  font-size: 12px;
+  font-size: 12px;
-}
+}
-.bi-sign-style-editor .sign-style-editor-tip {
+.bi-sign-style-editor .sign-style-editor-tip {
-  max-width: 100%;
+  max-width: 100%;
-  font-size: 12px;
+  font-size: 12px;
-  color: #808080;
+  color: #808080;
-}
+}
-/****添加计算宽度的--运算符直接需要space****/
+/****添加计算宽度的--运算符直接需要space****/
-/****** common color(常用颜色,可用于普遍场景) *****/
+/****** common color(常用颜色,可用于普遍场景) *****/
-/**** custom color(自定义颜色,用于特定场景) ****/
+/**** custom color(自定义颜色,用于特定场景) ****/
-.bi-text-editor {
+.bi-text-editor {
-  border: 1px solid #d4dadd;
+  border: 1px solid #d4dadd;
-}
+}
-/****添加计算宽度的--运算符直接需要space****/
+/****添加计算宽度的--运算符直接需要space****/
-/****** common color(常用颜色,可用于普遍场景) *****/
+/****** common color(常用颜色,可用于普遍场景) *****/
-/**** custom color(自定义颜色,用于特定场景) ****/
+/**** custom color(自定义颜色,用于特定场景) ****/
-/*************BI.SearchEditor******************/
+/*************BI.SearchEditor******************/
-/****** common color(常用颜色,可用于普遍场景) *****/
+/****** common color(常用颜色,可用于普遍场景) *****/
-/**** custom color(自定义颜色,用于特定场景) ****/
+/**** custom color(自定义颜色,用于特定场景) ****/
-.bi-date-trigger {
+.bi-date-trigger {
-  -webkit-border-radius: 2px;
+  -webkit-border-radius: 2px;
-  -moz-border-radius: 2px;
+  -moz-border-radius: 2px;
-  border-radius: 2px;
+  border-radius: 2px;
-}
+}
-/****** common color(常用颜色,可用于普遍场景) *****/
+/****** common color(常用颜色,可用于普遍场景) *****/
-/**** custom color(自定义颜色,用于特定场景) ****/
+/**** custom color(自定义颜色,用于特定场景) ****/
-.bi-down-list-popup .bi-down-list-item .list-item-text {
+.bi-down-list-popup .bi-down-list-item .list-item-text {
-  max-width: 203px;
+  max-width: 203px;
-}
+}
-/****** common color(常用颜色,可用于普遍场景) *****/
+/****** common color(常用颜色,可用于普遍场景) *****/
-/**** custom color(自定义颜色,用于特定场景) ****/
+/**** custom color(自定义颜色,用于特定场景) ****/
-.bi-excel-table > div.bottom-right > div > div > table {
+.bi-excel-table > div.bottom-right > div > div > table {
-  border-right: 1px solid #d4dadd;
+  border-right: 1px solid #d4dadd;
-}
+}
-.bi-theme-dark .bi-excel-table > div.bottom-right > div > div > table {
+.bi-theme-dark .bi-excel-table > div.bottom-right > div > div > table {
-  border-right: 1px solid #525466;
+  border-right: 1px solid #525466;
-}
+}
-.bi-excel-table-header-cell {
+.bi-excel-table-header-cell {
-  font-weight: bold;
+  font-weight: bold;
-}
+}
-/****** common color(常用颜色,可用于普遍场景) *****/
+/****** common color(常用颜色,可用于普遍场景) *****/
-/**** custom color(自定义颜色,用于特定场景) ****/
+/**** custom color(自定义颜色,用于特定场景) ****/
-/****** common color(常用颜色,可用于普遍场景) *****/
+/****** common color(常用颜色,可用于普遍场景) *****/
-/**** custom color(自定义颜色,用于特定场景) ****/
+/**** custom color(自定义颜色,用于特定场景) ****/
-/****** common color(常用颜色,可用于普遍场景) *****/
+/****** common color(常用颜色,可用于普遍场景) *****/
-/**** custom color(自定义颜色,用于特定场景) ****/
+/**** custom color(自定义颜色,用于特定场景) ****/
-.bi-file-manager-nav-button .file-manager-nav-button-text {
+.bi-file-manager-nav-button .file-manager-nav-button-text {
-  max-width: 200px;
+  max-width: 200px;
-}
+}
-.bi-file-manager-nav-button .file-manager-nav-button-text.active {
+.bi-file-manager-nav-button .file-manager-nav-button-text.active {
-  background-color: #eff1f4;
+  background-color: #eff1f4;
-  color: #999999;
+  color: #999999;
-}
+}
-.bi-file-manager-nav-button .file-manager-nav-button-triangle {
+.bi-file-manager-nav-button .file-manager-nav-button-triangle {
-  z-index: 1;
+  z-index: 1;
-}
+}
-.bi-theme-dark .bi-file-manager-nav-button .file-manager-nav-button-text.active {
+.bi-theme-dark .bi-file-manager-nav-button .file-manager-nav-button-text.active {
-  background-color: #191b2b;
+  background-color: #191b2b;
-  color: #999999;
+  color: #999999;
-}
+}
-/****** common color(常用颜色,可用于普遍场景) *****/
+/****** common color(常用颜色,可用于普遍场景) *****/
-/**** custom color(自定义颜色,用于特定场景) ****/
+/**** custom color(自定义颜色,用于特定场景) ****/
-.bi-fine-tuning-number-editor {
+.bi-fine-tuning-number-editor {
-  -webkit-border-radius: 2px;
+  -webkit-border-radius: 2px;
-  -moz-border-radius: 2px;
+  -moz-border-radius: 2px;
-  border-radius: 2px;
+  border-radius: 2px;
-}
+}
-.bi-interactive-arrangement .interactive-arrangement-dragtag-line {
+.bi-interactive-arrangement .interactive-arrangement-dragtag-line {
-  z-index: 1000000000;
+  z-index: 1000000000;
-  background-color: #f07d0a;
+  background-color: #f07d0a;
-}
+}
-.bi-interactive-arrangement .interactive-arrangement-dragtag-icon {
+.bi-interactive-arrangement .interactive-arrangement-dragtag-icon {
-  z-index: 1000000000;
+  z-index: 1000000000;
-}
+}
-/****** common color(常用颜色,可用于普遍场景) *****/
+/****** common color(常用颜色,可用于普遍场景) *****/
-/**** custom color(自定义颜色,用于特定场景) ****/
+/**** custom color(自定义颜色,用于特定场景) ****/
-/****** common color(常用颜色,可用于普遍场景) *****/
+/****** common color(常用颜色,可用于普遍场景) *****/
-/**** custom color(自定义颜色,用于特定场景) ****/
+/**** custom color(自定义颜色,用于特定场景) ****/
-.bi-month-trigger {
+.bi-month-trigger {
-  -webkit-border-radius: 2px;
+  -webkit-border-radius: 2px;
-  -moz-border-radius: 2px;
+  -moz-border-radius: 2px;
-  border-radius: 2px;
+  border-radius: 2px;
-}
+}
-.bi-multi-select-check-pane .multi-select-check-selected {
+.bi-multi-select-check-pane .multi-select-check-selected {
-  text-decoration: underline;
+  text-decoration: underline;
-}
+}
-/****** common color(常用颜色,可用于普遍场景) *****/
+/****** common color(常用颜色,可用于普遍场景) *****/
-/**** custom color(自定义颜色,用于特定场景) ****/
+/**** custom color(自定义颜色,用于特定场景) ****/
-.bi-multi-select-combo .multi-select-trigger-icon-button {
+.bi-multi-select-combo .multi-select-trigger-icon-button {
-  font-size: 16px;
+  font-size: 16px;
-}
+}
-/****** common color(常用颜色,可用于普遍场景) *****/
+/****** common color(常用颜色,可用于普遍场景) *****/
-/**** custom color(自定义颜色,用于特定场景) ****/
+/**** custom color(自定义颜色,用于特定场景) ****/
-.bi-multi-select-trigger {
+.bi-multi-select-trigger {
-  -webkit-border-radius: 2px 2px 2px 2px;
+  -webkit-border-radius: 2px 2px 2px 2px;
-  -moz-border-radius: 2px 2px 2px 2px;
+  -moz-border-radius: 2px 2px 2px 2px;
-  border-radius: 2px 2px 2px 2px;
+  border-radius: 2px 2px 2px 2px;
-}
+}
-.bi-multi-select-search-pane .multi-select-toolbar {
+.bi-multi-select-search-pane .multi-select-toolbar {
-  color: #e85050;
+  color: #e85050;
-}
+}
-.bi-multi-select-check-selected-button {
+.bi-multi-select-check-selected-button {
-  z-index: 1;
+  z-index: 1;
-}
+}
-/****** common color(常用颜色,可用于普遍场景) *****/
+/****** common color(常用颜色,可用于普遍场景) *****/
-/**** custom color(自定义颜色,用于特定场景) ****/
+/**** custom color(自定义颜色,用于特定场景) ****/
-.bi-multi-tree-check-pane .multi-tree-check-selected {
+.bi-multi-tree-check-pane .multi-tree-check-selected {
-  color: #3f8ce8;
+  color: #3f8ce8;
-}
+}
-/****** common color(常用颜色,可用于普遍场景) *****/
+/****** common color(常用颜色,可用于普遍场景) *****/
-/**** custom color(自定义颜色,用于特定场景) ****/
+/**** custom color(自定义颜色,用于特定场景) ****/
-.bi-multi-tree-combo .multi-select-trigger-icon-button {
+.bi-multi-tree-combo .multi-select-trigger-icon-button {
-  font-size: 16px;
+  font-size: 16px;
-}
+}
-.bi-multi-tree-popup .popup-view-tree {
+.bi-multi-tree-popup .popup-view-tree {
-  min-height: 170px;
+  min-height: 170px;
-}
+}
-/****** common color(常用颜色,可用于普遍场景) *****/
+/****** common color(常用颜色,可用于普遍场景) *****/
-/**** custom color(自定义颜色,用于特定场景) ****/
+/**** custom color(自定义颜色,用于特定场景) ****/
-.bi-multi-tree-check-selected-button .trigger-check-selected {
+.bi-multi-tree-check-selected-button .trigger-check-selected {
-  color: #3f8ce8;
+  color: #3f8ce8;
-  z-index: 1;
+  z-index: 1;
-}
+}
-/****** common color(常用颜色,可用于普遍场景) *****/
+/****** common color(常用颜色,可用于普遍场景) *****/
-/**** custom color(自定义颜色,用于特定场景) ****/
+/**** custom color(自定义颜色,用于特定场景) ****/
-.bi-numerical-interval .numerical-interval-small-editor {
+.bi-numerical-interval .numerical-interval-small-editor {
-  -moz-border-radius-topleft: 2px;
+  -moz-border-radius-topleft: 2px;
-  -webkit-border-top-left-radius: 2px;
+  -webkit-border-top-left-radius: 2px;
-  -moz-border-radius-bottomleft: 2px;
+  -moz-border-radius-bottomleft: 2px;
-  -webkit-border-bottom-left-radius: 2px;
+  -webkit-border-bottom-left-radius: 2px;
-  border-top-left-radius: 2px;
+  border-top-left-radius: 2px;
-  border-bottom-left-radius: 2px;
+  border-bottom-left-radius: 2px;
-}
+}
-.bi-numerical-interval .numerical-interval-big-editor {
+.bi-numerical-interval .numerical-interval-big-editor {
-  -moz-border-radius-topright: 2px;
+  -moz-border-radius-topright: 2px;
-  -webkit-border-top-right-radius: 2px;
+  -webkit-border-top-right-radius: 2px;
-  -moz-border-radius-bottomright: 2px;
+  -moz-border-radius-bottomright: 2px;
-  -webkit-border-bottom-right-radius: 2px;
+  -webkit-border-bottom-right-radius: 2px;
-  border-top-right-radius: 2px;
+  border-top-right-radius: 2px;
-  border-bottom-right-radius: 2px;
+  border-bottom-right-radius: 2px;
-}
+}
-.bi-numerical-interval .numerical-interval-big-combo {
+.bi-numerical-interval .numerical-interval-big-combo {
-  -moz-border-radius-topleft: 2px;
+  -moz-border-radius-topleft: 2px;
-  -webkit-border-top-left-radius: 2px;
+  -webkit-border-top-left-radius: 2px;
-  -moz-border-radius-bottomleft: 2px;
+  -moz-border-radius-bottomleft: 2px;
-  -webkit-border-bottom-left-radius: 2px;
+  -webkit-border-bottom-left-radius: 2px;
-  border-top-left-radius: 2px;
+  border-top-left-radius: 2px;
-  border-bottom-left-radius: 2px;
+  border-bottom-left-radius: 2px;
-}
+}
-.bi-numerical-interval .numerical-interval-big-combo .bi-icon-combo-trigger .icon-combo-trigger-icon {
+.bi-numerical-interval .numerical-interval-big-combo .bi-icon-combo-trigger .icon-combo-trigger-icon {
-  font-size: 14px;
+  font-size: 14px;
-}
+}
-.bi-numerical-interval .numerical-interval-small-combo {
+.bi-numerical-interval .numerical-interval-small-combo {
-  -moz-border-radius-topright: 2px;
+  -moz-border-radius-topright: 2px;
-  -webkit-border-top-right-radius: 2px;
+  -webkit-border-top-right-radius: 2px;
-  -moz-border-radius-bottomright: 2px;
+  -moz-border-radius-bottomright: 2px;
-  -webkit-border-bottom-right-radius: 2px;
+  -webkit-border-bottom-right-radius: 2px;
-  border-top-right-radius: 2px;
+  border-top-right-radius: 2px;
-  border-bottom-right-radius: 2px;
+  border-bottom-right-radius: 2px;
-}
+}
-.bi-numerical-interval .numerical-interval-small-combo .bi-icon-combo-trigger .icon-combo-trigger-icon {
+.bi-numerical-interval .numerical-interval-small-combo .bi-icon-combo-trigger .icon-combo-trigger-icon {
-  font-size: 14px;
+  font-size: 14px;
-}
+}
-.bi-numerical-interval.number-error .bi-input {
+.bi-numerical-interval.number-error .bi-input {
-  color: #e85050;
+  color: #e85050;
-}
+}
-/****** common color(常用颜色,可用于普遍场景) *****/
+/****** common color(常用颜色,可用于普遍场景) *****/
-/**** custom color(自定义颜色,用于特定场景) ****/
+/**** custom color(自定义颜色,用于特定场景) ****/
-.bi-page-table-cell {
+.bi-page-table-cell {
-  -webkit-user-select: initial;
+  -webkit-user-select: initial;
-  -khtml-user-select: initial;
+  -khtml-user-select: initial;
-  -moz-user-select: initial;
+  -moz-user-select: initial;
-  -ms-user-select: initial;
+  -ms-user-select: initial;
-  -o-user-select: initial;
+  -o-user-select: initial;
-  user-select: initial;
+  user-select: initial;
-}
+}
-/****** common color(常用颜色,可用于普遍场景) *****/
+/****** common color(常用颜色,可用于普遍场景) *****/
-/**** custom color(自定义颜色,用于特定场景) ****/
+/**** custom color(自定义颜色,用于特定场景) ****/
-.bi-path-chooser .path-chooser-radio {
+.bi-path-chooser .path-chooser-radio {
-  z-index: 1;
+  z-index: 1;
-}
+}
-.bi-path-region .path-region-label {
+.bi-path-region .path-region-label {
-  z-index: 1;
+  z-index: 1;
-}
+}
-.bi-preview-table-cell {
+.bi-preview-table-cell {
-  min-height: 25px;
+  min-height: 25px;
-  min-width: 80px;
+  min-width: 80px;
-  max-width: 220px;
+  max-width: 220px;
-}
+}
-.bi-preview-table {
+.bi-preview-table {
-  -webkit-user-select: initial;
+  -webkit-user-select: initial;
-  -khtml-user-select: initial;
+  -khtml-user-select: initial;
-  -moz-user-select: initial;
+  -moz-user-select: initial;
-  -ms-user-select: initial;
+  -ms-user-select: initial;
-  -o-user-select: initial;
+  -o-user-select: initial;
-  user-select: initial;
+  user-select: initial;
-}
+}
-.bi-preview-table > div > table > thead > tr.odd,
+.bi-preview-table > div > table > thead > tr.odd,
-.bi-preview-table > div > div > div > table > thead > tr.odd {
+.bi-preview-table > div > div > div > table > thead > tr.odd {
-  background-color: #eff1f4;
+  background-color: #eff1f4;
-}
+}
-.bi-theme-dark .bi-preview-table > div > table > thead > tr.odd,
+.bi-theme-dark .bi-preview-table > div > table > thead > tr.odd,
-.bi-theme-dark .bi-preview-table > div > div > div > table > thead > tr.odd {
+.bi-theme-dark .bi-preview-table > div > div > div > table > thead > tr.odd {
-  background-color: #191b2b;
+  background-color: #191b2b;
-}
+}
-.bi-preview-table-header-cell {
+.bi-preview-table-header-cell {
-  font-weight: bold;
+  font-weight: bold;
-  min-height: 25px;
+  min-height: 25px;
-  min-width: 80px;
+  min-width: 80px;
-  max-width: 220px;
+  max-width: 220px;
-}
+}
-/****** common color(常用颜色,可用于普遍场景) *****/
+/****** common color(常用颜色,可用于普遍场景) *****/
-/**** custom color(自定义颜色,用于特定场景) ****/
+/**** custom color(自定义颜色,用于特定场景) ****/
-/****** common color(常用颜色,可用于普遍场景) *****/
+/****** common color(常用颜色,可用于普遍场景) *****/
-/**** custom color(自定义颜色,用于特定场景) ****/
+/**** custom color(自定义颜色,用于特定场景) ****/
-.bi-quarter-trigger {
+.bi-quarter-trigger {
-  -webkit-border-radius: 2px;
+  -webkit-border-radius: 2px;
-  -moz-border-radius: 2px;
+  -moz-border-radius: 2px;
-  border-radius: 2px;
+  border-radius: 2px;
-}
+}
-/****** common color(常用颜色,可用于普遍场景) *****/
+/****** common color(常用颜色,可用于普遍场景) *****/
-/**** custom color(自定义颜色,用于特定场景) ****/
+/**** custom color(自定义颜色,用于特定场景) ****/
-.bi-relation-view-region .relation-view-region-container {
+.bi-relation-view-region .relation-view-region-container {
-  z-index: 1;
+  z-index: 1;
-  -webkit-border-radius: 2px;
+  -webkit-border-radius: 2px;
-  -moz-border-radius: 2px;
+  -moz-border-radius: 2px;
-  border-radius: 2px;
+  border-radius: 2px;
-}
+}
-.bi-relation-view-region .relation-view-region-container.other-package {
+.bi-relation-view-region .relation-view-region-container.other-package {
-  border-style: dashed;
+  border-style: dashed;
-}
+}
-.bi-sequence-table-dynamic-number .sequence-table-title-cell {
+.bi-sequence-table-dynamic-number .sequence-table-title-cell {
-  overflow: hidden;
+  overflow: hidden;
-  overflow-x: hidden;
+  overflow-x: hidden;
-  overflow-y: hidden;
+  overflow-y: hidden;
-  -webkit-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
-  /*Safari3.2+*/
+  /*Safari3.2+*/
-  -moz-box-sizing: border-box;
+  -moz-box-sizing: border-box;
-  /*Firefox3.5+*/
+  /*Firefox3.5+*/
-  -ms-box-sizing: border-box;
+  -ms-box-sizing: border-box;
-  /*IE8*/
+  /*IE8*/
-  box-sizing: border-box;
+  box-sizing: border-box;
-  /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
+  /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
-}
+}
-.bi-sequence-table-dynamic-number .sequence-table-number-cell {
+.bi-sequence-table-dynamic-number .sequence-table-number-cell {
-  -webkit-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
-  /*Safari3.2+*/
+  /*Safari3.2+*/
-  -moz-box-sizing: border-box;
+  -moz-box-sizing: border-box;
-  /*Firefox3.5+*/
+  /*Firefox3.5+*/
-  -ms-box-sizing: border-box;
+  -ms-box-sizing: border-box;
-  /*IE8*/
+  /*IE8*/
-  box-sizing: border-box;
+  box-sizing: border-box;
-  /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
+  /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
-}
+}
-.bi-sequence-table-list-number .sequence-table-title-cell {
+.bi-sequence-table-list-number .sequence-table-title-cell {
-  overflow: hidden;
+  overflow: hidden;
-  overflow-x: hidden;
+  overflow-x: hidden;
-  overflow-y: hidden;
+  overflow-y: hidden;
-  -webkit-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
-  /*Safari3.2+*/
+  /*Safari3.2+*/
-  -moz-box-sizing: border-box;
+  -moz-box-sizing: border-box;
-  /*Firefox3.5+*/
+  /*Firefox3.5+*/
-  -ms-box-sizing: border-box;
+  -ms-box-sizing: border-box;
-  /*IE8*/
+  /*IE8*/
-  box-sizing: border-box;
+  box-sizing: border-box;
-  /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
+  /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
-}
+}
-.bi-sequence-table-list-number .sequence-table-number-cell {
+.bi-sequence-table-list-number .sequence-table-number-cell {
-  -webkit-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
-  /*Safari3.2+*/
+  /*Safari3.2+*/
-  -moz-box-sizing: border-box;
+  -moz-box-sizing: border-box;
-  /*Firefox3.5+*/
+  /*Firefox3.5+*/
-  -ms-box-sizing: border-box;
+  -ms-box-sizing: border-box;
-  /*IE8*/
+  /*IE8*/
-  box-sizing: border-box;
+  box-sizing: border-box;
-  /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
+  /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
-}
+}
-/****** common color(常用颜色,可用于普遍场景) *****/
+/****** common color(常用颜色,可用于普遍场景) *****/
-/**** custom color(自定义颜色,用于特定场景) ****/
+/**** custom color(自定义颜色,用于特定场景) ****/
-.bi-sequence-table-tree-number .sequence-table-title-cell {
+.bi-sequence-table-tree-number .sequence-table-title-cell {
-  overflow: hidden;
+  overflow: hidden;
-  overflow-x: hidden;
+  overflow-x: hidden;
-  overflow-y: hidden;
+  overflow-y: hidden;
-  -webkit-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
-  /*Safari3.2+*/
+  /*Safari3.2+*/
-  -moz-box-sizing: border-box;
+  -moz-box-sizing: border-box;
-  /*Firefox3.5+*/
+  /*Firefox3.5+*/
-  -ms-box-sizing: border-box;
+  -ms-box-sizing: border-box;
-  /*IE8*/
+  /*IE8*/
-  box-sizing: border-box;
+  box-sizing: border-box;
-  /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
+  /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
-}
+}
-.bi-sequence-table-tree-number .sequence-table-number-cell {
+.bi-sequence-table-tree-number .sequence-table-number-cell {
-  -webkit-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
-  /*Safari3.2+*/
+  /*Safari3.2+*/
-  -moz-box-sizing: border-box;
+  -moz-box-sizing: border-box;
-  /*Firefox3.5+*/
+  /*Firefox3.5+*/
-  -ms-box-sizing: border-box;
+  -ms-box-sizing: border-box;
-  /*IE8*/
+  /*IE8*/
-  box-sizing: border-box;
+  box-sizing: border-box;
-  /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
+  /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
-}
+}
-/****** common color(常用颜色,可用于普遍场景) *****/
+/****** common color(常用颜色,可用于普遍场景) *****/
-/**** custom color(自定义颜色,用于特定场景) ****/
+/**** custom color(自定义颜色,用于特定场景) ****/
-/****** common color(常用颜色,可用于普遍场景) *****/
+/****** common color(常用颜色,可用于普遍场景) *****/
-/**** custom color(自定义颜色,用于特定场景) ****/
+/**** custom color(自定义颜色,用于特定场景) ****/
-.bi-year-popup .year-popup-navigation {
+.bi-year-popup .year-popup-navigation {
-  line-height: 30px;
+  line-height: 30px;
-}
+}
-.bi-year-popup .year-popup-navigation > .center-element {
+.bi-year-popup .year-popup-navigation > .center-element {
-  border-left: 1px solid #d4dadd;
+  border-left: 1px solid #d4dadd;
-}
+}
-.bi-year-popup .year-popup-navigation > .first-element {
+.bi-year-popup .year-popup-navigation > .first-element {
-  border-left: none;
+  border-left: none;
-}
+}
-.bi-theme-dark .bi-year-popup .year-popup-navigation > .center-element {
+.bi-theme-dark .bi-year-popup .year-popup-navigation > .center-element {
-  border-left: 1px solid #525466;
+  border-left: 1px solid #525466;
-}
+}
-.bi-theme-dark .bi-year-popup .year-popup-navigation > .first-element {
+.bi-theme-dark .bi-year-popup .year-popup-navigation > .first-element {
-  border-left: none;
+  border-left: none;
-}
+}
-.bi-year-trigger {
+.bi-year-trigger {
-  -webkit-border-radius: 2px;
+  -webkit-border-radius: 2px;
-  -moz-border-radius: 2px;
+  -moz-border-radius: 2px;
-  border-radius: 2px;
+  border-radius: 2px;
-}
+}

docs/base.js

@@ -18335,7 +18335,7 @@ BI.TextAreaEditor = BI.inherit(BI.Single, {
             tagName: "textarea",
             width: "100%",
             height: "100%",
-            cls: "textarea-editor-content display-block"
+            cls: "bi-textarea textarea-editor-content display-block"
         });
         this.content.element.css({"resize": "none"});
         BI.createWidget({
@@ -18523,6 +18523,15 @@ BI.Iframe = BI.inherit(BI.Single, {
         return this.options.src;
     },
 
+    setName: function (name) {
+        this.options.name = name;
+        this.element.attr("name", name);
+    },
+
+    getName: function () {
+        return this.options.name;
+    },
+
     getWidth: function () {
         return this.options.width
     },

docs/core.css

@@ -3181,6 +3181,9 @@ i {
 .base-disabled .bi-input {
   color: #cccccc !important;
 }
+.base-disabled .bi-textarea {
+  color: #cccccc !important;
+}
 .base-disabled .b-font:before {
   color: #cccccc !important;
 }
@@ -3190,6 +3193,9 @@ i {
 .bi-theme-dark .base-disabled .bi-input {
   color: #666666 !important;
 }
+.bi-theme-dark .base-disabled .bi-textarea {
+  color: #666666 !important;
+}
 .bi-theme-dark .base-disabled .b-font:before {
   color: #666666 !important;
 }
@@ -3215,6 +3221,9 @@ i {
 .bi-background .bi-input {
   color: #666666;
 }
+.bi-background .bi-textarea {
+  color: #666666;
+}
 .bi-theme-dark .bi-background {
   background-color: #191b2b;
   color: #cccccc;
@@ -3222,6 +3231,9 @@ i {
 .bi-theme-dark .bi-background .bi-input {
   color: #cccccc;
 }
+.bi-theme-dark .bi-background .bi-textarea {
+  color: #cccccc;
+}
 .bi-card {
   background-color: #ffffff;
   color: #666666;
@@ -3229,6 +3241,9 @@ i {
 .bi-card .bi-input {
   color: #666666;
 }
+.bi-card .bi-textarea {
+  color: #666666;
+}
 .bi-theme-dark .bi-card {
   background-color: #242640;
   color: #cccccc;
@@ -3236,24 +3251,36 @@ i {
 .bi-theme-dark .bi-card .bi-input {
   color: #cccccc;
 }
+.bi-theme-dark .bi-card .bi-textarea {
+  color: #cccccc;
+}
 .bi-disabled {
   color: #cccccc;
 }
 .bi-disabled .bi-input {
   color: #cccccc;
 }
+.bi-disabled .bi-textarea {
+  color: #cccccc;
+}
 .bi-theme-dark .bi-disabled {
   color: #666666;
 }
 .bi-theme-dark .bi-disabled .bi-input {
   color: #666666;
 }
+.bi-theme-dark .bi-disabled .bi-textarea {
+  color: #666666;
+}
 .bi-tips {
   color: #999999;
 }
 .bi-tips .bi-input {
   color: #999999;
 }
+.bi-tips .bi-textarea {
+  color: #999999;
+}
 .bi-border {
   border: 1px solid #d4dadd;
 }
@@ -3290,12 +3317,18 @@ i {
 .bi-keyword-red-mark .bi-input {
   color: #f07d0a;
 }
+.bi-keyword-red-mark .bi-textarea {
+  color: #f07d0a;
+}
 .bi-high-light {
   color: #3f8ce8;
 }
 .bi-high-light .bi-input {
   color: #3f8ce8;
 }
+.bi-high-light .bi-textarea {
+  color: #3f8ce8;
+}
 .bi-high-light-background {
   background-color: #3f8ce8;
   color: #ffffff;
@@ -3303,6 +3336,9 @@ i {
 .bi-high-light-background .bi-input {
   color: #ffffff;
 }
+.bi-high-light-background .bi-textarea {
+  color: #ffffff;
+}
 .bi-high-light-border {
   border-color: #178cdf;
 }
@@ -3313,12 +3349,18 @@ i {
 .bi-water-mark .bi-input {
   color: #cccccc;
 }
+.bi-water-mark .bi-textarea {
+  color: #cccccc;
+}
 .bi-theme-dark .bi-water-mark {
   color: #666666;
 }
 .bi-theme-dark .bi-water-mark .bi-input {
   color: #666666;
 }
+.bi-theme-dark .bi-water-mark .bi-textarea {
+  color: #666666;
+}
 .bi-resizer {
   background: #1a1a1a;
   opacity: 0.2;
@@ -3336,6 +3378,9 @@ i {
 .bi-mask .bi-input {
   color: #ffffff;
 }
+.bi-mask .bi-textarea {
+  color: #ffffff;
+}
 .bi-theme-dark .bi-mask {
   color: #242640;
   background-color: rgba(255, 255, 255, 0.2);
@@ -3344,6 +3389,9 @@ i {
 .bi-theme-dark .bi-mask .bi-input {
   color: #242640;
 }
+.bi-theme-dark .bi-mask .bi-textarea {
+  color: #242640;
+}
 .bi-z-index-mask {
   color: #ffffff;
   background-color: rgba(26, 26, 26, 0.5);
@@ -3352,6 +3400,9 @@ i {
 .bi-z-index-mask .bi-input {
   color: #ffffff;
 }
+.bi-z-index-mask .bi-textarea {
+  color: #ffffff;
+}
 .bi-list-item:hover,
 .bi-list-item.hover {
   color: #1a1a1a;
@@ -3362,6 +3413,10 @@ i {
 .bi-list-item.hover .bi-input {
   color: #1a1a1a;
 }
+.bi-list-item:hover .bi-textarea,
+.bi-list-item.hover .bi-textarea {
+  color: #1a1a1a;
+}
 .bi-list-item.disabled,
 .bi-list-item.disabled:hover,
 .bi-list-item.disabled:active {
@@ -3373,6 +3428,11 @@ i {
 .bi-list-item.disabled:active .bi-input {
   color: #cccccc !important;
 }
+.bi-list-item.disabled .bi-textarea,
+.bi-list-item.disabled:hover .bi-textarea,
+.bi-list-item.disabled:active .bi-textarea {
+  color: #cccccc !important;
+}
 .bi-list-item.disabled .bi-high-light,
 .bi-list-item.disabled:hover .bi-high-light,
 .bi-list-item.disabled:active .bi-high-light {
@@ -3388,6 +3448,10 @@ i {
 .bi-theme-dark .bi-list-item.hover .bi-input {
   color: #ffffff;
 }
+.bi-theme-dark .bi-list-item:hover .bi-textarea,
+.bi-theme-dark .bi-list-item.hover .bi-textarea {
+  color: #ffffff;
+}
 .bi-theme-dark .bi-list-item.disabled,
 .bi-theme-dark .bi-list-item.disabled:hover,
 .bi-theme-dark .bi-list-item.disabled:active {
@@ -3399,6 +3463,11 @@ i {
 .bi-theme-dark .bi-list-item.disabled:active .bi-input {
   color: #666666 !important;
 }
+.bi-theme-dark .bi-list-item.disabled .bi-textarea,
+.bi-theme-dark .bi-list-item.disabled:hover .bi-textarea,
+.bi-theme-dark .bi-list-item.disabled:active .bi-textarea {
+  color: #666666 !important;
+}
 .bi-theme-dark .bi-list-item.disabled .bi-high-light,
 .bi-theme-dark .bi-list-item.disabled:hover .bi-high-light,
 .bi-theme-dark .bi-list-item.disabled:active .bi-high-light {
@@ -3414,6 +3483,9 @@ i {
 .bi-list-item-simple .bi-input {
   color: #999999;
 }
+.bi-list-item-simple .bi-textarea {
+  color: #999999;
+}
 .bi-list-item-simple:hover,
 .bi-list-item-simple.hover {
   color: #3f8ce8;
@@ -3422,6 +3494,10 @@ i {
 .bi-list-item-simple.hover .bi-input {
   color: #3f8ce8;
 }
+.bi-list-item-simple:hover .bi-textarea,
+.bi-list-item-simple.hover .bi-textarea {
+  color: #3f8ce8;
+}
 .bi-list-item-simple.disabled,
 .bi-list-item-simple.disabled:hover,
 .bi-list-item-simple.disabled:active {
@@ -3432,6 +3508,11 @@ i {
 .bi-list-item-simple.disabled:active .bi-input {
   color: #cccccc !important;
 }
+.bi-list-item-simple.disabled .bi-textarea,
+.bi-list-item-simple.disabled:hover .bi-textarea,
+.bi-list-item-simple.disabled:active .bi-textarea {
+  color: #cccccc !important;
+}
 .bi-list-item-simple.disabled .bi-high-light,
 .bi-list-item-simple.disabled:hover .bi-high-light,
 .bi-list-item-simple.disabled:active .bi-high-light {
@@ -3443,6 +3524,9 @@ i {
 .bi-list-item-effect:hover .bi-input {
   color: #1a1a1a;
 }
+.bi-list-item-effect:hover .bi-textarea {
+  color: #1a1a1a;
+}
 .bi-list-item-effect.active,
 .bi-list-item-effect:active {
   color: #3f8ce8;
@@ -3451,6 +3535,10 @@ i {
 .bi-list-item-effect:active .bi-input {
   color: #3f8ce8;
 }
+.bi-list-item-effect.active .bi-textarea,
+.bi-list-item-effect:active .bi-textarea {
+  color: #3f8ce8;
+}
 .bi-list-item-effect.disabled,
 .bi-list-item-effect.disabled:hover,
 .bi-list-item-effect.disabled:active {
@@ -3461,6 +3549,11 @@ i {
 .bi-list-item-effect.disabled:active .bi-input {
   color: #cccccc !important;
 }
+.bi-list-item-effect.disabled .bi-textarea,
+.bi-list-item-effect.disabled:hover .bi-textarea,
+.bi-list-item-effect.disabled:active .bi-textarea {
+  color: #cccccc !important;
+}
 .bi-list-item-effect.disabled .bi-high-light,
 .bi-list-item-effect.disabled:hover .bi-high-light,
 .bi-list-item-effect.disabled:active .bi-high-light {
@@ -3472,6 +3565,9 @@ i {
 .bi-theme-dark .bi-list-item-effect:hover .bi-input {
   color: #ffffff;
 }
+.bi-theme-dark .bi-list-item-effect:hover .bi-textarea {
+  color: #ffffff;
+}
 .bi-theme-dark .bi-list-item-effect.active,
 .bi-theme-dark .bi-list-item-effect:active {
   color: #3f8ce8;
@@ -3480,6 +3576,10 @@ i {
 .bi-theme-dark .bi-list-item-effect:active .bi-input {
   color: #3f8ce8;
 }
+.bi-theme-dark .bi-list-item-effect.active .bi-textarea,
+.bi-theme-dark .bi-list-item-effect:active .bi-textarea {
+  color: #3f8ce8;
+}
 .bi-theme-dark .bi-list-item-effect.disabled,
 .bi-theme-dark .bi-list-item-effect.disabled:hover,
 .bi-theme-dark .bi-list-item-effect.disabled:active {
@@ -3491,6 +3591,11 @@ i {
 .bi-theme-dark .bi-list-item-effect.disabled:active .bi-input {
   color: #666666 !important;
 }
+.bi-theme-dark .bi-list-item-effect.disabled .bi-textarea,
+.bi-theme-dark .bi-list-item-effect.disabled:hover .bi-textarea,
+.bi-theme-dark .bi-list-item-effect.disabled:active .bi-textarea {
+  color: #666666 !important;
+}
 .bi-theme-dark .bi-list-item-effect.disabled .bi-high-light,
 .bi-theme-dark .bi-list-item-effect.disabled:hover .bi-high-light,
 .bi-theme-dark .bi-list-item-effect.disabled:active .bi-high-light {
@@ -3506,6 +3611,10 @@ i {
 .bi-list-item-active.hover .bi-input {
   color: #1a1a1a;
 }
+.bi-list-item-active:hover .bi-textarea,
+.bi-list-item-active.hover .bi-textarea {
+  color: #1a1a1a;
+}
 .bi-list-item-active.active,
 .bi-list-item-active:active {
   color: #3f8ce8;
@@ -3516,6 +3625,10 @@ i {
 .bi-list-item-active:active .bi-input {
   color: #3f8ce8;
 }
+.bi-list-item-active.active .bi-textarea,
+.bi-list-item-active:active .bi-textarea {
+  color: #3f8ce8;
+}
 .bi-list-item-active.disabled,
 .bi-list-item-active.disabled:hover,
 .bi-list-item-active.disabled:active {
@@ -3527,6 +3640,11 @@ i {
 .bi-list-item-active.disabled:active .bi-input {
   color: #cccccc !important;
 }
+.bi-list-item-active.disabled .bi-textarea,
+.bi-list-item-active.disabled:hover .bi-textarea,
+.bi-list-item-active.disabled:active .bi-textarea {
+  color: #cccccc !important;
+}
 .bi-list-item-active.disabled .bi-high-light,
 .bi-list-item-active.disabled:hover .bi-high-light,
 .bi-list-item-active.disabled:active .bi-high-light {
@@ -3542,6 +3660,10 @@ i {
 .bi-theme-dark .bi-list-item-active.hover .bi-input {
   color: #ffffff;
 }
+.bi-theme-dark .bi-list-item-active:hover .bi-textarea,
+.bi-theme-dark .bi-list-item-active.hover .bi-textarea {
+  color: #ffffff;
+}
 .bi-theme-dark .bi-list-item-active.active,
 .bi-theme-dark .bi-list-item-active:active {
   color: #3f8ce8;
@@ -3552,6 +3674,10 @@ i {
 .bi-theme-dark .bi-list-item-active:active .bi-input {
   color: #3f8ce8;
 }
+.bi-theme-dark .bi-list-item-active.active .bi-textarea,
+.bi-theme-dark .bi-list-item-active:active .bi-textarea {
+  color: #3f8ce8;
+}
 .bi-theme-dark .bi-list-item-active.disabled,
 .bi-theme-dark .bi-list-item-active.disabled:hover,
 .bi-theme-dark .bi-list-item-active.disabled:active {
@@ -3563,6 +3689,11 @@ i {
 .bi-theme-dark .bi-list-item-active.disabled:active .bi-input {
   color: #666666 !important;
 }
+.bi-theme-dark .bi-list-item-active.disabled .bi-textarea,
+.bi-theme-dark .bi-list-item-active.disabled:hover .bi-textarea,
+.bi-theme-dark .bi-list-item-active.disabled:active .bi-textarea {
+  color: #666666 !important;
+}
 .bi-theme-dark .bi-list-item-active.disabled .bi-high-light,
 .bi-theme-dark .bi-list-item-active.disabled:hover .bi-high-light,
 .bi-theme-dark .bi-list-item-active.disabled:active .bi-high-light {
@@ -3577,6 +3708,10 @@ i {
 .bi-list-item-active2.hover .bi-input {
   color: #1a1a1a;
 }
+.bi-list-item-active2:hover .bi-textarea,
+.bi-list-item-active2.hover .bi-textarea {
+  color: #1a1a1a;
+}
 .bi-list-item-active2.active,
 .bi-list-item-active2:active {
   color: #3f8ce8;
@@ -3586,6 +3721,10 @@ i {
 .bi-list-item-active2:active .bi-input {
   color: #3f8ce8;
 }
+.bi-list-item-active2.active .bi-textarea,
+.bi-list-item-active2:active .bi-textarea {
+  color: #3f8ce8;
+}
 .bi-list-item-active2.disabled,
 .bi-list-item-active2.disabled:hover,
 .bi-list-item-active2.disabled:active {
@@ -3597,6 +3736,11 @@ i {
 .bi-list-item-active2.disabled:active .bi-input {
   color: #cccccc !important;
 }
+.bi-list-item-active2.disabled .bi-textarea,
+.bi-list-item-active2.disabled:hover .bi-textarea,
+.bi-list-item-active2.disabled:active .bi-textarea {
+  color: #cccccc !important;
+}
 .bi-list-item-active2.disabled .bi-high-light,
 .bi-list-item-active2.disabled:hover .bi-high-light,
 .bi-list-item-active2.disabled:active .bi-high-light {
@@ -3611,6 +3755,10 @@ i {
 .bi-theme-dark .bi-list-item-active2.hover .bi-input {
   color: #ffffff;
 }
+.bi-theme-dark .bi-list-item-active2:hover .bi-textarea,
+.bi-theme-dark .bi-list-item-active2.hover .bi-textarea {
+  color: #ffffff;
+}
 .bi-theme-dark .bi-list-item-active2.active,
 .bi-theme-dark .bi-list-item-active2:active {
   color: #3f8ce8;
@@ -3620,6 +3768,10 @@ i {
 .bi-theme-dark .bi-list-item-active2:active .bi-input {
   color: #3f8ce8;
 }
+.bi-theme-dark .bi-list-item-active2.active .bi-textarea,
+.bi-theme-dark .bi-list-item-active2:active .bi-textarea {
+  color: #3f8ce8;
+}
 .bi-theme-dark .bi-list-item-active2.disabled,
 .bi-theme-dark .bi-list-item-active2.disabled:hover,
 .bi-theme-dark .bi-list-item-active2.disabled:active {
@@ -3631,6 +3783,11 @@ i {
 .bi-theme-dark .bi-list-item-active2.disabled:active .bi-input {
   color: #666666 !important;
 }
+.bi-theme-dark .bi-list-item-active2.disabled .bi-textarea,
+.bi-theme-dark .bi-list-item-active2.disabled:hover .bi-textarea,
+.bi-theme-dark .bi-list-item-active2.disabled:active .bi-textarea {
+  color: #666666 !important;
+}
 .bi-theme-dark .bi-list-item-active2.disabled .bi-high-light,
 .bi-theme-dark .bi-list-item-active2.disabled:hover .bi-high-light,
 .bi-theme-dark .bi-list-item-active2.disabled:active .bi-high-light {
@@ -3646,6 +3803,10 @@ i {
 .bi-list-item-select.hover .bi-input {
   color: #1a1a1a;
 }
+.bi-list-item-select:hover .bi-textarea,
+.bi-list-item-select.hover .bi-textarea {
+  color: #1a1a1a;
+}
 .bi-list-item-select:active,
 .bi-list-item-select.active {
   color: #ffffff;
@@ -3655,6 +3816,10 @@ i {
 .bi-list-item-select.active .bi-input {
   color: #ffffff;
 }
+.bi-list-item-select:active .bi-textarea,
+.bi-list-item-select.active .bi-textarea {
+  color: #ffffff;
+}
 .bi-list-item-select:active .bi-high-light,
 .bi-list-item-select.active .bi-high-light {
   color: #ffffff;
@@ -3670,6 +3835,11 @@ i {
 .bi-list-item-select.disabled:active .bi-input {
   color: #cccccc !important;
 }
+.bi-list-item-select.disabled .bi-textarea,
+.bi-list-item-select.disabled:hover .bi-textarea,
+.bi-list-item-select.disabled:active .bi-textarea {
+  color: #cccccc !important;
+}
 .bi-list-item-select.disabled .bi-high-light,
 .bi-list-item-select.disabled:hover .bi-high-light,
 .bi-list-item-select.disabled:active .bi-high-light {
@@ -3685,6 +3855,10 @@ i {
 .bi-theme-dark .bi-list-item-select.hover .bi-input {
   color: #ffffff;
 }
+.bi-theme-dark .bi-list-item-select:hover .bi-textarea,
+.bi-theme-dark .bi-list-item-select.hover .bi-textarea {
+  color: #ffffff;
+}
 .bi-theme-dark .bi-list-item-select:active,
 .bi-theme-dark .bi-list-item-select.active {
   color: #ffffff;
@@ -3694,6 +3868,10 @@ i {
 .bi-theme-dark .bi-list-item-select.active .bi-input {
   color: #ffffff;
 }
+.bi-theme-dark .bi-list-item-select:active .bi-textarea,
+.bi-theme-dark .bi-list-item-select.active .bi-textarea {
+  color: #ffffff;
+}
 .bi-theme-dark .bi-list-item-select:active .bi-high-light,
 .bi-theme-dark .bi-list-item-select.active .bi-high-light {
   color: #ffffff;
@@ -3709,6 +3887,11 @@ i {
 .bi-theme-dark .bi-list-item-select.disabled:active .bi-input {
   color: #666666 !important;
 }
+.bi-theme-dark .bi-list-item-select.disabled .bi-textarea,
+.bi-theme-dark .bi-list-item-select.disabled:hover .bi-textarea,
+.bi-theme-dark .bi-list-item-select.disabled:active .bi-textarea {
+  color: #666666 !important;
+}
 .bi-theme-dark .bi-list-item-select.disabled .bi-high-light,
 .bi-theme-dark .bi-list-item-select.disabled:hover .bi-high-light,
 .bi-theme-dark .bi-list-item-select.disabled:active .bi-high-light {
@@ -3723,6 +3906,10 @@ i {
 .bi-list-item-none.hover .bi-input {
   color: inherit;
 }
+.bi-list-item-none:hover .bi-textarea,
+.bi-list-item-none.hover .bi-textarea {
+  color: inherit;
+}
 .bi-list-item-none:active,
 .bi-list-item-none.active {
   color: inherit;
@@ -3732,6 +3919,10 @@ i {
 .bi-list-item-none.active .bi-input {
   color: inherit;
 }
+.bi-list-item-none:active .bi-textarea,
+.bi-list-item-none.active .bi-textarea {
+  color: inherit;
+}
 .bi-list-item-none:active .bi-high-light,
 .bi-list-item-none.active .bi-high-light {
   color: inherit;
@@ -3747,6 +3938,11 @@ i {
 .bi-list-item-none.disabled:active .bi-input {
   color: #cccccc !important;
 }
+.bi-list-item-none.disabled .bi-textarea,
+.bi-list-item-none.disabled:hover .bi-textarea,
+.bi-list-item-none.disabled:active .bi-textarea {
+  color: #cccccc !important;
+}
 .bi-list-item-none.disabled .bi-high-light,
 .bi-list-item-none.disabled:hover .bi-high-light,
 .bi-list-item-none.disabled:active .bi-high-light {
@@ -3761,6 +3957,10 @@ i {
 .bi-theme-dark .bi-list-item-none.hover .bi-input {
   color: inherit;
 }
+.bi-theme-dark .bi-list-item-none:hover .bi-textarea,
+.bi-theme-dark .bi-list-item-none.hover .bi-textarea {
+  color: inherit;
+}
 .bi-theme-dark .bi-list-item-none:active,
 .bi-theme-dark .bi-list-item-none.active {
   color: inherit;
@@ -3770,6 +3970,10 @@ i {
 .bi-theme-dark .bi-list-item-none.active .bi-input {
   color: inherit;
 }
+.bi-theme-dark .bi-list-item-none:active .bi-textarea,
+.bi-theme-dark .bi-list-item-none.active .bi-textarea {
+  color: inherit;
+}
 .bi-theme-dark .bi-list-item-none:active .bi-high-light,
 .bi-theme-dark .bi-list-item-none.active .bi-high-light {
   color: inherit;
@@ -3785,6 +3989,11 @@ i {
 .bi-theme-dark .bi-list-item-none.disabled:active .bi-input {
   color: #666666 !important;
 }
+.bi-theme-dark .bi-list-item-none.disabled .bi-textarea,
+.bi-theme-dark .bi-list-item-none.disabled:hover .bi-textarea,
+.bi-theme-dark .bi-list-item-none.disabled:active .bi-textarea {
+  color: #666666 !important;
+}
 .bi-theme-dark .bi-list-item-none.disabled .bi-high-light,
 .bi-theme-dark .bi-list-item-none.disabled:hover .bi-high-light,
 .bi-theme-dark .bi-list-item-none.disabled:active .bi-high-light {

src/base/single/editor/editor.textarea.js

@@ -19,7 +19,7 @@ BI.TextAreaEditor = BI.inherit(BI.Single, {
             tagName: "textarea",
             width: "100%",
             height: "100%",
-            cls: "textarea-editor-content display-block"
+            cls: "bi-textarea textarea-editor-content display-block"
         });
         this.content.element.css({"resize": "none"});
         BI.createWidget({

src/base/single/iframe/iframe.js

@@ -30,6 +30,15 @@ BI.Iframe = BI.inherit(BI.Single, {
         return this.options.src;
     },
 
+    setName: function (name) {
+        this.options.name = name;
+        this.element.attr("name", name);
+    },
+
+    getName: function () {
+        return this.options.name;
+    },
+
     getWidth: function () {
         return this.options.width
     },

src/core/func/dom.js

@@ -19,7 +19,7 @@ BI.extend(jQuery.fn, {
      * @private
      */
     __textKeywordMarked__: function (text, keyword, py) {
-        if (!BI.isKey(keyword)) {
+        if (!BI.isKey(keyword) || (text + "").length > 100) {
             return this.text((text + "").replaceAll(" ", "　"));
         }
         keyword = keyword + "";

src/core/model.js

@@ -203,6 +203,10 @@ BI.Model = BI.inherit(BI.M, {
             var copy = BI.UUID(), newKeys = BI.clone(keys);
             keys.length > 1 ? newKeys.unshift(BI.deepClone(p[keys[keys.length - 1]])) : newKeys.unshift(BI.deepClone(g));
             var backup = self.similar.apply(self, newKeys);
+            if (BI.isKey(backup.id)) {
+                copy = backup.id;
+                delete backup.id;
+            }
             keys.length > 1 ? (p[copy] = backup, self[sset](keys[0], g, {silent: true})) : self[sset](copy, backup, {silent: true});
             keys.unshift(copy);
             !BI.has(self._tmp, keys[0]) && self.parent && self.parent._change(self);

src/core/wrapper/layout/adapt/float.center.js

@@ -29,15 +29,20 @@ BI.FloatCenterAdaptLayout = BI.inherit(BI.Layout, {
     },
 
     mounted: function () {
+        var self = this;
         var width = this.left.element.outerWidth(),
             height = this.left.element.outerHeight();
         this.left.element.width(width).height(height).css("float", "none");
+        BI.remove(this._children, function (i, wi) {
+            if (wi === self.container) {
+                delete self._children[i];
+            }
+        });
         BI.createWidget({
             type: "bi.center_adapt",
             element: this,
             items: [this.left]
         });
-        this.removeWidget(this.container);
     },
 
     stroke: function (items) {

src/core/wrapper/layout/adapt/float.horizontal.js

@@ -24,15 +24,20 @@ BI.FloatHorizontalLayout = BI.inherit(BI.Layout, {
     },
 
     mounted: function () {
+        var self = this;
         var width = this.left.element.width(),
             height = this.left.element.height();
         this.left.element.width(width).height(height).css("float", "none");
+        BI.remove(this._children, function (i, wi) {
+            if (wi === self.container) {
+                delete self._children[i];
+            }
+        });
         BI.createWidget({
             type: "bi.horizontal_auto",
             element: this,
             items: [this.left]
         });
-        this.removeWidget(this.container);
     },
 
     _addElement: function (i, item) {

src/css/core/utils/common.css

@@ -5,6 +5,9 @@
 .base-disabled .bi-input {
   color: #cccccc !important;
 }
+.base-disabled .bi-textarea {
+  color: #cccccc !important;
+}
 .base-disabled .b-font:before {
   color: #cccccc !important;
 }
@@ -14,6 +17,9 @@
 .bi-theme-dark .base-disabled .bi-input {
   color: #666666 !important;
 }
+.bi-theme-dark .base-disabled .bi-textarea {
+  color: #666666 !important;
+}
 .bi-theme-dark .base-disabled .b-font:before {
   color: #666666 !important;
 }
@@ -39,6 +45,9 @@
 .bi-background .bi-input {
   color: #666666;
 }
+.bi-background .bi-textarea {
+  color: #666666;
+}
 .bi-theme-dark .bi-background {
   background-color: #191b2b;
   color: #cccccc;
@@ -46,6 +55,9 @@
 .bi-theme-dark .bi-background .bi-input {
   color: #cccccc;
 }
+.bi-theme-dark .bi-background .bi-textarea {
+  color: #cccccc;
+}
 .bi-card {
   background-color: #ffffff;
   color: #666666;
@@ -53,6 +65,9 @@
 .bi-card .bi-input {
   color: #666666;
 }
+.bi-card .bi-textarea {
+  color: #666666;
+}
 .bi-theme-dark .bi-card {
   background-color: #242640;
   color: #cccccc;
@@ -60,24 +75,36 @@
 .bi-theme-dark .bi-card .bi-input {
   color: #cccccc;
 }
+.bi-theme-dark .bi-card .bi-textarea {
+  color: #cccccc;
+}
 .bi-disabled {
   color: #cccccc;
 }
 .bi-disabled .bi-input {
   color: #cccccc;
 }
+.bi-disabled .bi-textarea {
+  color: #cccccc;
+}
 .bi-theme-dark .bi-disabled {
   color: #666666;
 }
 .bi-theme-dark .bi-disabled .bi-input {
   color: #666666;
 }
+.bi-theme-dark .bi-disabled .bi-textarea {
+  color: #666666;
+}
 .bi-tips {
   color: #999999;
 }
 .bi-tips .bi-input {
   color: #999999;
 }
+.bi-tips .bi-textarea {
+  color: #999999;
+}
 .bi-border {
   border: 1px solid #d4dadd;
 }
@@ -114,12 +141,18 @@
 .bi-keyword-red-mark .bi-input {
   color: #f07d0a;
 }
+.bi-keyword-red-mark .bi-textarea {
+  color: #f07d0a;
+}
 .bi-high-light {
   color: #3f8ce8;
 }
 .bi-high-light .bi-input {
   color: #3f8ce8;
 }
+.bi-high-light .bi-textarea {
+  color: #3f8ce8;
+}
 .bi-high-light-background {
   background-color: #3f8ce8;
   color: #ffffff;
@@ -127,6 +160,9 @@
 .bi-high-light-background .bi-input {
   color: #ffffff;
 }
+.bi-high-light-background .bi-textarea {
+  color: #ffffff;
+}
 .bi-high-light-border {
   border-color: #178cdf;
 }
@@ -137,12 +173,18 @@
 .bi-water-mark .bi-input {
   color: #cccccc;
 }
+.bi-water-mark .bi-textarea {
+  color: #cccccc;
+}
 .bi-theme-dark .bi-water-mark {
   color: #666666;
 }
 .bi-theme-dark .bi-water-mark .bi-input {
   color: #666666;
 }
+.bi-theme-dark .bi-water-mark .bi-textarea {
+  color: #666666;
+}
 .bi-resizer {
   background: #1a1a1a;
   opacity: 0.2;
@@ -160,6 +202,9 @@
 .bi-mask .bi-input {
   color: #ffffff;
 }
+.bi-mask .bi-textarea {
+  color: #ffffff;
+}
 .bi-theme-dark .bi-mask {
   color: #242640;
   background-color: rgba(255, 255, 255, 0.2);
@@ -168,6 +213,9 @@
 .bi-theme-dark .bi-mask .bi-input {
   color: #242640;
 }
+.bi-theme-dark .bi-mask .bi-textarea {
+  color: #242640;
+}
 .bi-z-index-mask {
   color: #ffffff;
   background-color: rgba(26, 26, 26, 0.5);
@@ -176,6 +224,9 @@
 .bi-z-index-mask .bi-input {
   color: #ffffff;
 }
+.bi-z-index-mask .bi-textarea {
+  color: #ffffff;
+}
 .bi-list-item:hover,
 .bi-list-item.hover {
   color: #1a1a1a;
@@ -186,6 +237,10 @@
 .bi-list-item.hover .bi-input {
   color: #1a1a1a;
 }
+.bi-list-item:hover .bi-textarea,
+.bi-list-item.hover .bi-textarea {
+  color: #1a1a1a;
+}
 .bi-list-item.disabled,
 .bi-list-item.disabled:hover,
 .bi-list-item.disabled:active {
@@ -197,6 +252,11 @@
 .bi-list-item.disabled:active .bi-input {
   color: #cccccc !important;
 }
+.bi-list-item.disabled .bi-textarea,
+.bi-list-item.disabled:hover .bi-textarea,
+.bi-list-item.disabled:active .bi-textarea {
+  color: #cccccc !important;
+}
 .bi-list-item.disabled .bi-high-light,
 .bi-list-item.disabled:hover .bi-high-light,
 .bi-list-item.disabled:active .bi-high-light {
@@ -212,6 +272,10 @@
 .bi-theme-dark .bi-list-item.hover .bi-input {
   color: #ffffff;
 }
+.bi-theme-dark .bi-list-item:hover .bi-textarea,
+.bi-theme-dark .bi-list-item.hover .bi-textarea {
+  color: #ffffff;
+}
 .bi-theme-dark .bi-list-item.disabled,
 .bi-theme-dark .bi-list-item.disabled:hover,
 .bi-theme-dark .bi-list-item.disabled:active {
@@ -223,6 +287,11 @@
 .bi-theme-dark .bi-list-item.disabled:active .bi-input {
   color: #666666 !important;
 }
+.bi-theme-dark .bi-list-item.disabled .bi-textarea,
+.bi-theme-dark .bi-list-item.disabled:hover .bi-textarea,
+.bi-theme-dark .bi-list-item.disabled:active .bi-textarea {
+  color: #666666 !important;
+}
 .bi-theme-dark .bi-list-item.disabled .bi-high-light,
 .bi-theme-dark .bi-list-item.disabled:hover .bi-high-light,
 .bi-theme-dark .bi-list-item.disabled:active .bi-high-light {
@@ -238,6 +307,9 @@
 .bi-list-item-simple .bi-input {
   color: #999999;
 }
+.bi-list-item-simple .bi-textarea {
+  color: #999999;
+}
 .bi-list-item-simple:hover,
 .bi-list-item-simple.hover {
   color: #3f8ce8;
@@ -246,6 +318,10 @@
 .bi-list-item-simple.hover .bi-input {
   color: #3f8ce8;
 }
+.bi-list-item-simple:hover .bi-textarea,
+.bi-list-item-simple.hover .bi-textarea {
+  color: #3f8ce8;
+}
 .bi-list-item-simple.disabled,
 .bi-list-item-simple.disabled:hover,
 .bi-list-item-simple.disabled:active {
@@ -256,6 +332,11 @@
 .bi-list-item-simple.disabled:active .bi-input {
   color: #cccccc !important;
 }
+.bi-list-item-simple.disabled .bi-textarea,
+.bi-list-item-simple.disabled:hover .bi-textarea,
+.bi-list-item-simple.disabled:active .bi-textarea {
+  color: #cccccc !important;
+}
 .bi-list-item-simple.disabled .bi-high-light,
 .bi-list-item-simple.disabled:hover .bi-high-light,
 .bi-list-item-simple.disabled:active .bi-high-light {
@@ -267,6 +348,9 @@
 .bi-list-item-effect:hover .bi-input {
   color: #1a1a1a;
 }
+.bi-list-item-effect:hover .bi-textarea {
+  color: #1a1a1a;
+}
 .bi-list-item-effect.active,
 .bi-list-item-effect:active {
   color: #3f8ce8;
@@ -275,6 +359,10 @@
 .bi-list-item-effect:active .bi-input {
   color: #3f8ce8;
 }
+.bi-list-item-effect.active .bi-textarea,
+.bi-list-item-effect:active .bi-textarea {
+  color: #3f8ce8;
+}
 .bi-list-item-effect.disabled,
 .bi-list-item-effect.disabled:hover,
 .bi-list-item-effect.disabled:active {
@@ -285,6 +373,11 @@
 .bi-list-item-effect.disabled:active .bi-input {
   color: #cccccc !important;
 }
+.bi-list-item-effect.disabled .bi-textarea,
+.bi-list-item-effect.disabled:hover .bi-textarea,
+.bi-list-item-effect.disabled:active .bi-textarea {
+  color: #cccccc !important;
+}
 .bi-list-item-effect.disabled .bi-high-light,
 .bi-list-item-effect.disabled:hover .bi-high-light,
 .bi-list-item-effect.disabled:active .bi-high-light {
@@ -296,6 +389,9 @@
 .bi-theme-dark .bi-list-item-effect:hover .bi-input {
   color: #ffffff;
 }
+.bi-theme-dark .bi-list-item-effect:hover .bi-textarea {
+  color: #ffffff;
+}
 .bi-theme-dark .bi-list-item-effect.active,
 .bi-theme-dark .bi-list-item-effect:active {
   color: #3f8ce8;
@@ -304,6 +400,10 @@
 .bi-theme-dark .bi-list-item-effect:active .bi-input {
   color: #3f8ce8;
 }
+.bi-theme-dark .bi-list-item-effect.active .bi-textarea,
+.bi-theme-dark .bi-list-item-effect:active .bi-textarea {
+  color: #3f8ce8;
+}
 .bi-theme-dark .bi-list-item-effect.disabled,
 .bi-theme-dark .bi-list-item-effect.disabled:hover,
 .bi-theme-dark .bi-list-item-effect.disabled:active {
@@ -315,6 +415,11 @@
 .bi-theme-dark .bi-list-item-effect.disabled:active .bi-input {
   color: #666666 !important;
 }
+.bi-theme-dark .bi-list-item-effect.disabled .bi-textarea,
+.bi-theme-dark .bi-list-item-effect.disabled:hover .bi-textarea,
+.bi-theme-dark .bi-list-item-effect.disabled:active .bi-textarea {
+  color: #666666 !important;
+}
 .bi-theme-dark .bi-list-item-effect.disabled .bi-high-light,
 .bi-theme-dark .bi-list-item-effect.disabled:hover .bi-high-light,
 .bi-theme-dark .bi-list-item-effect.disabled:active .bi-high-light {
@@ -330,6 +435,10 @@
 .bi-list-item-active.hover .bi-input {
   color: #1a1a1a;
 }
+.bi-list-item-active:hover .bi-textarea,
+.bi-list-item-active.hover .bi-textarea {
+  color: #1a1a1a;
+}
 .bi-list-item-active.active,
 .bi-list-item-active:active {
   color: #3f8ce8;
@@ -340,6 +449,10 @@
 .bi-list-item-active:active .bi-input {
   color: #3f8ce8;
 }
+.bi-list-item-active.active .bi-textarea,
+.bi-list-item-active:active .bi-textarea {
+  color: #3f8ce8;
+}
 .bi-list-item-active.disabled,
 .bi-list-item-active.disabled:hover,
 .bi-list-item-active.disabled:active {
@@ -351,6 +464,11 @@
 .bi-list-item-active.disabled:active .bi-input {
   color: #cccccc !important;
 }
+.bi-list-item-active.disabled .bi-textarea,
+.bi-list-item-active.disabled:hover .bi-textarea,
+.bi-list-item-active.disabled:active .bi-textarea {
+  color: #cccccc !important;
+}
 .bi-list-item-active.disabled .bi-high-light,
 .bi-list-item-active.disabled:hover .bi-high-light,
 .bi-list-item-active.disabled:active .bi-high-light {
@@ -366,6 +484,10 @@
 .bi-theme-dark .bi-list-item-active.hover .bi-input {
   color: #ffffff;
 }
+.bi-theme-dark .bi-list-item-active:hover .bi-textarea,
+.bi-theme-dark .bi-list-item-active.hover .bi-textarea {
+  color: #ffffff;
+}
 .bi-theme-dark .bi-list-item-active.active,
 .bi-theme-dark .bi-list-item-active:active {
   color: #3f8ce8;
@@ -376,6 +498,10 @@
 .bi-theme-dark .bi-list-item-active:active .bi-input {
   color: #3f8ce8;
 }
+.bi-theme-dark .bi-list-item-active.active .bi-textarea,
+.bi-theme-dark .bi-list-item-active:active .bi-textarea {
+  color: #3f8ce8;
+}
 .bi-theme-dark .bi-list-item-active.disabled,
 .bi-theme-dark .bi-list-item-active.disabled:hover,
 .bi-theme-dark .bi-list-item-active.disabled:active {
@@ -387,6 +513,11 @@
 .bi-theme-dark .bi-list-item-active.disabled:active .bi-input {
   color: #666666 !important;
 }
+.bi-theme-dark .bi-list-item-active.disabled .bi-textarea,
+.bi-theme-dark .bi-list-item-active.disabled:hover .bi-textarea,
+.bi-theme-dark .bi-list-item-active.disabled:active .bi-textarea {
+  color: #666666 !important;
+}
 .bi-theme-dark .bi-list-item-active.disabled .bi-high-light,
 .bi-theme-dark .bi-list-item-active.disabled:hover .bi-high-light,
 .bi-theme-dark .bi-list-item-active.disabled:active .bi-high-light {
@@ -401,6 +532,10 @@
 .bi-list-item-active2.hover .bi-input {
   color: #1a1a1a;
 }
+.bi-list-item-active2:hover .bi-textarea,
+.bi-list-item-active2.hover .bi-textarea {
+  color: #1a1a1a;
+}
 .bi-list-item-active2.active,
 .bi-list-item-active2:active {
   color: #3f8ce8;
@@ -410,6 +545,10 @@
 .bi-list-item-active2:active .bi-input {
   color: #3f8ce8;
 }
+.bi-list-item-active2.active .bi-textarea,
+.bi-list-item-active2:active .bi-textarea {
+  color: #3f8ce8;
+}
 .bi-list-item-active2.disabled,
 .bi-list-item-active2.disabled:hover,
 .bi-list-item-active2.disabled:active {
@@ -421,6 +560,11 @@
 .bi-list-item-active2.disabled:active .bi-input {
   color: #cccccc !important;
 }
+.bi-list-item-active2.disabled .bi-textarea,
+.bi-list-item-active2.disabled:hover .bi-textarea,
+.bi-list-item-active2.disabled:active .bi-textarea {
+  color: #cccccc !important;
+}
 .bi-list-item-active2.disabled .bi-high-light,
 .bi-list-item-active2.disabled:hover .bi-high-light,
 .bi-list-item-active2.disabled:active .bi-high-light {
@@ -435,6 +579,10 @@
 .bi-theme-dark .bi-list-item-active2.hover .bi-input {
   color: #ffffff;
 }
+.bi-theme-dark .bi-list-item-active2:hover .bi-textarea,
+.bi-theme-dark .bi-list-item-active2.hover .bi-textarea {
+  color: #ffffff;
+}
 .bi-theme-dark .bi-list-item-active2.active,
 .bi-theme-dark .bi-list-item-active2:active {
   color: #3f8ce8;
@@ -444,6 +592,10 @@
 .bi-theme-dark .bi-list-item-active2:active .bi-input {
   color: #3f8ce8;
 }
+.bi-theme-dark .bi-list-item-active2.active .bi-textarea,
+.bi-theme-dark .bi-list-item-active2:active .bi-textarea {
+  color: #3f8ce8;
+}
 .bi-theme-dark .bi-list-item-active2.disabled,
 .bi-theme-dark .bi-list-item-active2.disabled:hover,
 .bi-theme-dark .bi-list-item-active2.disabled:active {
@@ -455,6 +607,11 @@
 .bi-theme-dark .bi-list-item-active2.disabled:active .bi-input {
   color: #666666 !important;
 }
+.bi-theme-dark .bi-list-item-active2.disabled .bi-textarea,
+.bi-theme-dark .bi-list-item-active2.disabled:hover .bi-textarea,
+.bi-theme-dark .bi-list-item-active2.disabled:active .bi-textarea {
+  color: #666666 !important;
+}
 .bi-theme-dark .bi-list-item-active2.disabled .bi-high-light,
 .bi-theme-dark .bi-list-item-active2.disabled:hover .bi-high-light,
 .bi-theme-dark .bi-list-item-active2.disabled:active .bi-high-light {
@@ -470,6 +627,10 @@
 .bi-list-item-select.hover .bi-input {
   color: #1a1a1a;
 }
+.bi-list-item-select:hover .bi-textarea,
+.bi-list-item-select.hover .bi-textarea {
+  color: #1a1a1a;
+}
 .bi-list-item-select:active,
 .bi-list-item-select.active {
   color: #ffffff;
@@ -479,6 +640,10 @@
 .bi-list-item-select.active .bi-input {
   color: #ffffff;
 }
+.bi-list-item-select:active .bi-textarea,
+.bi-list-item-select.active .bi-textarea {
+  color: #ffffff;
+}
 .bi-list-item-select:active .bi-high-light,
 .bi-list-item-select.active .bi-high-light {
   color: #ffffff;
@@ -494,6 +659,11 @@
 .bi-list-item-select.disabled:active .bi-input {
   color: #cccccc !important;
 }
+.bi-list-item-select.disabled .bi-textarea,
+.bi-list-item-select.disabled:hover .bi-textarea,
+.bi-list-item-select.disabled:active .bi-textarea {
+  color: #cccccc !important;
+}
 .bi-list-item-select.disabled .bi-high-light,
 .bi-list-item-select.disabled:hover .bi-high-light,
 .bi-list-item-select.disabled:active .bi-high-light {
@@ -509,6 +679,10 @@
 .bi-theme-dark .bi-list-item-select.hover .bi-input {
   color: #ffffff;
 }
+.bi-theme-dark .bi-list-item-select:hover .bi-textarea,
+.bi-theme-dark .bi-list-item-select.hover .bi-textarea {
+  color: #ffffff;
+}
 .bi-theme-dark .bi-list-item-select:active,
 .bi-theme-dark .bi-list-item-select.active {
   color: #ffffff;
@@ -518,6 +692,10 @@
 .bi-theme-dark .bi-list-item-select.active .bi-input {
   color: #ffffff;
 }
+.bi-theme-dark .bi-list-item-select:active .bi-textarea,
+.bi-theme-dark .bi-list-item-select.active .bi-textarea {
+  color: #ffffff;
+}
 .bi-theme-dark .bi-list-item-select:active .bi-high-light,
 .bi-theme-dark .bi-list-item-select.active .bi-high-light {
   color: #ffffff;
@@ -533,6 +711,11 @@
 .bi-theme-dark .bi-list-item-select.disabled:active .bi-input {
   color: #666666 !important;
 }
+.bi-theme-dark .bi-list-item-select.disabled .bi-textarea,
+.bi-theme-dark .bi-list-item-select.disabled:hover .bi-textarea,
+.bi-theme-dark .bi-list-item-select.disabled:active .bi-textarea {
+  color: #666666 !important;
+}
 .bi-theme-dark .bi-list-item-select.disabled .bi-high-light,
 .bi-theme-dark .bi-list-item-select.disabled:hover .bi-high-light,
 .bi-theme-dark .bi-list-item-select.disabled:active .bi-high-light {
@@ -547,6 +730,10 @@
 .bi-list-item-none.hover .bi-input {
   color: inherit;
 }
+.bi-list-item-none:hover .bi-textarea,
+.bi-list-item-none.hover .bi-textarea {
+  color: inherit;
+}
 .bi-list-item-none:active,
 .bi-list-item-none.active {
   color: inherit;
@@ -556,6 +743,10 @@
 .bi-list-item-none.active .bi-input {
   color: inherit;
 }
+.bi-list-item-none:active .bi-textarea,
+.bi-list-item-none.active .bi-textarea {
+  color: inherit;
+}
 .bi-list-item-none:active .bi-high-light,
 .bi-list-item-none.active .bi-high-light {
   color: inherit;
@@ -571,6 +762,11 @@
 .bi-list-item-none.disabled:active .bi-input {
   color: #cccccc !important;
 }
+.bi-list-item-none.disabled .bi-textarea,
+.bi-list-item-none.disabled:hover .bi-textarea,
+.bi-list-item-none.disabled:active .bi-textarea {
+  color: #cccccc !important;
+}
 .bi-list-item-none.disabled .bi-high-light,
 .bi-list-item-none.disabled:hover .bi-high-light,
 .bi-list-item-none.disabled:active .bi-high-light {
@@ -585,6 +781,10 @@
 .bi-theme-dark .bi-list-item-none.hover .bi-input {
   color: inherit;
 }
+.bi-theme-dark .bi-list-item-none:hover .bi-textarea,
+.bi-theme-dark .bi-list-item-none.hover .bi-textarea {
+  color: inherit;
+}
 .bi-theme-dark .bi-list-item-none:active,
 .bi-theme-dark .bi-list-item-none.active {
   color: inherit;
@@ -594,6 +794,10 @@
 .bi-theme-dark .bi-list-item-none.active .bi-input {
   color: inherit;
 }
+.bi-theme-dark .bi-list-item-none:active .bi-textarea,
+.bi-theme-dark .bi-list-item-none.active .bi-textarea {
+  color: inherit;
+}
 .bi-theme-dark .bi-list-item-none:active .bi-high-light,
 .bi-theme-dark .bi-list-item-none.active .bi-high-light {
   color: inherit;
@@ -609,6 +813,11 @@
 .bi-theme-dark .bi-list-item-none.disabled:active .bi-input {
   color: #666666 !important;
 }
+.bi-theme-dark .bi-list-item-none.disabled .bi-textarea,
+.bi-theme-dark .bi-list-item-none.disabled:hover .bi-textarea,
+.bi-theme-dark .bi-list-item-none.disabled:active .bi-textarea {
+  color: #666666 !important;
+}
 .bi-theme-dark .bi-list-item-none.disabled .bi-high-light,
 .bi-theme-dark .bi-list-item-none.disabled:hover .bi-high-light,
 .bi-theme-dark .bi-list-item-none.disabled:active .bi-high-light {

src/less/core/utils/common.less

@@ -6,6 +6,9 @@
   & .bi-input {
     color: @color-bi-text-disabled !important;
   }
+  & .bi-textarea {
+    color: @color-bi-text-disabled !important;
+  }
   & .b-font:before {
     color: @color-bi-text-disabled !important;
   }
@@ -17,6 +20,9 @@
     & .bi-input {
       color: @color-bi-text-disabled-theme-dark !important;
     }
+    & .bi-textarea {
+      color: @color-bi-text-disabled-theme-dark !important;
+    }
     & .b-font:before {
       color: @color-bi-text-disabled-theme-dark !important;
     }
@@ -38,6 +44,9 @@
   & .bi-input {
     color: @color-bi-text-normal;
   }
+  & .bi-textarea {
+    color: @color-bi-text-normal;
+  }
 }
 
 .bi-theme-dark {
@@ -47,6 +56,9 @@
     & .bi-input {
       color: @color-bi-text-theme-dark;
     }
+    & .bi-textarea {
+      color: @color-bi-text-theme-dark;
+    }
   }
 }
 
@@ -57,6 +69,9 @@
   & .bi-input {
     color: @color-bi-text-normal;
   }
+  & .bi-textarea {
+    color: @color-bi-text-normal;
+  }
 }
 
 .bi-theme-dark {
@@ -66,6 +81,9 @@
     & .bi-input {
       color: @color-bi-text-theme-dark;
     }
+    & .bi-textarea {
+      color: @color-bi-text-theme-dark;
+    }
   }
 }
 
@@ -74,6 +92,9 @@
   & .bi-input {
     color: @color-bi-text-disabled;
   }
+  & .bi-textarea {
+    color: @color-bi-text-disabled;
+  }
 }
 
 .bi-theme-dark {
@@ -82,6 +103,9 @@
     & .bi-input {
       color: @color-bi-text-disabled-theme-dark;
     }
+    & .bi-textarea {
+      color: @color-bi-text-disabled-theme-dark;
+    }
   }
 }
 
@@ -91,6 +115,9 @@
   & .bi-input {
     color: @color-bi-text-tips;
   }
+  & .bi-textarea {
+    color: @color-bi-text-tips;
+  }
 }
 
 //边框
@@ -150,6 +177,9 @@
   & .bi-input {
     color: @color-bi-text-redmark;
   }
+  & .bi-textarea {
+    color: @color-bi-text-redmark;
+  }
 }
 
 //高亮
@@ -158,6 +188,9 @@
   & .bi-input {
     color: @color-bi-text-highlight;
   }
+  & .bi-textarea {
+    color: @color-bi-text-highlight;
+  }
 }
 
 .bi-high-light-background {
@@ -166,6 +199,9 @@
   & .bi-input {
     color: @color-bi-text;
   }
+  & .bi-textarea {
+    color: @color-bi-text;
+  }
 }
 
 .bi-high-light-border {
@@ -179,6 +215,9 @@
   & .bi-input {
     color: @water-mark-color;
   }
+  & .bi-textarea {
+    color: @water-mark-color;
+  }
 }
 
 .bi-theme-dark {
@@ -187,6 +226,9 @@
     & .bi-input {
       color: @water-mark-color-theme-dark;
     }
+    & .bi-textarea {
+      color: @water-mark-color-theme-dark;
+    }
   }
 }
 
@@ -208,6 +250,9 @@
   & .bi-input {
     color: @color-bi-background-default;
   }
+  & .bi-textarea {
+    color: @color-bi-background-default;
+  }
   .background-color(@color-bi-background-black, 20%);
 }
 
@@ -217,6 +262,9 @@
     & .bi-input {
       color: @color-bi-background-default-theme-dark;
     }
+    & .bi-textarea {
+      color: @color-bi-background-default-theme-dark;
+    }
     .background-color(@color-bi-background-default, 20%);
   }
 }
@@ -226,6 +274,9 @@
   & .bi-input {
     color: @color-bi-background-default;
   }
+  & .bi-textarea {
+    color: @color-bi-background-default;
+  }
   .background-color(@color-bi-background-black, 50%);
 }
 
@@ -236,6 +287,9 @@
     & .bi-input {
       color: @color-bi-text-black;
     }
+    & .bi-textarea {
+      color: @color-bi-text-black;
+    }
     .background-color(@color-bi-background-black, 5%);
   }
   &.disabled {
@@ -245,6 +299,9 @@
       & .bi-input {
         color: @color-bi-text-disabled !important;
       }
+      & .bi-textarea {
+        color: @color-bi-text-disabled !important;
+      }
       & .bi-high-light {
         color: @color-bi-text-disabled !important;
       }
@@ -259,6 +316,9 @@
       & .bi-input {
         color: @color-bi-text;
       }
+      & .bi-textarea {
+        color: @color-bi-text;
+      }
       .background-color(@color-bi-background-default, 5%);
     }
     &.disabled {
@@ -268,6 +328,9 @@
         & .bi-input {
           color: @color-bi-text-disabled-theme-dark !important;
         }
+        & .bi-textarea {
+          color: @color-bi-text-disabled-theme-dark !important;
+        }
         & .bi-high-light {
           color: @color-bi-text-disabled-theme-dark !important;
         }
@@ -288,11 +351,17 @@
   & .bi-input {
     color: @color-bi-text-tips;
   }
+  & .bi-textarea {
+    color: @color-bi-text-tips;
+  }
   &:hover, &.hover {
     color: @color-bi-text-highlight;
     & .bi-input {
       color: @color-bi-text-highlight;
     }
+    & .bi-textarea {
+      color: @color-bi-text-highlight;
+    }
   }
   &.disabled {
     &, &:hover, &:active {
@@ -300,6 +369,9 @@
       & .bi-input {
         color: @color-bi-text-disabled !important;
       }
+      & .bi-textarea {
+        color: @color-bi-text-disabled !important;
+      }
       & .bi-high-light {
         color: @color-bi-text-disabled !important;
       }
@@ -314,12 +386,18 @@
     & .bi-input {
       color: @color-bi-text-black;
     }
+    & .bi-textarea {
+      color: @color-bi-text-black;
+    }
   }
   &.active, &:active {
     color: @color-bi-text-highlight;
     & .bi-input {
       color: @color-bi-text-highlight;
     }
+    & .bi-textarea {
+      color: @color-bi-text-highlight;
+    }
   }
   &.disabled {
     &, &:hover, &:active {
@@ -327,6 +405,9 @@
       & .bi-input {
         color: @color-bi-text-disabled !important;
       }
+      & .bi-textarea {
+        color: @color-bi-text-disabled !important;
+      }
       & .bi-high-light {
         color: @color-bi-text-disabled !important;
       }
@@ -341,12 +422,18 @@
       & .bi-input {
         color: @color-bi-text;
       }
+      & .bi-textarea {
+        color: @color-bi-text;
+      }
     }
     &.active, &:active {
       color: @color-bi-text-highlight;
       & .bi-input {
         color: @color-bi-text-highlight;
       }
+      & .bi-textarea {
+        color: @color-bi-text-highlight;
+      }
     }
     &.disabled {
       &, &:hover, &:active {
@@ -355,6 +442,9 @@
         & .bi-input {
           color: @color-bi-text-disabled-theme-dark !important;
         }
+        & .bi-textarea {
+          color: @color-bi-text-disabled-theme-dark !important;
+        }
         & .bi-high-light {
           color: @color-bi-text-disabled-theme-dark !important;
         }
@@ -370,6 +460,9 @@
     & .bi-input {
       color: @color-bi-text-black;
     }
+    & .bi-textarea {
+      color: @color-bi-text-black;
+    }
     .background-color(@color-bi-background-black, 5%);
   }
   &.active, &:active {
@@ -377,6 +470,9 @@
     & .bi-input {
       color: @color-bi-text-highlight;
     }
+    & .bi-textarea {
+      color: @color-bi-text-highlight;
+    }
     .background-color(@color-bi-background-black, 5%);
   }
   &.disabled {
@@ -386,6 +482,9 @@
       & .bi-input {
         color: @color-bi-text-disabled !important;
       }
+      & .bi-textarea {
+        color: @color-bi-text-disabled !important;
+      }
       & .bi-high-light {
         color: @color-bi-text-disabled !important;
       }
@@ -400,6 +499,9 @@
       & .bi-input {
         color: @color-bi-text;
       }
+      & .bi-textarea {
+        color: @color-bi-text;
+      }
       .background-color(@color-bi-background-default, 5%);
     }
     &.active, &:active {
@@ -407,6 +509,9 @@
       & .bi-input {
         color: @color-bi-text-highlight;
       }
+      & .bi-textarea {
+        color: @color-bi-text-highlight;
+      }
       .background-color(@color-bi-background-default, 5%);
     }
     &.disabled {
@@ -416,6 +521,9 @@
         & .bi-input {
           color: @color-bi-text-disabled-theme-dark !important;
         }
+        & .bi-textarea {
+          color: @color-bi-text-disabled-theme-dark !important;
+        }
         & .bi-high-light {
           color: @color-bi-text-disabled-theme-dark !important;
         }
@@ -431,6 +539,9 @@
     & .bi-input {
       color: @color-bi-text-black;
     }
+    & .bi-textarea {
+      color: @color-bi-text-black;
+    }
     background-color: @color-bi-background-default;
   }
   &.active, &:active {
@@ -438,6 +549,9 @@
     & .bi-input {
       color: @color-bi-text-highlight;
     }
+    & .bi-textarea {
+      color: @color-bi-text-highlight;
+    }
     background-color: @color-bi-background-default;
   }
   &.disabled {
@@ -447,6 +561,9 @@
       & .bi-input {
         color: @color-bi-text-disabled !important;
       }
+      & .bi-textarea {
+        color: @color-bi-text-disabled !important;
+      }
       & .bi-high-light {
         color: @color-bi-text-disabled !important;
       }
@@ -461,6 +578,9 @@
       & .bi-input {
         color: @color-bi-text;
       }
+      & .bi-textarea {
+        color: @color-bi-text;
+      }
       background-color: @color-bi-background-default-theme-dark;
     }
     &.active, &:active {
@@ -468,6 +588,9 @@
       & .bi-input {
         color: @color-bi-text-highlight;
       }
+      & .bi-textarea {
+        color: @color-bi-text-highlight;
+      }
       background-color: @color-bi-background-default-theme-dark;
     }
     &.disabled {
@@ -477,6 +600,9 @@
         & .bi-input {
           color: @color-bi-text-disabled-theme-dark !important;
         }
+        & .bi-textarea {
+          color: @color-bi-text-disabled-theme-dark !important;
+        }
         & .bi-high-light {
           color: @color-bi-text-disabled-theme-dark !important;
         }
@@ -492,6 +618,9 @@
     & .bi-input {
       color: @color-bi-text-black;
     }
+    & .bi-textarea {
+      color: @color-bi-text-black;
+    }
     .background-color(@color-bi-background-black, 5%);
   }
   &:active, &.active {
@@ -499,6 +628,9 @@
     & .bi-input {
       color: @color-bi-text;
     }
+    & .bi-textarea {
+      color: @color-bi-text;
+    }
     background-color: @color-bi-background-highlight;
     & .bi-high-light {
       color: @color-bi-text;
@@ -510,6 +642,9 @@
       & .bi-input {
         color: @color-bi-text-disabled !important;
       }
+      & .bi-textarea {
+        color: @color-bi-text-disabled !important;
+      }
       background-color: transparent !important;
       & .bi-high-light {
         color: @color-bi-text-disabled !important;
@@ -525,6 +660,9 @@
       & .bi-input {
         color: @color-bi-text;
       }
+      & .bi-textarea {
+        color: @color-bi-text;
+      }
       .background-color(@color-bi-background-default, 5%);
     }
     &:active, &.active {
@@ -532,6 +670,9 @@
       & .bi-input {
         color: @color-bi-text;
       }
+      & .bi-textarea {
+        color: @color-bi-text;
+      }
       background-color: @color-bi-background-highlight;
       & .bi-high-light {
         color: @color-bi-text;
@@ -544,6 +685,9 @@
         & .bi-input {
           color: @color-bi-text-disabled-theme-dark !important;
         }
+        & .bi-textarea {
+          color: @color-bi-text-disabled-theme-dark !important;
+        }
         & .bi-high-light {
           color: @color-bi-text-disabled-theme-dark !important;
         }
@@ -559,6 +703,9 @@
     & .bi-input {
       color: inherit;
     }
+    & .bi-textarea {
+      color: inherit;
+    }
     background-color: inherit;
   }
   &:active, &.active {
@@ -566,6 +713,9 @@
     & .bi-input {
       color: inherit;
     }
+    & .bi-textarea {
+      color: inherit;
+    }
     background-color: inherit;
     & .bi-high-light {
       color: inherit;
@@ -577,6 +727,9 @@
       & .bi-input {
         color: @color-bi-text-disabled !important;
       }
+      & .bi-textarea {
+        color: @color-bi-text-disabled !important;
+      }
       background-color: transparent !important;
       & .bi-high-light {
         color: @color-bi-text-disabled !important;
@@ -592,6 +745,9 @@
       & .bi-input {
         color: inherit;
       }
+      & .bi-textarea {
+        color: inherit;
+      }
       background-color: inherit;
     }
     &:active, &.active {
@@ -599,6 +755,9 @@
       & .bi-input {
         color: inherit;
       }
+      & .bi-textarea {
+        color: inherit;
+      }
       background-color: inherit;
       & .bi-high-light {
         color: inherit;
@@ -611,6 +770,9 @@
         & .bi-input {
           color: @color-bi-text-disabled-theme-dark !important;
         }
+        & .bi-textarea {
+          color: @color-bi-text-disabled-theme-dark !important;
+        }
         & .bi-high-light {
           color: @color-bi-text-disabled-theme-dark !important;
         }

src/widget/downlist/combo.downlist.js

@@ -10,6 +10,7 @@ BI.DownListCombo = BI.inherit(BI.Widget, {
             items: [],
             adjustLength: 0,
             direction: "bottom",
+            trigger: "click",
             el: {}
         })
     },
@@ -37,6 +38,7 @@ BI.DownListCombo = BI.inherit(BI.Widget, {
         this.downlistcombo = BI.createWidget({
             element: this,
             type: 'bi.combo',
+            trigger: o.trigger,
             isNeedAdjustWidth: false,
             adjustLength: o.adjustLength,
             direction: o.direction,