Browse Source

全局样式

es6
guy 7 years ago
parent
commit
18c4e33f62
  1. 301
      bi/base.css
  2. 32
      bi/base.js
  3. 49
      bi/case.js
  4. 187
      bi/core.css
  5. 7
      bi/core.js
  6. 236
      bi/widget.css
  7. 236
      bi/widget.js
  8. 6
      demo/css/face.css
  9. 4
      demo/css/main.css
  10. 9
      demo/css/preview.css
  11. 7
      demo/css/west.css
  12. 292
      demo/js/face.js
  13. 2
      demo/js/main.js
  14. 88
      demo/js/preview.js
  15. 2
      demo/js/west.js
  16. 2
      demo/less/face.less
  17. 14
      demo/less/preview.less
  18. 8
      demo/less/west.less
  19. 301
      docs/base.css
  20. 32
      docs/base.js
  21. 49
      docs/case.js
  22. 187
      docs/core.css
  23. 7
      docs/core.js
  24. 26
      docs/demo.css
  25. 384
      docs/demo.js
  26. 285
      docs/resource.css
  27. 236
      docs/widget.css
  28. 236
      docs/widget.js
  29. 6
      src/base/combination/combo.js
  30. 4
      src/base/foundation/bi.message.js
  31. 4
      src/base/layer/layer.floatbox.js
  32. 4
      src/base/layer/layer.popup.js
  33. 4
      src/base/layer/layer.searcher.js
  34. 4
      src/base/single/bar/bar.loading.js
  35. 2
      src/base/single/text.js
  36. 2
      src/base/table/table.collection.cell.js
  37. 2
      src/base/table/table.grid.cell.js
  38. 2
      src/case/button/icon/icon.trigger.js
  39. 2
      src/case/colorchooser/colorchooser.popup.js
  40. 2
      src/case/colorchooser/colorchooser.trigger.js
  41. 2
      src/case/colorchooser/colorpicker/button/button.colorpicker.js
  42. 2
      src/case/colorchooser/colorpicker/editor.colorpicker.js
  43. 2
      src/case/combo/staticcombo/combo.static.js
  44. 2
      src/case/editor/editor.search.js
  45. 2
      src/case/editor/editor.state.js
  46. 2
      src/case/editor/editor.state.simple.js
  47. 2
      src/case/editor/editor.text.js
  48. 2
      src/case/layer/layer.multiselect.js
  49. 2
      src/case/layer/layer.panel.js
  50. 2
      src/case/layer/panel.js
  51. 2
      src/case/pager/pager.js
  52. 2
      src/case/segment/button.segment.js
  53. 13
      src/case/segment/segment.js
  54. 2
      src/case/trigger/trigger.editor.js
  55. 2
      src/case/trigger/trigger.text.select.js
  56. 2
      src/case/trigger/trigger.text.select.small.js
  57. 2
      src/core/func/function.js
  58. 5
      src/core/utils/detectElementResize.js
  59. 3
      src/css/base/calendar/calendar.css
  60. 16
      src/css/base/colorchooser/colorchooser.popup.css
  61. 1
      src/css/base/colorchooser/colorchooser.trigger.css
  62. 6
      src/css/base/colorchooser/colorpicker/button.colorpicker.css
  63. 7
      src/css/base/colorchooser/colorpicker/colorpicker.css
  64. 4
      src/css/base/colorchooser/colorpicker/editor.colorpicker.css
  65. 3
      src/css/base/combination/combo.css
  66. 3
      src/css/base/combination/searcher.css
  67. 8
      src/css/base/combo/combo.bubble.css
  68. 2
      src/css/base/combo/popup.bubble.css
  69. 3
      src/css/base/editor/editor.search.css
  70. 6
      src/css/base/editor/editor.text.css
  71. 4
      src/css/base/editor/editor.text.small.css
  72. 4
      src/css/base/formula/codemirror.css
  73. 12
      src/css/base/foundation/bi.message.css
  74. 10
      src/css/base/layer/layer.panel.css
  75. 9
      src/css/base/layer/layer.searcher.css
  76. 1
      src/css/base/layer/panel.css
  77. 5
      src/css/base/pager/pager.css
  78. 11
      src/css/base/segment/button.segment.css
  79. 5
      src/css/base/segment/segment.css
  80. 12
      src/css/base/single/bar/bar.css
  81. 8
      src/css/base/single/button/button.css
  82. 2
      src/css/base/single/button/item.singleselect.icontext.css
  83. 3
      src/css/base/single/editor/editor.state.css
  84. 3
      src/css/base/single/editor/editor.state.simple.css
  85. 2
      src/css/base/single/editor/editor.textarea.css
  86. 14
      src/css/base/table/table.collection.cell.css
  87. 48
      src/css/base/table/table.css
  88. 14
      src/css/base/table/table.grid.cell.css
  89. 26
      src/css/base/table/table.grid.scrollbar.css
  90. 2
      src/css/base/table/table.resizable.cell.css
  91. 4
      src/css/base/table/table.resizable.css
  92. 6
      src/css/base/tree/branch.tree.css
  93. 6
      src/css/base/tree/display.tree.css
  94. 1
      src/css/base/trigger/trigger.css
  95. 3
      src/css/base/trigger/trigger.editor.css
  96. 1
      src/css/base/trigger/trigger.selecttext.css
  97. 1
      src/css/base/trigger/trigger.selecttextsmall.css
  98. 8
      src/css/base/view/floatboxview.css
  99. 16
      src/css/base/view/popupview.css
  100. 179
      src/css/core/utils/common.css
  101. Some files were not shown because too many files have changed in this diff Show More

301
bi/base.css

@ -1,27 +1,7 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-color-chooser-popup .color-chooser-popup-title {
background: #f4f4f4;
border-bottom: 1px solid #d4dadd;
}
.bi-color-chooser-popup .color-chooser-popup-more {
background: #f4f4f4;
}
.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(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-color-chooser-trigger {
background: #ffffff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
@ -32,27 +12,16 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-color-picker-button {
background-color: #eaeaea;
}
.bi-color-picker-button .color-picker-button-mask {
border: 1px solid #1a1a1a;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-color-picker > .center-element {
border-left: 1px solid #ffffff;
border-top: 1px solid #ffffff;
.bi-theme-dark .bi-color-picker-button .color-picker-button-mask {
border: 1px solid #ffffff;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-color-picker-editor .color-picker-editor-label {
color: #808080;
}
.bi-color-picker-editor .color-picker-editor-display {
background: #ffffff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
@ -63,24 +32,18 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-bubble-combo .bubble-combo-triangle-left {
width: 0;
height: 0;
border-top: 6px solid transparent;
border-left: 6px solid #009de3;
border-left: 6px solid #3f8ce8;
border-bottom: 6px solid transparent;
}
.bi-bubble-combo .bubble-combo-triangle-right {
width: 0;
height: 0;
border-top: 6px solid transparent;
border-right: 6px solid #009de3;
border-right: 6px solid #3f8ce8;
border-bottom: 6px solid transparent;
}
.bi-bubble-combo .bubble-combo-triangle-top {
@ -88,14 +51,14 @@
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #009de3;
border-top: 6px solid #3f8ce8;
}
.bi-bubble-combo .bubble-combo-triangle-bottom {
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #009de3;
border-bottom: 6px solid #3f8ce8;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
@ -106,7 +69,7 @@
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.bi-bubble-popup-view .bubble-popup-line {
background-color: #009de3;
background-color: #3f8ce8;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
@ -127,9 +90,6 @@
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
/*************BI.SearchEditor******************/
.bi-search-editor {
border: 1px solid #d4dadd;
}
.bi-search-editor .close-font {
font-size: 20px;
}
@ -164,16 +124,6 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-text-editor {
border: 1px solid #d4dadd;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
/*************BI.SearchEditor******************/
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
/* BASICS */
.CodeMirror {
/* Set height, width, borders, and global font properties here */
@ -359,7 +309,7 @@
color: white;
padding: 1px ;
margin: 1px 0px;
background: #009de3;
background: #3f8ce8;
}
.cm-s-default span[class*="start"] {
-webkit-border-radius: 3px 0px 0px 3px;
@ -379,7 +329,7 @@
border-radius: 3px;
}
.cm-s-default span[class*="#"] {
color: #009de3;
color: #3f8ce8;
}
.cm-s-default .cm-error {
color: #f00;
@ -648,15 +598,9 @@ li.CodeMirror-hint-active {
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-message-title {
background-color: #f4f4f4;
color: #808080;
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;
@ -667,14 +611,8 @@ li.CodeMirror-hint-active {
user-select: text;
}
.bi-message-content {
background-color: #ffffff;
color: #808080;
font-size: 16px;
}
.bi-theme-dark .bi-message-content {
background-color: #202237;
color: #b2b2b2;
}
.bi-message-close {
font-size: 25px;
}
@ -688,25 +626,6 @@ li.CodeMirror-hint-active {
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-popup-panel .popup-panel-title {
background: #f4f4f4;
border-bottom: 1px solid #d4dadd;
}
.bi-theme-dark .bi-popup-panel .popup-panel-title {
background: #191a2c;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-searcher-view {
background: #ffffff;
}
.bi-searcher-view .searcher-view-spliter {
background: #d4dadd;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-panel {
border: 1px solid #a3d6e8;
-webkit-border-radius: 2px;
@ -719,7 +638,6 @@ li.CodeMirror-hint-active {
}
.bi-panel .panel-title .panel-title-text {
cursor: text;
color: #808080;
font-size: 14px;
}
/****添加计算宽度的--运算符直接需要space****/
@ -735,15 +653,10 @@ li.CodeMirror-hint-active {
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-pager .page-item {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.bi-pager .page-item.active {
background: #009de3;
color: #ffffff;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
@ -756,17 +669,6 @@ li.CodeMirror-hint-active {
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-segment-button:active,
.bi-segment-button.active {
color: #ffffff;
background: #009de3;
}
.bi-segment-button.disabled,
.bi-segment-button.disabled:hover,
.bi-segment-button.disabled:active {
color: #1a1a1a;
background: #ffffff;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
@ -774,13 +676,8 @@ li.CodeMirror-hint-active {
overflow: hidden;
overflow-x: hidden;
overflow-y: hidden;
background: #ffffff;
border-right: 1px solid #d4dadd;
border-top: 1px solid #d4dadd;
border-bottom: 1px solid #d4dadd;
}
.bi-segment > .first-element {
border-left: 1px solid #d4dadd;
-webkit-border-radius: 6px 0px 0px 6px;
-moz-border-radius: 6px 0px 0px 6px;
border-radius: 6px 0px 0px 6px;
@ -793,18 +690,6 @@ li.CodeMirror-hint-active {
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-loading-bar .loading-text {
color: #808080;
}
.bi-loading-bar .loading-text:hover,
.bi-loading-bar .loading-text.hover {
color: #009de3;
}
.bi-loading-bar .loading-text.disabled,
.bi-loading-bar .loading-text.disabled:hover,
.bi-loading-bar .loading-text.disabled:active {
color: #ffffff;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
@ -812,8 +697,8 @@ li.CodeMirror-hint-active {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px solid #009de3;
background-color: #009de3;
border: 1px solid #3f8ce8;
background-color: #3f8ce8;
text-align: center;
vertical-align: middle;
cursor: pointer;
@ -881,10 +766,10 @@ li.CodeMirror-hint-active {
}
.bi-button.button-ignore.disabled,
.bi-button.button-ignore.disabled .b-font {
color: #c4c6c6 !important;
color: #cccccc !important;
}
.bi-button.button-ignore.disabled .b-font:before {
color: #c4c6c6 !important;
color: #cccccc !important;
}
.bi-basic-button.button-common .bi-button-mask,
.bi-basic-button.button-success .bi-button-mask,
@ -906,7 +791,7 @@ li.CodeMirror-hint-active {
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-single-select-icon-text-item:active .b-font:before,
.bi-single-select-icon-text-item.active .b-font:before {
color: #009de3;
color: #3f8ce8;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
@ -947,15 +832,9 @@ li.CodeMirror-hint-active {
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-state-editor .state-editor-infinite-text {
color: #cccccc;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-simple-state-editor .state-editor-infinite-text {
color: #cccccc;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
@ -971,7 +850,7 @@ li.CodeMirror-hint-active {
border: none;
}
.bi-textarea-editor .textarea-editor-content.textarea-editor-focus {
border: 1px solid #009de3;
border: 1px solid #3f8ce8;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
@ -1081,24 +960,18 @@ li.CodeMirror-hint-active {
/*IE8*/
box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
border-right: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
}
.bi-collection-table-cell.first-row {
border-top: 1px solid #eaeaea;
border-top: 1px solid #d4dadd;
}
.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;
border-left: 1px solid #d4dadd;
}
.bi-theme-dark .bi-collection-table-cell.first-row {
border-top: 1px solid #24273e;
border-top: 1px solid #525466;
}
.bi-theme-dark .bi-collection-table-cell.first-col {
border-left: 1px solid #24273e;
border-left: 1px solid #525466;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
@ -1118,24 +991,24 @@ li.CodeMirror-hint-active {
border-top: none;
}
.bi-table > div > div > table {
border-bottom: 1px solid #eaeaea;
border-right: 1px solid #eaeaea;
border-bottom: 1px solid #d4dadd;
border-right: 1px solid #d4dadd;
}
.bi-table > div.top-left > div > div > table {
border-bottom: 1px solid #eaeaea;
border-right: 1px solid #eaeaea;
border-bottom: 1px solid #d4dadd;
border-right: 1px solid #d4dadd;
}
.bi-table > div.top-right > div > div > table {
border-bottom: 1px solid #eaeaea;
border-right: 1px solid #eaeaea;
border-bottom: 1px solid #d4dadd;
border-right: 1px solid #d4dadd;
}
.bi-table > div.bottom-left > div > div > table {
border-bottom: 1px solid #eaeaea;
border-right: 1px solid #eaeaea;
border-bottom: 1px solid #d4dadd;
border-right: 1px solid #d4dadd;
}
.bi-table > div.bottom-right > div > div > table {
border-right: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
border-right: 1px solid #d4dadd;
border-bottom: 1px solid #d4dadd;
}
.bi-table > div > div > table,
.bi-table > div > div > div > table {
@ -1159,35 +1032,35 @@ li.CodeMirror-hint-active {
.bi-table > div > div > div > table > tbody > tr > td,
.bi-table > div > div > table > thead > tr > td,
.bi-table > div > div > div > table > thead > tr > td {
border-top: 1px solid #eaeaea;
border-left: 1px solid #eaeaea;
border-top: 1px solid #d4dadd;
border-left: 1px solid #d4dadd;
}
.bi-theme-dark .bi-table > div > div > table {
border-bottom: 1px solid #24273e;
border-right: 1px solid #24273e;
border-bottom: 1px solid #525466;
border-right: 1px solid #525466;
}
.bi-theme-dark .bi-table > div.top-left > div > div > table {
border-bottom: 1px solid #24273e;
border-right: 1px solid #24273e;
border-bottom: 1px solid #525466;
border-right: 1px solid #525466;
}
.bi-theme-dark .bi-table > div.top-right > div > div > table {
border-bottom: 1px solid #24273e;
border-right: 1px solid #24273e;
border-bottom: 1px solid #525466;
border-right: 1px solid #525466;
}
.bi-theme-dark .bi-table > div.bottom-left > div > div > table {
border-bottom: 1px solid #24273e;
border-right: 1px solid #24273e;
border-bottom: 1px solid #525466;
border-right: 1px solid #525466;
}
.bi-theme-dark .bi-table > div.bottom-right > div > div > table {
border-right: 1px solid #24273e;
border-bottom: 1px solid #24273e;
border-right: 1px solid #525466;
border-bottom: 1px solid #525466;
}
.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;
border-top: 1px solid #525466;
border-left: 1px solid #525466;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
@ -1201,24 +1074,18 @@ li.CodeMirror-hint-active {
/*IE8*/
box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
border-right: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
}
.bi-grid-table-cell.first-row {
border-top: 1px solid #eaeaea;
border-top: 1px solid #d4dadd;
}
.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;
border-left: 1px solid #d4dadd;
}
.bi-theme-dark .bi-grid-table-cell.first-row {
border-top: 1px solid #24273e;
border-top: 1px solid #525466;
}
.bi-theme-dark .bi-grid-table-cell.first-col {
border-left: 1px solid #24273e;
border-left: 1px solid #525466;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
@ -1231,12 +1098,13 @@ li.CodeMirror-hint-active {
transition-duration: 250ms;
transition-timing-function: ease;
user-select: none;
background-color: #f4f4f4;
background-color: rgba(102, 102, 102, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0D666666,endColorstr=#0D666666);
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);
background-color: rgba(204, 204, 204, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0Dcccccc,endColorstr=#0Dcccccc);
}
.scrollbar-layout-main-vertical {
bottom: 0;
@ -1254,11 +1122,12 @@ li.CodeMirror-hint-active {
height: 10px;
left: 0;
transition-property: background-color;
background-color: #f4f4f4;
background-color: rgba(102, 102, 102, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0D666666,endColorstr=#0D666666);
}
.bi-theme-dark .scrollbar-layout-main-horizontal {
background-color: rgba(255, 255, 255, 0.1);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);
background-color: rgba(204, 204, 204, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0Dcccccc,endColorstr=#0Dcccccc);
}
/* Touching the scroll-track directly makes the scroll-track bolder */
.scrollbar-layout-main-horizontal.public-scrollbar-main-active,
@ -1311,20 +1180,24 @@ li.CodeMirror-hint-active {
*/
/* Touching the scroll-track directly makes the scroll-track bolder */
.public-scrollbar-face:after {
background-color: #e2e2e2;
background-color: rgba(102, 102, 102, 0.3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C666666,endColorstr=#4C666666);
}
.bi-theme-dark .public-scrollbar-face:after {
background-color: #7d7d7d;
background-color: rgba(204, 204, 204, 0.3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4Ccccccc,endColorstr=#4Ccccccc);
}
.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: rgba(102, 102, 102, 0.7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2666666,endColorstr=#B2666666);
}
.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: #e2e2e2;
background-color: rgba(204, 204, 204, 0.7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2cccccc,endColorstr=#B2cccccc);
}
.horizontal-scrollbar {
bottom: 0;
@ -1339,7 +1212,7 @@ li.CodeMirror-hint-active {
}
.bi-resizable-table-cell .resizable-table-cell-resizer-container:hover .resizable-table-cell-resizer-knob,
.bi-resizable-table-cell .resizable-table-cell-resizer-container.dragging .resizable-table-cell-resizer-knob {
background-color: #009de3;
background-color: #3f8ce8;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
@ -1347,7 +1220,7 @@ li.CodeMirror-hint-active {
.bi-resizable-table .resizable-table-resizer {
cursor: ew-resize;
z-index: 1;
background-color: #009de3;
background-color: #3f8ce8;
}
.bi-resizable-table .resizable-table-region-resizer {
cursor: ew-resize;
@ -1355,7 +1228,7 @@ li.CodeMirror-hint-active {
}
.bi-resizable-table .resizable-table-region-resizer:hover .resizable-table-region-resizer-knob,
.bi-resizable-table .resizable-table-region-resizer.dragging .resizable-table-region-resizer-knob {
background-color: #009de3;
background-color: #3f8ce8;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
@ -1366,12 +1239,6 @@ li.CodeMirror-hint-active {
.bi-branch-tree .bi-branch-tree-view {
min-width: 300px;
}
.bi-click-branch-tree {
border: 1px solid #d4dadd;
}
.bi-click-branch-tree .bi-empty-view {
background: #f4f4f4;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
@ -1379,13 +1246,13 @@ li.CodeMirror-hint-active {
color: #808080;
}
.bi-display-tree .ztree li span.button.switch.center_open {
background-image: url("icon/tree-vertical-line-3.png");
background-image: url("/icon/tree-vertical-line-3.png");
}
.bi-display-tree .ztree li span.button.switch.roots_open {
background-image: url("icon/tree-vertical-line-2.png");
background-image: url("/icon/tree-vertical-line-2.png");
}
.bi-display-tree .ztree li span.button.switch.bottom_open {
background-image: url("icon/tree-vertical-line-4.png");
background-image: url("/icon/tree-vertical-line-4.png");
}
.bi-display-tree .ztree li a,
.bi-display-tree .ztree li span {
@ -1405,15 +1272,11 @@ li.CodeMirror-hint-active {
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-trigger .bi-trigger-icon-button {
border-left: 1px solid #d4dadd;
font-size: 16px;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-editor-trigger {
border: 1px solid #d4dadd;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
@ -1421,7 +1284,6 @@ li.CodeMirror-hint-active {
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-select-text-trigger {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
@ -1430,7 +1292,6 @@ li.CodeMirror-hint-active {
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-small-select-text-trigger {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
@ -1438,14 +1299,6 @@ li.CodeMirror-hint-active {
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-float-box {
background-color: #ffffff;
color: #1a1a1a;
}
.bi-theme-dark .bi-float-box {
background-color: #202237;
color: #b2b2b2;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
@ -1458,25 +1311,23 @@ li.CodeMirror-hint-active {
cursor: default;
}
.bi-list-view .list-view-outer {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: #1a1a1a;
background: #ffffff;
}
.bi-list-view .list-view-toolbar {
border-top: 1px solid #eaeaea;
line-height: 30px;
color: #009de3;
color: #3f8ce8;
}
.bi-list-view .list-view-toolbar > .center-element {
border-left: 1px solid #eaeaea;
border-left: 1px solid #d4dadd;
}
.bi-list-view .list-view-toolbar > .first-element {
border-left: none;
}
.bi-theme-dark .bi-list-view .list-view-outer {
color: #b2b2b2;
background: #202237;
.bi-theme-dark .bi-list-view .list-view-toolbar > .center-element {
border-left: 1px solid #525466;
}
.bi-theme-dark .bi-list-view .list-view-toolbar > .first-element {
border-left: none;
}

32
bi/base.js

@ -573,7 +573,7 @@ BI.Text = BI.inherit(BI.Single, {
setText: function (text) {
BI.Text.superclass.setText.apply(this, arguments);
this.options.text = text;
this.text.element.text(text);
this.text.element.html(BI.escape(text).replaceAll(" ", " "));
}
});
@ -2950,9 +2950,9 @@ BI.Combo = BI.inherit(BI.Widget, {
},
_hideIf: function (e) {
if (this.element.__isMouseInBounds__(e) || (this.popupView && this.popupView.element.__isMouseInBounds__(e))) {
return;
}
// if (this.element.__isMouseInBounds__(e) || (this.popupView && this.popupView.element.__isMouseInBounds__(e))) {
// return;
// }
if (this.element.find(e.target).length > 0) {
return;
}
@ -14478,12 +14478,12 @@ $.extend(BI, {
items: [
{
type: 'bi.border',
cls: 'bi-message-content',
cls: 'bi-message-content bi-card',
items: {
'north': {
el: {
type: 'bi.border',
cls: 'bi-message-title',
cls: 'bi-message-title bi-background',
items: {
center: {
el: {
@ -14850,7 +14850,7 @@ BI.shortcut('bi.grid_view', BI.Grid);/**
BI.FloatBox = BI.inherit(BI.Widget, {
_defaultConfig: function () {
return BI.extend(BI.FloatBox.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-float-box",
baseCls: "bi-float-box bi-card",
width: 600,
height: 500
})
@ -14889,7 +14889,7 @@ BI.FloatBox = BI.inherit(BI.Widget, {
'north': {
el: {
type: 'bi.border',
cls: 'bi-message-title',
cls: 'bi-message-title bi-background',
items: {
center: {
el: {
@ -15072,7 +15072,7 @@ BI.PopupView = BI.inherit(BI.Widget, {
hgap: o.hgap,
items: BI.LogicFactory.createLogicItemsByDirection(o.direction,
BI.extend({
cls: "list-view-outer"
cls: "list-view-outer bi-card bi-border"
}, BI.LogicFactory.createLogic(BI.LogicFactory.createLogicTypeByDirection(o.direction), BI.extend({}, o.logic, {
items: BI.LogicFactory.createLogicItemsByDirection(o.direction, this.tool, this.tab, this.view, this.toolbar)
})))
@ -15116,7 +15116,7 @@ BI.PopupView = BI.inherit(BI.Widget, {
return BI.createWidget({
type: "bi.center",
cls: "list-view-toolbar",
cls: "list-view-toolbar bi-border-top",
height: 30,
items: BI.createItems(o.buttons, {
once: false,
@ -15174,7 +15174,7 @@ BI.SearcherView = BI.inherit(BI.Pane, {
_defaultConfig: function () {
var conf = BI.SearcherView.superclass._defaultConfig.apply(this, arguments);
return BI.extend(conf, {
baseCls: (conf.baseCls || "") + " bi-searcher-view",
baseCls: (conf.baseCls || "") + " bi-searcher-view bi-card",
tipText: BI.i18nText("BI-No_Select"),
chooseType: BI.Selection.Single,
@ -15234,7 +15234,7 @@ BI.SearcherView = BI.inherit(BI.Pane, {
items: [{
type: "bi.layout",
height: 1,
cls: "searcher-view-spliter"
cls: "searcher-view-spliter bi-background"
}]
});
this.searcher = BI.createWidget(o.searcher, {
@ -15631,7 +15631,7 @@ BI.LoadingBar = BI.inherit(BI.Single, {
_defaultConfig: function() {
var conf = BI.LoadingBar.superclass._defaultConfig.apply(this, arguments);
return BI.extend( conf, {
baseCls : (conf.baseCls ||"")+' bi-loading-bar',
baseCls : (conf.baseCls ||"")+' bi-loading-bar bi-tips',
height: 30,
handler: BI.emptyFn
})
@ -15641,7 +15641,7 @@ BI.LoadingBar = BI.inherit(BI.Single, {
var self = this;
this.loaded = BI.createWidget({
type: "bi.text_button",
cls: "loading-text",
cls: "loading-text bi-list-item-simple",
text: this.consts.loadedText,
width: 120,
handler: this.options.handler
@ -28232,7 +28232,7 @@ BI.shortcut("bi.table_cell", BI.TableCell);/**
BI.CollectionTableCell = BI.inherit(BI.Widget, {
_defaultConfig: function () {
return BI.extend(BI.CollectionTableCell.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-collection-table-cell",
baseCls: "bi-collection-table-cell bi-border-right bi-border-bottom",
width: 0,
height: 0,
_left: 0,
@ -28961,7 +28961,7 @@ BI.shortcut('bi.quick_collection_table', BI.QuickCollectionTable);/**
BI.GridTableCell = BI.inherit(BI.Widget, {
_defaultConfig: function () {
return BI.extend(BI.GridTableCell.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-grid-table-cell",
baseCls: "bi-grid-table-cell bi-border-right bi-border-bottom",
width: 0,
height: 0,
_rowIndex: 0,

49
bi/case.js

@ -128,7 +128,7 @@ BI.TriggerIconButton = BI.inherit(BI.IconButton, {
_defaultConfig: function () {
var conf = BI.TriggerIconButton.superclass._defaultConfig.apply(this, arguments);
return BI.extend(conf, {
baseCls: (conf.baseCls || "") + " bi-trigger-icon-button",
baseCls: (conf.baseCls || "") + " bi-trigger-icon-button bi-border-left",
extraCls: "pull-down-font"
});
},
@ -2509,7 +2509,7 @@ BI.ColorChooserPopup = BI.inherit(BI.Widget, {
items: [{
el: {
type: "bi.absolute",
cls: "color-chooser-popup-title",
cls: "bi-background bi-border-bottom",
items: [{
el: this.colorEditor,
left: 0,
@ -2588,7 +2588,7 @@ BI.ColorChooserTrigger = BI.inherit(BI.Trigger, {
_defaultConfig: function () {
var conf = BI.ColorChooserTrigger.superclass._defaultConfig.apply(this, arguments);
return BI.extend(conf, {
baseCls: (conf.baseCls || "") + " bi-color-chooser-trigger",
baseCls: (conf.baseCls || "") + " bi-color-chooser-trigger bi-card",
height: 30
})
},
@ -2645,7 +2645,7 @@ BI.ColorPickerButton = BI.inherit(BI.BasicButton, {
_defaultConfig: function () {
var conf = BI.ColorPickerButton.superclass._defaultConfig.apply(this, arguments);
return BI.extend(conf, {
baseCls: (conf.baseCls || "") + " bi-color-picker-button"
baseCls: (conf.baseCls || "") + " bi-color-picker-button bi-background bi-border-top bi-border-left"
})
},
@ -2902,7 +2902,7 @@ BI.ColorPickerEditor = BI.inherit(BI.Widget, {
var self = this, o = this.options;
this.colorShow = BI.createWidget({
type: "bi.layout",
cls: "color-picker-editor-display",
cls: "color-picker-editor-display bi-card",
height: 20
});
var RGB = BI.createWidgets(BI.createItems([{text: "R"}, {text: "G"}, {text: "B"}], {
@ -4315,7 +4315,7 @@ BI.StaticCombo = BI.inherit(BI.Widget, {
var self = this, o = this.options;
this.trigger = BI.createWidget(o.el, {
type: "bi.text_icon_item",
cls: "bi-select-text-trigger pull-down-font",
cls: "bi-select-text-trigger bi-border pull-down-font",
text: o.text,
readonly: true,
textLgap: 5,
@ -5231,7 +5231,7 @@ BI.SearchEditor = BI.inherit(BI.Widget, {
_defaultConfig: function () {
var conf = BI.SearchEditor.superclass._defaultConfig.apply(this, arguments);
return BI.extend(conf, {
baseCls: "bi-search-editor",
baseCls: "bi-search-editor bi-border",
height: 30,
errorText: "",
watermark: BI.i18nText("BI-Basic_Search"),
@ -6156,7 +6156,7 @@ BI.StateEditor = BI.inherit(BI.Single, {
});
this.text = BI.createWidget({
type: "bi.text_button",
cls: "state-editor-infinite-text",
cls: "state-editor-infinite-text bi-disabled",
textAlign: "left",
height: o.height,
text: BI.i18nText("BI-Unrestricted"),
@ -6436,7 +6436,7 @@ BI.SimpleStateEditor = BI.inherit(BI.Single, {
});
this.text = BI.createWidget({
type: "bi.text_button",
cls: "state-editor-infinite-text",
cls: "state-editor-infinite-text bi-disabled",
textAlign: "left",
height: o.height,
text: BI.i18nText("BI-Unrestricted"),
@ -6656,7 +6656,7 @@ BI.TextEditor = BI.inherit(BI.Single, {
_defaultConfig: function () {
var conf = BI.TextEditor.superclass._defaultConfig.apply(this, arguments);
return BI.extend(conf, {
extraCls: "bi-text-editor",
extraCls: "bi-text-editor bi-border",
hgap: 4,
vgap: 2,
lgap: 0,
@ -6988,7 +6988,7 @@ BI.MultiPopupView = BI.inherit(BI.PopupView, {
this.buttongroup = BI.createWidget({
type: "bi.button_group",
cls: "list-view-toolbar",
cls: "list-view-toolbar bi-border-top",
height: 30,
items: BI.createItems(text, {
type: "bi.text_button",
@ -7049,7 +7049,7 @@ BI.PopupPanel = BI.inherit(BI.MultiPopupView, {
});
return BI.createWidget({
type: "bi.htape",
cls: "popup-panel-title",
cls: "popup-panel-title bi-background bi-border",
height: 25,
items: [{
el: {
@ -7301,7 +7301,7 @@ BI.Panel = BI.inherit(BI.Widget,{
return {
el: {
type: "bi.left_right_vertical_adapt",
cls: "panel-title",
cls: "panel-title bi-tips",
height: 30,
items: {
left: [this.text],
@ -8625,7 +8625,7 @@ BI.DetailPager = BI.inherit(BI.Widget, {
type: "bi.button_group",
element: this,
items: BI.createItems(view, {
cls: "page-item",
cls: "page-item bi-border bi-list-item-active",
height: 23,
hgap: 10
}),
@ -8746,7 +8746,7 @@ BI.SegmentButton = BI.inherit(BI.BasicButton, {
_defaultConfig: function() {
var conf = BI.SegmentButton.superclass._defaultConfig.apply(this, arguments);
return BI.extend( conf, {
baseCls : (conf.baseCls ||"")+' bi-segment-button',
baseCls : (conf.baseCls ||"")+' bi-segment-button bi-list-item-active',
shadow: true,
readonly: true,
hgap: 10
@ -8804,10 +8804,15 @@ BI.Segment = BI.inherit(BI.Widget, {
this.buttonGroup = BI.createWidget({
element: this,
type: "bi.button_group",
items: BI.createItems(o.items, {
type: "bi.segment_button",
height: o.height - 2,
whiteSpace: o.whiteSpace
items: BI.map(o.items, function (i, item) {
return BI.extend({
type: "bi.segment_button",
height: o.height - 2,
whiteSpace: o.whiteSpace
}, item, {
cls: (i === 0 ? "bi-border-left " : "")
+ (item.cls || "") + " bi-border-top bi-border-right bi-border-bottom"
});
}),
layout: [
{
@ -11129,7 +11134,7 @@ BI.EditorTrigger = BI.inherit(BI.Trigger, {
_defaultConfig: function () {
var conf = BI.EditorTrigger.superclass._defaultConfig.apply(this, arguments);
return BI.extend(conf, {
baseCls: (conf.baseCls || "") + " bi-editor-trigger",
baseCls: (conf.baseCls || "") + " bi-editor-trigger bi-border",
height: 30,
validationChecker: BI.emptyFn,
quitChecker: BI.emptyFn,
@ -11296,7 +11301,7 @@ BI.SelectTextTrigger = BI.inherit(BI.Trigger, {
_defaultConfig: function () {
return BI.extend(BI.SelectTextTrigger.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-select-text-trigger",
baseCls: "bi-select-text-trigger bi-border",
height: 24
});
},
@ -11349,7 +11354,7 @@ BI.SmallSelectTextTrigger = BI.inherit(BI.Trigger, {
_defaultConfig: function () {
return BI.extend(BI.SmallSelectTextTrigger.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-small-select-text-trigger",
baseCls: "bi-small-select-text-trigger bi-border",
height: 20
});
},

187
bi/core.css

@ -2905,10 +2905,16 @@
/**** custom color(自定义颜色,用于特定场景) ****/
.base-disabled {
cursor: default !important;
color: #c4c6c6 !important;
color: #cccccc !important;
}
.base-disabled .b-font:before {
color: #c4c6c6 !important;
color: #cccccc !important;
}
.bi-theme-dark .base-disabled {
color: #666666 !important;
}
.bi-theme-dark .base-disabled .b-font:before {
color: #666666 !important;
}
.base-invalid {
cursor: default !important;
@ -2925,18 +2931,73 @@
.clearfix:after {
clear: both;
}
.bi-background {
background-color: #eff1f4;
color: #666666;
}
.bi-theme-dark .bi-background {
background-color: #191b2b;
color: #cccccc;
}
.bi-card {
background-color: #ffffff;
color: #666666;
}
.bi-theme-dark .bi-card {
background-color: #242640;
color: #cccccc;
}
.bi-disabled {
color: #cccccc;
}
.bi-theme-dark .bi-disabled {
color: #666666;
}
.bi-tips {
color: #999999;
}
.bi-border {
border: 1px solid #d4dadd;
}
.bi-theme-dark .bi-border {
border: 1px solid #525466;
}
.bi-border-left {
border-left: 1px solid #d4dadd;
}
.bi-theme-dark .bi-border-left {
border-left: 1px solid #525466;
}
.bi-border-right {
border-right: 1px solid #d4dadd;
}
.bi-theme-dark .bi-border-right {
border-right: 1px solid #525466;
}
.bi-border-top {
border-top: 1px solid #d4dadd;
}
.bi-theme-dark .bi-border-top {
border-top: 1px solid #525466;
}
.bi-border-bottom {
border-bottom: 1px solid #d4dadd;
}
.bi-theme-dark .bi-border-bottom {
border-bottom: 1px solid #525466;
}
.bi-keyword-red-mark {
color: #f07d0a;
}
.bi-high-light {
color: #009de3;
color: #3f8ce8;
}
.bi-water-mark {
color: #cccccc;
cursor: text;
}
.bi-tips {
color: #c4c6c6;
.bi-theme-dark .bi-water-mark {
color: #666666;
}
.bi-resizer {
background: #d8f3fe;
@ -2949,92 +3010,137 @@
opacity: 0.5;
filter: alpha(opacity=50);
}
.bi-theme-dark .bi-z-index-mask {
background-color: #ffffff;
}
.bi-list-item:hover,
.bi-list-item.hover {
background-color: #f4f4f4;
background-color: #eff1f4;
color: #1a1a1a;
}
.bi-list-item.disabled,
.bi-list-item.disabled:hover,
.bi-list-item.disabled:active {
background-color: transparent !important;
color: #cccccc !important;
}
.bi-theme-dark .bi-list-item:hover,
.bi-theme-dark .bi-list-item.hover {
background-color: #04070d;
background-color: #191b2b;
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 {
background-color: transparent !important;
color: #666666 !important;
}
.bi-list-item-simple:hover,
.bi-list-item-simple.hover {
color: #1a1a1a;
}
.bi-list-item-simple.disabled,
.bi-list-item-simple.disabled:hover,
.bi-list-item-simple.disabled:active {
color: #cccccc !important;
}
.bi-theme-dark .bi-list-item-simple:hover,
.bi-theme-dark .bi-list-item-simple.hover {
color: #ffffff;
}
.bi-theme-dark .bi-list-item-simple.disabled,
.bi-theme-dark .bi-list-item-simple.disabled:hover,
.bi-theme-dark .bi-list-item-simple.disabled:active {
color: #666666 !important;
}
.bi-list-item-effect:hover {
color: #1a1a1a;
}
.bi-list-item-effect.active,
.bi-list-item-effect:active {
color: #009de3;
color: #3f8ce8;
}
.bi-list-item-effect.disabled,
.bi-list-item-effect.disabled:hover,
.bi-list-item-effect.disabled:active {
color: #c4c6c6 !important;
color: #cccccc !important;
}
.bi-theme-dark .bi-list-item-effect:hover {
color: #ffffff;
}
.bi-theme-dark .bi-list-item-effect.active,
.bi-theme-dark .bi-list-item-effect:active {
color: #009de3;
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 {
color: #c4c6c6 !important;
background-color: transparent !important;
color: #666666 !important;
}
.bi-list-item-hover:hover,
.bi-list-item-hover.hover {
color: #009de3;
background-color: #f4f4f4;
color: #3f8ce8;
background-color: #eff1f4;
}
.bi-list-item-hover.disabled,
.bi-list-item-hover.disabled:hover,
.bi-list-item-hover.disabled:active {
color: #c4c6c6 !important;
color: #cccccc !important;
background-color: transparent !important;
}
.bi-theme-dark .bi-list-item-hover:hover,
.bi-theme-dark .bi-list-item-hover.hover {
color: #009de3;
background-color: #04070d;
color: #3f8ce8;
background-color: #191b2b;
}
.bi-theme-dark .bi-list-item-hover.disabled,
.bi-theme-dark .bi-list-item-hover.disabled:hover,
.bi-theme-dark .bi-list-item-hover.disabled:active {
color: #c4c6c6 !important;
background-color: transparent !important;
color: #666666 !important;
}
.bi-list-item-active:hover,
.bi-list-item-active.hover {
background-color: #f4f4f4;
color: #1a1a1a;
background-color: #eff1f4;
}
.bi-list-item-active.active,
.bi-list-item-active:active {
color: #009de3;
background-color: #f4f4f4;
color: #3f8ce8;
background-color: #eff1f4;
}
.bi-list-item-active.disabled,
.bi-list-item-active.disabled:hover,
.bi-list-item-active.disabled:active {
background-color: transparent !important;
color: #cccccc !important;
}
.bi-theme-dark .bi-list-item-active:hover,
.bi-theme-dark .bi-list-item-active.hover {
background-color: #04070d;
background-color: #191b2b;
color: #ffffff;
}
.bi-theme-dark .bi-list-item-active.active,
.bi-theme-dark .bi-list-item-active:active {
color: #009de3;
background-color: #04070d;
color: #3f8ce8;
background-color: #191b2b;
}
.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 {
background-color: transparent !important;
color: #666666 !important;
}
.bi-list-item-select:hover,
.bi-list-item-select.hover {
color: #009de3;
background-color: #f4f4f4;
color: #3f8ce8;
background-color: #eff1f4;
}
.bi-list-item-select:active,
.bi-list-item-select.active {
color: #ffffff;
background-color: #009de3;
background-color: #3f8ce8;
}
.bi-list-item-select:active .bi-high-light,
.bi-list-item-select.active .bi-high-light {
@ -3043,28 +3149,39 @@
.bi-list-item-select.disabled,
.bi-list-item-select.disabled:hover,
.bi-list-item-select.disabled:active {
color: #c4c6c6 !important;
color: #cccccc !important;
background-color: transparent !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 {
color: #c4c6c6 !important;
color: #cccccc !important;
}
.bi-theme-dark .bi-list-item-select:hover,
.bi-theme-dark .bi-list-item-select.hover {
color: #009de3;
background-color: #04070d;
color: #3f8ce8;
background-color: #eff1f4;
}
.bi-theme-dark .bi-list-item-select:active,
.bi-theme-dark .bi-list-item-select.active {
color: #ffffff;
background-color: #009de3;
background-color: #3f8ce8;
}
.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 .bi-list-item-select.disabled,
.bi-theme-dark .bi-list-item-select.disabled:hover,
.bi-theme-dark .bi-list-item-select.disabled:active {
background-color: transparent !important;
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 {
color: #666666 !important;
}
/*****************cursor*****************/
.cursor-pointer {
cursor: pointer;
@ -3141,10 +3258,6 @@
.horizon-left {
text-align: left;
}
.div-horizon-center {
margin-left: auto;
margin-right: auto;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
@ -3499,8 +3612,8 @@
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-theme-dark {
background-color: #191a2c;
color: #b2b2b2;
background-color: #191b2b;
color: #cccccc;
}
.bi-theme-dark .bi-input {
color: #ffffff;

7
bi/core.js

@ -8283,11 +8283,14 @@ BI.ScalingCellSizeAndPositionManager.prototype = {
element.__resizeTriggers__ = !element.removeChild(element.__resizeTriggers__);
}
}
}
};
BI.ResizeDetector = {
addResizeListener: function (widget, fn) {
addResizeListener(widget.element[0], fn);
return function () {
removeResizeListener(widget.element[0], fn);
}
},
removeResizeListener: function (widget, fn) {
removeResizeListener(widget.element[0], fn);
@ -17052,7 +17055,7 @@ $(function () {
//获取对比颜色
getContrastColor: function (color) {
if (this.isDarkColor(color)) {
return "#b2b2b2";
return "#ffffff";
}
return "#1a1a1a";
},

236
bi/widget.css

@ -10,8 +10,7 @@
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-arrangement .arrangement-helper {
border: 1px solid #d4dadd;
background: #009de3;
background: #3f8ce8;
z-index: 1000000000;
}
.bi-arrangement .arrangement-block {
@ -25,7 +24,7 @@
}
.bi-arrangement .arrangement-drop-container .drop-devider {
z-index: 1000000001;
background: #009de3;
background: #3f8ce8;
}
.bi-arrangement .arrangement-drop-container .top-left,
.bi-arrangement .arrangement-drop-container .top-right,
@ -44,7 +43,7 @@
.bi-arrangement .arrangement-drop-container .left-center-second,
.bi-arrangement .arrangement-drop-container .right-center-second {
z-index: 1000000001;
background: #009de3;
background: #3f8ce8;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
@ -131,7 +130,6 @@
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-date-trigger {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
@ -139,9 +137,6 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-down-list-combo .bi-down-list-spliter {
border-top: 1px solid #eaeaea;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
@ -155,14 +150,16 @@
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-excel-table > div.bottom-right > div > div > table {
border-right: 1px solid #eaeaea;
border-right: 1px solid #d4dadd;
}
.bi-theme-dark .bi-excel-table > div.bottom-right > div > div > table {
border-right: 1px solid #525466;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-excel-table-header-cell {
font-weight: bold;
background-color: #eaeaea;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
@ -170,15 +167,9 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-file-manager-file-item {
border-bottom: 1px solid #d4dadd;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-file-manager-folder-item {
border-bottom: 1px solid #d4dadd;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
@ -187,35 +178,30 @@
background: #ffffff;
}
.bi-file-manager-nav-button .file-manager-nav-button-text.active {
background-color: #f4f4f4;
color: #808080;
background-color: #eff1f4;
color: #999999;
}
.bi-file-manager-nav-button .file-manager-nav-button-triangle {
z-index: 1;
}
.bi-theme-dark .bi-file-manager-nav-button .file-manager-nav-button-text {
background: #242640;
}
.bi-theme-dark .bi-file-manager-nav-button .file-manager-nav-button-text.active {
background-color: #191b2b;
color: #999999;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-file-manager-nav {
border-left: 1px solid #d4dadd;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-fine-tuning-number-editor {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.bi-fine-tuning-number-editor .top-button {
border-left: 1px solid #d4dadd;
border-bottom: 1px solid #d4dadd;
}
.bi-fine-tuning-number-editor .bottom-button {
border-top: 1px solid #d4dadd;
border-left: 1px solid #d4dadd;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
@ -228,26 +214,20 @@
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-image-button-size .image-button-size-button-group {
font-size: 12px;
color: #1a1a1a;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-upload-image .upload-image-text-button-label {
font-size: 14px;
color: #c4c6c6;
color: #999999;
}
.bi-upload-image .upload-image-icon-button {
z-index: 1;
font-size: 16px;
background-color: #ffffff;
}
.bi-upload-image .upload-image-delete-label {
font-size: 14px;
color: #1a1a1a;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
@ -269,7 +249,6 @@
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-month-trigger {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
@ -277,40 +256,26 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-select-check-pane {
background-color: #f4f4f4;
}
.bi-multi-select-check-pane .multi-select-check-selected {
color: #009de3;
color: #3f8ce8;
text-decoration: underline;
}
.bi-theme-dark .bi-multi-select-check-pane {
background-color: #191a2c;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-display-list .display-list-item {
color: #808080;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-select-combo .multi-select-trigger-icon-button {
border-left: 1px solid #d4dadd;
font-size: 16px;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-select-popup-view .multi-select-no-toolbar {
color: #c4c6c6;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-select-trigger {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
@ -318,9 +283,6 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-select-search-pane {
background: #ffffff;
}
.bi-multi-select-search-pane .multi-select-toolbar {
color: #e85050;
}
@ -328,32 +290,17 @@
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-select-check-selected-button {
border: 1px solid #009de3;
-webkit-border-radius: 8px 8px 8px 8px;
-moz-border-radius: 8px 8px 8px 8px;
border-radius: 8px 8px 8px 8px;
color: #009de3;
color: #3f8ce8;
z-index: 1;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-string-list .popup-multi-string-list {
border-left: 1px solid #d4dadd;
border-right: 1px solid #d4dadd;
border-bottom: 1px solid #d4dadd;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-tree-check-pane {
background-color: #f4f4f4;
}
.bi-multi-tree-check-pane .multi-tree-check-selected {
color: #009de3;
}
.bi-theme-dark .bi-multi-tree-check-pane {
background-color: #191a2c;
color: #3f8ce8;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
@ -362,29 +309,6 @@
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-tree-combo .multi-select-trigger-icon-button {
border-left: 1px solid #d4dadd;
font-size: 16px;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-tree-trigger {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
}
.bi-multi-tree-trigger .trigger-check-selected {
border: 1px solid #009de3;
-webkit-border-radius: 8px 8px 8px 8px;
-moz-border-radius: 8px 8px 8px 8px;
border-radius: 8px 8px 8px 8px;
color: #009de3;
background-color: #ffffff;
z-index: 1;
}
.bi-multi-tree-trigger .trigger-icon-button {
border-left: 1px solid #d4dadd;
font-size: 16px;
}
/****添加计算宽度的--运算符直接需要space****/
@ -396,48 +320,20 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-tree-search-pane {
background: #ffffff;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-tree-trigger {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
}
.bi-multi-tree-trigger .trigger-icon-button {
border-left: 1px solid #d4dadd;
font-size: 16px;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-tree-check-selected-button .trigger-check-selected {
border: 1px solid #009de3;
-webkit-border-radius: 8px 8px 8px 8px;
-moz-border-radius: 8px 8px 8px 8px;
border-radius: 8px 8px 8px 8px;
color: #009de3;
color: #3f8ce8;
z-index: 1;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-tree-list-popup {
border-left: 1px solid #d4dadd;
border-right: 1px solid #d4dadd;
border-bottom: 1px solid #d4dadd;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-numerical-interval .numerical-interval-small-editor {
border-top: 1px solid #d4dadd;
border-bottom: 1px solid #d4dadd;
border-left: 1px solid #d4dadd;
-moz-border-radius-topleft: 2px;
-webkit-border-top-left-radius: 2px;
-moz-border-radius-bottomleft: 2px;
@ -446,9 +342,6 @@
border-bottom-left-radius: 2px;
}
.bi-numerical-interval .numerical-interval-big-editor {
border-top: 1px solid #d4dadd;
border-bottom: 1px solid #d4dadd;
border-right: 1px solid #d4dadd;
-moz-border-radius-topright: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-bottomright: 2px;
@ -457,7 +350,6 @@
border-bottom-right-radius: 2px;
}
.bi-numerical-interval .numerical-interval-big-combo {
border: 1px solid #d4dadd;
-moz-border-radius-topleft: 2px;
-webkit-border-top-left-radius: 2px;
-moz-border-radius-bottomleft: 2px;
@ -469,7 +361,6 @@
font-size: 14px;
}
.bi-numerical-interval .numerical-interval-small-combo {
border: 1px solid #d4dadd;
-moz-border-radius-topright: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-bottomright: 2px;
@ -486,15 +377,6 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-numerical-interval-popup .numerical-interval-popup-item.hover,
.bi-numerical-interval-popup .numerical-interval-popup-item:hover {
background-color: #f4f4f4;
}
.bi-numerical-interval-popup .numerical-interval-popup-item.active,
.bi-numerical-interval-popup .numerical-interval-popup-item:active {
background-color: #f4f4f4;
color: #009de3;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
@ -518,17 +400,8 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-path-region {
background: #eaeaea;
}
.bi-path-region .path-region-label {
z-index: 1;
background: #ffffff;
border: 1px solid #ffffff;
}
.bi-path-region .path-region-label.active {
background: #009de3;
color: #ffffff;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
@ -543,7 +416,11 @@
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-preview-table > div > table > thead > tr.odd,
.bi-preview-table > div > div > div > table > thead > tr.odd {
background-color: #eaeaea;
background-color: #eff1f4;
}
.bi-theme-dark .bi-preview-table > div > table > thead > tr.odd,
.bi-theme-dark .bi-preview-table > div > div > div > table > thead > tr.odd {
background-color: #191b2b;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
@ -564,7 +441,6 @@
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-quarter-trigger {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
@ -572,26 +448,17 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-relation-view-item.active {
color: #ffffff;
background-color: #009de3;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-relation-view-region .relation-view-region-container {
background: #ffffff;
border: 1px solid #d4dadd;
z-index: 1;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.bi-relation-view-region .relation-view-region-container.other-package {
border: 1px dashed #d4dadd;
}
.bi-relation-view-region .relation-view-region-container .relation-view-region-title {
border-bottom: 1px solid #d4dadd;
border-style: dashed;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
@ -608,7 +475,6 @@
/*IE8*/
box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
border: 1px solid #eaeaea;
}
.bi-sequence-table-dynamic-number .sequence-table-number-cell {
-webkit-box-sizing: border-box;
@ -619,9 +485,6 @@
/*IE8*/
box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
border-left: 1px solid #eaeaea;
border-right: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
@ -638,7 +501,6 @@
/*IE8*/
box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
border: 1px solid #eaeaea;
}
.bi-sequence-table-list-number .sequence-table-number-cell {
-webkit-box-sizing: border-box;
@ -649,9 +511,6 @@
/*IE8*/
box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
border-left: 1px solid #eaeaea;
border-right: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
@ -671,7 +530,6 @@
/*IE8*/
box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
border: 1px solid #eaeaea;
}
.bi-sequence-table-tree-number .sequence-table-number-cell {
-webkit-box-sizing: border-box;
@ -682,38 +540,10 @@
/*IE8*/
box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
border-left: 1px solid #eaeaea;
border-right: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-singletree-combo .singletree-trigger {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.bi-singletree-combo .bi-singletree-popup .singletree-toolbar {
color: #c4c6c6;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-web-page .web-page-button {
z-index: 1;
font-size: 14px;
background-color: #ffffff;
}
.bi-web-page .web-page-text-button-label {
font-size: 16px;
color: #c4c6c6;
}
.bi-web-page .web-page-delete-label {
font-size: 14px;
color: #1a1a1a;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
@ -721,21 +551,25 @@
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-year-popup .year-popup-navigation {
border-top: 1px solid #eaeaea;
line-height: 30px;
color: #009de3;
color: #3f8ce8;
}
.bi-year-popup .year-popup-navigation > .center-element {
border-left: 1px solid #eaeaea;
border-left: 1px solid #d4dadd;
}
.bi-year-popup .year-popup-navigation > .first-element {
border-left: none;
}
.bi-theme-dark .bi-year-popup .year-popup-navigation > .center-element {
border-left: 1px solid #525466;
}
.bi-theme-dark .bi-year-popup .year-popup-navigation > .first-element {
border-left: none;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-year-trigger {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;

236
bi/widget.js

@ -35,7 +35,7 @@ BI.SequenceTableTreeNumber = BI.inherit(BI.Widget, {
this.header = BI.createWidget({
type: "bi.table_style_cell",
cls: "sequence-table-title-cell",
cls: "sequence-table-title-cell bi-border",
styleGetter: o.headerCellStyleGetter,
text: BI.i18nText("BI-Number_Index")
});
@ -251,7 +251,7 @@ BI.SequenceTableTreeNumber = BI.inherit(BI.Widget, {
} else {
var child = BI.createWidget(BI.extend({
type: "bi.table_style_cell",
cls: "sequence-table-number-cell",
cls: "sequence-table-number-cell bi-border-left bi-border-right bi-border-bottom",
width: 60,
styleGetter: numbers[key].isSummary === true ? function () {
return o.summaryCellStyleGetter(true);
@ -3206,7 +3206,7 @@ BI.Arrangement = BI.inherit(BI.Widget, {
type: "bi.layout",
width: 18,
height: 18,
cls: "arrangement-helper"
cls: "arrangement-helper bi-border"
});
BI.createWidget({
type: "bi.absolute",
@ -4876,7 +4876,7 @@ BI.shortcut('bi.date_combo', BI.DateCombo);BI.DateTrigger = BI.inherit(BI.Trigge
_defaultConfig: function () {
return BI.extend(BI.DateTrigger.superclass._defaultConfig.apply(this, arguments), {
extraCls: "bi-date-trigger",
extraCls: "bi-date-trigger bi-border",
min: '1900-01-01', //最小日期
max: '2099-12-31', //最大日期
height: 25
@ -6017,7 +6017,7 @@ BI.DownListPopup = BI.inherit(BI.Pane, {
items: [{
el: {
type: "bi.layout",
cls: "bi-down-list-spliter cursor-pointer",
cls: "bi-down-list-spliter bi-border-top cursor-pointer",
height: 0
}
@ -6137,7 +6137,7 @@ BI.ExcelTableHeaderCell = BI.inherit(BI.Widget, {
_defaultConfig: function () {
return BI.extend(BI.ExcelTableHeaderCell.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-excel-table-header-cell",
baseCls: "bi-excel-table-header-cell bi-background",
text: ""
});
},
@ -6564,7 +6564,7 @@ BI.FileManagerFileItem = BI.inherit(BI.Single, {
_defaultConfig: function () {
return BI.extend(BI.FileManagerFileItem.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-file-manager-file-item bi-list-item",
baseCls: "bi-file-manager-file-item bi-list-item bi-border-bottom",
height: 30
})
},
@ -6631,7 +6631,7 @@ BI.FileManagerFolderItem = BI.inherit(BI.Single, {
_defaultConfig: function () {
return BI.extend(BI.FileManagerFolderItem.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-file-manager-folder-item bi-list-item",
baseCls: "bi-file-manager-folder-item bi-list-item bi-border-bottom",
height: 30
})
},
@ -6855,7 +6855,7 @@ BI.FileManagerNavButton = BI.inherit(BI.Widget, {
var self = this, o = this.options, c = this._const;
this.button = BI.createWidget({
type: "bi.text_button",
cls: "file-manager-nav-button-text",
cls: "file-manager-nav-button-text bi-card",
once: true,
selected: o.selected,
text: o.text,
@ -6931,7 +6931,7 @@ BI.FileManagerNav = BI.inherit(BI.Widget, {
_defaultConfig: function () {
return BI.extend(BI.FileManagerNav.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-file-manager-nav",
baseCls: "bi-file-manager-nav bi-border-left",
height: 40,
items: []
})
@ -7033,7 +7033,7 @@ BI.shortcut("bi.file_manager_nav", BI.FileManagerNav);/**
BI.FineTuningNumberEditor = BI.inherit(BI.Widget, {
_defaultConfig: function () {
return BI.extend(BI.FineTuningNumberEditor.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-fine-tuning-number-editor",
baseCls: "bi-fine-tuning-number-editor bi-border",
value: -1
})
},
@ -7055,7 +7055,7 @@ BI.FineTuningNumberEditor = BI.inherit(BI.Widget, {
});
this.topBtn = BI.createWidget({
type: "bi.icon_button",
cls: "column-pre-page-h-font top-button"
cls: "column-pre-page-h-font top-button bi-border-left bi-border-bottom"
});
this.topBtn.on(BI.IconButton.EVENT_CHANGE, function(){
self._finetuning(1);
@ -7063,7 +7063,7 @@ BI.FineTuningNumberEditor = BI.inherit(BI.Widget, {
});
this.bottomBtn = BI.createWidget({
type: "bi.icon_button",
cls: "column-next-page-h-font bottom-button"
cls: "column-next-page-h-font bottom-button bi-border-left bi-border-top"
});
this.bottomBtn.on(BI.IconButton.EVENT_CHANGE, function(){
self._finetuning(-1);
@ -7869,7 +7869,7 @@ BI.MonthTrigger = BI.inherit(BI.Trigger, {
_defaultConfig: function () {
return BI.extend(BI.MonthTrigger.superclass._defaultConfig.apply(this, arguments), {
extraCls: "bi-month-trigger",
extraCls: "bi-month-trigger bi-border",
height: 25
});
},
@ -9320,7 +9320,7 @@ BI.MultiSelectCheckPane = BI.inherit(BI.Widget, {
_defaultConfig: function () {
return BI.extend(BI.MultiSelectCheckPane.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-multi-select-check-pane",
baseCls: "bi-multi-select-check-pane bi-background",
items: [],
itemsCreator: BI.emptyFn,
valueFormatter: BI.emptyFn,
@ -9473,7 +9473,7 @@ BI.DisplaySelectedList = BI.inherit(BI.Pane, {
_createItems: function (items) {
return BI.createItems(items, {
type: 'bi.icon_text_item',
cls: 'cursor-default check-font display-list-item',
cls: 'cursor-default check-font display-list-item bi-tips',
once: true,
invalid: true,
selected: true,
@ -9658,7 +9658,7 @@ BI.MultiSelectCombo = BI.inherit(BI.Single, {
type: "bi.trigger_icon_button",
width: o.height,
height: o.height,
cls: "multi-select-trigger-icon-button"
cls: "multi-select-trigger-icon-button bi-border-left"
});
triggerBtn.on(BI.TriggerIconButton.EVENT_CHANGE, function () {
self.trigger.getCounter().hideView();
@ -10126,7 +10126,7 @@ BI.MultiSelectTrigger = BI.inherit(BI.Trigger, {
_defaultConfig: function () {
return BI.extend(BI.MultiSelectTrigger.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-multi-select-trigger",
baseCls: "bi-multi-select-trigger bi-border",
itemsCreator: BI.emptyFn,
valueFormatter: BI.emptyFn,
searcher: {},
@ -10433,7 +10433,7 @@ BI.MultiSelectSearchPane = BI.inherit(BI.Widget, {
_defaultConfig: function () {
return BI.extend(BI.MultiSelectSearchPane.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-multi-select-search-pane",
baseCls: "bi-multi-select-search-pane bi-card",
itemsCreator: BI.emptyFn,
valueFormatter: BI.emptyFn,
keywordGetter: BI.emptyFn
@ -10779,17 +10779,18 @@ BI.MultiSelectSearcher = BI.inherit(BI.Widget, {
},
setState: function (ob) {
var o = this.options;
ob || (ob = {});
ob.value || (ob.value = []);
if (ob.type === BI.Selection.All) {
if (BI.size(ob.assist) === 1) {
this.editor.setState(ob.assist[0] + "");
this.editor.setState(o.valueFormatter(ob.assist[0] + "") || ob.assist[0] + "");
} else {
this.editor.setState(BI.size(ob.value) > 0 ? BI.Selection.Multi : BI.Selection.All);
}
} else {
if (BI.size(ob.value) === 1) {
this.editor.setState(ob.value[0] + "");
this.editor.setState(o.valueFormatter(ob.value[0] + "" || ob.value[0] + ""));
} else {
this.editor.setState(BI.size(ob.value) > 0 ? BI.Selection.Multi : BI.Selection.None);
}
@ -10944,7 +10945,7 @@ BI.MultiStringList = BI.inherit(BI.Widget, {
this.popup = BI.createWidget({
type: "bi.multi_select_loader",
cls: "popup-multi-string-list",
cls: "popup-multi-string-list bi-border-left bi-border-right bi-border-bottom",
itemsCreator: o.itemsCreator,
valueFormatter: o.valueFormatter,
onLoaded: o.onLoaded,
@ -11251,7 +11252,7 @@ BI.MultiTreeCheckPane = BI.inherit(BI.Pane, {
_defaultConfig: function () {
return BI.extend(BI.MultiTreeCheckPane.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-multi-tree-check-pane",
baseCls: "bi-multi-tree-check-pane bi-background",
onClickContinueSelect: BI.emptyFn
});
},
@ -11546,7 +11547,7 @@ BI.MultiTreeCombo = BI.inherit(BI.Single, {
type: "bi.trigger_icon_button",
width: o.height,
height: o.height,
cls: "multi-select-trigger-icon-button"
cls: "multi-select-trigger-icon-button bi-border-left"
});
triggerBtn.on(BI.TriggerIconButton.EVENT_CHANGE, function () {
self.trigger.getCounter().hideView();
@ -11712,7 +11713,7 @@ BI.MultiTreeSearchPane = BI.inherit(BI.Pane, {
_defaultConfig: function () {
return BI.extend(BI.MultiTreeSearchPane.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-multi-tree-search-pane",
baseCls: "bi-multi-tree-search-pane bi-card",
itemsCreator: BI.emptyFn,
keywordGetter: BI.emptyFn
});
@ -12157,7 +12158,7 @@ BI.shortcut('bi.multi_tree_list', BI.MultiTreeList);/**
BI.MultiStringListPopup=BI.inherit(BI.Widget,{
_defaultConfig:function () {
return BI.extend(BI.MultiStringListPopup.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-tree-list-popup",
baseCls: "bi-tree-list-popup bi-border-left bi-border-right bi-border-bottom",
itemsCreator: BI.emptyFn
});
},
@ -12248,7 +12249,7 @@ BI.NumericalInterval = BI.inherit(BI.Single, {
}
return true;
},
cls: "numerical-interval-small-editor"
cls: "numerical-interval-small-editor bi-border-top bi-border-bottom bi-border-left"
});
this.smallTip = BI.createWidget({
@ -12285,7 +12286,7 @@ BI.NumericalInterval = BI.inherit(BI.Single, {
}
return true;
},
cls: "numerical-interval-big-editor"
cls: "numerical-interval-big-editor bi-border-top bi-border-bottom bi-border-right"
});
this.bigTip = BI.createWidget({
@ -12321,7 +12322,7 @@ BI.NumericalInterval = BI.inherit(BI.Single, {
//});
this.smallCombo = BI.createWidget({
type: "bi.icon_combo",
cls: "numerical-interval-small-combo",
cls: "numerical-interval-small-combo bi-border",
height: o.height - 2,
items: [{
text: "(" + BI.i18nText("BI-Less_Than") + ")",
@ -12340,7 +12341,7 @@ BI.NumericalInterval = BI.inherit(BI.Single, {
}
this.bigCombo = BI.createWidget({
type: "bi.icon_combo",
cls: "numerical-interval-big-combo",
cls: "numerical-interval-big-combo bi-border",
height: o.height - 2,
items: [{
text: "(" + BI.i18nText("BI-Less_Than") + ")",
@ -13536,7 +13537,7 @@ BI.PathRegion = BI.inherit(BI.Widget, {
_defaultConfig: function () {
return BI.extend(BI.PathRegion.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-path-region",
baseCls: "bi-path-region bi-background",
width: 80,
title: ""
})
@ -13573,7 +13574,7 @@ BI.PathRegion = BI.inherit(BI.Widget, {
if (BI.isKey(value)) {
var label = BI.createWidget({
type: "bi.label",
cls: "path-region-label",
cls: "path-region-label bi-card bi-border bi-list-item-active",
text: text,
value: value,
title: text || value,
@ -14073,7 +14074,7 @@ BI.QuarterTrigger = BI.inherit(BI.Trigger, {
_defaultConfig: function () {
return BI.extend(BI.QuarterTrigger.superclass._defaultConfig.apply(this, arguments), {
extraCls: "bi-quarter-trigger",
extraCls: "bi-quarter-trigger bi-border",
height: 25
});
},
@ -14171,7 +14172,7 @@ BI.RelationViewItem = BI.inherit(BI.BasicButton, {
_defaultConfig: function () {
return BI.extend(BI.RelationViewItem.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-relation-view-item",
baseCls: "bi-relation-view-item bi-list-item-active",
height: 25,
hoverIn: BI.emptyFn,
hoverOut: BI.emptyFn
@ -14542,7 +14543,7 @@ BI.shortcut('bi.relation_view', BI.RelationView);/**
BI.RelationViewRegionContainer = BI.inherit(BI.Widget, {
_defaultConfig: function () {
return BI.extend(BI.RelationViewRegionContainer.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-relation-view-region-container",
baseCls: "bi-relation-view-region-container bi-card bi-border",
width: 150
});
},
@ -14693,10 +14694,10 @@ BI.RelationViewRegion = BI.inherit(BI.BasicButton, {
element: this,
items: [{
type: "bi.vertical",
cls: "relation-view-region-container " + (o.belongPackage ? "" : "other-package"),
cls: "relation-view-region-container bi-card bi-border " + (o.belongPackage ? "" : "other-package"),
items: [{
type: "bi.vertical_adapt",
cls: "relation-view-region-title",
cls: "relation-view-region-title bi-border",
items: [this.preview, this.title]
}, this.button_group]
}],
@ -15741,7 +15742,7 @@ BI.SequenceTableListNumber = BI.inherit(BI.Widget, {
this.header = BI.createWidget({
type: "bi.table_style_cell",
cls: "sequence-table-title-cell",
cls: "sequence-table-title-cell bi-border",
styleGetter: o.headerCellStyleGetter,
text: BI.i18nText("BI-Number_Index")
});
@ -15808,7 +15809,7 @@ BI.SequenceTableListNumber = BI.inherit(BI.Widget, {
} else {
var child = BI.createWidget(BI.extend({
type: "bi.table_style_cell",
cls: "sequence-table-number-cell",
cls: "sequence-table-number-cell bi-border-left bi-border-right bi-border-bottom",
width: 60,
height: o.rowSize,
text: this.start + i,
@ -16464,159 +16465,6 @@ BI.SwitchTree.SelectType = {
};
BI.shortcut('bi.switch_tree', BI.SwitchTree);
/**
* web组件
* Created by GameJian on 2016/3/1.
*/
BI.WebPage = BI.inherit(BI.Widget, {
_defaultConfig: function () {
return BI.extend(BI.WebPage.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-web-page"
})
},
_init: function () {
BI.WebPage.superclass._init.apply(this, arguments);
var self = this, o = this.options;
this.iframe = BI.createWidget({
type: "bi.iframe"
});
this.label = BI.createWidget({
type: "bi.label",
cls: "web-page-text-button-label",
whiteSpace: "normal",
text: BI.i18nText("BI-Not_Add_Url")
});
this.del = BI.createWidget({
type: "bi.bubble_combo",
el: {
type: "bi.icon_button",
cls: "web-page-button img-shutdown-font",
title: BI.i18nText("BI-Basic_Delete"),
height: 24,
width: 24
},
popup: {
type: "bi.bubble_bar_popup_view",
buttons: [{
value: BI.i18nText(BI.i18nText("BI-Basic_Sure")),
handler: function () {
self.fireEvent(BI.WebPage.EVENT_DESTROY)
}
}, {
value: BI.i18nText("BI-Basic_Cancel"),
level: "ignore",
handler: function () {
self.del.hideView();
}
}],
el: {
type: "bi.vertical_adapt",
items: [{
type: "bi.label",
text: BI.i18nText("BI-Sure_Delete_Current_Component"),
cls: "web-page-delete-label",
textAlign: "left",
width: 300
}],
width: 300,
height: 100,
hgap: 20
},
maxHeight: 140,
minWidth: 340
},
invisible: true,
stopPropagation: true
});
this.href = BI.createWidget({
type: "bi.image_button_href",
cls: "web-page-button"
});
this.href.on(BI.ImageButtonHref.EVENT_CHANGE, function () {
var url = this.getValue();
self.setValue(this.getValue());
self._checkUrl(url);
self.fireEvent(BI.WebPage.EVENT_VALUE_CHANGE);
});
BI.createWidget({
type: "bi.absolute",
element: this,
items: [{
el: this.iframe
}, {
el: this.del,
right: 4,
top: 8
}, {
el: this.href,
right: 36,
top: 8
}, {
el: this.label,
top: 32,
left: 0,
bottom: 0,
right: 0
}]
});
this.setToolbarVisible(false);
this._showLabel();
},
_checkUrl: function(url){
BI.Bubbles.hide(this.getName());
if(BI.isEmptyString(url)){
BI.Bubbles.show(this.getName(), BI.i18nText("BI-Click_To_Add_Hyperlink"), this.href, {
offsetStyle: "left"
});
}
},
_hideLabel: function () {
this.label.invisible()
},
isSelected: function () {
return this.href.isSelected();
},
_showLabel: function () {
this.label.visible()
},
setToolbarVisible: function (v) {
this.href.setVisible(v);
this.del.setVisible(v);
},
getValue: function () {
return this.href.getValue()
},
setValue: function (url) {
var self = this;
if (BI.isNotEmptyString(url)) {
self._hideLabel();
} else {
this.setToolbarVisible(true);
this.href.showView();
}
this.href.setValue(url);
this.iframe.setSrc(BI.Func.formatAddress(url))
}
});
BI.WebPage.EVENT_DESTROY = "EVENT_DESTROY";
BI.WebPage.EVENT_VALUE_CHANGE = "EVENT_VALUE_CHANGE";
BI.shortcut("bi.web_page", BI.WebPage);/**
* 年份下拉框
*
* Created by GUY on 2015/8/28.
@ -16773,7 +16621,7 @@ BI.YearPopup = BI.inherit(BI.Widget, {
dynamic: true
},
tab: {
cls: "year-popup-navigation",
cls: "year-popup-navigation bi-border-top",
height: 25,
items: [backBtn, preBtn]
},
@ -16831,7 +16679,7 @@ BI.YearTrigger = BI.inherit(BI.Trigger, {
_defaultConfig: function () {
return BI.extend(BI.YearTrigger.superclass._defaultConfig.apply(this, arguments), {
extraCls: "bi-year-trigger",
extraCls: "bi-year-trigger bi-border",
min: '1900-01-01', //最小日期
max: '2099-12-31', //最大日期
height: 25

6
demo/css/face.css

@ -1,12 +1,6 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.demo-face .face-config {
border-left: 1px solid #d4dadd;
}
.demo-face .face-config .config-label {
font-size: 14px;
}
.demo-face .face-config .config-item {
border-bottom: 1px solid #d4dadd;
}

4
demo/css/main.css

@ -43,8 +43,8 @@
background-color: #178cdf;
}
body {
background-color: #f3f3f3;
background-color: #eff1f4;
}
body.bi-theme-dark {
background-color: #191A2C;
background-color: #191B2B;
}

9
demo/css/preview.css

@ -1,12 +1,3 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.demo-preview .preview-title {
border-bottom: 1px solid #d4dadd;
}
.demo-preview .preview-card {
background-color: #ffffff;
}
.bi-theme-dark .demo-preview .preview-card {
background-color: #202237;
}

7
demo/css/west.css

@ -1,10 +1,3 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.demo-west {
background-color: #ffffff;
border-right: 1px solid #eaeaea;
}
.bi-theme-dark .demo-west {
background-color: #202237;
}

292
demo/js/face.js

@ -39,7 +39,7 @@ Demo.Face = BI.inherit(BI.Widget, {
var self = this;
return {
type: "bi.htape",
cls: "config-item",
cls: "config-item bi-border-bottom",
height: 40,
items: [this._createLabel("背景色:"), this._createColorPicker(function () {
self.backgroundColor = this;
@ -53,7 +53,7 @@ Demo.Face = BI.inherit(BI.Widget, {
var self = this;
return {
type: "bi.htape",
cls: "config-item",
cls: "config-item bi-border-bottom",
height: 40,
items: [this._createLabel("字体颜色:"), this._createColorPicker(function () {
self.fontColor = this;
@ -63,11 +63,53 @@ Demo.Face = BI.inherit(BI.Widget, {
}
},
_createActiveFontConfig: function () {
var self = this;
return {
type: "bi.htape",
cls: "config-item bi-border-bottom",
height: 40,
items: [this._createLabel("激活状态字体颜色:"), this._createColorPicker(function () {
self.activeFontColor = this;
}, function () {
self._runGlobalStyle();
})]
}
},
_createSelectFontConfig: function () {
var self = this;
return {
type: "bi.htape",
cls: "config-item bi-border-bottom",
height: 40,
items: [this._createLabel("选中状态字体颜色:"), this._createColorPicker(function () {
self.selectFontColor = this;
}, function () {
self._runGlobalStyle();
})]
}
},
_createGrayFontConfig: function () {
var self = this;
return {
type: "bi.htape",
cls: "config-item bi-border-bottom",
height: 40,
items: [this._createLabel("灰色字体颜色(用于Card2):"), this._createColorPicker(function () {
self.grayFontColor = this;
}, function () {
self._runGlobalStyle();
})]
}
},
_createDisableFontConfig: function () {
var self = this;
return {
type: "bi.htape",
cls: "config-item",
cls: "config-item bi-border-bottom",
height: 40,
items: [this._createLabel("灰化字体颜色:"), this._createColorPicker(function () {
self.disabledFontColor = this;
@ -85,25 +127,34 @@ Demo.Face = BI.inherit(BI.Widget, {
}
},
_createCardBackgroundConfig: function () {
_createCard1BackgroundConfig: function () {
var self = this;
return {
type: "bi.htape",
cls: "config-item",
cls: "config-item bi-border-bottom",
height: 40,
items: [this._createLabel("Card背景颜色:"), this._createColorPicker(function () {
items: [this._createLabel("Card1背景颜色:"), this._createColorPicker(function () {
self.cardBackgroundColor = this;
}, function () {
self._runGlobalStyle();
})]
}
},
_createCard2BackgroundConfig: function () {
var self = this;
return {
type: "bi.htape",
cls: "config-item bi-border-bottom",
height: 40,
items: [this._createLabel("Card2背景颜色:无颜色")]
}
},
_createHoverBackgroundColor: function () {
var self = this;
return {
type: "bi.htape",
cls: "config-item",
cls: "config-item bi-border-bottom",
height: 40,
items: [this._createLabel("悬浮状态背景颜色:"), this._createColorPicker(function () {
self.hoverBackgroundColor = this;
@ -117,7 +168,7 @@ Demo.Face = BI.inherit(BI.Widget, {
var self = this;
return {
type: "bi.htape",
cls: "config-item",
cls: "config-item bi-border-bottom",
height: 40,
items: [this._createLabel("激活状态背景颜色:"), this._createColorPicker(function () {
self.activeBackgroundColor = this;
@ -127,25 +178,163 @@ Demo.Face = BI.inherit(BI.Widget, {
}
},
_createSelectBackgroundColor: function () {
var self = this;
return {
type: "bi.htape",
cls: "config-item bi-border-bottom",
height: 40,
items: [this._createLabel("选中状态背景颜色:"), this._createColorPicker(function () {
self.selectBackgroundColor = this;
}, function () {
self._runGlobalStyle();
})]
}
},
_createSlitColor: function () {
var self = this;
return {
type: "bi.htape",
cls: "config-item bi-border-bottom",
height: 40,
items: [this._createLabel("分割线颜色(只对左边的表格有效):"), this._createColorPicker(function () {
self.slitColor = this;
}, function () {
self._runGlobalStyle();
})]
}
},
_createBaseConfig: function () {
return {
type: "bi.vertical",
items: [this._createLabel("--通用配色--"),
this._createBackgroundConfig(),
this._createFontConfig(),
this._createActiveFontConfig(),
this._createSelectFontConfig(),
this._createGrayFontConfig(),
this._createDisableFontConfig(),
this._createCardBackgroundConfig(),
this._createCard1BackgroundConfig(),
this._createCard2BackgroundConfig(),
this._createHoverBackgroundColor(),
this._createActiveBackgroundColor()
this._createActiveBackgroundColor(),
this._createSelectBackgroundColor(),
this._createSlitColor()
]
}
},
_createButton1BackgroundConfig: function () {
var self = this;
return {
type: "bi.htape",
cls: "config-item bi-border-bottom",
height: 40,
items: [this._createLabel("按钮背景色1:"), this._createColorPicker(function () {
self.button1BackgroundColor = this;
}, function () {
self._runGlobalStyle();
}), {
width: 100,
el: {
type: "bi.vertical_adapt",
height: 40,
items: [{
type: "bi.button",
cls: "config-button1",
text: "测试按钮"
}]
}
}]
}
},
_createButton2BackgroundConfig: function () {
var self = this;
return {
type: "bi.htape",
cls: "config-item bi-border-bottom",
height: 40,
items: [this._createLabel("按钮背景色2:"), this._createColorPicker(function () {
self.button2BackgroundColor = this;
}, function () {
self._runGlobalStyle();
}), {
width: 100,
el: {
type: "bi.vertical_adapt",
height: 40,
items: [{
type: "bi.button",
level: "success",
cls: "config-button2",
text: "测试按钮"
}]
}
}]
}
},
_createButton3BackgroundConfig: function () {
var self = this;
return {
type: "bi.htape",
cls: "config-item bi-border-bottom",
height: 40,
items: [this._createLabel("按钮背景色3:"), this._createColorPicker(function () {
self.button3BackgroundColor = this;
}, function () {
self._runGlobalStyle();
}), {
width: 100,
el: {
type: "bi.vertical_adapt",
height: 40,
items: [{
type: "bi.button",
level: "warning",
cls: "config-button3",
text: "测试按钮"
}]
}
}]
}
},
_createButton4BackgroundConfig: function () {
var self = this;
return {
type: "bi.htape",
cls: "config-item bi-border-bottom",
height: 40,
items: [this._createLabel("按钮背景色4:"), this._createColorPicker(function () {
self.button4BackgroundColor = this;
}, function () {
self._runGlobalStyle();
}), {
width: 100,
el: {
type: "bi.vertical_adapt",
height: 40,
items: [{
type: "bi.button",
level: "ignore",
cls: "config-button4",
text: "测试按钮"
}]
}
}]
}
},
_createScrollBackgroundConfig: function () {
var self = this;
return {
type: "bi.htape",
cls: "config-item",
cls: "config-item bi-border-bottom",
height: 40,
items: [this._createLabel("滚动条底色:"), this._createColorPicker(function () {
self.scrollBackgroundColor = this;
@ -159,7 +348,7 @@ Demo.Face = BI.inherit(BI.Widget, {
var self = this;
return {
type: "bi.htape",
cls: "config-item",
cls: "config-item bi-border-bottom",
height: 40,
items: [this._createLabel("滚动条thumb颜色:"), this._createColorPicker(function () {
self.scrollThumbColor = this;
@ -173,7 +362,7 @@ Demo.Face = BI.inherit(BI.Widget, {
var self = this;
return {
type: "bi.htape",
cls: "config-item",
cls: "config-item bi-border-bottom",
height: 40,
items: [this._createLabel("下拉框背景颜色:"), this._createColorPicker(function () {
self.popupBackgroundColor = this;
@ -278,7 +467,7 @@ Demo.Face = BI.inherit(BI.Widget, {
var self = this;
return {
type: "bi.htape",
cls: "config-item",
cls: "config-item bi-border-bottom",
height: 40,
items: [this._createLabel("弹出层蒙版颜色:"), this._createColorPicker(function () {
self.maskBackgroundColor = this;
@ -304,6 +493,10 @@ Demo.Face = BI.inherit(BI.Widget, {
return {
type: "bi.vertical",
items: [this._createLabel("--一般配色--"),
this._createButton1BackgroundConfig(),
this._createButton2BackgroundConfig(),
this._createButton3BackgroundConfig(),
this._createButton4BackgroundConfig(),
this._createScrollBackgroundConfig(),
this._createScrollThumbConfig(),
this._createPopupBackgroundConfig(),
@ -327,7 +520,7 @@ Demo.Face = BI.inherit(BI.Widget, {
row: 0,
el: {
type: "bi.vertical",
cls: "face-config",
cls: "face-config bi-border-left",
items: [this._createBaseConfig(),
this._createCommonConfig()]
}
@ -350,24 +543,36 @@ Demo.Face = BI.inherit(BI.Widget, {
_runGlobalStyle: function () {
var backgroundColor = this.backgroundColor.getValue();
var fontColor = this.fontColor.getValue();
var activeFontColor = this.activeFontColor.getValue();
var selectFontColor = this.selectFontColor.getValue();
var grayFontColor = this.grayFontColor.getValue();
var disabledFontColor = this.disabledFontColor.getValue();
var cardBackgroundColor = this.cardBackgroundColor.getValue();
var hoverBackgroundColor = this.hoverBackgroundColor.getValue();
var activeBackgroundColor = this.activeBackgroundColor.getValue();
var selectBackgroundColor = this.selectBackgroundColor.getValue();
var slitColor = this.slitColor.getValue();
var button1BackgroundColor = this.button1BackgroundColor.getValue();
var button2BackgroundColor = this.button2BackgroundColor.getValue();
var button3BackgroundColor = this.button3BackgroundColor.getValue();
var button4BackgroundColor = this.button4BackgroundColor.getValue();
var scrollBackgroundColor = this.scrollBackgroundColor.getValue();
var scrollThumbColor = this.scrollThumbColor.getValue();
var popupBackgroundColor = this.popupBackgroundColor.getValue();
var maskBackgroundColor = this.maskBackgroundColor.getValue();
$("#wrapper").css({
backgroundColor: backgroundColor,
color: fontColor
});
$(".demo-west,.preview-card").css({
backgroundColor: cardBackgroundColor
});
this._setStyle({
".bi-background": {
"background-color": backgroundColor + "!important",
"color": fontColor + "!important"
},
".bi-card": {
"background-color": cardBackgroundColor + "!important"
},
".bi-tips": {
"color": grayFontColor + "!important"
},
"div::-webkit-scrollbar,.scrollbar-layout-main": {
"background-color": scrollBackgroundColor + "!important"
},
@ -387,10 +592,40 @@ Demo.Face = BI.inherit(BI.Widget, {
"background-color": maskBackgroundColor + "!important"
},
".bi-list-item:hover,.bi-list-item-hover:hover,.bi-list-item-active:hover,.bi-list-item-select:hover,.bi-list-item-effect:hover": {
"background-color": hoverBackgroundColor
"background-color": hoverBackgroundColor + "!important"
},
".bi-list-item-active:active,.bi-list-item-select:active,.bi-list-item-effect:active": {
"background-color": activeBackgroundColor
"background-color": activeBackgroundColor + "!important",
"color": activeFontColor + "!important"
},
".bi-list-item-active.active,.bi-list-item-select.active,.bi-list-item-effect.active": {
"background-color": selectBackgroundColor + "!important",
"color": selectFontColor + "!important"
},
".bi-button": {
"background-color": button1BackgroundColor,
"border-color": button1BackgroundColor
},
".bi-button.button-success": {
"background-color": button2BackgroundColor,
"border-color": button2BackgroundColor
},
".bi-button.button-warning": {
"background-color": button3BackgroundColor,
"border-color": button3BackgroundColor
},
".bi-button.button-ignore": {
"background-color": button4BackgroundColor
},
".bi-collection-table-cell": {
"border-right-color": slitColor,
"border-bottom-color": slitColor
},
".bi-collection-table-cell.first-col": {
"border-left-color": slitColor
},
".bi-collection-table-cell.first-row": {
"border-top-color": slitColor
}
})
},
@ -398,15 +633,24 @@ Demo.Face = BI.inherit(BI.Widget, {
mounted: function () {
this.backgroundColor.setValue("");
this.fontColor.setValue("");
this.activeFontColor.setValue("");
this.selectFontColor.setValue("");
this.grayFontColor.setValue("");
this.disabledFontColor.setValue("");
this.cardBackgroundColor.setValue("");
this.hoverBackgroundColor.setValue("");
this.activeBackgroundColor.setValue("");
this.selectBackgroundColor.setValue("");
this.button1BackgroundColor.setValue("");
this.button2BackgroundColor.setValue("");
this.button3BackgroundColor.setValue("");
this.button4BackgroundColor.setValue("");
this.scrollBackgroundColor.setValue("");
this.scrollThumbColor.setValue("");
this.popupBackgroundColor.setValue("");
this.maskBackgroundColor.setValue("");
this.slitColor.setValue("");
this._runGlobalStyle();
}
});

2
demo/js/main.js

@ -1,6 +1,6 @@
Demo.Main = BI.inherit(BI.Widget, {
props: {
baseCls: "demo-main"
baseCls: "demo-main bi-background"
},
render: function () {
var center;

88
demo/js/preview.js

@ -27,47 +27,73 @@ Demo.Preview = BI.inherit(BI.Widget, {
}
}
return {
type: "bi.center",
type: "bi.absolute",
cls: "preview-background",
hgap: 100,
vgap: 100,
items: [{
type: "bi.vtape",
cls: "preview-card",
items: [{
el: {
el: {
type: "bi.left",
cls: "preview-header bi-tips",
height: 40,
items: [{
type: "bi.label",
cls: "preview-title",
height: 40,
text: "统计组件",
text: "Card2",
hgap: 10,
textAlign: "left"
},
height: 40
}, {
type: "bi.center_adapt",
scrollable: true,
}, {
type: "bi.icon_text_item",
cls: "filter-font",
text: "测试图标",
width: 100,
height: 40
}]
},
left: 60,
right: 60,
top: 60
}, {
el: {
type: "bi.vtape",
cls: "preview-card bi-card",
items: [{
type: "bi.resizable_table",
el: {
type: "bi.collection_table"
},
width: 500,
height: 400,
isResizeAdapt: true,
isNeedResize: true,
isNeedMerge: true,
mergeCols: [0, 1],
mergeRule: function (col1, col2) {
return BI.isEqual(col1, col2);
type: "bi.label",
cls: "preview-title bi-border-bottom",
height: 40,
text: "Card1",
hgap: 10,
textAlign: "left"
},
isNeedFreeze: true,
freezeCols: [0, 1],
columnSize: columnSize,
items: items,
header: header
height: 40
}, {
type: "bi.center_adapt",
scrollable: true,
items: [{
type: "bi.resizable_table",
el: {
type: "bi.collection_table"
},
width: 500,
height: 400,
isResizeAdapt: true,
isNeedResize: true,
isNeedMerge: true,
mergeCols: [0, 1],
mergeRule: function (col1, col2) {
return BI.isEqual(col1, col2);
},
isNeedFreeze: true,
freezeCols: [0, 1],
columnSize: columnSize,
items: items,
header: header
}]
}]
}]
},
left: 60,
right: 60,
top: 160,
bottom: 60
}]
}
},

2
demo/js/west.js

@ -1,6 +1,6 @@
Demo.West = BI.inherit(BI.Widget, {
props: {
baseCls: "demo-west"
baseCls: "demo-west bi-border-right bi-card"
},
render: function () {
var self = this;

2
demo/less/face.less

@ -2,12 +2,10 @@
.demo-face {
.face-config {
border-left: 1px solid @color-bi-border-normal;
.config-label {
font-size: 14px;
}
.config-item {
border-bottom: 1px solid @color-bi-border-normal;
}
}
}

14
demo/less/preview.less

@ -1,18 +1,4 @@
@import "index";
.demo-preview {
.preview-title {
border-bottom: 1px solid @color-bi-border-normal;
}
.preview-card {
background-color: @color-bi-background-default;
}
}
.bi-theme-dark {
.demo-preview {
.preview-card {
background-color: @color-bi-background-default-theme-dark;
}
}
}

8
demo/less/west.less

@ -1,12 +1,4 @@
@import "index";
.demo-west {
background-color: @color-bi-background-default;
border-right: 1px solid @color-bi-border-line;
}
.bi-theme-dark {
.demo-west {
background-color: @color-bi-background-default-theme-dark;
}
}

301
docs/base.css

@ -1,27 +1,7 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-color-chooser-popup .color-chooser-popup-title {
background: #f4f4f4;
border-bottom: 1px solid #d4dadd;
}
.bi-color-chooser-popup .color-chooser-popup-more {
background: #f4f4f4;
}
.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(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-color-chooser-trigger {
background: #ffffff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
@ -32,27 +12,16 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-color-picker-button {
background-color: #eaeaea;
}
.bi-color-picker-button .color-picker-button-mask {
border: 1px solid #1a1a1a;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-color-picker > .center-element {
border-left: 1px solid #ffffff;
border-top: 1px solid #ffffff;
.bi-theme-dark .bi-color-picker-button .color-picker-button-mask {
border: 1px solid #ffffff;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-color-picker-editor .color-picker-editor-label {
color: #808080;
}
.bi-color-picker-editor .color-picker-editor-display {
background: #ffffff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
@ -63,24 +32,18 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-bubble-combo .bubble-combo-triangle-left {
width: 0;
height: 0;
border-top: 6px solid transparent;
border-left: 6px solid #009de3;
border-left: 6px solid #3f8ce8;
border-bottom: 6px solid transparent;
}
.bi-bubble-combo .bubble-combo-triangle-right {
width: 0;
height: 0;
border-top: 6px solid transparent;
border-right: 6px solid #009de3;
border-right: 6px solid #3f8ce8;
border-bottom: 6px solid transparent;
}
.bi-bubble-combo .bubble-combo-triangle-top {
@ -88,14 +51,14 @@
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #009de3;
border-top: 6px solid #3f8ce8;
}
.bi-bubble-combo .bubble-combo-triangle-bottom {
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #009de3;
border-bottom: 6px solid #3f8ce8;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
@ -106,7 +69,7 @@
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.bi-bubble-popup-view .bubble-popup-line {
background-color: #009de3;
background-color: #3f8ce8;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
@ -127,9 +90,6 @@
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
/*************BI.SearchEditor******************/
.bi-search-editor {
border: 1px solid #d4dadd;
}
.bi-search-editor .close-font {
font-size: 20px;
}
@ -164,16 +124,6 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-text-editor {
border: 1px solid #d4dadd;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
/*************BI.SearchEditor******************/
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
/* BASICS */
.CodeMirror {
/* Set height, width, borders, and global font properties here */
@ -359,7 +309,7 @@
color: white;
padding: 1px ;
margin: 1px 0px;
background: #009de3;
background: #3f8ce8;
}
.cm-s-default span[class*="start"] {
-webkit-border-radius: 3px 0px 0px 3px;
@ -379,7 +329,7 @@
border-radius: 3px;
}
.cm-s-default span[class*="#"] {
color: #009de3;
color: #3f8ce8;
}
.cm-s-default .cm-error {
color: #f00;
@ -648,15 +598,9 @@ li.CodeMirror-hint-active {
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-message-title {
background-color: #f4f4f4;
color: #808080;
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;
@ -667,14 +611,8 @@ li.CodeMirror-hint-active {
user-select: text;
}
.bi-message-content {
background-color: #ffffff;
color: #808080;
font-size: 16px;
}
.bi-theme-dark .bi-message-content {
background-color: #202237;
color: #b2b2b2;
}
.bi-message-close {
font-size: 25px;
}
@ -688,25 +626,6 @@ li.CodeMirror-hint-active {
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-popup-panel .popup-panel-title {
background: #f4f4f4;
border-bottom: 1px solid #d4dadd;
}
.bi-theme-dark .bi-popup-panel .popup-panel-title {
background: #191a2c;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-searcher-view {
background: #ffffff;
}
.bi-searcher-view .searcher-view-spliter {
background: #d4dadd;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-panel {
border: 1px solid #a3d6e8;
-webkit-border-radius: 2px;
@ -719,7 +638,6 @@ li.CodeMirror-hint-active {
}
.bi-panel .panel-title .panel-title-text {
cursor: text;
color: #808080;
font-size: 14px;
}
/****添加计算宽度的--运算符直接需要space****/
@ -735,15 +653,10 @@ li.CodeMirror-hint-active {
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-pager .page-item {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.bi-pager .page-item.active {
background: #009de3;
color: #ffffff;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
@ -756,17 +669,6 @@ li.CodeMirror-hint-active {
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-segment-button:active,
.bi-segment-button.active {
color: #ffffff;
background: #009de3;
}
.bi-segment-button.disabled,
.bi-segment-button.disabled:hover,
.bi-segment-button.disabled:active {
color: #1a1a1a;
background: #ffffff;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
@ -774,13 +676,8 @@ li.CodeMirror-hint-active {
overflow: hidden;
overflow-x: hidden;
overflow-y: hidden;
background: #ffffff;
border-right: 1px solid #d4dadd;
border-top: 1px solid #d4dadd;
border-bottom: 1px solid #d4dadd;
}
.bi-segment > .first-element {
border-left: 1px solid #d4dadd;
-webkit-border-radius: 6px 0px 0px 6px;
-moz-border-radius: 6px 0px 0px 6px;
border-radius: 6px 0px 0px 6px;
@ -793,18 +690,6 @@ li.CodeMirror-hint-active {
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-loading-bar .loading-text {
color: #808080;
}
.bi-loading-bar .loading-text:hover,
.bi-loading-bar .loading-text.hover {
color: #009de3;
}
.bi-loading-bar .loading-text.disabled,
.bi-loading-bar .loading-text.disabled:hover,
.bi-loading-bar .loading-text.disabled:active {
color: #ffffff;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
@ -812,8 +697,8 @@ li.CodeMirror-hint-active {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px solid #009de3;
background-color: #009de3;
border: 1px solid #3f8ce8;
background-color: #3f8ce8;
text-align: center;
vertical-align: middle;
cursor: pointer;
@ -881,10 +766,10 @@ li.CodeMirror-hint-active {
}
.bi-button.button-ignore.disabled,
.bi-button.button-ignore.disabled .b-font {
color: #c4c6c6 !important;
color: #cccccc !important;
}
.bi-button.button-ignore.disabled .b-font:before {
color: #c4c6c6 !important;
color: #cccccc !important;
}
.bi-basic-button.button-common .bi-button-mask,
.bi-basic-button.button-success .bi-button-mask,
@ -906,7 +791,7 @@ li.CodeMirror-hint-active {
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-single-select-icon-text-item:active .b-font:before,
.bi-single-select-icon-text-item.active .b-font:before {
color: #009de3;
color: #3f8ce8;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
@ -947,15 +832,9 @@ li.CodeMirror-hint-active {
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-state-editor .state-editor-infinite-text {
color: #cccccc;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-simple-state-editor .state-editor-infinite-text {
color: #cccccc;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
@ -971,7 +850,7 @@ li.CodeMirror-hint-active {
border: none;
}
.bi-textarea-editor .textarea-editor-content.textarea-editor-focus {
border: 1px solid #009de3;
border: 1px solid #3f8ce8;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
@ -1081,24 +960,18 @@ li.CodeMirror-hint-active {
/*IE8*/
box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
border-right: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
}
.bi-collection-table-cell.first-row {
border-top: 1px solid #eaeaea;
border-top: 1px solid #d4dadd;
}
.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;
border-left: 1px solid #d4dadd;
}
.bi-theme-dark .bi-collection-table-cell.first-row {
border-top: 1px solid #24273e;
border-top: 1px solid #525466;
}
.bi-theme-dark .bi-collection-table-cell.first-col {
border-left: 1px solid #24273e;
border-left: 1px solid #525466;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
@ -1118,24 +991,24 @@ li.CodeMirror-hint-active {
border-top: none;
}
.bi-table > div > div > table {
border-bottom: 1px solid #eaeaea;
border-right: 1px solid #eaeaea;
border-bottom: 1px solid #d4dadd;
border-right: 1px solid #d4dadd;
}
.bi-table > div.top-left > div > div > table {
border-bottom: 1px solid #eaeaea;
border-right: 1px solid #eaeaea;
border-bottom: 1px solid #d4dadd;
border-right: 1px solid #d4dadd;
}
.bi-table > div.top-right > div > div > table {
border-bottom: 1px solid #eaeaea;
border-right: 1px solid #eaeaea;
border-bottom: 1px solid #d4dadd;
border-right: 1px solid #d4dadd;
}
.bi-table > div.bottom-left > div > div > table {
border-bottom: 1px solid #eaeaea;
border-right: 1px solid #eaeaea;
border-bottom: 1px solid #d4dadd;
border-right: 1px solid #d4dadd;
}
.bi-table > div.bottom-right > div > div > table {
border-right: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
border-right: 1px solid #d4dadd;
border-bottom: 1px solid #d4dadd;
}
.bi-table > div > div > table,
.bi-table > div > div > div > table {
@ -1159,35 +1032,35 @@ li.CodeMirror-hint-active {
.bi-table > div > div > div > table > tbody > tr > td,
.bi-table > div > div > table > thead > tr > td,
.bi-table > div > div > div > table > thead > tr > td {
border-top: 1px solid #eaeaea;
border-left: 1px solid #eaeaea;
border-top: 1px solid #d4dadd;
border-left: 1px solid #d4dadd;
}
.bi-theme-dark .bi-table > div > div > table {
border-bottom: 1px solid #24273e;
border-right: 1px solid #24273e;
border-bottom: 1px solid #525466;
border-right: 1px solid #525466;
}
.bi-theme-dark .bi-table > div.top-left > div > div > table {
border-bottom: 1px solid #24273e;
border-right: 1px solid #24273e;
border-bottom: 1px solid #525466;
border-right: 1px solid #525466;
}
.bi-theme-dark .bi-table > div.top-right > div > div > table {
border-bottom: 1px solid #24273e;
border-right: 1px solid #24273e;
border-bottom: 1px solid #525466;
border-right: 1px solid #525466;
}
.bi-theme-dark .bi-table > div.bottom-left > div > div > table {
border-bottom: 1px solid #24273e;
border-right: 1px solid #24273e;
border-bottom: 1px solid #525466;
border-right: 1px solid #525466;
}
.bi-theme-dark .bi-table > div.bottom-right > div > div > table {
border-right: 1px solid #24273e;
border-bottom: 1px solid #24273e;
border-right: 1px solid #525466;
border-bottom: 1px solid #525466;
}
.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;
border-top: 1px solid #525466;
border-left: 1px solid #525466;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
@ -1201,24 +1074,18 @@ li.CodeMirror-hint-active {
/*IE8*/
box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
border-right: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
}
.bi-grid-table-cell.first-row {
border-top: 1px solid #eaeaea;
border-top: 1px solid #d4dadd;
}
.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;
border-left: 1px solid #d4dadd;
}
.bi-theme-dark .bi-grid-table-cell.first-row {
border-top: 1px solid #24273e;
border-top: 1px solid #525466;
}
.bi-theme-dark .bi-grid-table-cell.first-col {
border-left: 1px solid #24273e;
border-left: 1px solid #525466;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
@ -1231,12 +1098,13 @@ li.CodeMirror-hint-active {
transition-duration: 250ms;
transition-timing-function: ease;
user-select: none;
background-color: #f4f4f4;
background-color: rgba(102, 102, 102, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0D666666,endColorstr=#0D666666);
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);
background-color: rgba(204, 204, 204, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0Dcccccc,endColorstr=#0Dcccccc);
}
.scrollbar-layout-main-vertical {
bottom: 0;
@ -1254,11 +1122,12 @@ li.CodeMirror-hint-active {
height: 10px;
left: 0;
transition-property: background-color;
background-color: #f4f4f4;
background-color: rgba(102, 102, 102, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0D666666,endColorstr=#0D666666);
}
.bi-theme-dark .scrollbar-layout-main-horizontal {
background-color: rgba(255, 255, 255, 0.1);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);
background-color: rgba(204, 204, 204, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0Dcccccc,endColorstr=#0Dcccccc);
}
/* Touching the scroll-track directly makes the scroll-track bolder */
.scrollbar-layout-main-horizontal.public-scrollbar-main-active,
@ -1311,20 +1180,24 @@ li.CodeMirror-hint-active {
*/
/* Touching the scroll-track directly makes the scroll-track bolder */
.public-scrollbar-face:after {
background-color: #e2e2e2;
background-color: rgba(102, 102, 102, 0.3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C666666,endColorstr=#4C666666);
}
.bi-theme-dark .public-scrollbar-face:after {
background-color: #7d7d7d;
background-color: rgba(204, 204, 204, 0.3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4Ccccccc,endColorstr=#4Ccccccc);
}
.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: rgba(102, 102, 102, 0.7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2666666,endColorstr=#B2666666);
}
.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: #e2e2e2;
background-color: rgba(204, 204, 204, 0.7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2cccccc,endColorstr=#B2cccccc);
}
.horizontal-scrollbar {
bottom: 0;
@ -1339,7 +1212,7 @@ li.CodeMirror-hint-active {
}
.bi-resizable-table-cell .resizable-table-cell-resizer-container:hover .resizable-table-cell-resizer-knob,
.bi-resizable-table-cell .resizable-table-cell-resizer-container.dragging .resizable-table-cell-resizer-knob {
background-color: #009de3;
background-color: #3f8ce8;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
@ -1347,7 +1220,7 @@ li.CodeMirror-hint-active {
.bi-resizable-table .resizable-table-resizer {
cursor: ew-resize;
z-index: 1;
background-color: #009de3;
background-color: #3f8ce8;
}
.bi-resizable-table .resizable-table-region-resizer {
cursor: ew-resize;
@ -1355,7 +1228,7 @@ li.CodeMirror-hint-active {
}
.bi-resizable-table .resizable-table-region-resizer:hover .resizable-table-region-resizer-knob,
.bi-resizable-table .resizable-table-region-resizer.dragging .resizable-table-region-resizer-knob {
background-color: #009de3;
background-color: #3f8ce8;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
@ -1366,12 +1239,6 @@ li.CodeMirror-hint-active {
.bi-branch-tree .bi-branch-tree-view {
min-width: 300px;
}
.bi-click-branch-tree {
border: 1px solid #d4dadd;
}
.bi-click-branch-tree .bi-empty-view {
background: #f4f4f4;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
@ -1379,13 +1246,13 @@ li.CodeMirror-hint-active {
color: #808080;
}
.bi-display-tree .ztree li span.button.switch.center_open {
background-image: url("icon/tree-vertical-line-3.png");
background-image: url("/icon/tree-vertical-line-3.png");
}
.bi-display-tree .ztree li span.button.switch.roots_open {
background-image: url("icon/tree-vertical-line-2.png");
background-image: url("/icon/tree-vertical-line-2.png");
}
.bi-display-tree .ztree li span.button.switch.bottom_open {
background-image: url("icon/tree-vertical-line-4.png");
background-image: url("/icon/tree-vertical-line-4.png");
}
.bi-display-tree .ztree li a,
.bi-display-tree .ztree li span {
@ -1405,15 +1272,11 @@ li.CodeMirror-hint-active {
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-trigger .bi-trigger-icon-button {
border-left: 1px solid #d4dadd;
font-size: 16px;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-editor-trigger {
border: 1px solid #d4dadd;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
@ -1421,7 +1284,6 @@ li.CodeMirror-hint-active {
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-select-text-trigger {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
@ -1430,7 +1292,6 @@ li.CodeMirror-hint-active {
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-small-select-text-trigger {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
@ -1438,14 +1299,6 @@ li.CodeMirror-hint-active {
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-float-box {
background-color: #ffffff;
color: #1a1a1a;
}
.bi-theme-dark .bi-float-box {
background-color: #202237;
color: #b2b2b2;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
@ -1458,25 +1311,23 @@ li.CodeMirror-hint-active {
cursor: default;
}
.bi-list-view .list-view-outer {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: #1a1a1a;
background: #ffffff;
}
.bi-list-view .list-view-toolbar {
border-top: 1px solid #eaeaea;
line-height: 30px;
color: #009de3;
color: #3f8ce8;
}
.bi-list-view .list-view-toolbar > .center-element {
border-left: 1px solid #eaeaea;
border-left: 1px solid #d4dadd;
}
.bi-list-view .list-view-toolbar > .first-element {
border-left: none;
}
.bi-theme-dark .bi-list-view .list-view-outer {
color: #b2b2b2;
background: #202237;
.bi-theme-dark .bi-list-view .list-view-toolbar > .center-element {
border-left: 1px solid #525466;
}
.bi-theme-dark .bi-list-view .list-view-toolbar > .first-element {
border-left: none;
}

32
docs/base.js

@ -573,7 +573,7 @@ BI.Text = BI.inherit(BI.Single, {
setText: function (text) {
BI.Text.superclass.setText.apply(this, arguments);
this.options.text = text;
this.text.element.text(text);
this.text.element.html(BI.escape(text).replaceAll(" ", " "));
}
});
@ -2950,9 +2950,9 @@ BI.Combo = BI.inherit(BI.Widget, {
},
_hideIf: function (e) {
if (this.element.__isMouseInBounds__(e) || (this.popupView && this.popupView.element.__isMouseInBounds__(e))) {
return;
}
// if (this.element.__isMouseInBounds__(e) || (this.popupView && this.popupView.element.__isMouseInBounds__(e))) {
// return;
// }
if (this.element.find(e.target).length > 0) {
return;
}
@ -14478,12 +14478,12 @@ $.extend(BI, {
items: [
{
type: 'bi.border',
cls: 'bi-message-content',
cls: 'bi-message-content bi-card',
items: {
'north': {
el: {
type: 'bi.border',
cls: 'bi-message-title',
cls: 'bi-message-title bi-background',
items: {
center: {
el: {
@ -14850,7 +14850,7 @@ BI.shortcut('bi.grid_view', BI.Grid);/**
BI.FloatBox = BI.inherit(BI.Widget, {
_defaultConfig: function () {
return BI.extend(BI.FloatBox.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-float-box",
baseCls: "bi-float-box bi-card",
width: 600,
height: 500
})
@ -14889,7 +14889,7 @@ BI.FloatBox = BI.inherit(BI.Widget, {
'north': {
el: {
type: 'bi.border',
cls: 'bi-message-title',
cls: 'bi-message-title bi-background',
items: {
center: {
el: {
@ -15072,7 +15072,7 @@ BI.PopupView = BI.inherit(BI.Widget, {
hgap: o.hgap,
items: BI.LogicFactory.createLogicItemsByDirection(o.direction,
BI.extend({
cls: "list-view-outer"
cls: "list-view-outer bi-card bi-border"
}, BI.LogicFactory.createLogic(BI.LogicFactory.createLogicTypeByDirection(o.direction), BI.extend({}, o.logic, {
items: BI.LogicFactory.createLogicItemsByDirection(o.direction, this.tool, this.tab, this.view, this.toolbar)
})))
@ -15116,7 +15116,7 @@ BI.PopupView = BI.inherit(BI.Widget, {
return BI.createWidget({
type: "bi.center",
cls: "list-view-toolbar",
cls: "list-view-toolbar bi-border-top",
height: 30,
items: BI.createItems(o.buttons, {
once: false,
@ -15174,7 +15174,7 @@ BI.SearcherView = BI.inherit(BI.Pane, {
_defaultConfig: function () {
var conf = BI.SearcherView.superclass._defaultConfig.apply(this, arguments);
return BI.extend(conf, {
baseCls: (conf.baseCls || "") + " bi-searcher-view",
baseCls: (conf.baseCls || "") + " bi-searcher-view bi-card",
tipText: BI.i18nText("BI-No_Select"),
chooseType: BI.Selection.Single,
@ -15234,7 +15234,7 @@ BI.SearcherView = BI.inherit(BI.Pane, {
items: [{
type: "bi.layout",
height: 1,
cls: "searcher-view-spliter"
cls: "searcher-view-spliter bi-background"
}]
});
this.searcher = BI.createWidget(o.searcher, {
@ -15631,7 +15631,7 @@ BI.LoadingBar = BI.inherit(BI.Single, {
_defaultConfig: function() {
var conf = BI.LoadingBar.superclass._defaultConfig.apply(this, arguments);
return BI.extend( conf, {
baseCls : (conf.baseCls ||"")+' bi-loading-bar',
baseCls : (conf.baseCls ||"")+' bi-loading-bar bi-tips',
height: 30,
handler: BI.emptyFn
})
@ -15641,7 +15641,7 @@ BI.LoadingBar = BI.inherit(BI.Single, {
var self = this;
this.loaded = BI.createWidget({
type: "bi.text_button",
cls: "loading-text",
cls: "loading-text bi-list-item-simple",
text: this.consts.loadedText,
width: 120,
handler: this.options.handler
@ -28232,7 +28232,7 @@ BI.shortcut("bi.table_cell", BI.TableCell);/**
BI.CollectionTableCell = BI.inherit(BI.Widget, {
_defaultConfig: function () {
return BI.extend(BI.CollectionTableCell.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-collection-table-cell",
baseCls: "bi-collection-table-cell bi-border-right bi-border-bottom",
width: 0,
height: 0,
_left: 0,
@ -28961,7 +28961,7 @@ BI.shortcut('bi.quick_collection_table', BI.QuickCollectionTable);/**
BI.GridTableCell = BI.inherit(BI.Widget, {
_defaultConfig: function () {
return BI.extend(BI.GridTableCell.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-grid-table-cell",
baseCls: "bi-grid-table-cell bi-border-right bi-border-bottom",
width: 0,
height: 0,
_rowIndex: 0,

49
docs/case.js

@ -128,7 +128,7 @@ BI.TriggerIconButton = BI.inherit(BI.IconButton, {
_defaultConfig: function () {
var conf = BI.TriggerIconButton.superclass._defaultConfig.apply(this, arguments);
return BI.extend(conf, {
baseCls: (conf.baseCls || "") + " bi-trigger-icon-button",
baseCls: (conf.baseCls || "") + " bi-trigger-icon-button bi-border-left",
extraCls: "pull-down-font"
});
},
@ -2509,7 +2509,7 @@ BI.ColorChooserPopup = BI.inherit(BI.Widget, {
items: [{
el: {
type: "bi.absolute",
cls: "color-chooser-popup-title",
cls: "bi-background bi-border-bottom",
items: [{
el: this.colorEditor,
left: 0,
@ -2588,7 +2588,7 @@ BI.ColorChooserTrigger = BI.inherit(BI.Trigger, {
_defaultConfig: function () {
var conf = BI.ColorChooserTrigger.superclass._defaultConfig.apply(this, arguments);
return BI.extend(conf, {
baseCls: (conf.baseCls || "") + " bi-color-chooser-trigger",
baseCls: (conf.baseCls || "") + " bi-color-chooser-trigger bi-card",
height: 30
})
},
@ -2645,7 +2645,7 @@ BI.ColorPickerButton = BI.inherit(BI.BasicButton, {
_defaultConfig: function () {
var conf = BI.ColorPickerButton.superclass._defaultConfig.apply(this, arguments);
return BI.extend(conf, {
baseCls: (conf.baseCls || "") + " bi-color-picker-button"
baseCls: (conf.baseCls || "") + " bi-color-picker-button bi-background bi-border-top bi-border-left"
})
},
@ -2902,7 +2902,7 @@ BI.ColorPickerEditor = BI.inherit(BI.Widget, {
var self = this, o = this.options;
this.colorShow = BI.createWidget({
type: "bi.layout",
cls: "color-picker-editor-display",
cls: "color-picker-editor-display bi-card",
height: 20
});
var RGB = BI.createWidgets(BI.createItems([{text: "R"}, {text: "G"}, {text: "B"}], {
@ -4315,7 +4315,7 @@ BI.StaticCombo = BI.inherit(BI.Widget, {
var self = this, o = this.options;
this.trigger = BI.createWidget(o.el, {
type: "bi.text_icon_item",
cls: "bi-select-text-trigger pull-down-font",
cls: "bi-select-text-trigger bi-border pull-down-font",
text: o.text,
readonly: true,
textLgap: 5,
@ -5231,7 +5231,7 @@ BI.SearchEditor = BI.inherit(BI.Widget, {
_defaultConfig: function () {
var conf = BI.SearchEditor.superclass._defaultConfig.apply(this, arguments);
return BI.extend(conf, {
baseCls: "bi-search-editor",
baseCls: "bi-search-editor bi-border",
height: 30,
errorText: "",
watermark: BI.i18nText("BI-Basic_Search"),
@ -6156,7 +6156,7 @@ BI.StateEditor = BI.inherit(BI.Single, {
});
this.text = BI.createWidget({
type: "bi.text_button",
cls: "state-editor-infinite-text",
cls: "state-editor-infinite-text bi-disabled",
textAlign: "left",
height: o.height,
text: BI.i18nText("BI-Unrestricted"),
@ -6436,7 +6436,7 @@ BI.SimpleStateEditor = BI.inherit(BI.Single, {
});
this.text = BI.createWidget({
type: "bi.text_button",
cls: "state-editor-infinite-text",
cls: "state-editor-infinite-text bi-disabled",
textAlign: "left",
height: o.height,
text: BI.i18nText("BI-Unrestricted"),
@ -6656,7 +6656,7 @@ BI.TextEditor = BI.inherit(BI.Single, {
_defaultConfig: function () {
var conf = BI.TextEditor.superclass._defaultConfig.apply(this, arguments);
return BI.extend(conf, {
extraCls: "bi-text-editor",
extraCls: "bi-text-editor bi-border",
hgap: 4,
vgap: 2,
lgap: 0,
@ -6988,7 +6988,7 @@ BI.MultiPopupView = BI.inherit(BI.PopupView, {
this.buttongroup = BI.createWidget({
type: "bi.button_group",
cls: "list-view-toolbar",
cls: "list-view-toolbar bi-border-top",
height: 30,
items: BI.createItems(text, {
type: "bi.text_button",
@ -7049,7 +7049,7 @@ BI.PopupPanel = BI.inherit(BI.MultiPopupView, {
});
return BI.createWidget({
type: "bi.htape",
cls: "popup-panel-title",
cls: "popup-panel-title bi-background bi-border",
height: 25,
items: [{
el: {
@ -7301,7 +7301,7 @@ BI.Panel = BI.inherit(BI.Widget,{
return {
el: {
type: "bi.left_right_vertical_adapt",
cls: "panel-title",
cls: "panel-title bi-tips",
height: 30,
items: {
left: [this.text],
@ -8625,7 +8625,7 @@ BI.DetailPager = BI.inherit(BI.Widget, {
type: "bi.button_group",
element: this,
items: BI.createItems(view, {
cls: "page-item",
cls: "page-item bi-border bi-list-item-active",
height: 23,
hgap: 10
}),
@ -8746,7 +8746,7 @@ BI.SegmentButton = BI.inherit(BI.BasicButton, {
_defaultConfig: function() {
var conf = BI.SegmentButton.superclass._defaultConfig.apply(this, arguments);
return BI.extend( conf, {
baseCls : (conf.baseCls ||"")+' bi-segment-button',
baseCls : (conf.baseCls ||"")+' bi-segment-button bi-list-item-active',
shadow: true,
readonly: true,
hgap: 10
@ -8804,10 +8804,15 @@ BI.Segment = BI.inherit(BI.Widget, {
this.buttonGroup = BI.createWidget({
element: this,
type: "bi.button_group",
items: BI.createItems(o.items, {
type: "bi.segment_button",
height: o.height - 2,
whiteSpace: o.whiteSpace
items: BI.map(o.items, function (i, item) {
return BI.extend({
type: "bi.segment_button",
height: o.height - 2,
whiteSpace: o.whiteSpace
}, item, {
cls: (i === 0 ? "bi-border-left " : "")
+ (item.cls || "") + " bi-border-top bi-border-right bi-border-bottom"
});
}),
layout: [
{
@ -11129,7 +11134,7 @@ BI.EditorTrigger = BI.inherit(BI.Trigger, {
_defaultConfig: function () {
var conf = BI.EditorTrigger.superclass._defaultConfig.apply(this, arguments);
return BI.extend(conf, {
baseCls: (conf.baseCls || "") + " bi-editor-trigger",
baseCls: (conf.baseCls || "") + " bi-editor-trigger bi-border",
height: 30,
validationChecker: BI.emptyFn,
quitChecker: BI.emptyFn,
@ -11296,7 +11301,7 @@ BI.SelectTextTrigger = BI.inherit(BI.Trigger, {
_defaultConfig: function () {
return BI.extend(BI.SelectTextTrigger.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-select-text-trigger",
baseCls: "bi-select-text-trigger bi-border",
height: 24
});
},
@ -11349,7 +11354,7 @@ BI.SmallSelectTextTrigger = BI.inherit(BI.Trigger, {
_defaultConfig: function () {
return BI.extend(BI.SmallSelectTextTrigger.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-small-select-text-trigger",
baseCls: "bi-small-select-text-trigger bi-border",
height: 20
});
},

187
docs/core.css

@ -2905,10 +2905,16 @@
/**** custom color(自定义颜色,用于特定场景) ****/
.base-disabled {
cursor: default !important;
color: #c4c6c6 !important;
color: #cccccc !important;
}
.base-disabled .b-font:before {
color: #c4c6c6 !important;
color: #cccccc !important;
}
.bi-theme-dark .base-disabled {
color: #666666 !important;
}
.bi-theme-dark .base-disabled .b-font:before {
color: #666666 !important;
}
.base-invalid {
cursor: default !important;
@ -2925,18 +2931,73 @@
.clearfix:after {
clear: both;
}
.bi-background {
background-color: #eff1f4;
color: #666666;
}
.bi-theme-dark .bi-background {
background-color: #191b2b;
color: #cccccc;
}
.bi-card {
background-color: #ffffff;
color: #666666;
}
.bi-theme-dark .bi-card {
background-color: #242640;
color: #cccccc;
}
.bi-disabled {
color: #cccccc;
}
.bi-theme-dark .bi-disabled {
color: #666666;
}
.bi-tips {
color: #999999;
}
.bi-border {
border: 1px solid #d4dadd;
}
.bi-theme-dark .bi-border {
border: 1px solid #525466;
}
.bi-border-left {
border-left: 1px solid #d4dadd;
}
.bi-theme-dark .bi-border-left {
border-left: 1px solid #525466;
}
.bi-border-right {
border-right: 1px solid #d4dadd;
}
.bi-theme-dark .bi-border-right {
border-right: 1px solid #525466;
}
.bi-border-top {
border-top: 1px solid #d4dadd;
}
.bi-theme-dark .bi-border-top {
border-top: 1px solid #525466;
}
.bi-border-bottom {
border-bottom: 1px solid #d4dadd;
}
.bi-theme-dark .bi-border-bottom {
border-bottom: 1px solid #525466;
}
.bi-keyword-red-mark {
color: #f07d0a;
}
.bi-high-light {
color: #009de3;
color: #3f8ce8;
}
.bi-water-mark {
color: #cccccc;
cursor: text;
}
.bi-tips {
color: #c4c6c6;
.bi-theme-dark .bi-water-mark {
color: #666666;
}
.bi-resizer {
background: #d8f3fe;
@ -2949,92 +3010,137 @@
opacity: 0.5;
filter: alpha(opacity=50);
}
.bi-theme-dark .bi-z-index-mask {
background-color: #ffffff;
}
.bi-list-item:hover,
.bi-list-item.hover {
background-color: #f4f4f4;
background-color: #eff1f4;
color: #1a1a1a;
}
.bi-list-item.disabled,
.bi-list-item.disabled:hover,
.bi-list-item.disabled:active {
background-color: transparent !important;
color: #cccccc !important;
}
.bi-theme-dark .bi-list-item:hover,
.bi-theme-dark .bi-list-item.hover {
background-color: #04070d;
background-color: #191b2b;
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 {
background-color: transparent !important;
color: #666666 !important;
}
.bi-list-item-simple:hover,
.bi-list-item-simple.hover {
color: #1a1a1a;
}
.bi-list-item-simple.disabled,
.bi-list-item-simple.disabled:hover,
.bi-list-item-simple.disabled:active {
color: #cccccc !important;
}
.bi-theme-dark .bi-list-item-simple:hover,
.bi-theme-dark .bi-list-item-simple.hover {
color: #ffffff;
}
.bi-theme-dark .bi-list-item-simple.disabled,
.bi-theme-dark .bi-list-item-simple.disabled:hover,
.bi-theme-dark .bi-list-item-simple.disabled:active {
color: #666666 !important;
}
.bi-list-item-effect:hover {
color: #1a1a1a;
}
.bi-list-item-effect.active,
.bi-list-item-effect:active {
color: #009de3;
color: #3f8ce8;
}
.bi-list-item-effect.disabled,
.bi-list-item-effect.disabled:hover,
.bi-list-item-effect.disabled:active {
color: #c4c6c6 !important;
color: #cccccc !important;
}
.bi-theme-dark .bi-list-item-effect:hover {
color: #ffffff;
}
.bi-theme-dark .bi-list-item-effect.active,
.bi-theme-dark .bi-list-item-effect:active {
color: #009de3;
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 {
color: #c4c6c6 !important;
background-color: transparent !important;
color: #666666 !important;
}
.bi-list-item-hover:hover,
.bi-list-item-hover.hover {
color: #009de3;
background-color: #f4f4f4;
color: #3f8ce8;
background-color: #eff1f4;
}
.bi-list-item-hover.disabled,
.bi-list-item-hover.disabled:hover,
.bi-list-item-hover.disabled:active {
color: #c4c6c6 !important;
color: #cccccc !important;
background-color: transparent !important;
}
.bi-theme-dark .bi-list-item-hover:hover,
.bi-theme-dark .bi-list-item-hover.hover {
color: #009de3;
background-color: #04070d;
color: #3f8ce8;
background-color: #191b2b;
}
.bi-theme-dark .bi-list-item-hover.disabled,
.bi-theme-dark .bi-list-item-hover.disabled:hover,
.bi-theme-dark .bi-list-item-hover.disabled:active {
color: #c4c6c6 !important;
background-color: transparent !important;
color: #666666 !important;
}
.bi-list-item-active:hover,
.bi-list-item-active.hover {
background-color: #f4f4f4;
color: #1a1a1a;
background-color: #eff1f4;
}
.bi-list-item-active.active,
.bi-list-item-active:active {
color: #009de3;
background-color: #f4f4f4;
color: #3f8ce8;
background-color: #eff1f4;
}
.bi-list-item-active.disabled,
.bi-list-item-active.disabled:hover,
.bi-list-item-active.disabled:active {
background-color: transparent !important;
color: #cccccc !important;
}
.bi-theme-dark .bi-list-item-active:hover,
.bi-theme-dark .bi-list-item-active.hover {
background-color: #04070d;
background-color: #191b2b;
color: #ffffff;
}
.bi-theme-dark .bi-list-item-active.active,
.bi-theme-dark .bi-list-item-active:active {
color: #009de3;
background-color: #04070d;
color: #3f8ce8;
background-color: #191b2b;
}
.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 {
background-color: transparent !important;
color: #666666 !important;
}
.bi-list-item-select:hover,
.bi-list-item-select.hover {
color: #009de3;
background-color: #f4f4f4;
color: #3f8ce8;
background-color: #eff1f4;
}
.bi-list-item-select:active,
.bi-list-item-select.active {
color: #ffffff;
background-color: #009de3;
background-color: #3f8ce8;
}
.bi-list-item-select:active .bi-high-light,
.bi-list-item-select.active .bi-high-light {
@ -3043,28 +3149,39 @@
.bi-list-item-select.disabled,
.bi-list-item-select.disabled:hover,
.bi-list-item-select.disabled:active {
color: #c4c6c6 !important;
color: #cccccc !important;
background-color: transparent !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 {
color: #c4c6c6 !important;
color: #cccccc !important;
}
.bi-theme-dark .bi-list-item-select:hover,
.bi-theme-dark .bi-list-item-select.hover {
color: #009de3;
background-color: #04070d;
color: #3f8ce8;
background-color: #eff1f4;
}
.bi-theme-dark .bi-list-item-select:active,
.bi-theme-dark .bi-list-item-select.active {
color: #ffffff;
background-color: #009de3;
background-color: #3f8ce8;
}
.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 .bi-list-item-select.disabled,
.bi-theme-dark .bi-list-item-select.disabled:hover,
.bi-theme-dark .bi-list-item-select.disabled:active {
background-color: transparent !important;
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 {
color: #666666 !important;
}
/*****************cursor*****************/
.cursor-pointer {
cursor: pointer;
@ -3141,10 +3258,6 @@
.horizon-left {
text-align: left;
}
.div-horizon-center {
margin-left: auto;
margin-right: auto;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
@ -3499,8 +3612,8 @@
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-theme-dark {
background-color: #191a2c;
color: #b2b2b2;
background-color: #191b2b;
color: #cccccc;
}
.bi-theme-dark .bi-input {
color: #ffffff;

7
docs/core.js

@ -16855,11 +16855,14 @@ BI.ScalingCellSizeAndPositionManager.prototype = {
element.__resizeTriggers__ = !element.removeChild(element.__resizeTriggers__);
}
}
}
};
BI.ResizeDetector = {
addResizeListener: function (widget, fn) {
addResizeListener(widget.element[0], fn);
return function () {
removeResizeListener(widget.element[0], fn);
}
},
removeResizeListener: function (widget, fn) {
removeResizeListener(widget.element[0], fn);
@ -22676,7 +22679,7 @@ $(function () {
//获取对比颜色
getContrastColor: function (color) {
if (this.isDarkColor(color)) {
return "#b2b2b2";
return "#ffffff";
}
return "#1a1a1a";
},

26
docs/demo.css

@ -1,15 +1,9 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.demo-face .face-config {
border-left: 1px solid #d4dadd;
}
.demo-face .face-config .config-label {
font-size: 14px;
}
.demo-face .face-config .config-item {
border-bottom: 1px solid #d4dadd;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
@ -58,10 +52,10 @@
background-color: #178cdf;
}
body {
background-color: #f3f3f3;
background-color: #eff1f4;
}
body.bi-theme-dark {
background-color: #191A2C;
background-color: #191B2B;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
@ -79,22 +73,6 @@ body.bi-theme-dark {
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.demo-preview .preview-title {
border-bottom: 1px solid #d4dadd;
}
.demo-preview .preview-card {
background-color: #ffffff;
}
.bi-theme-dark .demo-preview .preview-card {
background-color: #202237;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.demo-west {
background-color: #ffffff;
border-right: 1px solid #eaeaea;
}
.bi-theme-dark .demo-west {
background-color: #202237;
}

384
docs/demo.js

@ -4559,7 +4559,7 @@ BI.shortcut("demo.vtape", Demo.VtapeLayout);Demo.Face = BI.inherit(BI.Widget, {
var self = this;
return {
type: "bi.htape",
cls: "config-item",
cls: "config-item bi-border-bottom",
height: 40,
items: [this._createLabel("背景色:"), this._createColorPicker(function () {
self.backgroundColor = this;
@ -4573,7 +4573,7 @@ BI.shortcut("demo.vtape", Demo.VtapeLayout);Demo.Face = BI.inherit(BI.Widget, {
var self = this;
return {
type: "bi.htape",
cls: "config-item",
cls: "config-item bi-border-bottom",
height: 40,
items: [this._createLabel("字体颜色:"), this._createColorPicker(function () {
self.fontColor = this;
@ -4583,11 +4583,53 @@ BI.shortcut("demo.vtape", Demo.VtapeLayout);Demo.Face = BI.inherit(BI.Widget, {
}
},
_createActiveFontConfig: function () {
var self = this;
return {
type: "bi.htape",
cls: "config-item bi-border-bottom",
height: 40,
items: [this._createLabel("激活状态字体颜色:"), this._createColorPicker(function () {
self.activeFontColor = this;
}, function () {
self._runGlobalStyle();
})]
}
},
_createSelectFontConfig: function () {
var self = this;
return {
type: "bi.htape",
cls: "config-item bi-border-bottom",
height: 40,
items: [this._createLabel("选中状态字体颜色:"), this._createColorPicker(function () {
self.selectFontColor = this;
}, function () {
self._runGlobalStyle();
})]
}
},
_createGrayFontConfig: function () {
var self = this;
return {
type: "bi.htape",
cls: "config-item bi-border-bottom",
height: 40,
items: [this._createLabel("灰色字体颜色(用于Card2):"), this._createColorPicker(function () {
self.grayFontColor = this;
}, function () {
self._runGlobalStyle();
})]
}
},
_createDisableFontConfig: function () {
var self = this;
return {
type: "bi.htape",
cls: "config-item",
cls: "config-item bi-border-bottom",
height: 40,
items: [this._createLabel("灰化字体颜色:"), this._createColorPicker(function () {
self.disabledFontColor = this;
@ -4605,25 +4647,34 @@ BI.shortcut("demo.vtape", Demo.VtapeLayout);Demo.Face = BI.inherit(BI.Widget, {
}
},
_createCardBackgroundConfig: function () {
_createCard1BackgroundConfig: function () {
var self = this;
return {
type: "bi.htape",
cls: "config-item",
cls: "config-item bi-border-bottom",
height: 40,
items: [this._createLabel("Card背景颜色:"), this._createColorPicker(function () {
items: [this._createLabel("Card1背景颜色:"), this._createColorPicker(function () {
self.cardBackgroundColor = this;
}, function () {
self._runGlobalStyle();
})]
}
},
_createCard2BackgroundConfig: function () {
var self = this;
return {
type: "bi.htape",
cls: "config-item bi-border-bottom",
height: 40,
items: [this._createLabel("Card2背景颜色:无颜色")]
}
},
_createHoverBackgroundColor: function () {
var self = this;
return {
type: "bi.htape",
cls: "config-item",
cls: "config-item bi-border-bottom",
height: 40,
items: [this._createLabel("悬浮状态背景颜色:"), this._createColorPicker(function () {
self.hoverBackgroundColor = this;
@ -4637,7 +4688,7 @@ BI.shortcut("demo.vtape", Demo.VtapeLayout);Demo.Face = BI.inherit(BI.Widget, {
var self = this;
return {
type: "bi.htape",
cls: "config-item",
cls: "config-item bi-border-bottom",
height: 40,
items: [this._createLabel("激活状态背景颜色:"), this._createColorPicker(function () {
self.activeBackgroundColor = this;
@ -4647,25 +4698,163 @@ BI.shortcut("demo.vtape", Demo.VtapeLayout);Demo.Face = BI.inherit(BI.Widget, {
}
},
_createSelectBackgroundColor: function () {
var self = this;
return {
type: "bi.htape",
cls: "config-item bi-border-bottom",
height: 40,
items: [this._createLabel("选中状态背景颜色:"), this._createColorPicker(function () {
self.selectBackgroundColor = this;
}, function () {
self._runGlobalStyle();
})]
}
},
_createSlitColor: function () {
var self = this;
return {
type: "bi.htape",
cls: "config-item bi-border-bottom",
height: 40,
items: [this._createLabel("分割线颜色(只对左边的表格有效):"), this._createColorPicker(function () {
self.slitColor = this;
}, function () {
self._runGlobalStyle();
})]
}
},
_createBaseConfig: function () {
return {
type: "bi.vertical",
items: [this._createLabel("--通用配色--"),
this._createBackgroundConfig(),
this._createFontConfig(),
this._createActiveFontConfig(),
this._createSelectFontConfig(),
this._createGrayFontConfig(),
this._createDisableFontConfig(),
this._createCardBackgroundConfig(),
this._createCard1BackgroundConfig(),
this._createCard2BackgroundConfig(),
this._createHoverBackgroundColor(),
this._createActiveBackgroundColor()
this._createActiveBackgroundColor(),
this._createSelectBackgroundColor(),
this._createSlitColor()
]
}
},
_createButton1BackgroundConfig: function () {
var self = this;
return {
type: "bi.htape",
cls: "config-item bi-border-bottom",
height: 40,
items: [this._createLabel("按钮背景色1:"), this._createColorPicker(function () {
self.button1BackgroundColor = this;
}, function () {
self._runGlobalStyle();
}), {
width: 100,
el: {
type: "bi.vertical_adapt",
height: 40,
items: [{
type: "bi.button",
cls: "config-button1",
text: "测试按钮"
}]
}
}]
}
},
_createButton2BackgroundConfig: function () {
var self = this;
return {
type: "bi.htape",
cls: "config-item bi-border-bottom",
height: 40,
items: [this._createLabel("按钮背景色2:"), this._createColorPicker(function () {
self.button2BackgroundColor = this;
}, function () {
self._runGlobalStyle();
}), {
width: 100,
el: {
type: "bi.vertical_adapt",
height: 40,
items: [{
type: "bi.button",
level: "success",
cls: "config-button2",
text: "测试按钮"
}]
}
}]
}
},
_createButton3BackgroundConfig: function () {
var self = this;
return {
type: "bi.htape",
cls: "config-item bi-border-bottom",
height: 40,
items: [this._createLabel("按钮背景色3:"), this._createColorPicker(function () {
self.button3BackgroundColor = this;
}, function () {
self._runGlobalStyle();
}), {
width: 100,
el: {
type: "bi.vertical_adapt",
height: 40,
items: [{
type: "bi.button",
level: "warning",
cls: "config-button3",
text: "测试按钮"
}]
}
}]
}
},
_createButton4BackgroundConfig: function () {
var self = this;
return {
type: "bi.htape",
cls: "config-item bi-border-bottom",
height: 40,
items: [this._createLabel("按钮背景色4:"), this._createColorPicker(function () {
self.button4BackgroundColor = this;
}, function () {
self._runGlobalStyle();
}), {
width: 100,
el: {
type: "bi.vertical_adapt",
height: 40,
items: [{
type: "bi.button",
level: "ignore",
cls: "config-button4",
text: "测试按钮"
}]
}
}]
}
},
_createScrollBackgroundConfig: function () {
var self = this;
return {
type: "bi.htape",
cls: "config-item",
cls: "config-item bi-border-bottom",
height: 40,
items: [this._createLabel("滚动条底色:"), this._createColorPicker(function () {
self.scrollBackgroundColor = this;
@ -4679,7 +4868,7 @@ BI.shortcut("demo.vtape", Demo.VtapeLayout);Demo.Face = BI.inherit(BI.Widget, {
var self = this;
return {
type: "bi.htape",
cls: "config-item",
cls: "config-item bi-border-bottom",
height: 40,
items: [this._createLabel("滚动条thumb颜色:"), this._createColorPicker(function () {
self.scrollThumbColor = this;
@ -4693,7 +4882,7 @@ BI.shortcut("demo.vtape", Demo.VtapeLayout);Demo.Face = BI.inherit(BI.Widget, {
var self = this;
return {
type: "bi.htape",
cls: "config-item",
cls: "config-item bi-border-bottom",
height: 40,
items: [this._createLabel("下拉框背景颜色:"), this._createColorPicker(function () {
self.popupBackgroundColor = this;
@ -4798,7 +4987,7 @@ BI.shortcut("demo.vtape", Demo.VtapeLayout);Demo.Face = BI.inherit(BI.Widget, {
var self = this;
return {
type: "bi.htape",
cls: "config-item",
cls: "config-item bi-border-bottom",
height: 40,
items: [this._createLabel("弹出层蒙版颜色:"), this._createColorPicker(function () {
self.maskBackgroundColor = this;
@ -4824,6 +5013,10 @@ BI.shortcut("demo.vtape", Demo.VtapeLayout);Demo.Face = BI.inherit(BI.Widget, {
return {
type: "bi.vertical",
items: [this._createLabel("--一般配色--"),
this._createButton1BackgroundConfig(),
this._createButton2BackgroundConfig(),
this._createButton3BackgroundConfig(),
this._createButton4BackgroundConfig(),
this._createScrollBackgroundConfig(),
this._createScrollThumbConfig(),
this._createPopupBackgroundConfig(),
@ -4847,7 +5040,7 @@ BI.shortcut("demo.vtape", Demo.VtapeLayout);Demo.Face = BI.inherit(BI.Widget, {
row: 0,
el: {
type: "bi.vertical",
cls: "face-config",
cls: "face-config bi-border-left",
items: [this._createBaseConfig(),
this._createCommonConfig()]
}
@ -4870,24 +5063,36 @@ BI.shortcut("demo.vtape", Demo.VtapeLayout);Demo.Face = BI.inherit(BI.Widget, {
_runGlobalStyle: function () {
var backgroundColor = this.backgroundColor.getValue();
var fontColor = this.fontColor.getValue();
var activeFontColor = this.activeFontColor.getValue();
var selectFontColor = this.selectFontColor.getValue();
var grayFontColor = this.grayFontColor.getValue();
var disabledFontColor = this.disabledFontColor.getValue();
var cardBackgroundColor = this.cardBackgroundColor.getValue();
var hoverBackgroundColor = this.hoverBackgroundColor.getValue();
var activeBackgroundColor = this.activeBackgroundColor.getValue();
var selectBackgroundColor = this.selectBackgroundColor.getValue();
var slitColor = this.slitColor.getValue();
var button1BackgroundColor = this.button1BackgroundColor.getValue();
var button2BackgroundColor = this.button2BackgroundColor.getValue();
var button3BackgroundColor = this.button3BackgroundColor.getValue();
var button4BackgroundColor = this.button4BackgroundColor.getValue();
var scrollBackgroundColor = this.scrollBackgroundColor.getValue();
var scrollThumbColor = this.scrollThumbColor.getValue();
var popupBackgroundColor = this.popupBackgroundColor.getValue();
var maskBackgroundColor = this.maskBackgroundColor.getValue();
$("#wrapper").css({
backgroundColor: backgroundColor,
color: fontColor
});
$(".demo-west,.preview-card").css({
backgroundColor: cardBackgroundColor
});
this._setStyle({
".bi-background": {
"background-color": backgroundColor + "!important",
"color": fontColor + "!important"
},
".bi-card": {
"background-color": cardBackgroundColor + "!important"
},
".bi-tips": {
"color": grayFontColor + "!important"
},
"div::-webkit-scrollbar,.scrollbar-layout-main": {
"background-color": scrollBackgroundColor + "!important"
},
@ -4907,10 +5112,40 @@ BI.shortcut("demo.vtape", Demo.VtapeLayout);Demo.Face = BI.inherit(BI.Widget, {
"background-color": maskBackgroundColor + "!important"
},
".bi-list-item:hover,.bi-list-item-hover:hover,.bi-list-item-active:hover,.bi-list-item-select:hover,.bi-list-item-effect:hover": {
"background-color": hoverBackgroundColor
"background-color": hoverBackgroundColor + "!important"
},
".bi-list-item-active:active,.bi-list-item-select:active,.bi-list-item-effect:active": {
"background-color": activeBackgroundColor
"background-color": activeBackgroundColor + "!important",
"color": activeFontColor + "!important"
},
".bi-list-item-active.active,.bi-list-item-select.active,.bi-list-item-effect.active": {
"background-color": selectBackgroundColor + "!important",
"color": selectFontColor + "!important"
},
".bi-button": {
"background-color": button1BackgroundColor,
"border-color": button1BackgroundColor
},
".bi-button.button-success": {
"background-color": button2BackgroundColor,
"border-color": button2BackgroundColor
},
".bi-button.button-warning": {
"background-color": button3BackgroundColor,
"border-color": button3BackgroundColor
},
".bi-button.button-ignore": {
"background-color": button4BackgroundColor
},
".bi-collection-table-cell": {
"border-right-color": slitColor,
"border-bottom-color": slitColor
},
".bi-collection-table-cell.first-col": {
"border-left-color": slitColor
},
".bi-collection-table-cell.first-row": {
"border-top-color": slitColor
}
})
},
@ -4918,21 +5153,30 @@ BI.shortcut("demo.vtape", Demo.VtapeLayout);Demo.Face = BI.inherit(BI.Widget, {
mounted: function () {
this.backgroundColor.setValue("");
this.fontColor.setValue("");
this.activeFontColor.setValue("");
this.selectFontColor.setValue("");
this.grayFontColor.setValue("");
this.disabledFontColor.setValue("");
this.cardBackgroundColor.setValue("");
this.hoverBackgroundColor.setValue("");
this.activeBackgroundColor.setValue("");
this.selectBackgroundColor.setValue("");
this.button1BackgroundColor.setValue("");
this.button2BackgroundColor.setValue("");
this.button3BackgroundColor.setValue("");
this.button4BackgroundColor.setValue("");
this.scrollBackgroundColor.setValue("");
this.scrollThumbColor.setValue("");
this.popupBackgroundColor.setValue("");
this.maskBackgroundColor.setValue("");
this.slitColor.setValue("");
this._runGlobalStyle();
}
});
BI.shortcut("demo.face", Demo.Face);Demo.Main = BI.inherit(BI.Widget, {
props: {
baseCls: "demo-main"
baseCls: "demo-main bi-background"
},
render: function () {
var center;
@ -5049,47 +5293,73 @@ BI.shortcut("demo.north", Demo.North);Demo.Preview = BI.inherit(BI.Widget, {
}
}
return {
type: "bi.center",
type: "bi.absolute",
cls: "preview-background",
hgap: 100,
vgap: 100,
items: [{
type: "bi.vtape",
cls: "preview-card",
items: [{
el: {
el: {
type: "bi.left",
cls: "preview-header bi-tips",
height: 40,
items: [{
type: "bi.label",
cls: "preview-title",
height: 40,
text: "统计组件",
text: "Card2",
hgap: 10,
textAlign: "left"
},
height: 40
}, {
type: "bi.center_adapt",
scrollable: true,
}, {
type: "bi.icon_text_item",
cls: "filter-font",
text: "测试图标",
width: 100,
height: 40
}]
},
left: 60,
right: 60,
top: 60
}, {
el: {
type: "bi.vtape",
cls: "preview-card bi-card",
items: [{
type: "bi.resizable_table",
el: {
type: "bi.collection_table"
},
width: 500,
height: 400,
isResizeAdapt: true,
isNeedResize: true,
isNeedMerge: true,
mergeCols: [0, 1],
mergeRule: function (col1, col2) {
return BI.isEqual(col1, col2);
type: "bi.label",
cls: "preview-title bi-border-bottom",
height: 40,
text: "Card1",
hgap: 10,
textAlign: "left"
},
isNeedFreeze: true,
freezeCols: [0, 1],
columnSize: columnSize,
items: items,
header: header
height: 40
}, {
type: "bi.center_adapt",
scrollable: true,
items: [{
type: "bi.resizable_table",
el: {
type: "bi.collection_table"
},
width: 500,
height: 400,
isResizeAdapt: true,
isNeedResize: true,
isNeedMerge: true,
mergeCols: [0, 1],
mergeRule: function (col1, col2) {
return BI.isEqual(col1, col2);
},
isNeedFreeze: true,
freezeCols: [0, 1],
columnSize: columnSize,
items: items,
header: header
}]
}]
}]
},
left: 60,
right: 60,
top: 160,
bottom: 60
}]
}
},
@ -5098,7 +5368,7 @@ BI.shortcut("demo.north", Demo.North);Demo.Preview = BI.inherit(BI.Widget, {
});
BI.shortcut("demo.preview", Demo.Preview);Demo.West = BI.inherit(BI.Widget, {
props: {
baseCls: "demo-west"
baseCls: "demo-west bi-border-right bi-card"
},
render: function () {
var self = this;

285
docs/resource.css

@ -41,7 +41,7 @@ body {
-ms-user-select: none;
-o-user-select: none;
user-select: none;
color: #1a1a1a;
color: #666666;
font: normal 12px "Microsoft YaHei", "Hiragino Sans GB W3";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
@ -73,7 +73,11 @@ textarea {
margin: 0;
padding: 0;
outline: none;
border: 1px solid #cccccc;
border: 1px solid #d4dadd;
}
.bi-theme-dark input,
.bi-theme-dark textarea {
border: 1px solid #525466;
}
ul,
ol {
@ -95,7 +99,7 @@ i {
div::-webkit-scrollbar,
textarea::-webkit-scrollbar {
-webkit-appearance: none;
background-color: #f4f4f4;
background-color: rgba(102, 102, 102, 0.05);
width: 6px;
height: 6px;
}
@ -104,12 +108,12 @@ textarea::-webkit-scrollbar-thumb {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background-color: #e2e2e2;
background-color: rgba(102, 102, 102, 0.3);
}
.bi-theme-dark div::-webkit-scrollbar,
.bi-theme-dark textarea::-webkit-scrollbar {
-webkit-appearance: none;
background-color: rgba(255, 255, 255, 0.1);
background-color: rgba(204, 204, 204, 0.05);
width: 6px;
height: 6px;
}
@ -118,7 +122,7 @@ textarea::-webkit-scrollbar-thumb {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background-color: #7d7d7d;
background-color: rgba(204, 204, 204, 0.3);
}
.base-line-conn-background {
background: url('icon/tree-vertical-line-1.png') repeat-y 0 0;
@ -1084,7 +1088,7 @@ textarea::-webkit-scrollbar-thumb {
}
.dot-e-font:active .b-font:before {
content: "\e606";
color: #009de3;
color: #3f8ce8;
}
.dot-e-font.native .b-font:before,
.dot-e-font.disabled .b-font:before {
@ -1571,12 +1575,12 @@ textarea::-webkit-scrollbar-thumb {
}
.classify-font .b-font:before {
content: "\e694";
color: #009de3;
color: #3f8ce8;
}
.classify-font.native .b-font:before,
.classify-font.disabled .b-font:before {
content: "\e694";
color: #009de3;
color: #3f8ce8;
}
.series-font .b-font:before {
content: "\e695";
@ -1591,93 +1595,93 @@ textarea::-webkit-scrollbar-thumb {
/** dashboard组件/控件 下拉列表图标字体 ~begin~**/
.link-to-widget-h-font .b-font:before {
content: "\e600";
color: #808080;
color: #999999;
}
.link-to-widget-h-font:hover .b-font:before,
.link-to-widget-h-font:focus .b-font:before,
.link-to-widget-h-font.hover .b-font:before {
content: "\e600";
color: #009de3;
color: #3f8ce8;
}
.link-to-widget-h-font.native .b-font:before,
.link-to-widget-h-font.disabled .b-font:before {
content: "\e600";
color: #808080;
color: #999999;
}
.link-to-detail-h-font .b-font:before {
content: "\e600";
color: #808080;
color: #999999;
}
.link-to-detail-h-font:hover .b-font:before,
.link-to-detail-h-font:focus .b-font:before,
.link-to-detail-h-font.hover .b-font:before {
content: "\e600";
color: #009de3;
color: #3f8ce8;
}
.link-to-detail-h-font.native .b-font:before,
.link-to-detail-h-font.disabled .b-font:before {
content: "\e600";
color: #808080;
color: #999999;
}
.detail-setting-h-font .b-font:before {
content: "\e600";
color: #808080;
color: #999999;
}
.detail-setting-h-font:hover .b-font:before,
.detail-setting-h-font:focus .b-font:before,
.detail-setting-h-font.hover .b-font:before {
content: "\e600";
color: #009de3;
color: #3f8ce8;
}
.detail-setting-h-font.native .b-font:before,
.detail-setting-h-font.disabled .b-font:before {
content: "\e600";
color: #808080;
color: #999999;
}
.export-to-excel-h-font .b-font:before {
content: "\e600";
color: #808080;
color: #999999;
}
.export-to-excel-h-font:hover .b-font:before,
.export-to-excel-h-font:focus .b-font:before,
.export-to-excel-h-font.hover .b-font:before {
content: "\e600";
color: #009de3;
color: #3f8ce8;
}
.export-to-excel-h-font.native .b-font:before,
.export-to-excel-h-font.disabled .b-font:before {
content: "\e600";
color: #808080;
color: #999999;
}
.widget-copy-h-font .b-font:before {
content: "\e610";
color: #808080;
color: #999999;
}
.widget-copy-h-font:hover .b-font:before,
.widget-copy-h-font:focus .b-font:before,
.widget-copy-h-font.hover .b-font:before {
content: "\e610";
color: #009de3;
color: #3f8ce8;
}
.widget-copy-h-font.native .b-font:before,
.widget-copy-h-font.disabled .b-font:before {
content: "\e610";
color: #808080;
color: #999999;
}
.widget-delete-h-font .b-font:before {
content: "\e605";
color: #808080;
color: #999999;
}
.widget-delete-h-font:hover .b-font:before,
.widget-delete-h-font:focus .b-font:before,
.widget-delete-h-font.hover .b-font:before {
content: "\e605";
color: #009de3;
color: #3f8ce8;
}
.widget-delete-h-font.native .b-font:before,
.widget-delete-h-font.disabled .b-font:before {
content: "\e605";
color: #808080;
color: #999999;
}
/** dashboard组件/控件 下拉列表图标字体 ~end~**/
.tree-node-triangle-expand-font .b-font:before {
@ -1760,23 +1764,23 @@ textarea::-webkit-scrollbar-thumb {
}
.trigger-triangle-font .b-font:before {
content: "\e66a";
color: #808080;
color: #999999;
}
.trigger-triangle-font:hover .b-font:before,
.trigger-triangle-font:focus .b-font:before,
.trigger-triangle-font.hover .b-font:before {
content: "\e66a";
color: #808080;
color: #999999;
}
.trigger-triangle-font:active .b-font:before,
.trigger-triangle-font.active .b-font:before {
content: "\e66a";
color: #009de3;
color: #3f8ce8;
}
.trigger-triangle-font.native .b-font:before,
.trigger-triangle-font.disabled .b-font:before {
content: "\e66a";
color: #808080;
color: #999999;
}
.widget-date-next-h-font .b-font:before {
content: "\e62f";
@ -2637,21 +2641,21 @@ textarea::-webkit-scrollbar-thumb {
}
.check-font .b-font:before {
content: "\e611";
color: #009de3;
color: #3f8ce8;
}
.check-font.native .b-font:before,
.check-font.disabled .b-font:before {
content: "\e611";
color: #009de3;
color: #3f8ce8;
}
.move2group-add-font .b-font:before {
content: "\e649";
color: #009de3;
color: #3f8ce8;
}
.move2group-add-font.native .b-font:before,
.move2group-add-font.disabled .b-font:before {
content: "\e649";
color: #009de3;
color: #3f8ce8;
}
.select-data-field-calc-font .b-font:before {
content: "\e6a3";
@ -2762,23 +2766,23 @@ textarea::-webkit-scrollbar-thumb {
}
.select-data-preview-font .b-font:before {
content: "\e65f";
color: #808080;
color: #999999;
}
.select-data-preview-font:hover .b-font:before,
.select-data-preview-font:focus .b-font:before,
.select-data-preview-font.hover .b-font:before {
content: "\e65f";
color: #009de3;
color: #3f8ce8;
}
.select-data-preview-font:active .b-font:before,
.select-data-preview-font.active .b-font:before {
content: "\e65f";
color: #009de3;
color: #3f8ce8;
}
.select-data-preview-font.native .b-font:before,
.select-data-preview-font.disabled .b-font:before {
content: "\e65f";
color: #808080;
color: #999999;
}
.detail-dimension-set-font .b-font:before {
content: "\e678";
@ -2812,63 +2816,63 @@ textarea::-webkit-scrollbar-thumb {
}
.select-group-field-string-font .b-font:before {
content: "\e642";
color: #009de3;
color: #3f8ce8;
}
.select-group-field-string-font:hover .b-font:before,
.select-group-field-string-font:focus .b-font:before,
.select-group-field-string-font.hover .b-font:before {
content: "\e642";
color: #009de3;
color: #3f8ce8;
}
.select-group-field-string-font:active .b-font:before,
.select-group-field-string-font.active .b-font:before {
content: "\e642";
color: #009de3;
color: #3f8ce8;
}
.select-group-field-string-font.native .b-font:before,
.select-group-field-string-font.disabled .b-font:before {
content: "\e642";
color: #009de3;
color: #3f8ce8;
}
.select-group-field-number-font .b-font:before {
content: "\e641";
color: #009de3;
color: #3f8ce8;
}
.select-group-field-number-font:hover .b-font:before,
.select-group-field-number-font:focus .b-font:before,
.select-group-field-number-font.hover .b-font:before {
content: "\e641";
color: #009de3;
color: #3f8ce8;
}
.select-group-field-number-font:active .b-font:before,
.select-group-field-number-font.active .b-font:before {
content: "\e641";
color: #009de3;
color: #3f8ce8;
}
.select-group-field-number-font.native .b-font:before,
.select-group-field-number-font.disabled .b-font:before {
content: "\e641";
color: #009de3;
color: #3f8ce8;
}
.select-group-field-date-font .b-font:before {
content: "\e640";
color: #009de3;
color: #3f8ce8;
}
.select-group-field-date-font:hover .b-font:before,
.select-group-field-date-font:focus .b-font:before,
.select-group-field-date-font.hover .b-font:before {
content: "\e640";
color: #009de3;
color: #3f8ce8;
}
.select-group-field-date-font:active .b-font:before,
.select-group-field-date-font.active .b-font:before {
content: "\e640";
color: #009de3;
color: #3f8ce8;
}
.select-group-field-date-font.native .b-font:before,
.select-group-field-date-font.disabled .b-font:before {
content: "\e640";
color: #009de3;
color: #3f8ce8;
}
.dashboard-widget-combo-detail-set-font .b-font:before {
content: "\e634";
@ -2986,39 +2990,39 @@ textarea::-webkit-scrollbar-thumb {
}
.img-upload-font .b-font:before {
content: "\e6ba";
color: #009de3;
color: #3f8ce8;
}
.img-upload-font.native .b-font:before,
.img-upload-font.disabled .b-font:before {
content: "\e6ba";
color: #009de3;
color: #3f8ce8;
}
.img-size-font .b-font:before {
content: "\e68b";
color: #009de3;
color: #3f8ce8;
}
.img-size-font.native .b-font:before,
.img-size-font.disabled .b-font:before {
content: "\e68b";
color: #009de3;
color: #3f8ce8;
}
.img-href-font .b-font:before {
content: "\e688";
color: #009de3;
color: #3f8ce8;
}
.img-href-font.native .b-font:before,
.img-href-font.disabled .b-font:before {
content: "\e688";
color: #009de3;
color: #3f8ce8;
}
.img-shutdown-font .b-font:before {
content: "\e689";
color: #009de3;
color: #3f8ce8;
}
.img-shutdown-font.native .b-font:before,
.img-shutdown-font.disabled .b-font:before {
content: "\e689";
color: #009de3;
color: #3f8ce8;
}
.move-font .b-font:before {
content: "\e65e";
@ -3058,12 +3062,12 @@ textarea::-webkit-scrollbar-thumb {
}
.folder-font .b-font:before {
content: "\e65c";
color: #009de3;
color: #3f8ce8;
}
.folder-font.native .b-font:before,
.folder-font.disabled .b-font:before {
content: "\e65c";
color: #009de3;
color: #3f8ce8;
}
.letter-font .b-font:before {
content: "\e659";
@ -3116,12 +3120,12 @@ textarea::-webkit-scrollbar-thumb {
}
.delete-template-font .b-font:before {
content: "\e605";
color: #808080;
color: #999999;
}
.delete-template-font.native .b-font:before,
.delete-template-font.disabled .b-font:before {
content: "\e605";
color: #808080;
color: #999999;
}
.real-time-font .b-font:before {
content: "\e6af";
@ -3134,13 +3138,13 @@ textarea::-webkit-scrollbar-thumb {
}
.data-source-table-font .b-font:before {
content: "\e67b";
color: #009de3;
color: #3f8ce8;
}
.data-source-table-font:hover .b-font:before,
.data-source-table-font:focus .b-font:before,
.data-source-table-font.hover .b-font:before {
content: "\e67b";
color: #009de3;
color: #3f8ce8;
}
.data-source-table-font:active .b-font:before,
.data-source-table-font.active .b-font:before {
@ -3150,17 +3154,17 @@ textarea::-webkit-scrollbar-thumb {
.data-source-table-font.native .b-font:before,
.data-source-table-font.disabled .b-font:before {
content: "\e67b";
color: #009de3;
color: #3f8ce8;
}
.etl-table-font .b-font:before {
content: "\e680";
color: #009de3;
color: #3f8ce8;
}
.etl-table-font:hover .b-font:before,
.etl-table-font:focus .b-font:before,
.etl-table-font.hover .b-font:before {
content: "\e680";
color: #009de3;
color: #3f8ce8;
}
.etl-table-font:active .b-font:before,
.etl-table-font.active .b-font:before {
@ -3170,17 +3174,17 @@ textarea::-webkit-scrollbar-thumb {
.etl-table-font.native .b-font:before,
.etl-table-font.disabled .b-font:before {
content: "\e680";
color: #009de3;
color: #3f8ce8;
}
.excel-table-font .b-font:before {
content: "\e682";
color: #009de3;
color: #3f8ce8;
}
.excel-table-font:hover .b-font:before,
.excel-table-font:focus .b-font:before,
.excel-table-font.hover .b-font:before {
content: "\e682";
color: #009de3;
color: #3f8ce8;
}
.excel-table-font:active .b-font:before,
.excel-table-font.active .b-font:before {
@ -3190,17 +3194,17 @@ textarea::-webkit-scrollbar-thumb {
.excel-table-font.native .b-font:before,
.excel-table-font.disabled .b-font:before {
content: "\e682";
color: #009de3;
color: #3f8ce8;
}
.sql-table-font .b-font:before {
content: "\e681";
color: #009de3;
color: #3f8ce8;
}
.sql-table-font:hover .b-font:before,
.sql-table-font:focus .b-font:before,
.sql-table-font.hover .b-font:before {
content: "\e681";
color: #009de3;
color: #3f8ce8;
}
.sql-table-font:active .b-font:before,
.sql-table-font.active .b-font:before {
@ -3210,7 +3214,7 @@ textarea::-webkit-scrollbar-thumb {
.sql-table-font.native .b-font:before,
.sql-table-font.disabled .b-font:before {
content: "\e681";
color: #009de3;
color: #3f8ce8;
}
.refresh-table-font .b-font:before {
content: "\e683";
@ -3223,12 +3227,12 @@ textarea::-webkit-scrollbar-thumb {
}
.recover-chart-font-hightlight .b-font:before {
content: "\e6b4";
color: #009de3;
color: #3f8ce8;
}
.recover-chart-font-hightlight.native .b-font:before,
.recover-chart-font-hightlight.disabled .b-font:before {
content: "\e6b4";
color: #009de3;
color: #3f8ce8;
}
.tables-tile-view-font .b-font:before {
content: "\e685";
@ -3292,7 +3296,7 @@ textarea::-webkit-scrollbar-thumb {
.data-link-check-font:active .b-font:before,
.data-link-check-font.active .b-font:before {
content: "\e611";
color: #009de3;
color: #3f8ce8;
}
.data-link-check-font.native .b-font:before,
.data-link-check-font.disabled .b-font:before {
@ -3566,30 +3570,30 @@ textarea::-webkit-scrollbar-thumb {
}
.calculate-function-font .b-font:before {
content: "\e6a3";
color: #1a1a1a;
color: #666666;
}
.calculate-function-font.native .b-font:before,
.calculate-function-font.disabled .b-font:before {
content: "\e6a3";
color: #1a1a1a;
color: #666666;
}
.path-set-doubt .b-font:before {
content: "\e69a";
color: #009de3;
color: #3f8ce8;
}
.path-set-doubt.native .b-font:before,
.path-set-doubt.disabled .b-font:before {
content: "\e69a";
color: #009de3;
color: #3f8ce8;
}
.rename-report-font .b-font:before {
content: "\e687";
color: #009de3;
color: #3f8ce8;
}
.rename-report-font.native .b-font:before,
.rename-report-font.disabled .b-font:before {
content: "\e687";
color: #009de3;
color: #3f8ce8;
}
.remove-report-font .b-font:before {
content: "\e605";
@ -3602,66 +3606,66 @@ textarea::-webkit-scrollbar-thumb {
}
.excel-upload-tip-font .b-font:before {
content: "\e69e";
color: #009de3;
color: #3f8ce8;
}
.excel-upload-tip-font.native .b-font:before,
.excel-upload-tip-font.disabled .b-font:before {
content: "\e69e";
color: #009de3;
color: #3f8ce8;
}
.excel-field-type-string-font .b-font:before {
content: "\e622";
color: #009de3;
color: #3f8ce8;
}
.excel-field-type-string-font.native .b-font:before,
.excel-field-type-string-font.disabled .b-font:before {
content: "\e622";
color: #009de3;
color: #3f8ce8;
}
.excel-field-type-number-font .b-font:before {
content: "\e61f";
color: #009de3;
color: #3f8ce8;
}
.excel-field-type-number-font.native .b-font:before,
.excel-field-type-number-font.disabled .b-font:before {
content: "\e61f";
color: #009de3;
color: #3f8ce8;
}
.excel-field-type-date-font .b-font:before {
content: "\e61b";
color: #009de3;
color: #3f8ce8;
}
.excel-field-type-date-font.native .b-font:before,
.excel-field-type-date-font.disabled .b-font:before {
content: "\e61b";
color: #009de3;
color: #3f8ce8;
}
.excel-field-type-pull-down-font .b-font:before {
content: "\e608";
color: #009de3;
color: #3f8ce8;
}
.excel-field-type-pull-down-font.native .b-font:before,
.excel-field-type-pull-down-font.disabled .b-font:before {
content: "\e608";
color: #009de3;
color: #3f8ce8;
}
.data-link-set-font .b-font:before {
content: "\e678";
color: #009de3;
color: #3f8ce8;
}
.data-link-set-font.native .b-font:before,
.data-link-set-font.disabled .b-font:before {
content: "\e678";
color: #009de3;
color: #3f8ce8;
}
.data-link-test-font .b-font:before {
content: "\e686";
color: #009de3;
color: #3f8ce8;
}
.data-link-test-font.native .b-font:before,
.data-link-test-font.disabled .b-font:before {
content: "\e686";
color: #009de3;
color: #3f8ce8;
}
.data-link-copy-font .b-font:before {
content: "\e610";
@ -3755,57 +3759,57 @@ textarea::-webkit-scrollbar-thumb {
}
.task-list-font .b-font:before {
content: "\e694";
color: #009de3;
color: #3f8ce8;
}
.task-list-font.native .b-font:before,
.task-list-font.disabled .b-font:before {
content: "\e694";
color: #009de3;
color: #3f8ce8;
}
.widget-combo-detail-font .b-font:before {
content: "\e697";
color: #009de3;
color: #3f8ce8;
}
.widget-combo-detail-font.native .b-font:before,
.widget-combo-detail-font.disabled .b-font:before {
content: "\e697";
color: #009de3;
color: #3f8ce8;
}
.widget-combo-pull-down-font .b-font:before {
content: "\e6ab";
color: #009de3;
color: #3f8ce8;
}
.widget-combo-pull-down-font.native .b-font:before,
.widget-combo-pull-down-font.disabled .b-font:before {
content: "\e6ab";
color: #009de3;
color: #3f8ce8;
}
.widget-tools-filter-font .b-font:before {
content: "\e60f";
color: #009de3;
color: #3f8ce8;
}
.widget-tools-filter-font.native .b-font:before,
.widget-tools-filter-font.disabled .b-font:before {
content: "\e60f";
color: #009de3;
color: #3f8ce8;
}
.widget-tools-clear-font .b-font:before {
content: "\e63d";
color: #009de3;
color: #3f8ce8;
}
.widget-tools-clear-font.native .b-font:before,
.widget-tools-clear-font.disabled .b-font:before {
content: "\e63d";
color: #009de3;
color: #3f8ce8;
}
.widget-tools-export-excel-font .b-font:before {
content: "\e635";
color: #009de3;
color: #3f8ce8;
}
.widget-tools-export-excel-font.native .b-font:before,
.widget-tools-export-excel-font.disabled .b-font:before {
content: "\e635";
color: #009de3;
color: #3f8ce8;
}
.widget-combo-expand-font .b-font:before {
content: "\e697";
@ -3977,21 +3981,21 @@ textarea::-webkit-scrollbar-thumb {
}
.report-apply-hangout-normal-font .b-font:before {
content: "\e66d";
color: #808080;
color: #999999;
}
.report-apply-hangout-normal-font.native .b-font:before,
.report-apply-hangout-normal-font.disabled .b-font:before {
content: "\e66d";
color: #808080;
color: #999999;
}
.report-apply-hangout-ing-font .b-font:before {
content: "\e66d";
color: #009de3;
color: #3f8ce8;
}
.report-apply-hangout-ing-font.native .b-font:before,
.report-apply-hangout-ing-font.disabled .b-font:before {
content: "\e66d";
color: #009de3;
color: #3f8ce8;
}
.report-hangout-font .b-font:before {
content: "\e64b";
@ -4004,21 +4008,21 @@ textarea::-webkit-scrollbar-thumb {
}
.report-cancel-hangout-font .b-font:before {
content: "\e64b";
color: #808080;
color: #999999;
}
.report-cancel-hangout-font.native .b-font:before,
.report-cancel-hangout-font.disabled .b-font:before {
content: "\e64b";
color: #808080;
color: #999999;
}
.report-hangout-ing-mark-font .b-font:before {
content: "\e64b";
color: #009de3;
color: #3f8ce8;
}
.report-hangout-ing-mark-font.native .b-font:before,
.report-hangout-ing-mark-font.disabled .b-font:before {
content: "\e64b";
color: #009de3;
color: #3f8ce8;
}
.delete-font-package .b-font:before {
content: "\e605";
@ -4040,30 +4044,30 @@ textarea::-webkit-scrollbar-thumb {
}
.rename-font-package .b-font:before {
content: "\e687";
color: #009de3;
color: #3f8ce8;
}
.rename-font-package.native .b-font:before,
.rename-font-package.disabled .b-font:before {
content: "\e687";
color: #009de3;
color: #3f8ce8;
}
.package-selected-font .b-font:before {
content: "\e6b3";
color: #178cdf;
color: #3f8ce8;
}
.package-selected-font.native .b-font:before,
.package-selected-font.disabled .b-font:before {
content: "\e6b3";
color: #178cdf;
color: #3f8ce8;
}
.package-not-selected-font .b-font:before {
content: "\e6b2";
color: #178cdf;
color: #3f8ce8;
}
.package-not-selected-font.native .b-font:before,
.package-not-selected-font.disabled .b-font:before {
content: "\e6b2";
color: #178cdf;
color: #3f8ce8;
}
.report-detail-info-font .b-font:before {
content: "\e66e";
@ -4085,12 +4089,12 @@ textarea::-webkit-scrollbar-thumb {
}
.report-cancel-share-font .b-font:before {
content: "\e6b5";
color: #009de3;
color: #3f8ce8;
}
.report-cancel-share-font.native .b-font:before,
.report-cancel-share-font.disabled .b-font:before {
content: "\e6b5";
color: #009de3;
color: #3f8ce8;
}
.drill-push-up-font .b-font:before {
content: "\e630";
@ -6695,3 +6699,32 @@ ul.ztree.zTreeDragUL {
padding:0;
background:none;
}*/
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-display-tree .ztree * {
color: #999999;
}
.bi-display-tree .ztree li span.button.switch.center_open {
background-image: url("/icon/tree-vertical-line-3.png");
}
.bi-display-tree .ztree li span.button.switch.roots_open {
background-image: url("/icon/tree-vertical-line-2.png");
}
.bi-display-tree .ztree li span.button.switch.bottom_open {
background-image: url("/icon/tree-vertical-line-4.png");
}
.bi-display-tree .ztree li a,
.bi-display-tree .ztree li span {
cursor: default !important;
}
.bi-display-tree .ztree li a:hover {
text-decoration: none;
}
.bi-display-tree .ztree li a.curSelectedNode {
padding-top: 1px;
border: none;
background-color: inherit;
opacity: 1;
filter: alpha(opacity=100);
}

236
docs/widget.css

@ -10,8 +10,7 @@
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-arrangement .arrangement-helper {
border: 1px solid #d4dadd;
background: #009de3;
background: #3f8ce8;
z-index: 1000000000;
}
.bi-arrangement .arrangement-block {
@ -25,7 +24,7 @@
}
.bi-arrangement .arrangement-drop-container .drop-devider {
z-index: 1000000001;
background: #009de3;
background: #3f8ce8;
}
.bi-arrangement .arrangement-drop-container .top-left,
.bi-arrangement .arrangement-drop-container .top-right,
@ -44,7 +43,7 @@
.bi-arrangement .arrangement-drop-container .left-center-second,
.bi-arrangement .arrangement-drop-container .right-center-second {
z-index: 1000000001;
background: #009de3;
background: #3f8ce8;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
@ -131,7 +130,6 @@
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-date-trigger {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
@ -139,9 +137,6 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-down-list-combo .bi-down-list-spliter {
border-top: 1px solid #eaeaea;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
@ -155,14 +150,16 @@
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-excel-table > div.bottom-right > div > div > table {
border-right: 1px solid #eaeaea;
border-right: 1px solid #d4dadd;
}
.bi-theme-dark .bi-excel-table > div.bottom-right > div > div > table {
border-right: 1px solid #525466;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-excel-table-header-cell {
font-weight: bold;
background-color: #eaeaea;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
@ -170,15 +167,9 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-file-manager-file-item {
border-bottom: 1px solid #d4dadd;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-file-manager-folder-item {
border-bottom: 1px solid #d4dadd;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
@ -187,35 +178,30 @@
background: #ffffff;
}
.bi-file-manager-nav-button .file-manager-nav-button-text.active {
background-color: #f4f4f4;
color: #808080;
background-color: #eff1f4;
color: #999999;
}
.bi-file-manager-nav-button .file-manager-nav-button-triangle {
z-index: 1;
}
.bi-theme-dark .bi-file-manager-nav-button .file-manager-nav-button-text {
background: #242640;
}
.bi-theme-dark .bi-file-manager-nav-button .file-manager-nav-button-text.active {
background-color: #191b2b;
color: #999999;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-file-manager-nav {
border-left: 1px solid #d4dadd;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-fine-tuning-number-editor {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.bi-fine-tuning-number-editor .top-button {
border-left: 1px solid #d4dadd;
border-bottom: 1px solid #d4dadd;
}
.bi-fine-tuning-number-editor .bottom-button {
border-top: 1px solid #d4dadd;
border-left: 1px solid #d4dadd;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
@ -228,26 +214,20 @@
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-image-button-size .image-button-size-button-group {
font-size: 12px;
color: #1a1a1a;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-upload-image .upload-image-text-button-label {
font-size: 14px;
color: #c4c6c6;
color: #999999;
}
.bi-upload-image .upload-image-icon-button {
z-index: 1;
font-size: 16px;
background-color: #ffffff;
}
.bi-upload-image .upload-image-delete-label {
font-size: 14px;
color: #1a1a1a;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
@ -269,7 +249,6 @@
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-month-trigger {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
@ -277,40 +256,26 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-select-check-pane {
background-color: #f4f4f4;
}
.bi-multi-select-check-pane .multi-select-check-selected {
color: #009de3;
color: #3f8ce8;
text-decoration: underline;
}
.bi-theme-dark .bi-multi-select-check-pane {
background-color: #191a2c;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-display-list .display-list-item {
color: #808080;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-select-combo .multi-select-trigger-icon-button {
border-left: 1px solid #d4dadd;
font-size: 16px;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-select-popup-view .multi-select-no-toolbar {
color: #c4c6c6;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-select-trigger {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
@ -318,9 +283,6 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-select-search-pane {
background: #ffffff;
}
.bi-multi-select-search-pane .multi-select-toolbar {
color: #e85050;
}
@ -328,32 +290,17 @@
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-select-check-selected-button {
border: 1px solid #009de3;
-webkit-border-radius: 8px 8px 8px 8px;
-moz-border-radius: 8px 8px 8px 8px;
border-radius: 8px 8px 8px 8px;
color: #009de3;
color: #3f8ce8;
z-index: 1;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-string-list .popup-multi-string-list {
border-left: 1px solid #d4dadd;
border-right: 1px solid #d4dadd;
border-bottom: 1px solid #d4dadd;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-tree-check-pane {
background-color: #f4f4f4;
}
.bi-multi-tree-check-pane .multi-tree-check-selected {
color: #009de3;
}
.bi-theme-dark .bi-multi-tree-check-pane {
background-color: #191a2c;
color: #3f8ce8;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
@ -362,29 +309,6 @@
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-tree-combo .multi-select-trigger-icon-button {
border-left: 1px solid #d4dadd;
font-size: 16px;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-tree-trigger {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
}
.bi-multi-tree-trigger .trigger-check-selected {
border: 1px solid #009de3;
-webkit-border-radius: 8px 8px 8px 8px;
-moz-border-radius: 8px 8px 8px 8px;
border-radius: 8px 8px 8px 8px;
color: #009de3;
background-color: #ffffff;
z-index: 1;
}
.bi-multi-tree-trigger .trigger-icon-button {
border-left: 1px solid #d4dadd;
font-size: 16px;
}
/****添加计算宽度的--运算符直接需要space****/
@ -396,48 +320,20 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-tree-search-pane {
background: #ffffff;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-tree-trigger {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
}
.bi-multi-tree-trigger .trigger-icon-button {
border-left: 1px solid #d4dadd;
font-size: 16px;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-tree-check-selected-button .trigger-check-selected {
border: 1px solid #009de3;
-webkit-border-radius: 8px 8px 8px 8px;
-moz-border-radius: 8px 8px 8px 8px;
border-radius: 8px 8px 8px 8px;
color: #009de3;
color: #3f8ce8;
z-index: 1;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-tree-list-popup {
border-left: 1px solid #d4dadd;
border-right: 1px solid #d4dadd;
border-bottom: 1px solid #d4dadd;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-numerical-interval .numerical-interval-small-editor {
border-top: 1px solid #d4dadd;
border-bottom: 1px solid #d4dadd;
border-left: 1px solid #d4dadd;
-moz-border-radius-topleft: 2px;
-webkit-border-top-left-radius: 2px;
-moz-border-radius-bottomleft: 2px;
@ -446,9 +342,6 @@
border-bottom-left-radius: 2px;
}
.bi-numerical-interval .numerical-interval-big-editor {
border-top: 1px solid #d4dadd;
border-bottom: 1px solid #d4dadd;
border-right: 1px solid #d4dadd;
-moz-border-radius-topright: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-bottomright: 2px;
@ -457,7 +350,6 @@
border-bottom-right-radius: 2px;
}
.bi-numerical-interval .numerical-interval-big-combo {
border: 1px solid #d4dadd;
-moz-border-radius-topleft: 2px;
-webkit-border-top-left-radius: 2px;
-moz-border-radius-bottomleft: 2px;
@ -469,7 +361,6 @@
font-size: 14px;
}
.bi-numerical-interval .numerical-interval-small-combo {
border: 1px solid #d4dadd;
-moz-border-radius-topright: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-bottomright: 2px;
@ -486,15 +377,6 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-numerical-interval-popup .numerical-interval-popup-item.hover,
.bi-numerical-interval-popup .numerical-interval-popup-item:hover {
background-color: #f4f4f4;
}
.bi-numerical-interval-popup .numerical-interval-popup-item.active,
.bi-numerical-interval-popup .numerical-interval-popup-item:active {
background-color: #f4f4f4;
color: #009de3;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
@ -518,17 +400,8 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-path-region {
background: #eaeaea;
}
.bi-path-region .path-region-label {
z-index: 1;
background: #ffffff;
border: 1px solid #ffffff;
}
.bi-path-region .path-region-label.active {
background: #009de3;
color: #ffffff;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
@ -543,7 +416,11 @@
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-preview-table > div > table > thead > tr.odd,
.bi-preview-table > div > div > div > table > thead > tr.odd {
background-color: #eaeaea;
background-color: #eff1f4;
}
.bi-theme-dark .bi-preview-table > div > table > thead > tr.odd,
.bi-theme-dark .bi-preview-table > div > div > div > table > thead > tr.odd {
background-color: #191b2b;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
@ -564,7 +441,6 @@
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-quarter-trigger {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
@ -572,26 +448,17 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-relation-view-item.active {
color: #ffffff;
background-color: #009de3;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-relation-view-region .relation-view-region-container {
background: #ffffff;
border: 1px solid #d4dadd;
z-index: 1;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.bi-relation-view-region .relation-view-region-container.other-package {
border: 1px dashed #d4dadd;
}
.bi-relation-view-region .relation-view-region-container .relation-view-region-title {
border-bottom: 1px solid #d4dadd;
border-style: dashed;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
@ -608,7 +475,6 @@
/*IE8*/
box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
border: 1px solid #eaeaea;
}
.bi-sequence-table-dynamic-number .sequence-table-number-cell {
-webkit-box-sizing: border-box;
@ -619,9 +485,6 @@
/*IE8*/
box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
border-left: 1px solid #eaeaea;
border-right: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
@ -638,7 +501,6 @@
/*IE8*/
box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
border: 1px solid #eaeaea;
}
.bi-sequence-table-list-number .sequence-table-number-cell {
-webkit-box-sizing: border-box;
@ -649,9 +511,6 @@
/*IE8*/
box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
border-left: 1px solid #eaeaea;
border-right: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
@ -671,7 +530,6 @@
/*IE8*/
box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
border: 1px solid #eaeaea;
}
.bi-sequence-table-tree-number .sequence-table-number-cell {
-webkit-box-sizing: border-box;
@ -682,38 +540,10 @@
/*IE8*/
box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
border-left: 1px solid #eaeaea;
border-right: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-singletree-combo .singletree-trigger {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.bi-singletree-combo .bi-singletree-popup .singletree-toolbar {
color: #c4c6c6;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-web-page .web-page-button {
z-index: 1;
font-size: 14px;
background-color: #ffffff;
}
.bi-web-page .web-page-text-button-label {
font-size: 16px;
color: #c4c6c6;
}
.bi-web-page .web-page-delete-label {
font-size: 14px;
color: #1a1a1a;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
@ -721,21 +551,25 @@
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-year-popup .year-popup-navigation {
border-top: 1px solid #eaeaea;
line-height: 30px;
color: #009de3;
color: #3f8ce8;
}
.bi-year-popup .year-popup-navigation > .center-element {
border-left: 1px solid #eaeaea;
border-left: 1px solid #d4dadd;
}
.bi-year-popup .year-popup-navigation > .first-element {
border-left: none;
}
.bi-theme-dark .bi-year-popup .year-popup-navigation > .center-element {
border-left: 1px solid #525466;
}
.bi-theme-dark .bi-year-popup .year-popup-navigation > .first-element {
border-left: none;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-year-trigger {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;

236
docs/widget.js

@ -35,7 +35,7 @@ BI.SequenceTableTreeNumber = BI.inherit(BI.Widget, {
this.header = BI.createWidget({
type: "bi.table_style_cell",
cls: "sequence-table-title-cell",
cls: "sequence-table-title-cell bi-border",
styleGetter: o.headerCellStyleGetter,
text: BI.i18nText("BI-Number_Index")
});
@ -251,7 +251,7 @@ BI.SequenceTableTreeNumber = BI.inherit(BI.Widget, {
} else {
var child = BI.createWidget(BI.extend({
type: "bi.table_style_cell",
cls: "sequence-table-number-cell",
cls: "sequence-table-number-cell bi-border-left bi-border-right bi-border-bottom",
width: 60,
styleGetter: numbers[key].isSummary === true ? function () {
return o.summaryCellStyleGetter(true);
@ -3206,7 +3206,7 @@ BI.Arrangement = BI.inherit(BI.Widget, {
type: "bi.layout",
width: 18,
height: 18,
cls: "arrangement-helper"
cls: "arrangement-helper bi-border"
});
BI.createWidget({
type: "bi.absolute",
@ -4876,7 +4876,7 @@ BI.shortcut('bi.date_combo', BI.DateCombo);BI.DateTrigger = BI.inherit(BI.Trigge
_defaultConfig: function () {
return BI.extend(BI.DateTrigger.superclass._defaultConfig.apply(this, arguments), {
extraCls: "bi-date-trigger",
extraCls: "bi-date-trigger bi-border",
min: '1900-01-01', //最小日期
max: '2099-12-31', //最大日期
height: 25
@ -6017,7 +6017,7 @@ BI.DownListPopup = BI.inherit(BI.Pane, {
items: [{
el: {
type: "bi.layout",
cls: "bi-down-list-spliter cursor-pointer",
cls: "bi-down-list-spliter bi-border-top cursor-pointer",
height: 0
}
@ -6137,7 +6137,7 @@ BI.ExcelTableHeaderCell = BI.inherit(BI.Widget, {
_defaultConfig: function () {
return BI.extend(BI.ExcelTableHeaderCell.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-excel-table-header-cell",
baseCls: "bi-excel-table-header-cell bi-background",
text: ""
});
},
@ -6564,7 +6564,7 @@ BI.FileManagerFileItem = BI.inherit(BI.Single, {
_defaultConfig: function () {
return BI.extend(BI.FileManagerFileItem.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-file-manager-file-item bi-list-item",
baseCls: "bi-file-manager-file-item bi-list-item bi-border-bottom",
height: 30
})
},
@ -6631,7 +6631,7 @@ BI.FileManagerFolderItem = BI.inherit(BI.Single, {
_defaultConfig: function () {
return BI.extend(BI.FileManagerFolderItem.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-file-manager-folder-item bi-list-item",
baseCls: "bi-file-manager-folder-item bi-list-item bi-border-bottom",
height: 30
})
},
@ -6855,7 +6855,7 @@ BI.FileManagerNavButton = BI.inherit(BI.Widget, {
var self = this, o = this.options, c = this._const;
this.button = BI.createWidget({
type: "bi.text_button",
cls: "file-manager-nav-button-text",
cls: "file-manager-nav-button-text bi-card",
once: true,
selected: o.selected,
text: o.text,
@ -6931,7 +6931,7 @@ BI.FileManagerNav = BI.inherit(BI.Widget, {
_defaultConfig: function () {
return BI.extend(BI.FileManagerNav.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-file-manager-nav",
baseCls: "bi-file-manager-nav bi-border-left",
height: 40,
items: []
})
@ -7033,7 +7033,7 @@ BI.shortcut("bi.file_manager_nav", BI.FileManagerNav);/**
BI.FineTuningNumberEditor = BI.inherit(BI.Widget, {
_defaultConfig: function () {
return BI.extend(BI.FineTuningNumberEditor.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-fine-tuning-number-editor",
baseCls: "bi-fine-tuning-number-editor bi-border",
value: -1
})
},
@ -7055,7 +7055,7 @@ BI.FineTuningNumberEditor = BI.inherit(BI.Widget, {
});
this.topBtn = BI.createWidget({
type: "bi.icon_button",
cls: "column-pre-page-h-font top-button"
cls: "column-pre-page-h-font top-button bi-border-left bi-border-bottom"
});
this.topBtn.on(BI.IconButton.EVENT_CHANGE, function(){
self._finetuning(1);
@ -7063,7 +7063,7 @@ BI.FineTuningNumberEditor = BI.inherit(BI.Widget, {
});
this.bottomBtn = BI.createWidget({
type: "bi.icon_button",
cls: "column-next-page-h-font bottom-button"
cls: "column-next-page-h-font bottom-button bi-border-left bi-border-top"
});
this.bottomBtn.on(BI.IconButton.EVENT_CHANGE, function(){
self._finetuning(-1);
@ -7869,7 +7869,7 @@ BI.MonthTrigger = BI.inherit(BI.Trigger, {
_defaultConfig: function () {
return BI.extend(BI.MonthTrigger.superclass._defaultConfig.apply(this, arguments), {
extraCls: "bi-month-trigger",
extraCls: "bi-month-trigger bi-border",
height: 25
});
},
@ -9320,7 +9320,7 @@ BI.MultiSelectCheckPane = BI.inherit(BI.Widget, {
_defaultConfig: function () {
return BI.extend(BI.MultiSelectCheckPane.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-multi-select-check-pane",
baseCls: "bi-multi-select-check-pane bi-background",
items: [],
itemsCreator: BI.emptyFn,
valueFormatter: BI.emptyFn,
@ -9473,7 +9473,7 @@ BI.DisplaySelectedList = BI.inherit(BI.Pane, {
_createItems: function (items) {
return BI.createItems(items, {
type: 'bi.icon_text_item',
cls: 'cursor-default check-font display-list-item',
cls: 'cursor-default check-font display-list-item bi-tips',
once: true,
invalid: true,
selected: true,
@ -9658,7 +9658,7 @@ BI.MultiSelectCombo = BI.inherit(BI.Single, {
type: "bi.trigger_icon_button",
width: o.height,
height: o.height,
cls: "multi-select-trigger-icon-button"
cls: "multi-select-trigger-icon-button bi-border-left"
});
triggerBtn.on(BI.TriggerIconButton.EVENT_CHANGE, function () {
self.trigger.getCounter().hideView();
@ -10126,7 +10126,7 @@ BI.MultiSelectTrigger = BI.inherit(BI.Trigger, {
_defaultConfig: function () {
return BI.extend(BI.MultiSelectTrigger.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-multi-select-trigger",
baseCls: "bi-multi-select-trigger bi-border",
itemsCreator: BI.emptyFn,
valueFormatter: BI.emptyFn,
searcher: {},
@ -10433,7 +10433,7 @@ BI.MultiSelectSearchPane = BI.inherit(BI.Widget, {
_defaultConfig: function () {
return BI.extend(BI.MultiSelectSearchPane.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-multi-select-search-pane",
baseCls: "bi-multi-select-search-pane bi-card",
itemsCreator: BI.emptyFn,
valueFormatter: BI.emptyFn,
keywordGetter: BI.emptyFn
@ -10779,17 +10779,18 @@ BI.MultiSelectSearcher = BI.inherit(BI.Widget, {
},
setState: function (ob) {
var o = this.options;
ob || (ob = {});
ob.value || (ob.value = []);
if (ob.type === BI.Selection.All) {
if (BI.size(ob.assist) === 1) {
this.editor.setState(ob.assist[0] + "");
this.editor.setState(o.valueFormatter(ob.assist[0] + "") || ob.assist[0] + "");
} else {
this.editor.setState(BI.size(ob.value) > 0 ? BI.Selection.Multi : BI.Selection.All);
}
} else {
if (BI.size(ob.value) === 1) {
this.editor.setState(ob.value[0] + "");
this.editor.setState(o.valueFormatter(ob.value[0] + "" || ob.value[0] + ""));
} else {
this.editor.setState(BI.size(ob.value) > 0 ? BI.Selection.Multi : BI.Selection.None);
}
@ -10944,7 +10945,7 @@ BI.MultiStringList = BI.inherit(BI.Widget, {
this.popup = BI.createWidget({
type: "bi.multi_select_loader",
cls: "popup-multi-string-list",
cls: "popup-multi-string-list bi-border-left bi-border-right bi-border-bottom",
itemsCreator: o.itemsCreator,
valueFormatter: o.valueFormatter,
onLoaded: o.onLoaded,
@ -11251,7 +11252,7 @@ BI.MultiTreeCheckPane = BI.inherit(BI.Pane, {
_defaultConfig: function () {
return BI.extend(BI.MultiTreeCheckPane.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-multi-tree-check-pane",
baseCls: "bi-multi-tree-check-pane bi-background",
onClickContinueSelect: BI.emptyFn
});
},
@ -11546,7 +11547,7 @@ BI.MultiTreeCombo = BI.inherit(BI.Single, {
type: "bi.trigger_icon_button",
width: o.height,
height: o.height,
cls: "multi-select-trigger-icon-button"
cls: "multi-select-trigger-icon-button bi-border-left"
});
triggerBtn.on(BI.TriggerIconButton.EVENT_CHANGE, function () {
self.trigger.getCounter().hideView();
@ -11712,7 +11713,7 @@ BI.MultiTreeSearchPane = BI.inherit(BI.Pane, {
_defaultConfig: function () {
return BI.extend(BI.MultiTreeSearchPane.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-multi-tree-search-pane",
baseCls: "bi-multi-tree-search-pane bi-card",
itemsCreator: BI.emptyFn,
keywordGetter: BI.emptyFn
});
@ -12157,7 +12158,7 @@ BI.shortcut('bi.multi_tree_list', BI.MultiTreeList);/**
BI.MultiStringListPopup=BI.inherit(BI.Widget,{
_defaultConfig:function () {
return BI.extend(BI.MultiStringListPopup.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-tree-list-popup",
baseCls: "bi-tree-list-popup bi-border-left bi-border-right bi-border-bottom",
itemsCreator: BI.emptyFn
});
},
@ -12248,7 +12249,7 @@ BI.NumericalInterval = BI.inherit(BI.Single, {
}
return true;
},
cls: "numerical-interval-small-editor"
cls: "numerical-interval-small-editor bi-border-top bi-border-bottom bi-border-left"
});
this.smallTip = BI.createWidget({
@ -12285,7 +12286,7 @@ BI.NumericalInterval = BI.inherit(BI.Single, {
}
return true;
},
cls: "numerical-interval-big-editor"
cls: "numerical-interval-big-editor bi-border-top bi-border-bottom bi-border-right"
});
this.bigTip = BI.createWidget({
@ -12321,7 +12322,7 @@ BI.NumericalInterval = BI.inherit(BI.Single, {
//});
this.smallCombo = BI.createWidget({
type: "bi.icon_combo",
cls: "numerical-interval-small-combo",
cls: "numerical-interval-small-combo bi-border",
height: o.height - 2,
items: [{
text: "(" + BI.i18nText("BI-Less_Than") + ")",
@ -12340,7 +12341,7 @@ BI.NumericalInterval = BI.inherit(BI.Single, {
}
this.bigCombo = BI.createWidget({
type: "bi.icon_combo",
cls: "numerical-interval-big-combo",
cls: "numerical-interval-big-combo bi-border",
height: o.height - 2,
items: [{
text: "(" + BI.i18nText("BI-Less_Than") + ")",
@ -13536,7 +13537,7 @@ BI.PathRegion = BI.inherit(BI.Widget, {
_defaultConfig: function () {
return BI.extend(BI.PathRegion.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-path-region",
baseCls: "bi-path-region bi-background",
width: 80,
title: ""
})
@ -13573,7 +13574,7 @@ BI.PathRegion = BI.inherit(BI.Widget, {
if (BI.isKey(value)) {
var label = BI.createWidget({
type: "bi.label",
cls: "path-region-label",
cls: "path-region-label bi-card bi-border bi-list-item-active",
text: text,
value: value,
title: text || value,
@ -14073,7 +14074,7 @@ BI.QuarterTrigger = BI.inherit(BI.Trigger, {
_defaultConfig: function () {
return BI.extend(BI.QuarterTrigger.superclass._defaultConfig.apply(this, arguments), {
extraCls: "bi-quarter-trigger",
extraCls: "bi-quarter-trigger bi-border",
height: 25
});
},
@ -14171,7 +14172,7 @@ BI.RelationViewItem = BI.inherit(BI.BasicButton, {
_defaultConfig: function () {
return BI.extend(BI.RelationViewItem.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-relation-view-item",
baseCls: "bi-relation-view-item bi-list-item-active",
height: 25,
hoverIn: BI.emptyFn,
hoverOut: BI.emptyFn
@ -14542,7 +14543,7 @@ BI.shortcut('bi.relation_view', BI.RelationView);/**
BI.RelationViewRegionContainer = BI.inherit(BI.Widget, {
_defaultConfig: function () {
return BI.extend(BI.RelationViewRegionContainer.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-relation-view-region-container",
baseCls: "bi-relation-view-region-container bi-card bi-border",
width: 150
});
},
@ -14693,10 +14694,10 @@ BI.RelationViewRegion = BI.inherit(BI.BasicButton, {
element: this,
items: [{
type: "bi.vertical",
cls: "relation-view-region-container " + (o.belongPackage ? "" : "other-package"),
cls: "relation-view-region-container bi-card bi-border " + (o.belongPackage ? "" : "other-package"),
items: [{
type: "bi.vertical_adapt",
cls: "relation-view-region-title",
cls: "relation-view-region-title bi-border",
items: [this.preview, this.title]
}, this.button_group]
}],
@ -15741,7 +15742,7 @@ BI.SequenceTableListNumber = BI.inherit(BI.Widget, {
this.header = BI.createWidget({
type: "bi.table_style_cell",
cls: "sequence-table-title-cell",
cls: "sequence-table-title-cell bi-border",
styleGetter: o.headerCellStyleGetter,
text: BI.i18nText("BI-Number_Index")
});
@ -15808,7 +15809,7 @@ BI.SequenceTableListNumber = BI.inherit(BI.Widget, {
} else {
var child = BI.createWidget(BI.extend({
type: "bi.table_style_cell",
cls: "sequence-table-number-cell",
cls: "sequence-table-number-cell bi-border-left bi-border-right bi-border-bottom",
width: 60,
height: o.rowSize,
text: this.start + i,
@ -16464,159 +16465,6 @@ BI.SwitchTree.SelectType = {
};
BI.shortcut('bi.switch_tree', BI.SwitchTree);
/**
* web组件
* Created by GameJian on 2016/3/1.
*/
BI.WebPage = BI.inherit(BI.Widget, {
_defaultConfig: function () {
return BI.extend(BI.WebPage.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-web-page"
})
},
_init: function () {
BI.WebPage.superclass._init.apply(this, arguments);
var self = this, o = this.options;
this.iframe = BI.createWidget({
type: "bi.iframe"
});
this.label = BI.createWidget({
type: "bi.label",
cls: "web-page-text-button-label",
whiteSpace: "normal",
text: BI.i18nText("BI-Not_Add_Url")
});
this.del = BI.createWidget({
type: "bi.bubble_combo",
el: {
type: "bi.icon_button",
cls: "web-page-button img-shutdown-font",
title: BI.i18nText("BI-Basic_Delete"),
height: 24,
width: 24
},
popup: {
type: "bi.bubble_bar_popup_view",
buttons: [{
value: BI.i18nText(BI.i18nText("BI-Basic_Sure")),
handler: function () {
self.fireEvent(BI.WebPage.EVENT_DESTROY)
}
}, {
value: BI.i18nText("BI-Basic_Cancel"),
level: "ignore",
handler: function () {
self.del.hideView();
}
}],
el: {
type: "bi.vertical_adapt",
items: [{
type: "bi.label",
text: BI.i18nText("BI-Sure_Delete_Current_Component"),
cls: "web-page-delete-label",
textAlign: "left",
width: 300
}],
width: 300,
height: 100,
hgap: 20
},
maxHeight: 140,
minWidth: 340
},
invisible: true,
stopPropagation: true
});
this.href = BI.createWidget({
type: "bi.image_button_href",
cls: "web-page-button"
});
this.href.on(BI.ImageButtonHref.EVENT_CHANGE, function () {
var url = this.getValue();
self.setValue(this.getValue());
self._checkUrl(url);
self.fireEvent(BI.WebPage.EVENT_VALUE_CHANGE);
});
BI.createWidget({
type: "bi.absolute",
element: this,
items: [{
el: this.iframe
}, {
el: this.del,
right: 4,
top: 8
}, {
el: this.href,
right: 36,
top: 8
}, {
el: this.label,
top: 32,
left: 0,
bottom: 0,
right: 0
}]
});
this.setToolbarVisible(false);
this._showLabel();
},
_checkUrl: function(url){
BI.Bubbles.hide(this.getName());
if(BI.isEmptyString(url)){
BI.Bubbles.show(this.getName(), BI.i18nText("BI-Click_To_Add_Hyperlink"), this.href, {
offsetStyle: "left"
});
}
},
_hideLabel: function () {
this.label.invisible()
},
isSelected: function () {
return this.href.isSelected();
},
_showLabel: function () {
this.label.visible()
},
setToolbarVisible: function (v) {
this.href.setVisible(v);
this.del.setVisible(v);
},
getValue: function () {
return this.href.getValue()
},
setValue: function (url) {
var self = this;
if (BI.isNotEmptyString(url)) {
self._hideLabel();
} else {
this.setToolbarVisible(true);
this.href.showView();
}
this.href.setValue(url);
this.iframe.setSrc(BI.Func.formatAddress(url))
}
});
BI.WebPage.EVENT_DESTROY = "EVENT_DESTROY";
BI.WebPage.EVENT_VALUE_CHANGE = "EVENT_VALUE_CHANGE";
BI.shortcut("bi.web_page", BI.WebPage);/**
* 年份下拉框
*
* Created by GUY on 2015/8/28.
@ -16773,7 +16621,7 @@ BI.YearPopup = BI.inherit(BI.Widget, {
dynamic: true
},
tab: {
cls: "year-popup-navigation",
cls: "year-popup-navigation bi-border-top",
height: 25,
items: [backBtn, preBtn]
},
@ -16831,7 +16679,7 @@ BI.YearTrigger = BI.inherit(BI.Trigger, {
_defaultConfig: function () {
return BI.extend(BI.YearTrigger.superclass._defaultConfig.apply(this, arguments), {
extraCls: "bi-year-trigger",
extraCls: "bi-year-trigger bi-border",
min: '1900-01-01', //最小日期
max: '2099-12-31', //最大日期
height: 25

6
src/base/combination/combo.js

@ -181,9 +181,9 @@ BI.Combo = BI.inherit(BI.Widget, {
},
_hideIf: function (e) {
if (this.element.__isMouseInBounds__(e) || (this.popupView && this.popupView.element.__isMouseInBounds__(e))) {
return;
}
// if (this.element.__isMouseInBounds__(e) || (this.popupView && this.popupView.element.__isMouseInBounds__(e))) {
// return;
// }
if (this.element.find(e.target).length > 0) {
return;
}

4
src/base/foundation/bi.message.js

@ -105,12 +105,12 @@ $.extend(BI, {
items: [
{
type: 'bi.border',
cls: 'bi-message-content',
cls: 'bi-message-content bi-card',
items: {
'north': {
el: {
type: 'bi.border',
cls: 'bi-message-title',
cls: 'bi-message-title bi-background',
items: {
center: {
el: {

4
src/base/layer/layer.floatbox.js

@ -6,7 +6,7 @@
BI.FloatBox = BI.inherit(BI.Widget, {
_defaultConfig: function () {
return BI.extend(BI.FloatBox.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-float-box",
baseCls: "bi-float-box bi-card",
width: 600,
height: 500
})
@ -45,7 +45,7 @@ BI.FloatBox = BI.inherit(BI.Widget, {
'north': {
el: {
type: 'bi.border',
cls: 'bi-message-title',
cls: 'bi-message-title bi-background',
items: {
center: {
el: {

4
src/base/layer/layer.popup.js

@ -83,7 +83,7 @@ BI.PopupView = BI.inherit(BI.Widget, {
hgap: o.hgap,
items: BI.LogicFactory.createLogicItemsByDirection(o.direction,
BI.extend({
cls: "list-view-outer"
cls: "list-view-outer bi-card bi-border"
}, BI.LogicFactory.createLogic(BI.LogicFactory.createLogicTypeByDirection(o.direction), BI.extend({}, o.logic, {
items: BI.LogicFactory.createLogicItemsByDirection(o.direction, this.tool, this.tab, this.view, this.toolbar)
})))
@ -127,7 +127,7 @@ BI.PopupView = BI.inherit(BI.Widget, {
return BI.createWidget({
type: "bi.center",
cls: "list-view-toolbar",
cls: "list-view-toolbar bi-border-top",
height: 30,
items: BI.createItems(o.buttons, {
once: false,

4
src/base/layer/layer.searcher.js

@ -10,7 +10,7 @@ BI.SearcherView = BI.inherit(BI.Pane, {
_defaultConfig: function () {
var conf = BI.SearcherView.superclass._defaultConfig.apply(this, arguments);
return BI.extend(conf, {
baseCls: (conf.baseCls || "") + " bi-searcher-view",
baseCls: (conf.baseCls || "") + " bi-searcher-view bi-card",
tipText: BI.i18nText("BI-No_Select"),
chooseType: BI.Selection.Single,
@ -70,7 +70,7 @@ BI.SearcherView = BI.inherit(BI.Pane, {
items: [{
type: "bi.layout",
height: 1,
cls: "searcher-view-spliter"
cls: "searcher-view-spliter bi-background"
}]
});
this.searcher = BI.createWidget(o.searcher, {

4
src/base/single/bar/bar.loading.js

@ -11,7 +11,7 @@ BI.LoadingBar = BI.inherit(BI.Single, {
_defaultConfig: function() {
var conf = BI.LoadingBar.superclass._defaultConfig.apply(this, arguments);
return BI.extend( conf, {
baseCls : (conf.baseCls ||"")+' bi-loading-bar',
baseCls : (conf.baseCls ||"")+' bi-loading-bar bi-tips',
height: 30,
handler: BI.emptyFn
})
@ -21,7 +21,7 @@ BI.LoadingBar = BI.inherit(BI.Single, {
var self = this;
this.loaded = BI.createWidget({
type: "bi.text_button",
cls: "loading-text",
cls: "loading-text bi-list-item-simple",
text: this.consts.loadedText,
width: 120,
handler: this.options.handler

2
src/base/single/text.js

@ -106,7 +106,7 @@ BI.Text = BI.inherit(BI.Single, {
setText: function (text) {
BI.Text.superclass.setText.apply(this, arguments);
this.options.text = text;
this.text.element.text(text);
this.text.element.html(BI.escape(text).replaceAll(" ", " "));
}
});

2
src/base/table/table.collection.cell.js

@ -9,7 +9,7 @@
BI.CollectionTableCell = BI.inherit(BI.Widget, {
_defaultConfig: function () {
return BI.extend(BI.CollectionTableCell.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-collection-table-cell",
baseCls: "bi-collection-table-cell bi-border-right bi-border-bottom",
width: 0,
height: 0,
_left: 0,

2
src/base/table/table.grid.cell.js

@ -9,7 +9,7 @@
BI.GridTableCell = BI.inherit(BI.Widget, {
_defaultConfig: function () {
return BI.extend(BI.GridTableCell.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-grid-table-cell",
baseCls: "bi-grid-table-cell bi-border-right bi-border-bottom",
width: 0,
height: 0,
_rowIndex: 0,

2
src/case/button/icon/icon.trigger.js

@ -10,7 +10,7 @@ BI.TriggerIconButton = BI.inherit(BI.IconButton, {
_defaultConfig: function () {
var conf = BI.TriggerIconButton.superclass._defaultConfig.apply(this, arguments);
return BI.extend(conf, {
baseCls: (conf.baseCls || "") + " bi-trigger-icon-button",
baseCls: (conf.baseCls || "") + " bi-trigger-icon-button bi-border-left",
extraCls: "pull-down-font"
});
},

2
src/case/colorchooser/colorchooser.popup.js

@ -124,7 +124,7 @@ BI.ColorChooserPopup = BI.inherit(BI.Widget, {
items: [{
el: {
type: "bi.absolute",
cls: "color-chooser-popup-title",
cls: "bi-background bi-border-bottom",
items: [{
el: this.colorEditor,
left: 0,

2
src/case/colorchooser/colorchooser.trigger.js

@ -10,7 +10,7 @@ BI.ColorChooserTrigger = BI.inherit(BI.Trigger, {
_defaultConfig: function () {
var conf = BI.ColorChooserTrigger.superclass._defaultConfig.apply(this, arguments);
return BI.extend(conf, {
baseCls: (conf.baseCls || "") + " bi-color-chooser-trigger",
baseCls: (conf.baseCls || "") + " bi-color-chooser-trigger bi-card",
height: 30
})
},

2
src/case/colorchooser/colorpicker/button/button.colorpicker.js

@ -10,7 +10,7 @@ BI.ColorPickerButton = BI.inherit(BI.BasicButton, {
_defaultConfig: function () {
var conf = BI.ColorPickerButton.superclass._defaultConfig.apply(this, arguments);
return BI.extend(conf, {
baseCls: (conf.baseCls || "") + " bi-color-picker-button"
baseCls: (conf.baseCls || "") + " bi-color-picker-button bi-background bi-border-top bi-border-left"
})
},

2
src/case/colorchooser/colorpicker/editor.colorpicker.js

@ -20,7 +20,7 @@ BI.ColorPickerEditor = BI.inherit(BI.Widget, {
var self = this, o = this.options;
this.colorShow = BI.createWidget({
type: "bi.layout",
cls: "color-picker-editor-display",
cls: "color-picker-editor-display bi-card",
height: 20
});
var RGB = BI.createWidgets(BI.createItems([{text: "R"}, {text: "G"}, {text: "B"}], {

2
src/case/combo/staticcombo/combo.static.js

@ -21,7 +21,7 @@ BI.StaticCombo = BI.inherit(BI.Widget, {
var self = this, o = this.options;
this.trigger = BI.createWidget(o.el, {
type: "bi.text_icon_item",
cls: "bi-select-text-trigger pull-down-font",
cls: "bi-select-text-trigger bi-border pull-down-font",
text: o.text,
readonly: true,
textLgap: 5,

2
src/case/editor/editor.search.js

@ -5,7 +5,7 @@ BI.SearchEditor = BI.inherit(BI.Widget, {
_defaultConfig: function () {
var conf = BI.SearchEditor.superclass._defaultConfig.apply(this, arguments);
return BI.extend(conf, {
baseCls: "bi-search-editor",
baseCls: "bi-search-editor bi-border",
height: 30,
errorText: "",
watermark: BI.i18nText("BI-Basic_Search"),

2
src/case/editor/editor.state.js

@ -47,7 +47,7 @@ BI.StateEditor = BI.inherit(BI.Single, {
});
this.text = BI.createWidget({
type: "bi.text_button",
cls: "state-editor-infinite-text",
cls: "state-editor-infinite-text bi-disabled",
textAlign: "left",
height: o.height,
text: BI.i18nText("BI-Unrestricted"),

2
src/case/editor/editor.state.simple.js

@ -47,7 +47,7 @@ BI.SimpleStateEditor = BI.inherit(BI.Single, {
});
this.text = BI.createWidget({
type: "bi.text_button",
cls: "state-editor-infinite-text",
cls: "state-editor-infinite-text bi-disabled",
textAlign: "left",
height: o.height,
text: BI.i18nText("BI-Unrestricted"),

2
src/case/editor/editor.text.js

@ -7,7 +7,7 @@ BI.TextEditor = BI.inherit(BI.Single, {
_defaultConfig: function () {
var conf = BI.TextEditor.superclass._defaultConfig.apply(this, arguments);
return BI.extend(conf, {
extraCls: "bi-text-editor",
extraCls: "bi-text-editor bi-border",
hgap: 4,
vgap: 2,
lgap: 0,

2
src/case/layer/layer.multiselect.js

@ -34,7 +34,7 @@ BI.MultiPopupView = BI.inherit(BI.PopupView, {
this.buttongroup = BI.createWidget({
type: "bi.button_group",
cls: "list-view-toolbar",
cls: "list-view-toolbar bi-border-top",
height: 30,
items: BI.createItems(text, {
type: "bi.text_button",

2
src/case/layer/layer.panel.js

@ -32,7 +32,7 @@ BI.PopupPanel = BI.inherit(BI.MultiPopupView, {
});
return BI.createWidget({
type: "bi.htape",
cls: "popup-panel-title",
cls: "popup-panel-title bi-background bi-border",
height: 25,
items: [{
el: {

2
src/case/layer/panel.js

@ -57,7 +57,7 @@ BI.Panel = BI.inherit(BI.Widget,{
return {
el: {
type: "bi.left_right_vertical_adapt",
cls: "panel-title",
cls: "panel-title bi-tips",
height: 30,
items: {
left: [this.text],

2
src/case/pager/pager.js

@ -176,7 +176,7 @@ BI.DetailPager = BI.inherit(BI.Widget, {
type: "bi.button_group",
element: this,
items: BI.createItems(view, {
cls: "page-item",
cls: "page-item bi-border bi-list-item-active",
height: 23,
hgap: 10
}),

2
src/case/segment/button.segment.js

@ -10,7 +10,7 @@ BI.SegmentButton = BI.inherit(BI.BasicButton, {
_defaultConfig: function() {
var conf = BI.SegmentButton.superclass._defaultConfig.apply(this, arguments);
return BI.extend( conf, {
baseCls : (conf.baseCls ||"")+' bi-segment-button',
baseCls : (conf.baseCls ||"")+' bi-segment-button bi-list-item-active',
shadow: true,
readonly: true,
hgap: 10

13
src/case/segment/segment.js

@ -19,10 +19,15 @@ BI.Segment = BI.inherit(BI.Widget, {
this.buttonGroup = BI.createWidget({
element: this,
type: "bi.button_group",
items: BI.createItems(o.items, {
type: "bi.segment_button",
height: o.height - 2,
whiteSpace: o.whiteSpace
items: BI.map(o.items, function (i, item) {
return BI.extend({
type: "bi.segment_button",
height: o.height - 2,
whiteSpace: o.whiteSpace
}, item, {
cls: (i === 0 ? "bi-border-left " : "")
+ (item.cls || "") + " bi-border-top bi-border-right bi-border-bottom"
});
}),
layout: [
{

2
src/case/trigger/trigger.editor.js

@ -13,7 +13,7 @@ BI.EditorTrigger = BI.inherit(BI.Trigger, {
_defaultConfig: function () {
var conf = BI.EditorTrigger.superclass._defaultConfig.apply(this, arguments);
return BI.extend(conf, {
baseCls: (conf.baseCls || "") + " bi-editor-trigger",
baseCls: (conf.baseCls || "") + " bi-editor-trigger bi-border",
height: 30,
validationChecker: BI.emptyFn,
quitChecker: BI.emptyFn,

2
src/case/trigger/trigger.text.select.js

@ -9,7 +9,7 @@ BI.SelectTextTrigger = BI.inherit(BI.Trigger, {
_defaultConfig: function () {
return BI.extend(BI.SelectTextTrigger.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-select-text-trigger",
baseCls: "bi-select-text-trigger bi-border",
height: 24
});
},

2
src/case/trigger/trigger.text.select.small.js

@ -8,7 +8,7 @@ BI.SmallSelectTextTrigger = BI.inherit(BI.Trigger, {
_defaultConfig: function () {
return BI.extend(BI.SmallSelectTextTrigger.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-small-select-text-trigger",
baseCls: "bi-small-select-text-trigger bi-border",
height: 20
});
},

2
src/core/func/function.js

@ -138,7 +138,7 @@ $(function () {
//获取对比颜色
getContrastColor: function (color) {
if (this.isDarkColor(color)) {
return "#b2b2b2";
return "#ffffff";
}
return "#1a1a1a";
},

5
src/core/utils/detectElementResize.js

@ -161,11 +161,14 @@
element.__resizeTriggers__ = !element.removeChild(element.__resizeTriggers__);
}
}
}
};
BI.ResizeDetector = {
addResizeListener: function (widget, fn) {
addResizeListener(widget.element[0], fn);
return function () {
removeResizeListener(widget.element[0], fn);
}
},
removeResizeListener: function (widget, fn) {
removeResizeListener(widget.element[0], fn);

3
src/css/base/calendar/calendar.css

@ -1,3 +0,0 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/

16
src/css/base/colorchooser/colorchooser.popup.css

@ -1,16 +0,0 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-color-chooser-popup .color-chooser-popup-title {
background: #f4f4f4;
border-bottom: 1px solid #d4dadd;
}
.bi-color-chooser-popup .color-chooser-popup-more {
background: #f4f4f4;
}
.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;
}

1
src/css/base/colorchooser/colorchooser.trigger.css

@ -2,7 +2,6 @@
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-color-chooser-trigger {
background: #ffffff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;

6
src/css/base/colorchooser/colorpicker/button.colorpicker.css

@ -1,9 +1,9 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-color-picker-button {
background-color: #eaeaea;
}
.bi-color-picker-button .color-picker-button-mask {
border: 1px solid #1a1a1a;
}
.bi-theme-dark .bi-color-picker-button .color-picker-button-mask {
border: 1px solid #ffffff;
}

7
src/css/base/colorchooser/colorpicker/colorpicker.css

@ -1,7 +0,0 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-color-picker > .center-element {
border-left: 1px solid #ffffff;
border-top: 1px solid #ffffff;
}

4
src/css/base/colorchooser/colorpicker/editor.colorpicker.css

@ -1,11 +1,7 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-color-picker-editor .color-picker-editor-label {
color: #808080;
}
.bi-color-picker-editor .color-picker-editor-display {
background: #ffffff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;

3
src/css/base/combination/combo.css

@ -1,3 +0,0 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/

3
src/css/base/combination/searcher.css

@ -1,3 +0,0 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/

8
src/css/base/combo/combo.bubble.css

@ -5,14 +5,14 @@
width: 0;
height: 0;
border-top: 6px solid transparent;
border-left: 6px solid #009de3;
border-left: 6px solid #3f8ce8;
border-bottom: 6px solid transparent;
}
.bi-bubble-combo .bubble-combo-triangle-right {
width: 0;
height: 0;
border-top: 6px solid transparent;
border-right: 6px solid #009de3;
border-right: 6px solid #3f8ce8;
border-bottom: 6px solid transparent;
}
.bi-bubble-combo .bubble-combo-triangle-top {
@ -20,12 +20,12 @@
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #009de3;
border-top: 6px solid #3f8ce8;
}
.bi-bubble-combo .bubble-combo-triangle-bottom {
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #009de3;
border-bottom: 6px solid #3f8ce8;
}

2
src/css/base/combo/popup.bubble.css

@ -7,5 +7,5 @@
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.bi-bubble-popup-view .bubble-popup-line {
background-color: #009de3;
background-color: #3f8ce8;
}

3
src/css/base/editor/editor.search.css

@ -2,9 +2,6 @@
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
/*************BI.SearchEditor******************/
.bi-search-editor {
border: 1px solid #d4dadd;
}
.bi-search-editor .close-font {
font-size: 20px;
}

6
src/css/base/editor/editor.text.css

@ -1,6 +0,0 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-text-editor {
border: 1px solid #d4dadd;
}

4
src/css/base/editor/editor.text.small.css

@ -1,4 +0,0 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
/*************BI.SearchEditor******************/

4
src/css/base/formula/codemirror.css

@ -186,7 +186,7 @@
color: white;
padding: 1px ;
margin: 1px 0px;
background: #009de3;
background: #3f8ce8;
}
.cm-s-default span[class*="start"] {
-webkit-border-radius: 3px 0px 0px 3px;
@ -206,7 +206,7 @@
border-radius: 3px;
}
.cm-s-default span[class*="#"] {
color: #009de3;
color: #3f8ce8;
}
.cm-s-default .cm-error {
color: #f00;

12
src/css/base/foundation/bi.message.css

@ -2,15 +2,9 @@
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-message-title {
background-color: #f4f4f4;
color: #808080;
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;
@ -21,14 +15,8 @@
user-select: text;
}
.bi-message-content {
background-color: #ffffff;
color: #808080;
font-size: 16px;
}
.bi-theme-dark .bi-message-content {
background-color: #202237;
color: #b2b2b2;
}
.bi-message-close {
font-size: 25px;
}

10
src/css/base/layer/layer.panel.css

@ -1,10 +0,0 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-popup-panel .popup-panel-title {
background: #f4f4f4;
border-bottom: 1px solid #d4dadd;
}
.bi-theme-dark .bi-popup-panel .popup-panel-title {
background: #191a2c;
}

9
src/css/base/layer/layer.searcher.css

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

1
src/css/base/layer/panel.css

@ -13,6 +13,5 @@
}
.bi-panel .panel-title .panel-title-text {
cursor: text;
color: #808080;
font-size: 14px;
}

5
src/css/base/pager/pager.css

@ -2,12 +2,7 @@
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-pager .page-item {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.bi-pager .page-item.active {
background: #009de3;
color: #ffffff;
}

11
src/css/base/segment/button.segment.css

@ -1,14 +1,3 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-segment-button:active,
.bi-segment-button.active {
color: #ffffff;
background: #009de3;
}
.bi-segment-button.disabled,
.bi-segment-button.disabled:hover,
.bi-segment-button.disabled:active {
color: #1a1a1a;
background: #ffffff;
}

5
src/css/base/segment/segment.css

@ -5,13 +5,8 @@
overflow: hidden;
overflow-x: hidden;
overflow-y: hidden;
background: #ffffff;
border-right: 1px solid #d4dadd;
border-top: 1px solid #d4dadd;
border-bottom: 1px solid #d4dadd;
}
.bi-segment > .first-element {
border-left: 1px solid #d4dadd;
-webkit-border-radius: 6px 0px 0px 6px;
-moz-border-radius: 6px 0px 0px 6px;
border-radius: 6px 0px 0px 6px;

12
src/css/base/single/bar/bar.css

@ -1,15 +1,3 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-loading-bar .loading-text {
color: #808080;
}
.bi-loading-bar .loading-text:hover,
.bi-loading-bar .loading-text.hover {
color: #009de3;
}
.bi-loading-bar .loading-text.disabled,
.bi-loading-bar .loading-text.disabled:hover,
.bi-loading-bar .loading-text.disabled:active {
color: #ffffff;
}

8
src/css/base/single/button/button.css

@ -5,8 +5,8 @@
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border: 1px solid #009de3;
background-color: #009de3;
border: 1px solid #3f8ce8;
background-color: #3f8ce8;
text-align: center;
vertical-align: middle;
cursor: pointer;
@ -74,10 +74,10 @@
}
.bi-button.button-ignore.disabled,
.bi-button.button-ignore.disabled .b-font {
color: #c4c6c6 !important;
color: #cccccc !important;
}
.bi-button.button-ignore.disabled .b-font:before {
color: #c4c6c6 !important;
color: #cccccc !important;
}
.bi-basic-button.button-common .bi-button-mask,
.bi-basic-button.button-success .bi-button-mask,

2
src/css/base/single/button/item.singleselect.icontext.css

@ -3,5 +3,5 @@
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-single-select-icon-text-item:active .b-font:before,
.bi-single-select-icon-text-item.active .b-font:before {
color: #009de3;
color: #3f8ce8;
}

3
src/css/base/single/editor/editor.state.css

@ -1,6 +1,3 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-state-editor .state-editor-infinite-text {
color: #cccccc;
}

3
src/css/base/single/editor/editor.state.simple.css

@ -1,6 +1,3 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-simple-state-editor .state-editor-infinite-text {
color: #cccccc;
}

2
src/css/base/single/editor/editor.textarea.css

@ -13,5 +13,5 @@
border: none;
}
.bi-textarea-editor .textarea-editor-content.textarea-editor-focus {
border: 1px solid #009de3;
border: 1px solid #3f8ce8;
}

14
src/css/base/table/table.collection.cell.css

@ -10,22 +10,16 @@
/*IE8*/
box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
border-right: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
}
.bi-collection-table-cell.first-row {
border-top: 1px solid #eaeaea;
border-top: 1px solid #d4dadd;
}
.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;
border-left: 1px solid #d4dadd;
}
.bi-theme-dark .bi-collection-table-cell.first-row {
border-top: 1px solid #24273e;
border-top: 1px solid #525466;
}
.bi-theme-dark .bi-collection-table-cell.first-col {
border-left: 1px solid #24273e;
border-left: 1px solid #525466;
}

48
src/css/base/table/table.css

@ -8,24 +8,24 @@
border-top: none;
}
.bi-table > div > div > table {
border-bottom: 1px solid #eaeaea;
border-right: 1px solid #eaeaea;
border-bottom: 1px solid #d4dadd;
border-right: 1px solid #d4dadd;
}
.bi-table > div.top-left > div > div > table {
border-bottom: 1px solid #eaeaea;
border-right: 1px solid #eaeaea;
border-bottom: 1px solid #d4dadd;
border-right: 1px solid #d4dadd;
}
.bi-table > div.top-right > div > div > table {
border-bottom: 1px solid #eaeaea;
border-right: 1px solid #eaeaea;
border-bottom: 1px solid #d4dadd;
border-right: 1px solid #d4dadd;
}
.bi-table > div.bottom-left > div > div > table {
border-bottom: 1px solid #eaeaea;
border-right: 1px solid #eaeaea;
border-bottom: 1px solid #d4dadd;
border-right: 1px solid #d4dadd;
}
.bi-table > div.bottom-right > div > div > table {
border-right: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
border-right: 1px solid #d4dadd;
border-bottom: 1px solid #d4dadd;
}
.bi-table > div > div > table,
.bi-table > div > div > div > table {
@ -49,33 +49,33 @@
.bi-table > div > div > div > table > tbody > tr > td,
.bi-table > div > div > table > thead > tr > td,
.bi-table > div > div > div > table > thead > tr > td {
border-top: 1px solid #eaeaea;
border-left: 1px solid #eaeaea;
border-top: 1px solid #d4dadd;
border-left: 1px solid #d4dadd;
}
.bi-theme-dark .bi-table > div > div > table {
border-bottom: 1px solid #24273e;
border-right: 1px solid #24273e;
border-bottom: 1px solid #525466;
border-right: 1px solid #525466;
}
.bi-theme-dark .bi-table > div.top-left > div > div > table {
border-bottom: 1px solid #24273e;
border-right: 1px solid #24273e;
border-bottom: 1px solid #525466;
border-right: 1px solid #525466;
}
.bi-theme-dark .bi-table > div.top-right > div > div > table {
border-bottom: 1px solid #24273e;
border-right: 1px solid #24273e;
border-bottom: 1px solid #525466;
border-right: 1px solid #525466;
}
.bi-theme-dark .bi-table > div.bottom-left > div > div > table {
border-bottom: 1px solid #24273e;
border-right: 1px solid #24273e;
border-bottom: 1px solid #525466;
border-right: 1px solid #525466;
}
.bi-theme-dark .bi-table > div.bottom-right > div > div > table {
border-right: 1px solid #24273e;
border-bottom: 1px solid #24273e;
border-right: 1px solid #525466;
border-bottom: 1px solid #525466;
}
.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;
border-top: 1px solid #525466;
border-left: 1px solid #525466;
}

14
src/css/base/table/table.grid.cell.css

@ -10,22 +10,16 @@
/*IE8*/
box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
border-right: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
}
.bi-grid-table-cell.first-row {
border-top: 1px solid #eaeaea;
border-top: 1px solid #d4dadd;
}
.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;
border-left: 1px solid #d4dadd;
}
.bi-theme-dark .bi-grid-table-cell.first-row {
border-top: 1px solid #24273e;
border-top: 1px solid #525466;
}
.bi-theme-dark .bi-grid-table-cell.first-col {
border-left: 1px solid #24273e;
border-left: 1px solid #525466;
}

26
src/css/base/table/table.grid.scrollbar.css

@ -9,12 +9,13 @@
transition-duration: 250ms;
transition-timing-function: ease;
user-select: none;
background-color: #f4f4f4;
background-color: rgba(102, 102, 102, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0D666666,endColorstr=#0D666666);
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);
background-color: rgba(204, 204, 204, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0Dcccccc,endColorstr=#0Dcccccc);
}
.scrollbar-layout-main-vertical {
bottom: 0;
@ -32,11 +33,12 @@
height: 10px;
left: 0;
transition-property: background-color;
background-color: #f4f4f4;
background-color: rgba(102, 102, 102, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0D666666,endColorstr=#0D666666);
}
.bi-theme-dark .scrollbar-layout-main-horizontal {
background-color: rgba(255, 255, 255, 0.1);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);
background-color: rgba(204, 204, 204, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0Dcccccc,endColorstr=#0Dcccccc);
}
/* Touching the scroll-track directly makes the scroll-track bolder */
.scrollbar-layout-main-horizontal.public-scrollbar-main-active,
@ -89,20 +91,24 @@
*/
/* Touching the scroll-track directly makes the scroll-track bolder */
.public-scrollbar-face:after {
background-color: #e2e2e2;
background-color: rgba(102, 102, 102, 0.3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C666666,endColorstr=#4C666666);
}
.bi-theme-dark .public-scrollbar-face:after {
background-color: #7d7d7d;
background-color: rgba(204, 204, 204, 0.3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4Ccccccc,endColorstr=#4Ccccccc);
}
.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: rgba(102, 102, 102, 0.7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2666666,endColorstr=#B2666666);
}
.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: #e2e2e2;
background-color: rgba(204, 204, 204, 0.7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2cccccc,endColorstr=#B2cccccc);
}
.horizontal-scrollbar {
bottom: 0;

2
src/css/base/table/table.resizable.cell.css

@ -7,5 +7,5 @@
}
.bi-resizable-table-cell .resizable-table-cell-resizer-container:hover .resizable-table-cell-resizer-knob,
.bi-resizable-table-cell .resizable-table-cell-resizer-container.dragging .resizable-table-cell-resizer-knob {
background-color: #009de3;
background-color: #3f8ce8;
}

4
src/css/base/table/table.resizable.css

@ -4,7 +4,7 @@
.bi-resizable-table .resizable-table-resizer {
cursor: ew-resize;
z-index: 1;
background-color: #009de3;
background-color: #3f8ce8;
}
.bi-resizable-table .resizable-table-region-resizer {
cursor: ew-resize;
@ -12,5 +12,5 @@
}
.bi-resizable-table .resizable-table-region-resizer:hover .resizable-table-region-resizer-knob,
.bi-resizable-table .resizable-table-region-resizer.dragging .resizable-table-region-resizer-knob {
background-color: #009de3;
background-color: #3f8ce8;
}

6
src/css/base/tree/branch.tree.css

@ -4,9 +4,3 @@
.bi-branch-tree .bi-branch-tree-view {
min-width: 300px;
}
.bi-click-branch-tree {
border: 1px solid #d4dadd;
}
.bi-click-branch-tree .bi-empty-view {
background: #f4f4f4;
}

6
src/css/base/tree/display.tree.css

@ -5,13 +5,13 @@
color: #808080;
}
.bi-display-tree .ztree li span.button.switch.center_open {
background-image: url("icon/tree-vertical-line-3.png");
background-image: url("/icon/tree-vertical-line-3.png");
}
.bi-display-tree .ztree li span.button.switch.roots_open {
background-image: url("icon/tree-vertical-line-2.png");
background-image: url("/icon/tree-vertical-line-2.png");
}
.bi-display-tree .ztree li span.button.switch.bottom_open {
background-image: url("icon/tree-vertical-line-4.png");
background-image: url("/icon/tree-vertical-line-4.png");
}
.bi-display-tree .ztree li a,
.bi-display-tree .ztree li span {

1
src/css/base/trigger/trigger.css

@ -2,6 +2,5 @@
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-trigger .bi-trigger-icon-button {
border-left: 1px solid #d4dadd;
font-size: 16px;
}

3
src/css/base/trigger/trigger.editor.css

@ -1,6 +1,3 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-editor-trigger {
border: 1px solid #d4dadd;
}

1
src/css/base/trigger/trigger.selecttext.css

@ -2,7 +2,6 @@
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-select-text-trigger {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;

1
src/css/base/trigger/trigger.selecttextsmall.css

@ -2,7 +2,6 @@
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-small-select-text-trigger {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;

8
src/css/base/view/floatboxview.css

@ -1,11 +1,3 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-float-box {
background-color: #ffffff;
color: #1a1a1a;
}
.bi-theme-dark .bi-float-box {
background-color: #202237;
color: #b2b2b2;
}

16
src/css/base/view/popupview.css

@ -10,25 +10,23 @@
cursor: default;
}
.bi-list-view .list-view-outer {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: #1a1a1a;
background: #ffffff;
}
.bi-list-view .list-view-toolbar {
border-top: 1px solid #eaeaea;
line-height: 30px;
color: #009de3;
color: #3f8ce8;
}
.bi-list-view .list-view-toolbar > .center-element {
border-left: 1px solid #eaeaea;
border-left: 1px solid #d4dadd;
}
.bi-list-view .list-view-toolbar > .first-element {
border-left: none;
}
.bi-theme-dark .bi-list-view .list-view-outer {
color: #b2b2b2;
background: #202237;
.bi-theme-dark .bi-list-view .list-view-toolbar > .center-element {
border-left: 1px solid #525466;
}
.bi-theme-dark .bi-list-view .list-view-toolbar > .first-element {
border-left: none;
}

179
src/css/core/utils/common.css

@ -3,10 +3,16 @@
/**** custom color(自定义颜色,用于特定场景) ****/
.base-disabled {
cursor: default !important;
color: #c4c6c6 !important;
color: #cccccc !important;
}
.base-disabled .b-font:before {
color: #c4c6c6 !important;
color: #cccccc !important;
}
.bi-theme-dark .base-disabled {
color: #666666 !important;
}
.bi-theme-dark .base-disabled .b-font:before {
color: #666666 !important;
}
.base-invalid {
cursor: default !important;
@ -23,18 +29,73 @@
.clearfix:after {
clear: both;
}
.bi-background {
background-color: #eff1f4;
color: #666666;
}
.bi-theme-dark .bi-background {
background-color: #191b2b;
color: #cccccc;
}
.bi-card {
background-color: #ffffff;
color: #666666;
}
.bi-theme-dark .bi-card {
background-color: #242640;
color: #cccccc;
}
.bi-disabled {
color: #cccccc;
}
.bi-theme-dark .bi-disabled {
color: #666666;
}
.bi-tips {
color: #999999;
}
.bi-border {
border: 1px solid #d4dadd;
}
.bi-theme-dark .bi-border {
border: 1px solid #525466;
}
.bi-border-left {
border-left: 1px solid #d4dadd;
}
.bi-theme-dark .bi-border-left {
border-left: 1px solid #525466;
}
.bi-border-right {
border-right: 1px solid #d4dadd;
}
.bi-theme-dark .bi-border-right {
border-right: 1px solid #525466;
}
.bi-border-top {
border-top: 1px solid #d4dadd;
}
.bi-theme-dark .bi-border-top {
border-top: 1px solid #525466;
}
.bi-border-bottom {
border-bottom: 1px solid #d4dadd;
}
.bi-theme-dark .bi-border-bottom {
border-bottom: 1px solid #525466;
}
.bi-keyword-red-mark {
color: #f07d0a;
}
.bi-high-light {
color: #009de3;
color: #3f8ce8;
}
.bi-water-mark {
color: #cccccc;
cursor: text;
}
.bi-tips {
color: #c4c6c6;
.bi-theme-dark .bi-water-mark {
color: #666666;
}
.bi-resizer {
background: #d8f3fe;
@ -47,92 +108,137 @@
opacity: 0.5;
filter: alpha(opacity=50);
}
.bi-theme-dark .bi-z-index-mask {
background-color: #ffffff;
}
.bi-list-item:hover,
.bi-list-item.hover {
background-color: #f4f4f4;
background-color: #eff1f4;
color: #1a1a1a;
}
.bi-list-item.disabled,
.bi-list-item.disabled:hover,
.bi-list-item.disabled:active {
background-color: transparent !important;
color: #cccccc !important;
}
.bi-theme-dark .bi-list-item:hover,
.bi-theme-dark .bi-list-item.hover {
background-color: #04070d;
background-color: #191b2b;
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 {
background-color: transparent !important;
color: #666666 !important;
}
.bi-list-item-simple:hover,
.bi-list-item-simple.hover {
color: #1a1a1a;
}
.bi-list-item-simple.disabled,
.bi-list-item-simple.disabled:hover,
.bi-list-item-simple.disabled:active {
color: #cccccc !important;
}
.bi-theme-dark .bi-list-item-simple:hover,
.bi-theme-dark .bi-list-item-simple.hover {
color: #ffffff;
}
.bi-theme-dark .bi-list-item-simple.disabled,
.bi-theme-dark .bi-list-item-simple.disabled:hover,
.bi-theme-dark .bi-list-item-simple.disabled:active {
color: #666666 !important;
}
.bi-list-item-effect:hover {
color: #1a1a1a;
}
.bi-list-item-effect.active,
.bi-list-item-effect:active {
color: #009de3;
color: #3f8ce8;
}
.bi-list-item-effect.disabled,
.bi-list-item-effect.disabled:hover,
.bi-list-item-effect.disabled:active {
color: #c4c6c6 !important;
color: #cccccc !important;
}
.bi-theme-dark .bi-list-item-effect:hover {
color: #ffffff;
}
.bi-theme-dark .bi-list-item-effect.active,
.bi-theme-dark .bi-list-item-effect:active {
color: #009de3;
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 {
color: #c4c6c6 !important;
background-color: transparent !important;
color: #666666 !important;
}
.bi-list-item-hover:hover,
.bi-list-item-hover.hover {
color: #009de3;
background-color: #f4f4f4;
color: #3f8ce8;
background-color: #eff1f4;
}
.bi-list-item-hover.disabled,
.bi-list-item-hover.disabled:hover,
.bi-list-item-hover.disabled:active {
color: #c4c6c6 !important;
color: #cccccc !important;
background-color: transparent !important;
}
.bi-theme-dark .bi-list-item-hover:hover,
.bi-theme-dark .bi-list-item-hover.hover {
color: #009de3;
background-color: #04070d;
color: #3f8ce8;
background-color: #191b2b;
}
.bi-theme-dark .bi-list-item-hover.disabled,
.bi-theme-dark .bi-list-item-hover.disabled:hover,
.bi-theme-dark .bi-list-item-hover.disabled:active {
color: #c4c6c6 !important;
background-color: transparent !important;
color: #666666 !important;
}
.bi-list-item-active:hover,
.bi-list-item-active.hover {
background-color: #f4f4f4;
color: #1a1a1a;
background-color: #eff1f4;
}
.bi-list-item-active.active,
.bi-list-item-active:active {
color: #009de3;
background-color: #f4f4f4;
color: #3f8ce8;
background-color: #eff1f4;
}
.bi-list-item-active.disabled,
.bi-list-item-active.disabled:hover,
.bi-list-item-active.disabled:active {
background-color: transparent !important;
color: #cccccc !important;
}
.bi-theme-dark .bi-list-item-active:hover,
.bi-theme-dark .bi-list-item-active.hover {
background-color: #04070d;
background-color: #191b2b;
color: #ffffff;
}
.bi-theme-dark .bi-list-item-active.active,
.bi-theme-dark .bi-list-item-active:active {
color: #009de3;
background-color: #04070d;
color: #3f8ce8;
background-color: #191b2b;
}
.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 {
background-color: transparent !important;
color: #666666 !important;
}
.bi-list-item-select:hover,
.bi-list-item-select.hover {
color: #009de3;
background-color: #f4f4f4;
color: #3f8ce8;
background-color: #eff1f4;
}
.bi-list-item-select:active,
.bi-list-item-select.active {
color: #ffffff;
background-color: #009de3;
background-color: #3f8ce8;
}
.bi-list-item-select:active .bi-high-light,
.bi-list-item-select.active .bi-high-light {
@ -141,25 +247,36 @@
.bi-list-item-select.disabled,
.bi-list-item-select.disabled:hover,
.bi-list-item-select.disabled:active {
color: #c4c6c6 !important;
color: #cccccc !important;
background-color: transparent !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 {
color: #c4c6c6 !important;
color: #cccccc !important;
}
.bi-theme-dark .bi-list-item-select:hover,
.bi-theme-dark .bi-list-item-select.hover {
color: #009de3;
background-color: #04070d;
color: #3f8ce8;
background-color: #eff1f4;
}
.bi-theme-dark .bi-list-item-select:active,
.bi-theme-dark .bi-list-item-select.active {
color: #ffffff;
background-color: #009de3;
background-color: #3f8ce8;
}
.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 .bi-list-item-select.disabled,
.bi-theme-dark .bi-list-item-select.disabled:hover,
.bi-theme-dark .bi-list-item-select.disabled:active {
background-color: transparent !important;
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 {
color: #666666 !important;
}

Some files were not shown because too many files have changed in this diff Show More

Loading…
Cancel
Save