caoww
/
fineui
forked from fanruan/fineui
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Merge pull request #28 in FUI/fineui from ~GUY/fineui:master to master 

* commit 'e9cd27a601aab60049f74f9989af73a96543bded':
  add
  全局样式
  主题
  add
es6
guy 8 years ago
parent
7cde39db62 e9cd27a601
commit
fadd0f0ee3
49 changed files with 12217 additions and 291 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      .gitignore
  2. 101
      bi/base.css
  3. 2
      bi/case.js
  4. 24
      bi/core.css
  5. 52
      bi/core.js
  6. 8
      bi/widget.css
  7. 63
      demo/dist/demo.css
  8. 5750
      demo/dist/demo.js
  9. 101
      docs/base.css
  10. 25
      docs/case.js
  11. 24
      docs/core.css
  12. 52
      docs/core.js
  13. 63
      docs/demo.css
  14. 5750
      docs/demo.js
  15. 2
      docs/resource.css
  16. 8
      docs/widget.css
  17. 2
      src/case/colorchooser/colorchooser.popup.js
  18. 32
      src/core/base.js
  19. 20
      src/core/func/function.js
  20. 7
      src/css/base/colorchooser/colorchooser.popup.css
  21. 8
      src/css/base/foundation/bi.message.css
  22. 3
      src/css/base/layer/layer.panel.css
  23. 10
      src/css/base/table/table.collection.cell.css
  24. 27
      src/css/base/table/table.css
  25. 10
      src/css/base/table/table.grid.cell.css
  26. 24
      src/css/base/table/table.grid.scrollbar.css
  27. 10
      src/css/base/view/floatboxview.css
  28. 2
      src/css/base/view/popupview.css
  29. 24
      src/css/core/utils/common.css
  30. 2
      src/css/resource/app.css
  31. 5
      src/css/widget/multiselect/check/multiselect.check.pane.css
  32. 3
      src/css/widget/multiselect/check/multiselect.display.css
  33. 12
      src/less/base/colorchooser/colorchooser.popup.less
  34. 16
      src/less/base/foundation/bi.message.less
  35. 8
      src/less/base/layer/layer.panel.less
  36. 12
      src/less/base/table/table.collection.cell.less
  37. 12
      src/less/base/table/table.grid.cell.less
  38. 32
      src/less/base/table/table.grid.scrollbar.less
  39. 32
      src/less/base/table/table.less
  40. 14
      src/less/base/view/floatboxview.less
  41. 2
      src/less/base/view/popupview.less
  42. 2
      src/less/core/utils/common.less
  43. 11
      src/less/lib/colors.less
  44. 9
      src/less/lib/constant.less
  45. 4
      src/less/resource/app.less
  46. 2
      src/less/theme/dark.less
  47. 9
      src/less/widget/multiselect/check/multiselect.check.pane.less
  48. 1
      src/less/widget/multiselect/check/multiselect.display.less
  49. 2
      src/less/widget/multiselect/trigger/button.checkselected.less

4
.gitignore vendored
Unescape View File

@ -1,5 +1,5 @@
node_modules/
/.idea/
demo.js
demo.css
#demo.js
#demo.css
.DS_Store

101
bi/base.css
Unescape View File

@ -11,8 +11,11 @@
.bi-color-chooser-popup .color-chooser-popup-more {
background: #f4f4f4;
}
.bi-color-chooser-popup .color-chooser-popup-more:hover {
background: #d4dadd;
.bi-theme-dark .bi-color-chooser-popup .color-chooser-popup-title {
background: #191a2c;
}
.bi-theme-dark .bi-color-chooser-popup .color-chooser-popup-more {
background: #191a2c;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
@ -667,6 +670,10 @@ li.CodeMirror-hint-active {
font-size: 16px;
cursor: pointer;
}
.bi-theme-dark .bi-message-title {
background-color: #191a2c;
color: #b2b2b2;
}
.bi-message-text {
font-size: 16px;
-webkit-user-select: text;
@ -681,6 +688,10 @@ li.CodeMirror-hint-active {
color: #808080;
font-size: 16px;
}
.bi-theme-dark .bi-message-content {
background-color: #202237;
color: #b2b2b2;
}
.bi-message-close {
font-size: 25px;
}
@ -698,6 +709,9 @@ li.CodeMirror-hint-active {
background: #f4f4f4;
border-bottom: 1px solid #d4dadd;
}
.bi-theme-dark .bi-popup-panel .popup-panel-title {
background: #191a2c;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
@ -1093,6 +1107,16 @@ li.CodeMirror-hint-active {
.bi-collection-table-cell.first-col {
border-left: 1px solid #eaeaea;
}
.bi-theme-dark .bi-collection-table-cell {
border-right: 1px solid #24273e;
border-bottom: 1px solid #24273e;
}
.bi-theme-dark .bi-collection-table-cell.first-row {
border-top: 1px solid #24273e;
}
.bi-theme-dark .bi-collection-table-cell.first-col {
border-left: 1px solid #24273e;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
@ -1155,6 +1179,33 @@ li.CodeMirror-hint-active {
border-top: 1px solid #eaeaea;
border-left: 1px solid #eaeaea;
}
.bi-theme-dark .bi-table > div > div > table {
border-bottom: 1px solid #24273e;
border-right: 1px solid #24273e;
}
.bi-theme-dark .bi-table > div.top-left > div > div > table {
border-bottom: 1px solid #24273e;
border-right: 1px solid #24273e;
}
.bi-theme-dark .bi-table > div.top-right > div > div > table {
border-bottom: 1px solid #24273e;
border-right: 1px solid #24273e;
}
.bi-theme-dark .bi-table > div.bottom-left > div > div > table {
border-bottom: 1px solid #24273e;
border-right: 1px solid #24273e;
}
.bi-theme-dark .bi-table > div.bottom-right > div > div > table {
border-right: 1px solid #24273e;
border-bottom: 1px solid #24273e;
}
.bi-theme-dark .bi-table > div > div > table > tbody > tr > td,
.bi-theme-dark .bi-table > div > div > div > table > tbody > tr > td,
.bi-theme-dark .bi-table > div > div > table > thead > tr > td,
.bi-theme-dark .bi-table > div > div > div > table > thead > tr > td {
border-top: 1px solid #24273e;
border-left: 1px solid #24273e;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
@ -1176,6 +1227,19 @@ li.CodeMirror-hint-active {
.bi-grid-table-cell.first-col {
border-left: 1px solid #eaeaea;
}
.bi-theme-dark .bi-grid-table-cell {
border-right: 1px solid #24273e;
border-bottom: 1px solid #24273e;
}
.bi-theme-dark .bi-grid-table-cell.first-row {
border-top: 1px solid #24273e;
}
.bi-theme-dark .bi-grid-table-cell.first-col {
border-left: 1px solid #24273e;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.scrollbar-layout-main {
box-sizing: border-box;
outline: none;
@ -1184,10 +1248,13 @@ li.CodeMirror-hint-active {
transition-duration: 250ms;
transition-timing-function: ease;
user-select: none;
background-color: rgba(0, 0, 0, 0.1);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000);
background-color: #f4f4f4;
border-radius: 5px;
}
.bi-theme-dark .scrollbar-layout-main {
background-color: rgba(255, 255, 255, 0.1);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);
}
.scrollbar-layout-main-vertical {
bottom: 0;
right: 0;
@ -1204,8 +1271,11 @@ li.CodeMirror-hint-active {
height: 10px;
left: 0;
transition-property: background-color;
background-color: rgba(0, 0, 0, 0.1);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000);
background-color: #f4f4f4;
}
.bi-theme-dark .scrollbar-layout-main-horizontal {
background-color: rgba(255, 255, 255, 0.1);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);
}
/* Touching the scroll-track directly makes the scroll-track bolder */
.scrollbar-layout-main-horizontal.public-scrollbar-main-active,
@ -1258,7 +1328,7 @@ li.CodeMirror-hint-active {
*/
/* Touching the scroll-track directly makes the scroll-track bolder */
.public-scrollbar-face:after {
background-color: #c2c2c2;
background-color: #e2e2e2;
}
.bi-theme-dark .public-scrollbar-face:after {
background-color: #7d7d7d;
@ -1271,15 +1341,12 @@ li.CodeMirror-hint-active {
.bi-theme-dark .public-scrollbar-main:hover .public-scrollbar-face:after,
.bi-theme-dark .public-scrollbar-main-active .public-scrollbar-face:after,
.bi-theme-dark .public-scrollbar-faceActive:after {
background-color: #c2c2c2;
background-color: #e2e2e2;
}
.horizontal-scrollbar {
bottom: 0;
position: absolute;
}
.horizontal-scrollbar .public-scrollbar-main-horizontal {
background-color: #fff;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
@ -1389,12 +1456,12 @@ li.CodeMirror-hint-active {
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-float-box {
background: #ffffff;
background-color: #ffffff;
color: #1a1a1a;
}
.bi-float-box .float-box-button {
color: #ffffff;
background: #009de3;
border: 1px solid #d4dadd;
.bi-theme-dark .bi-float-box {
background-color: #202237;
color: #b2b2b2;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
@ -1428,5 +1495,5 @@ li.CodeMirror-hint-active {
}
.bi-theme-dark .bi-list-view .list-view-outer {
color: #b2b2b2;
background: #191a2c;
background: #202237;
}

2
bi/case.js
Unescape View File

@ -2479,7 +2479,7 @@ BI.ColorChooserPopup = BI.inherit(BI.Widget, {
isNeedAdjustHeight: false,
el: {
type: "bi.text_item",
cls: "color-chooser-popup-more",
cls: "color-chooser-popup-more bi-list-item",
textAlign: "center",
height: 20,
text: BI.i18nText("BI-Basic_More") + "..."

24
bi/core.css
Unescape View File

@ -3062,29 +3062,29 @@
.bi-list-item-select.disabled:active .bi-high-light {
color: #c4c6c6 !important;
}
.bi-theme-dark .list-item-select:hover,
.bi-theme-dark .list-item-select.hover {
.bi-theme-dark .bi-list-item-select:hover,
.bi-theme-dark .bi-list-item-select.hover {
color: #009de3;
background-color: #04070d;
}
.bi-theme-dark .list-item-select:active,
.bi-theme-dark .list-item-select.active {
.bi-theme-dark .bi-list-item-select:active,
.bi-theme-dark .bi-list-item-select.active {
color: #ffffff;
background-color: #009de3;
}
.bi-theme-dark .list-item-select:active .bi-high-light,
.bi-theme-dark .list-item-select.active .bi-high-light {
.bi-theme-dark .bi-list-item-select:active .bi-high-light,
.bi-theme-dark .bi-list-item-select.active .bi-high-light {
color: #ffffff;
}
.bi-theme-dark .list-item-select.disabled,
.bi-theme-dark .list-item-select.disabled:hover,
.bi-theme-dark .list-item-select.disabled:active {
.bi-theme-dark .bi-list-item-select.disabled,
.bi-theme-dark .bi-list-item-select.disabled:hover,
.bi-theme-dark .bi-list-item-select.disabled:active {
color: #c4c6c6 !important;
background-color: transparent !important;
}
.bi-theme-dark .list-item-select.disabled .bi-high-light,
.bi-theme-dark .list-item-select.disabled:hover .bi-high-light,
.bi-theme-dark .list-item-select.disabled:active .bi-high-light {
.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 {
color: #c4c6c6 !important;
}
/*****************cursor*****************/

52
bi/core.js
Unescape View File

@ -2960,18 +2960,10 @@ if (!window.BI) {
//BI请求
_.extend(BI, {
ajax: (function () {
var loading, timeoutToast;
return function (option) {
ajax: function (option) {
option || (option = {});
option.data = BI.extend({}, Data.SharingPool.cat("urlParameters"), option.data);
//encode
encodeBIParam(option.data);
var async = option.async;
option.data = BI.cjkEncodeDO(option.data);
option.data = BI.cjkEncodeDO(option.data || {});
$.ajax({
url: option.url,
@ -2985,27 +2977,7 @@ if (!window.BI) {
}
}
});
function encodeBIParam(data) {
for (var key in data) {
if (_.isObject(data[key])) {
data[key] = window.encodeURIComponent(BI.jsonEncode(data[key]));
} else {
data[key] = window.encodeURIComponent(data[key]);
}
}
}
function decodeBIParam(data) {
for (var key in data) {
data[key] = window.decodeURIComponent(data[key]);
if (_.isObject(data[key])) {
data[key] = BI.jsonDecode(data[key]);
}
}
}
}
})()
});
})(jQuery);;(function () {
function isEmpty(value) {
@ -17035,6 +17007,24 @@ $(function () {
});
},
isColor: function (color) {
return this.isRGBColor(color) || this.isHexColor(color);
},
isRGBColor: function (color) {
if (!color) {
return false;
}
return color.substr(0, 3) === "rgb";
},
isHexColor: function (color) {
if (!color) {
return false;
}
return color[0] === "#" && color.length === 7;
},
isDarkColor: function (hex) {
if (!hex) {
return false;
@ -17050,7 +17040,7 @@ $(function () {
//获取对比颜色
getContrastColor: function (color) {
if (this.isDarkColor(color)) {
return "#ffffff";
return "#b2b2b2";
}
return "#1a1a1a";
},

8
bi/widget.css
Unescape View File

@ -277,19 +277,19 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-select-check-pane .multi-select-continue-select {
.bi-multi-select-check-pane {
background-color: #f4f4f4;
}
.bi-multi-select-check-pane .multi-select-check-selected {
color: #009de3;
text-decoration: underline;
}
.bi-theme-dark .bi-multi-select-check-pane {
background-color: #191a2c;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-display-list {
background-color: #f4f4f4;
}
.bi-display-list .display-list-item {
color: #808080;
}

63
demo/dist/demo.css vendored
Unescape View File

@ -0,0 +1,63 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.layout-bg-white {
background-color: #ffffff;
}
.layout-bg-gray {
background-color: #eeeeee;
}
.layout-bg1 {
color: #ffffff;
background-color: #0088cc;
}
.layout-bg2 {
color: #ffffff;
background-color: #008B8B;
}
.layout-bg3 {
color: #ffffff;
background-color: #6495ED;
}
.layout-bg4 {
color: #ffffff;
background-color: #ff69b4;
}
.layout-bg5 {
color: #ffffff;
background-color: #B8860B;
}
.layout-bg6 {
color: #ffffff;
background-color: #d9534f;
}
.layout-bg7 {
color: #ffffff;
background-color: #ea4738;
}
.layout-bg8 {
color: #ffffff;
background-color: #6495ed;
}
.demo-main .bg1 {
background-color: #178cdf;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.demo-north {
background-color: #3c8dbc;
}
.demo-north .logo {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #ffffff;
background-color: #367fa9;
font-size: 20px;
font-weight: 300;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.demo-west {
border-right: 1px solid #eaeaea;
}

5750
demo/dist/demo.js vendored
View File

File diff suppressed because one or more lines are too long

101
docs/base.css
Unescape View File

@ -11,8 +11,11 @@
.bi-color-chooser-popup .color-chooser-popup-more {
background: #f4f4f4;
}
.bi-color-chooser-popup .color-chooser-popup-more:hover {
background: #d4dadd;
.bi-theme-dark .bi-color-chooser-popup .color-chooser-popup-title {
background: #191a2c;
}
.bi-theme-dark .bi-color-chooser-popup .color-chooser-popup-more {
background: #191a2c;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
@ -667,6 +670,10 @@ li.CodeMirror-hint-active {
font-size: 16px;
cursor: pointer;
}
.bi-theme-dark .bi-message-title {
background-color: #191a2c;
color: #b2b2b2;
}
.bi-message-text {
font-size: 16px;
-webkit-user-select: text;
@ -681,6 +688,10 @@ li.CodeMirror-hint-active {
color: #808080;
font-size: 16px;
}
.bi-theme-dark .bi-message-content {
background-color: #202237;
color: #b2b2b2;
}
.bi-message-close {
font-size: 25px;
}
@ -698,6 +709,9 @@ li.CodeMirror-hint-active {
background: #f4f4f4;
border-bottom: 1px solid #d4dadd;
}
.bi-theme-dark .bi-popup-panel .popup-panel-title {
background: #191a2c;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
@ -1093,6 +1107,16 @@ li.CodeMirror-hint-active {
.bi-collection-table-cell.first-col {
border-left: 1px solid #eaeaea;
}
.bi-theme-dark .bi-collection-table-cell {
border-right: 1px solid #24273e;
border-bottom: 1px solid #24273e;
}
.bi-theme-dark .bi-collection-table-cell.first-row {
border-top: 1px solid #24273e;
}
.bi-theme-dark .bi-collection-table-cell.first-col {
border-left: 1px solid #24273e;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
@ -1155,6 +1179,33 @@ li.CodeMirror-hint-active {
border-top: 1px solid #eaeaea;
border-left: 1px solid #eaeaea;
}
.bi-theme-dark .bi-table > div > div > table {
border-bottom: 1px solid #24273e;
border-right: 1px solid #24273e;
}
.bi-theme-dark .bi-table > div.top-left > div > div > table {
border-bottom: 1px solid #24273e;
border-right: 1px solid #24273e;
}
.bi-theme-dark .bi-table > div.top-right > div > div > table {
border-bottom: 1px solid #24273e;
border-right: 1px solid #24273e;
}
.bi-theme-dark .bi-table > div.bottom-left > div > div > table {
border-bottom: 1px solid #24273e;
border-right: 1px solid #24273e;
}
.bi-theme-dark .bi-table > div.bottom-right > div > div > table {
border-right: 1px solid #24273e;
border-bottom: 1px solid #24273e;
}
.bi-theme-dark .bi-table > div > div > table > tbody > tr > td,
.bi-theme-dark .bi-table > div > div > div > table > tbody > tr > td,
.bi-theme-dark .bi-table > div > div > table > thead > tr > td,
.bi-theme-dark .bi-table > div > div > div > table > thead > tr > td {
border-top: 1px solid #24273e;
border-left: 1px solid #24273e;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
@ -1176,6 +1227,19 @@ li.CodeMirror-hint-active {
.bi-grid-table-cell.first-col {
border-left: 1px solid #eaeaea;
}
.bi-theme-dark .bi-grid-table-cell {
border-right: 1px solid #24273e;
border-bottom: 1px solid #24273e;
}
.bi-theme-dark .bi-grid-table-cell.first-row {
border-top: 1px solid #24273e;
}
.bi-theme-dark .bi-grid-table-cell.first-col {
border-left: 1px solid #24273e;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.scrollbar-layout-main {
box-sizing: border-box;
outline: none;
@ -1184,10 +1248,13 @@ li.CodeMirror-hint-active {
transition-duration: 250ms;
transition-timing-function: ease;
user-select: none;
background-color: rgba(0, 0, 0, 0.1);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000);
background-color: #f4f4f4;
border-radius: 5px;
}
.bi-theme-dark .scrollbar-layout-main {
background-color: rgba(255, 255, 255, 0.1);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);
}
.scrollbar-layout-main-vertical {
bottom: 0;
right: 0;
@ -1204,8 +1271,11 @@ li.CodeMirror-hint-active {
height: 10px;
left: 0;
transition-property: background-color;
background-color: rgba(0, 0, 0, 0.1);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000);
background-color: #f4f4f4;
}
.bi-theme-dark .scrollbar-layout-main-horizontal {
background-color: rgba(255, 255, 255, 0.1);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);
}
/* Touching the scroll-track directly makes the scroll-track bolder */
.scrollbar-layout-main-horizontal.public-scrollbar-main-active,
@ -1258,7 +1328,7 @@ li.CodeMirror-hint-active {
*/
/* Touching the scroll-track directly makes the scroll-track bolder */
.public-scrollbar-face:after {
background-color: #c2c2c2;
background-color: #e2e2e2;
}
.bi-theme-dark .public-scrollbar-face:after {
background-color: #7d7d7d;
@ -1271,15 +1341,12 @@ li.CodeMirror-hint-active {
.bi-theme-dark .public-scrollbar-main:hover .public-scrollbar-face:after,
.bi-theme-dark .public-scrollbar-main-active .public-scrollbar-face:after,
.bi-theme-dark .public-scrollbar-faceActive:after {
background-color: #c2c2c2;
background-color: #e2e2e2;
}
.horizontal-scrollbar {
bottom: 0;
position: absolute;
}
.horizontal-scrollbar .public-scrollbar-main-horizontal {
background-color: #fff;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
@ -1389,12 +1456,12 @@ li.CodeMirror-hint-active {
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-float-box {
background: #ffffff;
background-color: #ffffff;
color: #1a1a1a;
}
.bi-float-box .float-box-button {
color: #ffffff;
background: #009de3;
border: 1px solid #d4dadd;
.bi-theme-dark .bi-float-box {
background-color: #202237;
color: #b2b2b2;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
@ -1428,5 +1495,5 @@ li.CodeMirror-hint-active {
}
.bi-theme-dark .bi-list-view .list-view-outer {
color: #b2b2b2;
background: #191a2c;
background: #202237;
}

25
docs/case.js
Unescape View File

@ -2479,7 +2479,7 @@ BI.ColorChooserPopup = BI.inherit(BI.Widget, {
isNeedAdjustHeight: false,
el: {
type: "bi.text_item",
cls: "color-chooser-popup-more",
cls: "color-chooser-popup-more bi-list-item",
textAlign: "center",
height: 20,
text: BI.i18nText("BI-Basic_More") + "..."
@ -9749,12 +9749,18 @@ BI.DynamicSummaryTreeTable = BI.inherit(BI.Widget, {
});
this.table.on(BI.Table.EVENT_TABLE_AFTER_REGION_RESIZE, function () {
o.regionColumnSize = this.getRegionColumnSize();
o.columnSize = this.getColumnSize();
var columnSize = this.getColumnSize();
var length = o.columnSize.length - columnSize.length;
o.columnSize = columnSize.slice();
o.columnSize.splice(columnSize.length, length, "");
self.fireEvent(BI.Table.EVENT_TABLE_AFTER_REGION_RESIZE, arguments);
});
this.table.on(BI.Table.EVENT_TABLE_AFTER_COLUMN_RESIZE, function () {
o.regionColumnSize = this.getRegionColumnSize();
o.columnSize = this.getColumnSize();
var columnSize = this.getColumnSize();
var length = o.columnSize.length - columnSize.length;
o.columnSize = columnSize.slice();
o.columnSize.splice(columnSize.length, length, "");
self.fireEvent(BI.Table.EVENT_TABLE_AFTER_COLUMN_RESIZE, arguments);
});
},
@ -9796,7 +9802,7 @@ BI.DynamicSummaryTreeTable = BI.inherit(BI.Widget, {
},
getColumnSize: function () {
return this.table.getColumnSize();
return this.options.columnSize;
},
setRegionColumnSize: function (columnSize) {
@ -9991,12 +9997,19 @@ BI.extend(BI.DynamicSummaryTreeTable, {
});
if (cols.length > 0) {
var nHeader = [], nItems = [];
BI.each(header, function (i, node) {
BI.removeAt(node, cols);
var nNode = node.slice();
BI.removeAt(nNode, cols);
nHeader.push(nNode);
});
BI.each(items, function (i, node) {
BI.removeAt(node, cols);
var nNode = node.slice();
BI.removeAt(nNode, cols);
nItems.push(nNode);;
});
header = nHeader;
items = nItems;
}
return {items: items, header: header, deletedCols: cols};
}

24
docs/core.css
Unescape View File

@ -3062,29 +3062,29 @@
.bi-list-item-select.disabled:active .bi-high-light {
color: #c4c6c6 !important;
}
.bi-theme-dark .list-item-select:hover,
.bi-theme-dark .list-item-select.hover {
.bi-theme-dark .bi-list-item-select:hover,
.bi-theme-dark .bi-list-item-select.hover {
color: #009de3;
background-color: #04070d;
}
.bi-theme-dark .list-item-select:active,
.bi-theme-dark .list-item-select.active {
.bi-theme-dark .bi-list-item-select:active,
.bi-theme-dark .bi-list-item-select.active {
color: #ffffff;
background-color: #009de3;
}
.bi-theme-dark .list-item-select:active .bi-high-light,
.bi-theme-dark .list-item-select.active .bi-high-light {
.bi-theme-dark .bi-list-item-select:active .bi-high-light,
.bi-theme-dark .bi-list-item-select.active .bi-high-light {
color: #ffffff;
}
.bi-theme-dark .list-item-select.disabled,
.bi-theme-dark .list-item-select.disabled:hover,
.bi-theme-dark .list-item-select.disabled:active {
.bi-theme-dark .bi-list-item-select.disabled,
.bi-theme-dark .bi-list-item-select.disabled:hover,
.bi-theme-dark .bi-list-item-select.disabled:active {
color: #c4c6c6 !important;
background-color: transparent !important;
}
.bi-theme-dark .list-item-select.disabled .bi-high-light,
.bi-theme-dark .list-item-select.disabled:hover .bi-high-light,
.bi-theme-dark .list-item-select.disabled:active .bi-high-light {
.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 {
color: #c4c6c6 !important;
}
/*****************cursor*****************/

52
docs/core.js
Unescape View File

@ -14102,18 +14102,10 @@ if (!window.BI) {
//BI请求
_.extend(BI, {
ajax: (function () {
var loading, timeoutToast;
return function (option) {
ajax: function (option) {
option || (option = {});
option.data = BI.extend({}, Data.SharingPool.cat("urlParameters"), option.data);
//encode
encodeBIParam(option.data);
var async = option.async;
option.data = BI.cjkEncodeDO(option.data);
option.data = BI.cjkEncodeDO(option.data || {});
$.ajax({
url: option.url,
@ -14127,27 +14119,7 @@ if (!window.BI) {
}
}
});
function encodeBIParam(data) {
for (var key in data) {
if (_.isObject(data[key])) {
data[key] = window.encodeURIComponent(BI.jsonEncode(data[key]));
} else {
data[key] = window.encodeURIComponent(data[key]);
}
}
}
function decodeBIParam(data) {
for (var key in data) {
data[key] = window.decodeURIComponent(data[key]);
if (_.isObject(data[key])) {
data[key] = BI.jsonDecode(data[key]);
}
}
}
}
})()
});
})(jQuery);/**
* 客户端观察者，主要处理事件的添加、删除、执行等
@ -22659,6 +22631,24 @@ $(function () {
});
},
isColor: function (color) {
return this.isRGBColor(color) || this.isHexColor(color);
},
isRGBColor: function (color) {
if (!color) {
return false;
}
return color.substr(0, 3) === "rgb";
},
isHexColor: function (color) {
if (!color) {
return false;
}
return color[0] === "#" && color.length === 7;
},
isDarkColor: function (hex) {
if (!hex) {
return false;
@ -22674,7 +22664,7 @@ $(function () {
//获取对比颜色
getContrastColor: function (color) {
if (this.isDarkColor(color)) {
return "#ffffff";
return "#b2b2b2";
}
return "#1a1a1a";
},

63
docs/demo.css
Unescape View File

@ -0,0 +1,63 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.layout-bg-white {
background-color: #ffffff;
}
.layout-bg-gray {
background-color: #eeeeee;
}
.layout-bg1 {
color: #ffffff;
background-color: #0088cc;
}
.layout-bg2 {
color: #ffffff;
background-color: #008B8B;
}
.layout-bg3 {
color: #ffffff;
background-color: #6495ED;
}
.layout-bg4 {
color: #ffffff;
background-color: #ff69b4;
}
.layout-bg5 {
color: #ffffff;
background-color: #B8860B;
}
.layout-bg6 {
color: #ffffff;
background-color: #d9534f;
}
.layout-bg7 {
color: #ffffff;
background-color: #ea4738;
}
.layout-bg8 {
color: #ffffff;
background-color: #6495ed;
}
.demo-main .bg1 {
background-color: #178cdf;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.demo-north {
background-color: #3c8dbc;
}
.demo-north .logo {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #ffffff;
background-color: #367fa9;
font-size: 20px;
font-weight: 300;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.demo-west {
border-right: 1px solid #eaeaea;
}

5750
docs/demo.js
View File

File diff suppressed because one or more lines are too long

2
docs/resource.css
Unescape View File

@ -109,7 +109,7 @@ textarea::-webkit-scrollbar-thumb {
.bi-theme-dark div::-webkit-scrollbar,
.bi-theme-dark textarea::-webkit-scrollbar {
-webkit-appearance: none;
background-color: #191a2c;
background-color: rgba(255, 255, 255, 0.1);
width: 6px;
height: 6px;
}

8
docs/widget.css
Unescape View File

@ -277,19 +277,19 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-select-check-pane .multi-select-continue-select {
.bi-multi-select-check-pane {
background-color: #f4f4f4;
}
.bi-multi-select-check-pane .multi-select-check-selected {
color: #009de3;
text-decoration: underline;
}
.bi-theme-dark .bi-multi-select-check-pane {
background-color: #191a2c;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-display-list {
background-color: #f4f4f4;
}
.bi-display-list .display-list-item {
color: #808080;
}

2
src/case/colorchooser/colorchooser.popup.js
Unescape View File

@ -94,7 +94,7 @@ BI.ColorChooserPopup = BI.inherit(BI.Widget, {
isNeedAdjustHeight: false,
el: {
type: "bi.text_item",
cls: "color-chooser-popup-more",
cls: "color-chooser-popup-more bi-list-item",
textAlign: "center",
height: 20,
text: BI.i18nText("BI-Basic_More") + "..."

32
src/core/base.js
Unescape View File

@ -1065,18 +1065,10 @@ if (!window.BI) {
//BI请求
_.extend(BI, {
ajax: (function () {
var loading, timeoutToast;
return function (option) {
ajax: function (option) {
option || (option = {});
option.data = BI.extend({}, Data.SharingPool.cat("urlParameters"), option.data);
//encode
encodeBIParam(option.data);
var async = option.async;
option.data = BI.cjkEncodeDO(option.data);
option.data = BI.cjkEncodeDO(option.data || {});
$.ajax({
url: option.url,
@ -1090,26 +1082,6 @@ if (!window.BI) {
}
}
});
function encodeBIParam(data) {
for (var key in data) {
if (_.isObject(data[key])) {
data[key] = window.encodeURIComponent(BI.jsonEncode(data[key]));
} else {
data[key] = window.encodeURIComponent(data[key]);
}
}
}
function decodeBIParam(data) {
for (var key in data) {
data[key] = window.decodeURIComponent(data[key]);
if (_.isObject(data[key])) {
data[key] = BI.jsonDecode(data[key]);
}
}
}
}
})()
});
})(jQuery);

20
src/core/func/function.js
Unescape View File

@ -105,6 +105,24 @@ $(function () {
});
},
isColor: function (color) {
return this.isRGBColor(color) || this.isHexColor(color);
},
isRGBColor: function (color) {
if (!color) {
return false;
}
return color.substr(0, 3) === "rgb";
},
isHexColor: function (color) {
if (!color) {
return false;
}
return color[0] === "#" && color.length === 7;
},
isDarkColor: function (hex) {
if (!hex) {
return false;
@ -120,7 +138,7 @@ $(function () {
//获取对比颜色
getContrastColor: function (color) {
if (this.isDarkColor(color)) {
return "#ffffff";
return "#b2b2b2";
}
return "#1a1a1a";
},

7
src/css/base/colorchooser/colorchooser.popup.css
Unescape View File

@ -8,6 +8,9 @@
.bi-color-chooser-popup .color-chooser-popup-more {
background: #f4f4f4;
}
.bi-color-chooser-popup .color-chooser-popup-more:hover {
background: #d4dadd;
.bi-theme-dark .bi-color-chooser-popup .color-chooser-popup-title {
background: #191a2c;
}
.bi-theme-dark .bi-color-chooser-popup .color-chooser-popup-more {
background: #191a2c;
}

8
src/css/base/foundation/bi.message.css
Unescape View File

@ -12,6 +12,10 @@
font-size: 16px;
cursor: pointer;
}
.bi-theme-dark .bi-message-title {
background-color: #191a2c;
color: #b2b2b2;
}
.bi-message-text {
font-size: 16px;
-webkit-user-select: text;
@ -26,6 +30,10 @@
color: #808080;
font-size: 16px;
}
.bi-theme-dark .bi-message-content {
background-color: #202237;
color: #b2b2b2;
}
.bi-message-close {
font-size: 25px;
}

3
src/css/base/layer/layer.panel.css
Unescape View File

@ -5,3 +5,6 @@
background: #f4f4f4;
border-bottom: 1px solid #d4dadd;
}
.bi-theme-dark .bi-popup-panel .popup-panel-title {
background: #191a2c;
}

10
src/css/base/table/table.collection.cell.css
Unescape View File

@ -19,3 +19,13 @@
.bi-collection-table-cell.first-col {
border-left: 1px solid #eaeaea;
}
.bi-theme-dark .bi-collection-table-cell {
border-right: 1px solid #24273e;
border-bottom: 1px solid #24273e;
}
.bi-theme-dark .bi-collection-table-cell.first-row {
border-top: 1px solid #24273e;
}
.bi-theme-dark .bi-collection-table-cell.first-col {
border-left: 1px solid #24273e;
}

27
src/css/base/table/table.css
Unescape View File

@ -52,3 +52,30 @@
border-top: 1px solid #eaeaea;
border-left: 1px solid #eaeaea;
}
.bi-theme-dark .bi-table > div > div > table {
border-bottom: 1px solid #24273e;
border-right: 1px solid #24273e;
}
.bi-theme-dark .bi-table > div.top-left > div > div > table {
border-bottom: 1px solid #24273e;
border-right: 1px solid #24273e;
}
.bi-theme-dark .bi-table > div.top-right > div > div > table {
border-bottom: 1px solid #24273e;
border-right: 1px solid #24273e;
}
.bi-theme-dark .bi-table > div.bottom-left > div > div > table {
border-bottom: 1px solid #24273e;
border-right: 1px solid #24273e;
}
.bi-theme-dark .bi-table > div.bottom-right > div > div > table {
border-right: 1px solid #24273e;
border-bottom: 1px solid #24273e;
}
.bi-theme-dark .bi-table > div > div > table > tbody > tr > td,
.bi-theme-dark .bi-table > div > div > div > table > tbody > tr > td,
.bi-theme-dark .bi-table > div > div > table > thead > tr > td,
.bi-theme-dark .bi-table > div > div > div > table > thead > tr > td {
border-top: 1px solid #24273e;
border-left: 1px solid #24273e;
}

10
src/css/base/table/table.grid.cell.css
Unescape View File

@ -19,3 +19,13 @@
.bi-grid-table-cell.first-col {
border-left: 1px solid #eaeaea;
}
.bi-theme-dark .bi-grid-table-cell {
border-right: 1px solid #24273e;
border-bottom: 1px solid #24273e;
}
.bi-theme-dark .bi-grid-table-cell.first-row {
border-top: 1px solid #24273e;
}
.bi-theme-dark .bi-grid-table-cell.first-col {
border-left: 1px solid #24273e;
}

24
src/css/base/table/table.grid.scrollbar.css
Unescape View File

@ -1,3 +1,6 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.scrollbar-layout-main {
box-sizing: border-box;
outline: none;
@ -6,10 +9,13 @@
transition-duration: 250ms;
transition-timing-function: ease;
user-select: none;
background-color: rgba(0, 0, 0, 0.1);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000);
background-color: #f4f4f4;
border-radius: 5px;
}
.bi-theme-dark .scrollbar-layout-main {
background-color: rgba(255, 255, 255, 0.1);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);
}
.scrollbar-layout-main-vertical {
bottom: 0;
right: 0;
@ -26,8 +32,11 @@
height: 10px;
left: 0;
transition-property: background-color;
background-color: rgba(0, 0, 0, 0.1);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000);
background-color: #f4f4f4;
}
.bi-theme-dark .scrollbar-layout-main-horizontal {
background-color: rgba(255, 255, 255, 0.1);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);
}
/* Touching the scroll-track directly makes the scroll-track bolder */
.scrollbar-layout-main-horizontal.public-scrollbar-main-active,
@ -80,7 +89,7 @@
*/
/* Touching the scroll-track directly makes the scroll-track bolder */
.public-scrollbar-face:after {
background-color: #c2c2c2;
background-color: #e2e2e2;
}
.bi-theme-dark .public-scrollbar-face:after {
background-color: #7d7d7d;
@ -93,12 +102,9 @@
.bi-theme-dark .public-scrollbar-main:hover .public-scrollbar-face:after,
.bi-theme-dark .public-scrollbar-main-active .public-scrollbar-face:after,
.bi-theme-dark .public-scrollbar-faceActive:after {
background-color: #c2c2c2;
background-color: #e2e2e2;
}
.horizontal-scrollbar {
bottom: 0;
position: absolute;
}
.horizontal-scrollbar .public-scrollbar-main-horizontal {
background-color: #fff;
}

10
src/css/base/view/floatboxview.css
Unescape View File

@ -2,10 +2,10 @@
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-float-box {
background: #ffffff;
background-color: #ffffff;
color: #1a1a1a;
}
.bi-float-box .float-box-button {
color: #ffffff;
background: #009de3;
border: 1px solid #d4dadd;
.bi-theme-dark .bi-float-box {
background-color: #202237;
color: #b2b2b2;
}

2
src/css/base/view/popupview.css
Unescape View File

@ -30,5 +30,5 @@
}
.bi-theme-dark .bi-list-view .list-view-outer {
color: #b2b2b2;
background: #191a2c;
background: #202237;
}

24
src/css/core/utils/common.css
Unescape View File

@ -160,28 +160,28 @@
.bi-list-item-select.disabled:active .bi-high-light {
color: #c4c6c6 !important;
}
.bi-theme-dark .list-item-select:hover,
.bi-theme-dark .list-item-select.hover {
.bi-theme-dark .bi-list-item-select:hover,
.bi-theme-dark .bi-list-item-select.hover {
color: #009de3;
background-color: #04070d;
}
.bi-theme-dark .list-item-select:active,
.bi-theme-dark .list-item-select.active {
.bi-theme-dark .bi-list-item-select:active,
.bi-theme-dark .bi-list-item-select.active {
color: #ffffff;
background-color: #009de3;
}
.bi-theme-dark .list-item-select:active .bi-high-light,
.bi-theme-dark .list-item-select.active .bi-high-light {
.bi-theme-dark .bi-list-item-select:active .bi-high-light,
.bi-theme-dark .bi-list-item-select.active .bi-high-light {
color: #ffffff;
}
.bi-theme-dark .list-item-select.disabled,
.bi-theme-dark .list-item-select.disabled:hover,
.bi-theme-dark .list-item-select.disabled:active {
.bi-theme-dark .bi-list-item-select.disabled,
.bi-theme-dark .bi-list-item-select.disabled:hover,
.bi-theme-dark .bi-list-item-select.disabled:active {
color: #c4c6c6 !important;
background-color: transparent !important;
}
.bi-theme-dark .list-item-select.disabled .bi-high-light,
.bi-theme-dark .list-item-select.disabled:hover .bi-high-light,
.bi-theme-dark .list-item-select.disabled:active .bi-high-light {
.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 {
color: #c4c6c6 !important;
}

2
src/css/resource/app.css
Unescape View File

@ -109,7 +109,7 @@ textarea::-webkit-scrollbar-thumb {
.bi-theme-dark div::-webkit-scrollbar,
.bi-theme-dark textarea::-webkit-scrollbar {
-webkit-appearance: none;
background-color: #191a2c;
background-color: rgba(255, 255, 255, 0.1);
width: 6px;
height: 6px;
}

5
src/css/widget/multiselect/check/multiselect.check.pane.css
Unescape View File

@ -1,10 +1,13 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-select-check-pane .multi-select-continue-select {
.bi-multi-select-check-pane {
background-color: #f4f4f4;
}
.bi-multi-select-check-pane .multi-select-check-selected {
color: #009de3;
text-decoration: underline;
}
.bi-theme-dark .bi-multi-select-check-pane {
background-color: #191a2c;
}

3
src/css/widget/multiselect/check/multiselect.display.css
Unescape View File

@ -1,9 +1,6 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-display-list {
background-color: #f4f4f4;
}
.bi-display-list .display-list-item {
color: #808080;
}

12
src/less/base/colorchooser/colorchooser.popup.less
Unescape View File

@ -7,8 +7,16 @@
}
& .color-chooser-popup-more {
background: @color-bi-background-gray;
&:hover{
background: @color-bi-background-dark;
}
}
.bi-theme-dark {
.bi-color-chooser-popup {
& .color-chooser-popup-title {
background: @color-bi-background-normal-theme-dark;
}
& .color-chooser-popup-more {
background: @color-bi-background-normal-theme-dark;
}
}
}

16
src/less/base/foundation/bi.message.less
Unescape View File

@ -11,16 +11,32 @@
font-size: 16px;
cursor: pointer;
}
.bi-theme-dark {
.bi-message-title {
background-color: @color-bi-background-normal-theme-dark;
color: @color-bi-text-theme-dark;
}
}
.bi-message-text {
font-size: 16px;
.user-select(text);
}
.bi-message-content {
background-color: @color-bi-background-default;
color: @color-bi-text-gray;
font-size: 16px;
}
.bi-theme-dark {
.bi-message-content {
background-color: @color-bi-background-default-theme-dark;
color: @color-bi-text-theme-dark;
}
}
.bi-message-close {
font-size: 25px;
}

8
src/less/base/layer/layer.panel.less
Unescape View File

@ -6,3 +6,11 @@
border-bottom: 1px solid @color-bi-split-dark;
}
}
.bi-theme-dark {
.bi-popup-panel {
& .popup-panel-title {
background: @color-bi-background-normal-theme-dark;
}
}
}

12
src/less/base/table/table.collection.cell.less
Unescape View File

@ -11,3 +11,15 @@
border-left: 1px solid @border-color-line;
}
}
.bi-theme-dark{
.bi-collection-table-cell{
border-right: 1px solid @border-color-line-theme-dark;
border-bottom: 1px solid @border-color-line-theme-dark;
&.first-row {
border-top: 1px solid @border-color-line-theme-dark;
}
&.first-col {
border-left: 1px solid @border-color-line-theme-dark;
}
}
}

12
src/less/base/table/table.grid.cell.less
Unescape View File

@ -11,3 +11,15 @@
border-left: 1px solid @border-color-line;
}
}
.bi-theme-dark{
.bi-grid-table-cell{
border-right: 1px solid @border-color-line-theme-dark;
border-bottom: 1px solid @border-color-line-theme-dark;
&.first-row {
border-top: 1px solid @border-color-line-theme-dark;
}
&.first-col {
border-left: 1px solid @border-color-line-theme-dark;
}
}
}

32
src/less/base/table/table.grid.scrollbar.less
Unescape View File

@ -1,3 +1,4 @@
@import "../../bibase";
.scrollbar-layout-main {
box-sizing: border-box;
outline: none;
@ -6,11 +7,17 @@
transition-duration: 250ms;
transition-timing-function: ease;
user-select: none;
background-color: rgba(0, 0, 0, 0.1);
filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000)";
background-color: @scroll-color;
border-radius: 5px;
}
.bi-theme-dark {
.scrollbar-layout-main {
background-color: @scroll-color-theme-dark;
filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff)";
}
}
.scrollbar-layout-main-vertical {
bottom: 0;
right: 0;
@ -29,8 +36,14 @@
height: 10px;
left: 0;
transition-property: background-color;
background-color: rgba(0, 0, 0, 0.1);
filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000)";
background-color: @scroll-color;
}
.bi-theme-dark {
.scrollbar-layout-main-horizontal {
background-color: @scroll-color-theme-dark;
filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff)";
}
}
/* Touching the scroll-track directly makes the scroll-track bolder */
@ -103,26 +116,26 @@
}
.public-scrollbar-face:after {
background-color: #c2c2c2;
background-color: @scroll-thumb-color;
}
.bi-theme-dark {
.public-scrollbar-face:after {
background-color: #7d7d7d;
background-color: @scroll-thumb-color-theme-dark;
}
}
.public-scrollbar-main:hover .public-scrollbar-face:after,
.public-scrollbar-main-active .public-scrollbar-face:after,
.public-scrollbar-faceActive:after {
background-color: #7d7d7d;
background-color: @scroll-thumb-focus-color;
}
.bi-theme-dark {
.public-scrollbar-main:hover .public-scrollbar-face:after,
.public-scrollbar-main-active .public-scrollbar-face:after,
.public-scrollbar-faceActive:after {
background-color: #c2c2c2;
background-color: @scroll-thumb-focus-color-theme-dark;
}
}
@ -130,8 +143,5 @@
.horizontal-scrollbar {
bottom: 0;
position: absolute;
& .public-scrollbar-main-horizontal {
background-color: #fff;
}
}

32
src/less/base/table/table.less
Unescape View File

@ -77,3 +77,35 @@
}
}
}
.bi-theme-dark {
.bi-table {
& > div > div > table {
border-bottom: 1px solid @border-color-line-theme-dark;
border-right: 1px solid @border-color-line-theme-dark;
}
& > div.top-left > div > div > table {
border-bottom: 1px solid @border-color-line-theme-dark;
border-right: 1px solid @border-color-line-theme-dark;
}
& > div.top-right > div > div > table {
border-bottom: 1px solid @border-color-line-theme-dark;
border-right: 1px solid @border-color-line-theme-dark;
}
& > div.bottom-left > div > div > table {
border-bottom: 1px solid @border-color-line-theme-dark;
border-right: 1px solid @border-color-line-theme-dark;
}
& > div.bottom-right > div > div > table {
border-right: 1px solid @border-color-line-theme-dark;
border-bottom: 1px solid @border-color-line-theme-dark;
}
& > div > div > table, & > div > div > div > table {
& > tbody > tr > td, & > thead > tr > td {
border-top: 1px solid @border-color-line-theme-dark;
border-left: 1px solid @border-color-line-theme-dark;
}
}
}
}

14
src/less/base/view/floatboxview.less
Unescape View File

@ -1,9 +1,13 @@
@import "../../bibase";
.bi-float-box {
background: @color-bi-background-default;
& .float-box-button{
color: @color-bi-text;
background: @color-bi-background-highlight;
border: 1px solid @color-bi-border-normal;
background-color: @color-bi-background-default;
color: @color-bi-text-black;
}
.bi-theme-dark {
.bi-float-box {
background-color: @color-bi-background-default-theme-dark;
color: @color-bi-text-theme-dark;
}
}

2
src/less/base/view/popupview.less
Unescape View File

@ -30,7 +30,7 @@
.bi-list-view {
& .list-view-outer {
color: @color-bi-text-theme-dark;
background: @color-bi-background-theme-dark;
background: @color-bi-background-default-theme-dark;
}
}
}

2
src/less/core/utils/common.less
Unescape View File

@ -132,7 +132,7 @@
}
.bi-theme-dark {
.list-item-select {
.bi-list-item-select {
&:hover, &.hover {
color: @color-bi-text-highlight;
background-color: @color-list-item-hover;

11
src/less/lib/colors.less
Unescape View File

@ -6,7 +6,7 @@
//默认字体颜色
@color-bi-text-black: @font-color-normal;
//深色主题默认字体颜色
@color-bi-text-theme-dark: #b2b2b2;
@color-bi-text-theme-dark: @font-color-normal-theme-dark;
//深灰色字体颜色
@color-bi-text-dark: @font-color-dark;
//灰色字体颜色
@ -26,12 +26,13 @@
//标红色
@color-bi-text-redmark: @font-color-redmark;
//普通背景
@color-bi-background-normal: @background-color-normal;
@color-bi-background-normal-theme-dark: @background-color-normal-theme-dark;
//默认背景
@color-bi-background-default: @background-color-default;
//深色主题默认背景
@color-bi-background-theme-dark: #191A2C;
//普通背景
@color-bi-background-normal: @background-color-normal;
@color-bi-background-default-theme-dark: @background-color-default-theme-dark;
//黑色背景
@color-bi-background-black: @background-color-black;
//深灰色背景
@ -76,6 +77,8 @@
@color-bi-border-outline: @border-color-outline;
//边框线颜色
@color-bi-border-line: @border-color-line;
//深色系边框线色
@color-bi-border-line-theme-dark: @border-color-line-theme-dark;
//成功边框色
@color-bi-border-success: @border-color-success;
//失败边框色

9
src/less/lib/constant.less
Unescape View File

@ -16,6 +16,7 @@
//font color
@font-color-normal: #1a1a1a;
@font-color-normal-theme-dark: #b2b2b2;
@font-color-disabled: #c4c6c6;
@font-color-tips: #c4c6c6;
@font-color-dark: #d4dadd;
@ -36,7 +37,9 @@
@background-color-black: #1a1a1a;
@background-color-light: #eaeaea;
@background-color-default: #ffffff;
@background-color-default-theme-dark: #202237;
@background-color-normal: #f3f3f3;
@background-color-normal-theme-dark: #191A2C;
@background-color-active: #f4f4f4;
@background-color-highlight: #009de3;
@background-color-dark: #d4dadd;
@ -61,6 +64,7 @@
@border-color-black: #1a1a1a;
@border-color-normal: #d4dadd;
@border-color-line: #eaeaea;
@border-color-line-theme-dark: #24273E;
@border-color-main: #d3d9dc;
@border-color-outline: #009de3;
@border-color-highlight: #178cdf;
@ -80,6 +84,11 @@
//scroll color
@scroll-color: #f4f4f4;
@scroll-thumb-color: #e2e2e2;
@scroll-thumb-focus-color: #7d7d7d;
@scroll-color-theme-dark: rgba(255,255,255,.1);
@scroll-thumb-color-theme-dark: #7d7d7d;
@scroll-thumb-focus-color-theme-dark: #e2e2e2;
@water-mark-color: #cccccc;

4
src/less/resource/app.less
Unescape View File

@ -112,13 +112,13 @@ div, textarea {
div, textarea {
&::-webkit-scrollbar {
-webkit-appearance: none;
background-color: @color-bi-background-theme-dark;
background-color: @scroll-color-theme-dark;
width: 6px;
height: 6px;
}
&::-webkit-scrollbar-thumb {
.border-radius(0);
background-color: #7d7d7d;
background-color: @scroll-thumb-color-theme-dark;
}
}
}

2
src/less/theme/dark.less
Unescape View File

@ -1,7 +1,7 @@
@import "../bibase";
.bi-theme-dark {
background-color: @color-bi-background-theme-dark;
background-color: @color-bi-background-normal-theme-dark;
color: @color-bi-text-theme-dark;
& .bi-input {
color: @color-bi-text;

9
src/less/widget/multiselect/check/multiselect.check.pane.less
Unescape View File

@ -1,12 +1,15 @@
@import "../../../bibase";
.bi-multi-select-check-pane {
& .multi-select-continue-select{
background-color: @color-bi-background-gray;
}
& .multi-select-check-selected {
color: @color-bi-text-highlight;
text-decoration: underline;
}
}
.bi-theme-dark {
.bi-multi-select-check-pane {
background-color: @color-bi-background-normal-theme-dark;
}
}

1
src/less/widget/multiselect/check/multiselect.display.less
Unescape View File

@ -1,7 +1,6 @@
@import "../../../bibase";
.bi-display-list {
background-color: @color-bi-background-gray;
& .display-list-item {
color: @color-bi-text-gray;
}

2
src/less/widget/multiselect/trigger/button.checkselected.less
Unescape View File

@ -10,6 +10,6 @@
.bi-theme-dark {
.bi-multi-select-check-selected-button {
background-color: @color-bi-background-theme-dark;
background-color: @color-bi-background-normal-theme-dark;
}
}
Write Preview
Loading…
Cancel
Save