diff --git a/demo/js/base/editor/demo.editor.js b/demo/js/base/editor/demo.editor.js index 0cfba21cf..7dc5dda3d 100644 --- a/demo/js/base/editor/demo.editor.js +++ b/demo/js/base/editor/demo.editor.js @@ -5,7 +5,7 @@ Demo.Editor = BI.inherit(BI.Widget, { render: function () { var editor1 = BI.createWidget({ type: "bi.editor", - cls: "mvc-border", + cls: "bi-border", watermark: "alert信息显示在下面", errorText: "字段不可重名!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!", width: 200, diff --git a/dist/base.css b/dist/base.css index a83bf319e..3f4de1dca 100644 --- a/dist/base.css +++ b/dist/base.css @@ -1003,7 +1003,7 @@ body .bi-button, -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; - border: 1px solid #178cdf; + border: 1px solid #3685f2; background-color: #3f8ce8; text-align: center; vertical-align: middle; @@ -1069,7 +1069,7 @@ body .bi-button.button-common.ghost:active, body .bi-button.button-ignore, #body .bi-button.button-ignore { background-color: #ffffff; - border-color: #178cdf; + border-color: #3685f2; } body .bi-button.button-ignore, #body .bi-button.button-ignore, diff --git a/dist/base.js b/dist/base.js index d0ae05087..5977dd088 100644 --- a/dist/base.js +++ b/dist/base.js @@ -18398,6 +18398,7 @@ BI.Editor = BI.inherit(BI.Single, { element: this, items: items }); + this.element[0].tabIndex = -1; this.editor.on(BI.Controller.EVENT_CHANGE, function () { self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); }); diff --git a/dist/bundle.css b/dist/bundle.css index 59d03c8a3..523b61cbd 100644 --- a/dist/bundle.css +++ b/dist/bundle.css @@ -394,6 +394,12 @@ textarea { .bi-border { border: 1px solid #d4dadd; } +.bi-border.bi-editor-focus { + border: 1px solid #3685f2; +} +.bi-border.niceditor-focus { + border: 1px solid #3685f2; +} .bi-theme-dark .bi-border { border: 1px solid #525466; } @@ -450,7 +456,7 @@ textarea { color: #ffffff; } .bi-high-light-border { - border-color: #178cdf; + border-color: #3685f2; } .bi-water-mark { color: #cccccc; @@ -578,7 +584,7 @@ textarea { } .bi-list-item-border:active, .bi-list-item-border.active { - border: 1px solid #178cdf; + border: 1px solid #3685f2; } .bi-list-item-simple:hover, .bi-list-item-simple.hover { @@ -3049,7 +3055,7 @@ body .bi-button, -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; - border: 1px solid #178cdf; + border: 1px solid #3685f2; background-color: #3f8ce8; text-align: center; vertical-align: middle; @@ -3115,7 +3121,7 @@ body .bi-button.button-common.ghost:active, body .bi-button.button-ignore, #body .bi-button.button-ignore { background-color: #ffffff; - border-color: #178cdf; + border-color: #3685f2; } body .bi-button.button-ignore, #body .bi-button.button-ignore, @@ -4597,7 +4603,7 @@ ul.ztree.zTreeDragUL { color: #999999; } .bi-filter-item .filter-item-empty-item .empty-filter-item-leaf { - border: 1px dashed #178cdf; + border: 1px dashed #3685f2; background: #eaf2fd; } .bi-filter-expander { diff --git a/dist/bundle.js b/dist/bundle.js index 346fba2b9..aec013997 100644 --- a/dist/bundle.js +++ b/dist/bundle.js @@ -54164,6 +54164,7 @@ BI.Editor = BI.inherit(BI.Single, { element: this, items: items }); + this.element[0].tabIndex = -1; this.editor.on(BI.Controller.EVENT_CHANGE, function () { self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); }); @@ -83997,11 +83998,13 @@ BI.RichEditor = BI.inherit(BI.Widget, { listeners: [{ eventName: BI.NicEditor.EVENT_BLUR, action: function () { + self.element.removeClass("bi-editor-focus"); self.fireEvent(BI.RichEditor.EVENT_CONFIRM); } }, { eventName: BI.NicEditor.EVENT_FOCUS, action: function () { + self.element.addClass("bi-editor-focus"); if (!o.readOnly && !self.combo.isViewVisible()) { self.combo.showView(); } diff --git a/dist/case.js b/dist/case.js index bb023d253..b1820e754 100644 --- a/dist/case.js +++ b/dist/case.js @@ -11542,11 +11542,13 @@ BI.RichEditor = BI.inherit(BI.Widget, { listeners: [{ eventName: BI.NicEditor.EVENT_BLUR, action: function () { + self.element.removeClass("bi-editor-focus"); self.fireEvent(BI.RichEditor.EVENT_CONFIRM); } }, { eventName: BI.NicEditor.EVENT_FOCUS, action: function () { + self.element.addClass("bi-editor-focus"); if (!o.readOnly && !self.combo.isViewVisible()) { self.combo.showView(); } diff --git a/dist/core.css b/dist/core.css index d4f0e7789..59a8617e9 100644 --- a/dist/core.css +++ b/dist/core.css @@ -394,6 +394,12 @@ textarea { .bi-border { border: 1px solid #d4dadd; } +.bi-border.bi-editor-focus { + border: 1px solid #3685f2; +} +.bi-border.niceditor-focus { + border: 1px solid #3685f2; +} .bi-theme-dark .bi-border { border: 1px solid #525466; } @@ -450,7 +456,7 @@ textarea { color: #ffffff; } .bi-high-light-border { - border-color: #178cdf; + border-color: #3685f2; } .bi-water-mark { color: #cccccc; @@ -578,7 +584,7 @@ textarea { } .bi-list-item-border:active, .bi-list-item-border.active { - border: 1px solid #178cdf; + border: 1px solid #3685f2; } .bi-list-item-simple:hover, .bi-list-item-simple.hover { diff --git a/dist/core_without_normalize.css b/dist/core_without_normalize.css index efb3275e5..7ebe190f6 100644 --- a/dist/core_without_normalize.css +++ b/dist/core_without_normalize.css @@ -116,6 +116,12 @@ textarea { .bi-border { border: 1px solid #d4dadd; } +.bi-border.bi-editor-focus { + border: 1px solid #3685f2; +} +.bi-border.niceditor-focus { + border: 1px solid #3685f2; +} .bi-theme-dark .bi-border { border: 1px solid #525466; } @@ -172,7 +178,7 @@ textarea { color: #ffffff; } .bi-high-light-border { - border-color: #178cdf; + border-color: #3685f2; } .bi-water-mark { color: #cccccc; @@ -300,7 +306,7 @@ textarea { } .bi-list-item-border:active, .bi-list-item-border.active { - border: 1px solid #178cdf; + border: 1px solid #3685f2; } .bi-list-item-simple:hover, .bi-list-item-simple.hover { diff --git a/dist/demo.js b/dist/demo.js index a051fbe36..ea87e3236 100644 --- a/dist/demo.js +++ b/dist/demo.js @@ -717,7 +717,7 @@ BI.shortcut("demo.code_editor", Demo.CodeEditor);Demo.Editor = BI.inherit(BI.Wid render: function () { var editor1 = BI.createWidget({ type: "bi.editor", - cls: "mvc-border", + cls: "bi-border", watermark: "alert信息显示在下面", errorText: "字段不可重名!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!", width: 200, diff --git a/dist/fineui.css b/dist/fineui.css index bac1cb80c..e9841d2db 100644 --- a/dist/fineui.css +++ b/dist/fineui.css @@ -394,6 +394,12 @@ textarea { .bi-border { border: 1px solid #d4dadd; } +.bi-border.bi-editor-focus { + border: 1px solid #3685f2; +} +.bi-border.niceditor-focus { + border: 1px solid #3685f2; +} .bi-theme-dark .bi-border { border: 1px solid #525466; } @@ -450,7 +456,7 @@ textarea { color: #ffffff; } .bi-high-light-border { - border-color: #178cdf; + border-color: #3685f2; } .bi-water-mark { color: #cccccc; @@ -578,7 +584,7 @@ textarea { } .bi-list-item-border:active, .bi-list-item-border.active { - border: 1px solid #178cdf; + border: 1px solid #3685f2; } .bi-list-item-simple:hover, .bi-list-item-simple.hover { @@ -3049,7 +3055,7 @@ body .bi-button, -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; - border: 1px solid #178cdf; + border: 1px solid #3685f2; background-color: #3f8ce8; text-align: center; vertical-align: middle; @@ -3115,7 +3121,7 @@ body .bi-button.button-common.ghost:active, body .bi-button.button-ignore, #body .bi-button.button-ignore { background-color: #ffffff; - border-color: #178cdf; + border-color: #3685f2; } body .bi-button.button-ignore, #body .bi-button.button-ignore, @@ -4597,7 +4603,7 @@ ul.ztree.zTreeDragUL { color: #999999; } .bi-filter-item .filter-item-empty-item .empty-filter-item-leaf { - border: 1px dashed #178cdf; + border: 1px dashed #3685f2; background: #eaf2fd; } .bi-filter-expander { diff --git a/dist/fineui.js b/dist/fineui.js index 50dd59c6a..e28d3a405 100644 --- a/dist/fineui.js +++ b/dist/fineui.js @@ -54407,6 +54407,7 @@ BI.Editor = BI.inherit(BI.Single, { element: this, items: items }); + this.element[0].tabIndex = -1; this.editor.on(BI.Controller.EVENT_CHANGE, function () { self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); }); @@ -84240,11 +84241,13 @@ BI.RichEditor = BI.inherit(BI.Widget, { listeners: [{ eventName: BI.NicEditor.EVENT_BLUR, action: function () { + self.element.removeClass("bi-editor-focus"); self.fireEvent(BI.RichEditor.EVENT_CONFIRM); } }, { eventName: BI.NicEditor.EVENT_FOCUS, action: function () { + self.element.addClass("bi-editor-focus"); if (!o.readOnly && !self.combo.isViewVisible()) { self.combo.showView(); } diff --git a/dist/widget.css b/dist/widget.css index 1edeec49b..f5f46961a 100644 --- a/dist/widget.css +++ b/dist/widget.css @@ -108,7 +108,7 @@ color: #999999; } .bi-filter-item .filter-item-empty-item .empty-filter-item-leaf { - border: 1px dashed #178cdf; + border: 1px dashed #3685f2; background: #eaf2fd; } .bi-filter-expander { diff --git a/src/base/single/editor/editor.js b/src/base/single/editor/editor.js index a2ac09fd1..5e102aa0e 100644 --- a/src/base/single/editor/editor.js +++ b/src/base/single/editor/editor.js @@ -98,6 +98,7 @@ BI.Editor = BI.inherit(BI.Single, { element: this, items: items }); + this.element[0].tabIndex = -1; this.editor.on(BI.Controller.EVENT_CHANGE, function () { self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); }); diff --git a/src/case/richeditor/richeditor.js b/src/case/richeditor/richeditor.js index 54cfe33b0..fa9859a19 100644 --- a/src/case/richeditor/richeditor.js +++ b/src/case/richeditor/richeditor.js @@ -26,11 +26,13 @@ BI.RichEditor = BI.inherit(BI.Widget, { listeners: [{ eventName: BI.NicEditor.EVENT_BLUR, action: function () { + self.element.removeClass("bi-editor-focus"); self.fireEvent(BI.RichEditor.EVENT_CONFIRM); } }, { eventName: BI.NicEditor.EVENT_FOCUS, action: function () { + self.element.addClass("bi-editor-focus"); if (!o.readOnly && !self.combo.isViewVisible()) { self.combo.showView(); } diff --git a/src/css/base/single/button/button.css b/src/css/base/single/button/button.css index d1acdd33e..f7a5d9769 100644 --- a/src/css/base/single/button/button.css +++ b/src/css/base/single/button/button.css @@ -3,7 +3,7 @@ body .bi-button, -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; - border: 1px solid #178cdf; + border: 1px solid #3685f2; background-color: #3f8ce8; text-align: center; vertical-align: middle; @@ -69,7 +69,7 @@ body .bi-button.button-common.ghost:active, body .bi-button.button-ignore, #body .bi-button.button-ignore { background-color: #ffffff; - border-color: #178cdf; + border-color: #3685f2; } body .bi-button.button-ignore, #body .bi-button.button-ignore, diff --git a/src/css/core/utils/common.css b/src/css/core/utils/common.css index 368d31dbd..fcad59e0e 100644 --- a/src/css/core/utils/common.css +++ b/src/css/core/utils/common.css @@ -116,6 +116,12 @@ textarea { .bi-border { border: 1px solid #d4dadd; } +.bi-border.bi-editor-focus { + border: 1px solid #3685f2; +} +.bi-border.niceditor-focus { + border: 1px solid #3685f2; +} .bi-theme-dark .bi-border { border: 1px solid #525466; } @@ -172,7 +178,7 @@ textarea { color: #ffffff; } .bi-high-light-border { - border-color: #178cdf; + border-color: #3685f2; } .bi-water-mark { color: #cccccc; @@ -300,7 +306,7 @@ textarea { } .bi-list-item-border:active, .bi-list-item-border.active { - border: 1px solid #178cdf; + border: 1px solid #3685f2; } .bi-list-item-simple:hover, .bi-list-item-simple.hover { diff --git a/src/css/widget/filter/abstractitem/filter.css b/src/css/widget/filter/abstractitem/filter.css index b270b60a4..e2e62ac60 100644 --- a/src/css/widget/filter/abstractitem/filter.css +++ b/src/css/widget/filter/abstractitem/filter.css @@ -1,4 +1,4 @@ .bi-filter-item .filter-item-empty-item .empty-filter-item-leaf { - border: 1px dashed #178cdf; + border: 1px dashed #3685f2; background: #eaf2fd; } diff --git a/src/less/core/utils/common.less b/src/less/core/utils/common.less index 4a2d6b2e4..c2581febb 100644 --- a/src/less/core/utils/common.less +++ b/src/less/core/utils/common.less @@ -135,6 +135,12 @@ textarea { //边框 .bi-border { border: 1px solid @color-bi-border-line; + &.bi-editor-focus { + border: 1px solid @color-bi-border-highlight; + } + &.niceditor-focus { + border: 1px solid @color-bi-border-highlight; + } } .bi-theme-dark { diff --git a/src/less/lib/constant.less b/src/less/lib/constant.less index 2e1a5cdbf..7bae469ea 100644 --- a/src/less/lib/constant.less +++ b/src/less/lib/constant.less @@ -56,7 +56,7 @@ @border-color-black: #1a1a1a; @border-color-line: #d4dadd; @border-color-line-theme-dark: #525466; -@border-color-highlight: #178cdf; +@border-color-highlight: #3685f2; @border-color-warning: #fbb03b; @border-color-negative: #e85050;