Browse Source

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

* commit '7612de4f9b2b6854256d8bb04d5f34551d4787f3':
  全局样式
  add
  add
  全局样式
  加image.button.href
  buttongroup的remove
  add
  add
  update
  删sign_style_editor
  add
  整理
es6
guy 7 years ago
parent
commit
58b5d67897
  1. 334
      bi/base.css
  2. 58
      bi/base.js
  3. 308
      bi/case.js
  4. 196
      bi/core.css
  5. 48
      bi/core.js
  6. 258
      bi/widget.css
  7. 306
      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. 294
      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. 334
      docs/base.css
  20. 58
      docs/base.js
  21. 308
      docs/case.js
  22. 196
      docs/core.css
  23. 48
      docs/core.js
  24. 26
      docs/demo.css
  25. 386
      docs/demo.js
  26. 669
      docs/resource.css
  27. 258
      docs/widget.css
  28. 306
      docs/widget.js
  29. 6
      src/base/combination/combo.js
  30. 2
      src/base/combination/group.button.js
  31. 4
      src/base/foundation/bi.message.js
  32. 4
      src/base/layer/layer.floatbox.js
  33. 11
      src/base/layer/layer.popup.js
  34. 4
      src/base/layer/layer.searcher.js
  35. 4
      src/base/single/bar/bar.loading.js
  36. 2
      src/base/single/editor/editor.textarea.js
  37. 14
      src/base/single/text.js
  38. 2
      src/base/table/table.collection.cell.js
  39. 2
      src/base/table/table.grid.cell.js
  40. 3
      src/base/table/table.js
  41. 2
      src/case/colorchooser/colorchooser.popup.js
  42. 2
      src/case/colorchooser/colorchooser.trigger.js
  43. 2
      src/case/colorchooser/colorpicker/button/button.colorpicker.js
  44. 2
      src/case/colorchooser/colorpicker/editor.colorpicker.js
  45. 2
      src/case/combo/staticcombo/combo.static.js
  46. 2
      src/case/editor/editor.search.js
  47. 260
      src/case/editor/editor.sign.style.js
  48. 2
      src/case/editor/editor.state.js
  49. 2
      src/case/editor/editor.state.simple.js
  50. 2
      src/case/editor/editor.text.js
  51. 2
      src/case/layer/layer.multipopup.js
  52. 2
      src/case/layer/layer.panel.js
  53. 4
      src/case/layer/panel.js
  54. 2
      src/case/pager/pager.js
  55. 2
      src/case/segment/button.segment.js
  56. 13
      src/case/segment/segment.js
  57. 2
      src/case/trigger/trigger.editor.js
  58. 2
      src/case/trigger/trigger.text.select.js
  59. 2
      src/case/trigger/trigger.text.select.small.js
  60. 7
      src/core/base.js
  61. 4
      src/core/func/function.js
  62. 5
      src/core/utils/detectElementResize.js
  63. 17
      src/core/widget.js
  64. 15
      src/core/wrapper/layout.js
  65. 3
      src/css/base/calendar/calendar.css
  66. 16
      src/css/base/colorchooser/colorchooser.popup.css
  67. 1
      src/css/base/colorchooser/colorchooser.trigger.css
  68. 6
      src/css/base/colorchooser/colorpicker/button.colorpicker.css
  69. 7
      src/css/base/colorchooser/colorpicker/colorpicker.css
  70. 4
      src/css/base/colorchooser/colorpicker/editor.colorpicker.css
  71. 3
      src/css/base/combination/combo.css
  72. 3
      src/css/base/combination/searcher.css
  73. 8
      src/css/base/combo/combo.bubble.css
  74. 2
      src/css/base/combo/popup.bubble.css
  75. 3
      src/css/base/editor/editor.search.css
  76. 12
      src/css/base/editor/editor.sign.style.css
  77. 6
      src/css/base/editor/editor.text.css
  78. 4
      src/css/base/editor/editor.text.small.css
  79. 19
      src/css/base/formula/codemirror.css
  80. 12
      src/css/base/foundation/bi.message.css
  81. 10
      src/css/base/layer/layer.panel.css
  82. 9
      src/css/base/layer/layer.searcher.css
  83. 6
      src/css/base/layer/panel.css
  84. 5
      src/css/base/pager/pager.css
  85. 11
      src/css/base/segment/button.segment.css
  86. 5
      src/css/base/segment/segment.css
  87. 12
      src/css/base/single/bar/bar.css
  88. 8
      src/css/base/single/button/button.css
  89. 2
      src/css/base/single/button/item.singleselect.icontext.css
  90. 3
      src/css/base/single/editor/editor.state.css
  91. 3
      src/css/base/single/editor/editor.state.simple.css
  92. 3
      src/css/base/single/editor/editor.textarea.css
  93. 14
      src/css/base/table/table.collection.cell.css
  94. 48
      src/css/base/table/table.css
  95. 14
      src/css/base/table/table.grid.cell.css
  96. 26
      src/css/base/table/table.grid.scrollbar.css
  97. 2
      src/css/base/table/table.resizable.cell.css
  98. 4
      src/css/base/table/table.resizable.css
  99. 6
      src/css/base/tree/branch.tree.css
  100. 6
      src/css/base/tree/display.tree.css
  101. Some files were not shown because too many files have changed in this diff Show More

334
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,28 +124,6 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-sign-style-editor .sign-style-editor-text {
max-width: 100%;
font-size: 12px;
}
.bi-sign-style-editor .sign-style-editor-tip {
max-width: 100%;
font-size: 12px;
color: #808080;
}
/****添加计算宽度的--运算符直接需要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 */
@ -193,7 +131,12 @@
cursor: text;
width: 100%;
height: 100%;
color: black;
color: #1a1a1a;
background-color: #ffffff;
}
.bi-theme-dark .CodeMirror {
color: #ffffff;
background-color: #242640;
}
/* PADDING */
.CodeMirror-lines {
@ -230,7 +173,10 @@
}
/* CURSOR */
.CodeMirror div.CodeMirror-cursor {
border-left: 1px solid black;
border-left: 1px solid #1a1a1a;
}
.bi-theme-dark .CodeMirror div.CodeMirror-cursor {
border-left: 1px solid #ffffff;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
@ -369,9 +315,9 @@
}
.cm-s-default span[class*="fieldName"] {
color: white;
padding: 1px ;
padding: 1px;
margin: 1px 0px;
background: #009de3;
background: #3f8ce8;
}
.cm-s-default span[class*="start"] {
-webkit-border-radius: 3px 0px 0px 3px;
@ -391,7 +337,7 @@
border-radius: 3px;
}
.cm-s-default span[class*="#"] {
color: #009de3;
color: #3f8ce8;
}
.cm-s-default .cm-error {
color: #f00;
@ -421,7 +367,6 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {
.CodeMirror {
position: relative;
overflow: hidden;
background: white;
}
.CodeMirror-scroll {
overflow: scroll !important;
@ -660,15 +605,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;
@ -679,14 +618,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;
}
@ -700,38 +633,13 @@ 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;
-moz-border-radius: 2px;
border-radius: 2px;
}
.bi-panel .panel-title {
background-color: #d8f2fd;
border-bottom: 1px solid #a3d6e8;
}
.bi-panel .panel-title .panel-title-text {
cursor: text;
color: #808080;
font-size: 14px;
}
/****添加计算宽度的--运算符直接需要space****/
@ -747,15 +655,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(自定义颜色,用于特定场景) ****/
@ -768,17 +671,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(自定义颜色,用于特定场景) ****/
@ -786,13 +678,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;
@ -805,18 +692,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(自定义颜色,用于特定场景) ****/
@ -824,8 +699,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 #178cdf;
background-color: #3f8ce8;
text-align: center;
vertical-align: middle;
cursor: pointer;
@ -893,10 +768,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,
@ -918,7 +793,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(常用颜色,可用于普遍场景) *****/
@ -959,15 +834,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(自定义颜色,用于特定场景) ****/
@ -982,9 +851,6 @@ li.CodeMirror-hint-active {
.bi-textarea-editor .textarea-editor-content {
border: none;
}
.bi-textarea-editor .textarea-editor-content.textarea-editor-focus {
border: 1px solid #009de3;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
@ -1093,24 +959,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(常用颜色,可用于普遍场景) *****/
@ -1130,24 +990,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 {
@ -1171,35 +1031,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(常用颜色,可用于普遍场景) *****/
@ -1213,24 +1073,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(常用颜色,可用于普遍场景) *****/
@ -1243,12 +1097,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;
@ -1266,11 +1121,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,
@ -1323,20 +1179,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;
@ -1351,7 +1211,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(常用颜色,可用于普遍场景) *****/
@ -1359,7 +1219,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;
@ -1367,7 +1227,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(常用颜色,可用于普遍场景) *****/
@ -1378,12 +1238,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(自定义颜色,用于特定场景) ****/
@ -1391,13 +1245,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 {
@ -1417,15 +1271,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(自定义颜色,用于特定场景) ****/
@ -1433,7 +1283,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;
@ -1442,7 +1291,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;
@ -1450,14 +1298,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(自定义颜色,用于特定场景) ****/
@ -1470,25 +1310,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;
}

58
bi/base.js

@ -496,11 +496,15 @@ BI.Text = BI.inherit(BI.Single, {
type: "bi.layout",
cls: "bi-text"
});
this.text.element.appendTo(this.element);
BI.createWidget({
type: "bi.default",
element: this,
items: [this.text]
});
if (BI.isKey(o.text)) {
this.text.element.text(o.text);
this.setText(o.text);
} else if (BI.isKey(o.value)) {
this.text.element.text(o.value);
this.setText(o.value);
}
if (o.hgap + o.lgap > 0) {
this.text.element.css({
@ -562,7 +566,7 @@ BI.Text = BI.inherit(BI.Single, {
setValue: function (text) {
BI.Text.superclass.setValue.apply(this, arguments);
if (!this.isReadOnly()) {
this.text.element.text(text);
this.setText(text);
}
},
@ -573,7 +577,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(" ", " "));
}
});
@ -1114,7 +1118,7 @@ BI.ButtonGroup = BI.inherit(BI.Widget, {
deleted.push(i);
}
});
BI.remove(this.buttons, deleted);
BI.removeAt(this.buttons, deleted);
this.layouts.removeItemAt(deleted);
},
@ -2950,9 +2954,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 +14482,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 +14854,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 +14893,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: {
@ -15044,12 +15048,7 @@ BI.PopupView = BI.inherit(BI.Widget, {
"max-width": o.maxWidth + "px"
}).bind({"click": fn});
//FIXME IE8下 jquery.mousewheeel.js 第一次执行65行$elem["offsetParent"]()的时候报错:未指明的错误 但是第二次或者调试的时候展开一下$elem内容均能避免上述问题
try {
this.element.bind("mousewheel", fn);
} catch (e) {
this.element.bind("mousewheel", fn);
}
this.element.bind("mousewheel", fn);
o.stopPropagation && this.element.bind({"mousedown": fn, "mouseup": fn, "mouseover": fn});
o.stopEvent && this.element.bind({"mousedown": stop, "mouseup": stop, "mouseover": stop});
@ -15077,7 +15076,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)
})))
@ -15121,7 +15120,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,
@ -15179,7 +15178,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,
@ -15239,7 +15238,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, {
@ -15636,7 +15635,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
})
@ -15646,7 +15645,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
@ -17843,7 +17842,7 @@ BI.TextAreaEditor = BI.inherit(BI.Single, {
tagName: "textarea",
width: "100%",
height: "100%",
cls: "textarea-editor-content display-block"
cls: "textarea-editor-content display-block bi-card"
});
this.content.element.css({"resize": "none"});
BI.createWidget({
@ -28237,7 +28236,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,
@ -28966,7 +28965,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,
@ -30824,13 +30823,14 @@ BI.Table = BI.inherit(BI.Widget, {
.addClass(c === rows.length - 1 ? "last-col" : "");
var w = BI.createWidget(map[r][c], {
type: "bi.table_cell",
root: true,
textAlign: "left",
width: BI.isNumeric(width) ? width : "",
height: BI.isNumeric(height) ? height : "",
_row: r,
_col: c + start
});
self.addWidget(w.getName(), w);
w._mount();
w.element.css("position", "relative");
td.append(w.element);
tr.append(td);

308
bi/case.js

@ -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"),
@ -6108,265 +6108,6 @@ BI.SignEditor.EVENT_SPACE = "EVENT_SPACE";
BI.SignEditor.EVENT_EMPTY = "EVENT_EMPTY";
BI.shortcut("bi.sign_editor", BI.SignEditor);/**
* sign标签分两段可以自定义样式
* @class BI.SignStyleEditor
* @extends BI.Single
*/
BI.SignStyleEditor = BI.inherit(BI.Single, {
constants: {
tipTextGap: 4
},
_defaultConfig: function () {
var conf = BI.SignStyleEditor.superclass._defaultConfig.apply(this, arguments);
return BI.extend(conf, {
baseCls: (conf.baseCls || "") + " bi-sign-style-editor",
text: "",
hgap: 4,
vgap: 2,
lgap: 0,
rgap: 0,
tgap: 0,
bgap: 0,
validationChecker: BI.emptyFn,
quitChecker: BI.emptyFn,
mouseOut: false,
allowBlank: false,
watermark: "",
errorText: "",
height: 30
})
},
_init: function () {
BI.SignStyleEditor.superclass._init.apply(this, arguments);
var self = this, o = this.options;
this.editor = BI.createWidget({
type: "bi.editor",
height: o.height,
hgap: o.hgap,
vgap: o.vgap,
lgap: o.lgap,
rgap: o.rgap,
tgap: o.tgap,
bgap: o.bgap,
value: o.value,
validationChecker: o.validationChecker,
quitChecker: o.quitChecker,
mouseOut: o.mouseOut,
allowBlank: o.allowBlank,
watermark: o.watermark,
errorText: o.errorText
});
this.text = BI.createWidget({
type: "bi.text_button",
cls: "sign-style-editor-text",
textAlign: "left",
height: o.height,
hgap: 4,
handler: function () {
self._showInput();
self.editor.focus();
self.editor.selectAll();
}
});
this.tipText = BI.createWidget({
type: "bi.text_button",
cls: "sign-style-editor-tip",
textAlign: "right",
rgap: 4,
height: o.height,
text: o.text,
handler: function () {
self._showInput();
self.editor.focus();
self.editor.selectAll();
}
});
this.text.on(BI.TextButton.EVENT_CHANGE, function () {
BI.nextTick(function () {
self.fireEvent(BI.SignStyleEditor.EVENT_CLICK_LABEL)
});
});
this.tipText.on(BI.TextButton.EVENT_CHANGE, function () {
BI.nextTick(function () {
self.fireEvent(BI.SignStyleEditor.EVENT_CLICK_LABEL)
});
});
this.wrap = BI.createWidget({
type: "bi.htape",
element: this,
items: [this.text, this.tipText]
});
this.editor.on(BI.Controller.EVENT_CHANGE, function () {
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments);
});
this.editor.on(BI.Editor.EVENT_FOCUS, function () {
self.fireEvent(BI.SignStyleEditor.EVENT_FOCUS);
});
this.editor.on(BI.Editor.EVENT_BLUR, function () {
self.fireEvent(BI.SignStyleEditor.EVENT_BLUR);
});
this.editor.on(BI.Editor.EVENT_CLICK, function () {
self.fireEvent(BI.SignStyleEditor.EVENT_CLICK);
});
this.editor.on(BI.Editor.EVENT_CHANGE, function () {
self.fireEvent(BI.SignStyleEditor.EVENT_CHANGE);
});
this.editor.on(BI.Editor.EVENT_KEY_DOWN, function (v) {
self.fireEvent(BI.SignStyleEditor.EVENT_KEY_DOWN);
});
this.editor.on(BI.Editor.EVENT_VALID, function () {
self.fireEvent(BI.SignStyleEditor.EVENT_VALID);
});
this.editor.on(BI.Editor.EVENT_CONFIRM, function () {
self._showHint();
self._checkText();
self._resizeLayout();
self.fireEvent(BI.SignStyleEditor.EVENT_CONFIRM);
});
this.editor.on(BI.Editor.EVENT_START, function () {
self.fireEvent(BI.SignStyleEditor.EVENT_START);
});
this.editor.on(BI.Editor.EVENT_PAUSE, function () {
self.fireEvent(BI.SignStyleEditor.EVENT_PAUSE);
});
this.editor.on(BI.Editor.EVENT_STOP, function () {
self.fireEvent(BI.SignStyleEditor.EVENT_STOP);
});
this.editor.on(BI.Editor.EVENT_SPACE, function () {
self.fireEvent(BI.SignStyleEditor.EVENT_SPACE);
});
this.editor.on(BI.Editor.EVENT_ERROR, function () {
self.fireEvent(BI.SignStyleEditor.EVENT_ERROR);
});
this.editor.on(BI.Editor.EVENT_ENTER, function () {
self.fireEvent(BI.SignStyleEditor.EVENT_ENTER);
});
this.editor.on(BI.Editor.EVENT_RESTRICT, function () {
self.fireEvent(BI.SignStyleEditor.EVENT_RESTRICT);
});
this.editor.on(BI.Editor.EVENT_EMPTY, function () {
self.fireEvent(BI.SignStyleEditor.EVENT_EMPTY);
});
BI.createWidget({
type: "bi.vertical",
scrolly: false,
element: this,
items: [this.editor]
});
this._showHint();
this._checkText();
BI.nextTick(function () {
var tipTextSize = self.text.element.getStyle("font-size");
self.tipTextSize = tipTextSize.substring(0, tipTextSize.length - 2);
self._resizeLayout();
});
},
_checkText: function () {
var o = this.options;
if (this.editor.getValue() === "") {
this.text.setValue(o.watermark || "");
this.text.element.addClass("bi-water-mark");
} else {
this.text.setValue(this.editor.getValue());
this.tipText.setValue("(" + o.text + ")");
this.text.element.removeClass("bi-water-mark");
}
this.setTitle(this.text.getValue() + this.tipText.getValue());
},
_showInput: function () {
this.editor.setVisible(true);
this.text.setVisible(false);
this.tipText.setVisible(false);
},
_showHint: function () {
this.editor.setVisible(false);
this.text.setVisible(true);
this.tipText.setVisible(true);
},
_resizeLayout: function () {
this.wrap.attr("items")[0].width = BI.DOM.getTextSizeWidth(this.text.getValue(), this.tipTextSize) + 2 * this.constants.tipTextGap;
this.wrap.resize();
},
focus: function () {
this._showInput();
this.editor.focus();
},
blur: function () {
this.editor.blur();
this._showHint();
this._checkText();
},
isValid: function () {
return this.editor.isValid();
},
setErrorText: function (text) {
this.editor.setErrorText(text);
},
getErrorText: function () {
return this.editor.getErrorText();
},
setValue: function (k) {
BI.SignStyleEditor.superclass.setValue.apply(this, arguments);
this.editor.setValue(k);
this._checkText();
this._resizeLayout();
},
getValue: function () {
return this.editor.getValue();
},
getState: function () {
return this.options.text;
},
setState: function (v) {
var o = this.options;
o.text = v;
this._showHint();
this.tipText.setValue("(" + v + ")");
this._checkText();
}
});
BI.SignStyleEditor.EVENT_CHANGE = "EVENT_CHANGE";
BI.SignStyleEditor.EVENT_FOCUS = "EVENT_FOCUS";
BI.SignStyleEditor.EVENT_BLUR = "EVENT_BLUR";
BI.SignStyleEditor.EVENT_CLICK = "EVENT_CLICK";
BI.SignStyleEditor.EVENT_KEY_DOWN = "EVENT_KEY_DOWN";
BI.SignStyleEditor.EVENT_CLICK_LABEL = "EVENT_CLICK_LABEL";
BI.SignStyleEditor.EVENT_START = "EVENT_START";
BI.SignStyleEditor.EVENT_PAUSE = "EVENT_PAUSE";
BI.SignStyleEditor.EVENT_STOP = "EVENT_STOP";
BI.SignStyleEditor.EVENT_CONFIRM = "EVENT_CONFIRM";
BI.SignStyleEditor.EVENT_VALID = "EVENT_VALID";
BI.SignStyleEditor.EVENT_ERROR = "EVENT_ERROR";
BI.SignStyleEditor.EVENT_ENTER = "EVENT_ENTER";
BI.SignStyleEditor.EVENT_RESTRICT = "EVENT_RESTRICT";
BI.SignStyleEditor.EVENT_SPACE = "EVENT_SPACE";
BI.SignStyleEditor.EVENT_EMPTY = "EVENT_EMPTY";
BI.shortcut("bi.sign_style_editor", BI.SignStyleEditor);/**
* guy
* 记录状态的输入框
* @class BI.StateEditor
@ -6415,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"),
@ -6695,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"),
@ -6915,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,
@ -7247,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",
@ -7308,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: {
@ -7509,7 +7250,7 @@ BI.shortcut("bi.list_pane", BI.ListPane);/**
BI.Panel = BI.inherit(BI.Widget,{
_defaultConfig : function(){
return BI.extend(BI.Panel.superclass._defaultConfig.apply(this,arguments),{
baseCls: "bi-panel",
baseCls: "bi-panel bi-border",
title:"",
titleButtons:[],
el:{},
@ -7560,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 bi-border-bottom bi-background",
height: 30,
items: {
left: [this.text],
@ -8884,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
}),
@ -9005,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
@ -9063,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: [
{
@ -11388,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,
@ -11555,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
});
},
@ -11608,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
});
},

196
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,116 +2931,219 @@
.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;
opacity: 0.8;
filter: alpha(opacity=80);
background: #1a1a1a;
opacity: 0.2;
filter: alpha(opacity=20);
z-index: 1000000000;
}
.bi-theme-dark .bi-resizer {
background: #ffffff;
}
.bi-z-index-mask {
background-color: #1a1a1a;
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 +3152,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 +3261,6 @@
.horizon-left {
text-align: left;
}
.div-horizon-center {
margin-left: auto;
margin-right: auto;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
@ -3499,8 +3615,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;

48
bi/core.js

@ -2666,6 +2666,13 @@ if (!window.BI) {
}
},
parseSafeInt: function (value) {
var MAX_SAFE_INTEGER = 9007199254740991;
return value
? this.clamp(this.parseInt(value), -MAX_SAFE_INTEGER, MAX_SAFE_INTEGER)
: (value === 0 ? value : 0);
},
parseFloat: function (number) {
try {
return parseFloat(number);
@ -4426,27 +4433,14 @@ BI.Widget = BI.inherit(BI.OB, {
}
this.beforeMounted && this.beforeMounted();
this._isMounted = true;
this._mountChildren();
this._mountChildren && this._mountChildren();
BI.each(this._children, function (i, widget) {
widget._mount && widget._mount();
});
this.mounted && this.mounted();
},
_mountChildren: function () {
var self = this;
var frag = document.createDocumentFragment();
var hasChild = false;
BI.each(this._children, function (i, widget) {
if (widget.element !== self.element) {
frag.appendChild(widget.element[0]);
hasChild = true;
}
});
if (hasChild === true) {
this.element.append(frag);
}
},
_mountChildren: null,
_unMount: function () {
BI.each(this._children, function (i, widget) {
@ -8289,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);
@ -11110,6 +11107,21 @@ BI.Layout = BI.inherit(BI.Widget, {
}
},
_mountChildren: function () {
var self = this;
var frag = document.createDocumentFragment();
var hasChild = false;
BI.each(this._children, function (i, widget) {
if (widget.element !== self.element) {
frag.appendChild(widget.element[0]);
hasChild = true;
}
});
if (hasChild === true) {
this.element.append(frag);
}
},
_getChildName: function (index) {
return index + "";
},
@ -17034,7 +17046,7 @@ $(function () {
}
var rgb = this.rgb2json(this.hex2rgb(hex));
var grayLevel = Math.round(rgb.r * 0.299 + rgb.g * 0.587 + rgb.b * 0.114);
if (grayLevel < 192) {
if (grayLevel < 140) {
return true;
}
return false;
@ -17043,7 +17055,7 @@ $(function () {
//获取对比颜色
getContrastColor: function (color) {
if (this.isDarkColor(color)) {
return "#b2b2b2";
return "#ffffff";
}
return "#1a1a1a";
},

258
bi/widget.css

@ -1,17 +1,11 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-arrangement-block {
background: #e85050;
opacity: 0.8;
filter: alpha(opacity=80);
}
/****添加计算宽度的--运算符直接需要space****/
/****** 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 +19,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 +38,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 +125,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 +132,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 +145,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 +162,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 +173,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 +209,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 +244,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 +251,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 +278,6 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-select-search-pane {
background: #ffffff;
}
.bi-multi-select-search-pane .multi-select-toolbar {
color: #e85050;
}
@ -328,70 +285,25 @@
/****** 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;
background-color: #ffffff;
color: #3f8ce8;
z-index: 1;
}
.bi-theme-dark .bi-multi-select-check-selected-button {
background-color: #191a2c;
}
/****添加计算宽度的--运算符直接需要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-continue-select {
background-color: #f4f4f4;
}
.bi-multi-tree-check-pane .multi-tree-check-selected {
color: #009de3;
color: #3f8ce8;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-tree-display {
background-color: #f4f4f4;
}
/****添加计算宽度的--运算符直接需要space****/
/****** 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****/
@ -403,58 +315,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-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****/
/****** 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;
background-color: #ffffff;
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;
@ -463,9 +337,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;
@ -474,7 +345,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;
@ -486,7 +356,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;
@ -503,15 +372,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(自定义颜色,用于特定场景) ****/
@ -535,17 +395,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(常用颜色,可用于普遍场景) *****/
@ -560,7 +411,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(常用颜色,可用于普遍场景) *****/
@ -581,7 +436,6 @@
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-quarter-trigger {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
@ -589,26 +443,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(常用颜色,可用于普遍场景) *****/
@ -625,7 +470,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;
@ -636,9 +480,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(常用颜色,可用于普遍场景) *****/
@ -655,7 +496,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;
@ -666,9 +506,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(常用颜色,可用于普遍场景) *****/
@ -688,7 +525,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;
@ -699,38 +535,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(自定义颜色,用于特定场景) ****/
@ -738,21 +546,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;

306
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);
@ -921,7 +921,7 @@ BI.ArrangementBlock = BI.inherit(BI.Widget, {
_defaultConfig: function () {
return BI.extend(BI.ArrangementBlock.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-arrangement-block"
baseCls: "bi-arrangement-block bi-resizer"
});
},
@ -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);
@ -7121,6 +7121,70 @@ BI.FineTuningNumberEditor = BI.inherit(BI.Widget, {
});
BI.FineTuningNumberEditor.EVENT_CONFIRM = "EVENT_CONFIRM";
BI.shortcut("bi.fine_tuning_number_editor", BI.FineTuningNumberEditor);/**
* Created by GameJian on 2016/1/28.
*/
BI.ImageButtonHref = BI.inherit(BI.Single, {
_defaultConfig: function () {
return BI.extend(BI.ImageButtonHref.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-image-button-href",
title: BI.i18nText("BI-Add_Href")
})
},
_init: function () {
BI.ImageButtonHref.superclass._init.apply(this, arguments);
var self = this, o = this.options;
this.trigger = BI.createWidget({
type: "bi.icon_button",
cls: "img-href-font",
title: o.title,
height: 24,
width: 24
});
this.input = BI.createWidget({
type: "bi.clear_editor",
watermark: BI.i18nText("BI-Input_Href"),
width: 255,
height: 30
});
this.input.on(BI.ClearEditor.EVENT_CONFIRM, function () {
self.combo.hideView();
});
this.combo = BI.createWidget({
type: "bi.combo",
element: this,
direction: "bottom,left",
adjustYOffset: 3,
el: this.trigger,
popup: {
el: this.input,
stopPropagation: false,
minWidth: 255
}
});
this.combo.on(BI.Combo.EVENT_AFTER_POPUPVIEW, function () {
self.input.focus()
});
this.combo.on(BI.Combo.EVENT_BEFORE_HIDEVIEW, function () {
self.fireEvent(BI.ImageButtonHref.EVENT_CHANGE, arguments)
})
},
getValue: function () {
return this.input.getValue();
},
setValue: function (url) {
this.input.setValue(url)
}
});
BI.ImageButtonHref.EVENT_CHANGE = "BI.ImageButtonHref.EVENT_CHANGE";
BI.shortcut("bi.image_button_href", BI.ImageButtonHref);/**
* 交互行为布局
*
*
@ -7869,7 +7933,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 +9384,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 +9537,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 +9722,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 +10190,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 +10497,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,13 +10843,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) {
this.editor.setState(BI.size(ob.value) > 0 ? BI.Selection.Multi : BI.Selection.All);
if (BI.size(ob.assist) === 1) {
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);
}
@ -10940,7 +11009,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,
@ -11247,7 +11316,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
});
},
@ -11542,7 +11611,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();
@ -11708,7 +11777,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
});
@ -12153,7 +12222,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
});
},
@ -12244,7 +12313,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({
@ -12281,7 +12350,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({
@ -12317,7 +12386,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") + ")",
@ -12336,7 +12405,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") + ")",
@ -13532,7 +13601,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: ""
})
@ -13569,7 +13638,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,
@ -14069,7 +14138,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
});
},
@ -14167,7 +14236,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
@ -14538,7 +14607,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
});
},
@ -14689,10 +14758,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]
}],
@ -15737,7 +15806,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")
});
@ -15804,7 +15873,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,
@ -16460,159 +16529,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.
@ -16769,7 +16685,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]
},
@ -16827,7 +16743,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-right: 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;
}

294
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(),
@ -320,14 +513,14 @@ Demo.Face = BI.inherit(BI.Widget, {
column: 0,
row: 0,
el: {
type: "demo.preview",
cls: "face-config"
type: "demo.preview"
}
}, {
column: 1,
row: 0,
el: {
type: "bi.vertical",
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-right: 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;
}
}

334
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,28 +124,6 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-sign-style-editor .sign-style-editor-text {
max-width: 100%;
font-size: 12px;
}
.bi-sign-style-editor .sign-style-editor-tip {
max-width: 100%;
font-size: 12px;
color: #808080;
}
/****添加计算宽度的--运算符直接需要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 */
@ -193,7 +131,12 @@
cursor: text;
width: 100%;
height: 100%;
color: black;
color: #1a1a1a;
background-color: #ffffff;
}
.bi-theme-dark .CodeMirror {
color: #ffffff;
background-color: #242640;
}
/* PADDING */
.CodeMirror-lines {
@ -230,7 +173,10 @@
}
/* CURSOR */
.CodeMirror div.CodeMirror-cursor {
border-left: 1px solid black;
border-left: 1px solid #1a1a1a;
}
.bi-theme-dark .CodeMirror div.CodeMirror-cursor {
border-left: 1px solid #ffffff;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
@ -369,9 +315,9 @@
}
.cm-s-default span[class*="fieldName"] {
color: white;
padding: 1px ;
padding: 1px;
margin: 1px 0px;
background: #009de3;
background: #3f8ce8;
}
.cm-s-default span[class*="start"] {
-webkit-border-radius: 3px 0px 0px 3px;
@ -391,7 +337,7 @@
border-radius: 3px;
}
.cm-s-default span[class*="#"] {
color: #009de3;
color: #3f8ce8;
}
.cm-s-default .cm-error {
color: #f00;
@ -421,7 +367,6 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {
.CodeMirror {
position: relative;
overflow: hidden;
background: white;
}
.CodeMirror-scroll {
overflow: scroll !important;
@ -660,15 +605,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;
@ -679,14 +618,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;
}
@ -700,38 +633,13 @@ 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;
-moz-border-radius: 2px;
border-radius: 2px;
}
.bi-panel .panel-title {
background-color: #d8f2fd;
border-bottom: 1px solid #a3d6e8;
}
.bi-panel .panel-title .panel-title-text {
cursor: text;
color: #808080;
font-size: 14px;
}
/****添加计算宽度的--运算符直接需要space****/
@ -747,15 +655,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(自定义颜色,用于特定场景) ****/
@ -768,17 +671,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(自定义颜色,用于特定场景) ****/
@ -786,13 +678,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;
@ -805,18 +692,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(自定义颜色,用于特定场景) ****/
@ -824,8 +699,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 #178cdf;
background-color: #3f8ce8;
text-align: center;
vertical-align: middle;
cursor: pointer;
@ -893,10 +768,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,
@ -918,7 +793,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(常用颜色,可用于普遍场景) *****/
@ -959,15 +834,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(自定义颜色,用于特定场景) ****/
@ -982,9 +851,6 @@ li.CodeMirror-hint-active {
.bi-textarea-editor .textarea-editor-content {
border: none;
}
.bi-textarea-editor .textarea-editor-content.textarea-editor-focus {
border: 1px solid #009de3;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
@ -1093,24 +959,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(常用颜色,可用于普遍场景) *****/
@ -1130,24 +990,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 {
@ -1171,35 +1031,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(常用颜色,可用于普遍场景) *****/
@ -1213,24 +1073,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(常用颜色,可用于普遍场景) *****/
@ -1243,12 +1097,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;
@ -1266,11 +1121,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,
@ -1323,20 +1179,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;
@ -1351,7 +1211,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(常用颜色,可用于普遍场景) *****/
@ -1359,7 +1219,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;
@ -1367,7 +1227,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(常用颜色,可用于普遍场景) *****/
@ -1378,12 +1238,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(自定义颜色,用于特定场景) ****/
@ -1391,13 +1245,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 {
@ -1417,15 +1271,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(自定义颜色,用于特定场景) ****/
@ -1433,7 +1283,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;
@ -1442,7 +1291,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;
@ -1450,14 +1298,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(自定义颜色,用于特定场景) ****/
@ -1470,25 +1310,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;
}

58
docs/base.js

@ -496,11 +496,15 @@ BI.Text = BI.inherit(BI.Single, {
type: "bi.layout",
cls: "bi-text"
});
this.text.element.appendTo(this.element);
BI.createWidget({
type: "bi.default",
element: this,
items: [this.text]
});
if (BI.isKey(o.text)) {
this.text.element.text(o.text);
this.setText(o.text);
} else if (BI.isKey(o.value)) {
this.text.element.text(o.value);
this.setText(o.value);
}
if (o.hgap + o.lgap > 0) {
this.text.element.css({
@ -562,7 +566,7 @@ BI.Text = BI.inherit(BI.Single, {
setValue: function (text) {
BI.Text.superclass.setValue.apply(this, arguments);
if (!this.isReadOnly()) {
this.text.element.text(text);
this.setText(text);
}
},
@ -573,7 +577,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(" ", "&nbsp;"));
}
});
@ -1114,7 +1118,7 @@ BI.ButtonGroup = BI.inherit(BI.Widget, {
deleted.push(i);
}
});
BI.remove(this.buttons, deleted);
BI.removeAt(this.buttons, deleted);
this.layouts.removeItemAt(deleted);
},
@ -2950,9 +2954,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 +14482,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 +14854,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 +14893,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: {
@ -15044,12 +15048,7 @@ BI.PopupView = BI.inherit(BI.Widget, {
"max-width": o.maxWidth + "px"
}).bind({"click": fn});
//FIXME IE8下 jquery.mousewheeel.js 第一次执行65行$elem["offsetParent"]()的时候报错:未指明的错误 但是第二次或者调试的时候展开一下$elem内容均能避免上述问题
try {
this.element.bind("mousewheel", fn);
} catch (e) {
this.element.bind("mousewheel", fn);
}
this.element.bind("mousewheel", fn);
o.stopPropagation && this.element.bind({"mousedown": fn, "mouseup": fn, "mouseover": fn});
o.stopEvent && this.element.bind({"mousedown": stop, "mouseup": stop, "mouseover": stop});
@ -15077,7 +15076,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)
})))
@ -15121,7 +15120,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,
@ -15179,7 +15178,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,
@ -15239,7 +15238,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, {
@ -15636,7 +15635,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
})
@ -15646,7 +15645,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
@ -17843,7 +17842,7 @@ BI.TextAreaEditor = BI.inherit(BI.Single, {
tagName: "textarea",
width: "100%",
height: "100%",
cls: "textarea-editor-content display-block"
cls: "textarea-editor-content display-block bi-card"
});
this.content.element.css({"resize": "none"});
BI.createWidget({
@ -28237,7 +28236,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,
@ -28966,7 +28965,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,
@ -30824,13 +30823,14 @@ BI.Table = BI.inherit(BI.Widget, {
.addClass(c === rows.length - 1 ? "last-col" : "");
var w = BI.createWidget(map[r][c], {
type: "bi.table_cell",
root: true,
textAlign: "left",
width: BI.isNumeric(width) ? width : "",
height: BI.isNumeric(height) ? height : "",
_row: r,
_col: c + start
});
self.addWidget(w.getName(), w);
w._mount();
w.element.css("position", "relative");
td.append(w.element);
tr.append(td);

308
docs/case.js

@ -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"),
@ -6108,265 +6108,6 @@ BI.SignEditor.EVENT_SPACE = "EVENT_SPACE";
BI.SignEditor.EVENT_EMPTY = "EVENT_EMPTY";
BI.shortcut("bi.sign_editor", BI.SignEditor);/**
* sign标签分两段可以自定义样式
* @class BI.SignStyleEditor
* @extends BI.Single
*/
BI.SignStyleEditor = BI.inherit(BI.Single, {
constants: {
tipTextGap: 4
},
_defaultConfig: function () {
var conf = BI.SignStyleEditor.superclass._defaultConfig.apply(this, arguments);
return BI.extend(conf, {
baseCls: (conf.baseCls || "") + " bi-sign-style-editor",
text: "",
hgap: 4,
vgap: 2,
lgap: 0,
rgap: 0,
tgap: 0,
bgap: 0,
validationChecker: BI.emptyFn,
quitChecker: BI.emptyFn,
mouseOut: false,
allowBlank: false,
watermark: "",
errorText: "",
height: 30
})
},
_init: function () {
BI.SignStyleEditor.superclass._init.apply(this, arguments);
var self = this, o = this.options;
this.editor = BI.createWidget({
type: "bi.editor",
height: o.height,
hgap: o.hgap,
vgap: o.vgap,
lgap: o.lgap,
rgap: o.rgap,
tgap: o.tgap,
bgap: o.bgap,
value: o.value,
validationChecker: o.validationChecker,
quitChecker: o.quitChecker,
mouseOut: o.mouseOut,
allowBlank: o.allowBlank,
watermark: o.watermark,
errorText: o.errorText
});
this.text = BI.createWidget({
type: "bi.text_button",
cls: "sign-style-editor-text",
textAlign: "left",
height: o.height,
hgap: 4,
handler: function () {
self._showInput();
self.editor.focus();
self.editor.selectAll();
}
});
this.tipText = BI.createWidget({
type: "bi.text_button",
cls: "sign-style-editor-tip",
textAlign: "right",
rgap: 4,
height: o.height,
text: o.text,
handler: function () {
self._showInput();
self.editor.focus();
self.editor.selectAll();
}
});
this.text.on(BI.TextButton.EVENT_CHANGE, function () {
BI.nextTick(function () {
self.fireEvent(BI.SignStyleEditor.EVENT_CLICK_LABEL)
});
});
this.tipText.on(BI.TextButton.EVENT_CHANGE, function () {
BI.nextTick(function () {
self.fireEvent(BI.SignStyleEditor.EVENT_CLICK_LABEL)
});
});
this.wrap = BI.createWidget({
type: "bi.htape",
element: this,
items: [this.text, this.tipText]
});
this.editor.on(BI.Controller.EVENT_CHANGE, function () {
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments);
});
this.editor.on(BI.Editor.EVENT_FOCUS, function () {
self.fireEvent(BI.SignStyleEditor.EVENT_FOCUS);
});
this.editor.on(BI.Editor.EVENT_BLUR, function () {
self.fireEvent(BI.SignStyleEditor.EVENT_BLUR);
});
this.editor.on(BI.Editor.EVENT_CLICK, function () {
self.fireEvent(BI.SignStyleEditor.EVENT_CLICK);
});
this.editor.on(BI.Editor.EVENT_CHANGE, function () {
self.fireEvent(BI.SignStyleEditor.EVENT_CHANGE);
});
this.editor.on(BI.Editor.EVENT_KEY_DOWN, function (v) {
self.fireEvent(BI.SignStyleEditor.EVENT_KEY_DOWN);
});
this.editor.on(BI.Editor.EVENT_VALID, function () {
self.fireEvent(BI.SignStyleEditor.EVENT_VALID);
});
this.editor.on(BI.Editor.EVENT_CONFIRM, function () {
self._showHint();
self._checkText();
self._resizeLayout();
self.fireEvent(BI.SignStyleEditor.EVENT_CONFIRM);
});
this.editor.on(BI.Editor.EVENT_START, function () {
self.fireEvent(BI.SignStyleEditor.EVENT_START);
});
this.editor.on(BI.Editor.EVENT_PAUSE, function () {
self.fireEvent(BI.SignStyleEditor.EVENT_PAUSE);
});
this.editor.on(BI.Editor.EVENT_STOP, function () {
self.fireEvent(BI.SignStyleEditor.EVENT_STOP);
});
this.editor.on(BI.Editor.EVENT_SPACE, function () {
self.fireEvent(BI.SignStyleEditor.EVENT_SPACE);
});
this.editor.on(BI.Editor.EVENT_ERROR, function () {
self.fireEvent(BI.SignStyleEditor.EVENT_ERROR);
});
this.editor.on(BI.Editor.EVENT_ENTER, function () {
self.fireEvent(BI.SignStyleEditor.EVENT_ENTER);
});
this.editor.on(BI.Editor.EVENT_RESTRICT, function () {
self.fireEvent(BI.SignStyleEditor.EVENT_RESTRICT);
});
this.editor.on(BI.Editor.EVENT_EMPTY, function () {
self.fireEvent(BI.SignStyleEditor.EVENT_EMPTY);
});
BI.createWidget({
type: "bi.vertical",
scrolly: false,
element: this,
items: [this.editor]
});
this._showHint();
this._checkText();
BI.nextTick(function () {
var tipTextSize = self.text.element.getStyle("font-size");
self.tipTextSize = tipTextSize.substring(0, tipTextSize.length - 2);
self._resizeLayout();
});
},
_checkText: function () {
var o = this.options;
if (this.editor.getValue() === "") {
this.text.setValue(o.watermark || "");
this.text.element.addClass("bi-water-mark");
} else {
this.text.setValue(this.editor.getValue());
this.tipText.setValue("(" + o.text + ")");
this.text.element.removeClass("bi-water-mark");
}
this.setTitle(this.text.getValue() + this.tipText.getValue());
},
_showInput: function () {
this.editor.setVisible(true);
this.text.setVisible(false);
this.tipText.setVisible(false);
},
_showHint: function () {
this.editor.setVisible(false);
this.text.setVisible(true);
this.tipText.setVisible(true);
},
_resizeLayout: function () {
this.wrap.attr("items")[0].width = BI.DOM.getTextSizeWidth(this.text.getValue(), this.tipTextSize) + 2 * this.constants.tipTextGap;
this.wrap.resize();
},
focus: function () {
this._showInput();
this.editor.focus();
},
blur: function () {
this.editor.blur();
this._showHint();
this._checkText();
},
isValid: function () {
return this.editor.isValid();
},
setErrorText: function (text) {
this.editor.setErrorText(text);
},
getErrorText: function () {
return this.editor.getErrorText();
},
setValue: function (k) {
BI.SignStyleEditor.superclass.setValue.apply(this, arguments);
this.editor.setValue(k);
this._checkText();
this._resizeLayout();
},
getValue: function () {
return this.editor.getValue();
},
getState: function () {
return this.options.text;
},
setState: function (v) {
var o = this.options;
o.text = v;
this._showHint();
this.tipText.setValue("(" + v + ")");
this._checkText();
}
});
BI.SignStyleEditor.EVENT_CHANGE = "EVENT_CHANGE";
BI.SignStyleEditor.EVENT_FOCUS = "EVENT_FOCUS";
BI.SignStyleEditor.EVENT_BLUR = "EVENT_BLUR";
BI.SignStyleEditor.EVENT_CLICK = "EVENT_CLICK";
BI.SignStyleEditor.EVENT_KEY_DOWN = "EVENT_KEY_DOWN";
BI.SignStyleEditor.EVENT_CLICK_LABEL = "EVENT_CLICK_LABEL";
BI.SignStyleEditor.EVENT_START = "EVENT_START";
BI.SignStyleEditor.EVENT_PAUSE = "EVENT_PAUSE";
BI.SignStyleEditor.EVENT_STOP = "EVENT_STOP";
BI.SignStyleEditor.EVENT_CONFIRM = "EVENT_CONFIRM";
BI.SignStyleEditor.EVENT_VALID = "EVENT_VALID";
BI.SignStyleEditor.EVENT_ERROR = "EVENT_ERROR";
BI.SignStyleEditor.EVENT_ENTER = "EVENT_ENTER";
BI.SignStyleEditor.EVENT_RESTRICT = "EVENT_RESTRICT";
BI.SignStyleEditor.EVENT_SPACE = "EVENT_SPACE";
BI.SignStyleEditor.EVENT_EMPTY = "EVENT_EMPTY";
BI.shortcut("bi.sign_style_editor", BI.SignStyleEditor);/**
* guy
* 记录状态的输入框
* @class BI.StateEditor
@ -6415,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"),
@ -6695,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"),
@ -6915,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,
@ -7247,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",
@ -7308,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: {
@ -7509,7 +7250,7 @@ BI.shortcut("bi.list_pane", BI.ListPane);/**
BI.Panel = BI.inherit(BI.Widget,{
_defaultConfig : function(){
return BI.extend(BI.Panel.superclass._defaultConfig.apply(this,arguments),{
baseCls: "bi-panel",
baseCls: "bi-panel bi-border",
title:"",
titleButtons:[],
el:{},
@ -7560,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 bi-border-bottom bi-background",
height: 30,
items: {
left: [this.text],
@ -8884,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
}),
@ -9005,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
@ -9063,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: [
{
@ -11388,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,
@ -11555,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
});
},
@ -11608,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
});
},

196
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,116 +2931,219 @@
.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;
opacity: 0.8;
filter: alpha(opacity=80);
background: #1a1a1a;
opacity: 0.2;
filter: alpha(opacity=20);
z-index: 1000000000;
}
.bi-theme-dark .bi-resizer {
background: #ffffff;
}
.bi-z-index-mask {
background-color: #1a1a1a;
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 +3152,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 +3261,6 @@
.horizon-left {
text-align: left;
}
.div-horizon-center {
margin-left: auto;
margin-right: auto;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
@ -3499,8 +3615,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;

48
docs/core.js

@ -13808,6 +13808,13 @@ if (!window.BI) {
}
},
parseSafeInt: function (value) {
var MAX_SAFE_INTEGER = 9007199254740991;
return value
? this.clamp(this.parseInt(value), -MAX_SAFE_INTEGER, MAX_SAFE_INTEGER)
: (value === 0 ? value : 0);
},
parseFloat: function (number) {
try {
return parseFloat(number);
@ -14421,27 +14428,14 @@ BI.Widget = BI.inherit(BI.OB, {
}
this.beforeMounted && this.beforeMounted();
this._isMounted = true;
this._mountChildren();
this._mountChildren && this._mountChildren();
BI.each(this._children, function (i, widget) {
widget._mount && widget._mount();
});
this.mounted && this.mounted();
},
_mountChildren: function () {
var self = this;
var frag = document.createDocumentFragment();
var hasChild = false;
BI.each(this._children, function (i, widget) {
if (widget.element !== self.element) {
frag.appendChild(widget.element[0]);
hasChild = true;
}
});
if (hasChild === true) {
this.element.append(frag);
}
},
_mountChildren: null,
_unMount: function () {
BI.each(this._children, function (i, widget) {
@ -16861,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);
@ -19326,6 +19323,21 @@ BI.Layout = BI.inherit(BI.Widget, {
}
},
_mountChildren: function () {
var self = this;
var frag = document.createDocumentFragment();
var hasChild = false;
BI.each(this._children, function (i, widget) {
if (widget.element !== self.element) {
frag.appendChild(widget.element[0]);
hasChild = true;
}
});
if (hasChild === true) {
this.element.append(frag);
}
},
_getChildName: function (index) {
return index + "";
},
@ -22658,7 +22670,7 @@ $(function () {
}
var rgb = this.rgb2json(this.hex2rgb(hex));
var grayLevel = Math.round(rgb.r * 0.299 + rgb.g * 0.587 + rgb.b * 0.114);
if (grayLevel < 192) {
if (grayLevel < 140) {
return true;
}
return false;
@ -22667,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-right: 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;
}

386
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(),
@ -4840,14 +5033,14 @@ BI.shortcut("demo.vtape", Demo.VtapeLayout);Demo.Face = BI.inherit(BI.Widget, {
column: 0,
row: 0,
el: {
type: "demo.preview",
cls: "face-config"
type: "demo.preview"
}
}, {
column: 1,
row: 0,
el: {
type: "bi.vertical",
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;

669
docs/resource.css

File diff suppressed because it is too large Load Diff

258
docs/widget.css

@ -1,17 +1,11 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-arrangement-block {
background: #e85050;
opacity: 0.8;
filter: alpha(opacity=80);
}
/****添加计算宽度的--运算符直接需要space****/
/****** 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 +19,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 +38,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 +125,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 +132,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 +145,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 +162,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 +173,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 +209,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 +244,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 +251,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 +278,6 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-select-search-pane {
background: #ffffff;
}
.bi-multi-select-search-pane .multi-select-toolbar {
color: #e85050;
}
@ -328,70 +285,25 @@
/****** 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;
background-color: #ffffff;
color: #3f8ce8;
z-index: 1;
}
.bi-theme-dark .bi-multi-select-check-selected-button {
background-color: #191a2c;
}
/****添加计算宽度的--运算符直接需要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-continue-select {
background-color: #f4f4f4;
}
.bi-multi-tree-check-pane .multi-tree-check-selected {
color: #009de3;
color: #3f8ce8;
}
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-tree-display {
background-color: #f4f4f4;
}
/****添加计算宽度的--运算符直接需要space****/
/****** 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****/
@ -403,58 +315,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-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****/
/****** 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;
background-color: #ffffff;
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;
@ -463,9 +337,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;
@ -474,7 +345,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;
@ -486,7 +356,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;
@ -503,15 +372,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(自定义颜色,用于特定场景) ****/
@ -535,17 +395,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(常用颜色,可用于普遍场景) *****/
@ -560,7 +411,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(常用颜色,可用于普遍场景) *****/
@ -581,7 +436,6 @@
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-quarter-trigger {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
@ -589,26 +443,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(常用颜色,可用于普遍场景) *****/
@ -625,7 +470,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;
@ -636,9 +480,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(常用颜色,可用于普遍场景) *****/
@ -655,7 +496,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;
@ -666,9 +506,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(常用颜色,可用于普遍场景) *****/
@ -688,7 +525,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;
@ -699,38 +535,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(自定义颜色,用于特定场景) ****/
@ -738,21 +546,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;

306
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);
@ -921,7 +921,7 @@ BI.ArrangementBlock = BI.inherit(BI.Widget, {
_defaultConfig: function () {
return BI.extend(BI.ArrangementBlock.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-arrangement-block"
baseCls: "bi-arrangement-block bi-resizer"
});
},
@ -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);
@ -7121,6 +7121,70 @@ BI.FineTuningNumberEditor = BI.inherit(BI.Widget, {
});
BI.FineTuningNumberEditor.EVENT_CONFIRM = "EVENT_CONFIRM";
BI.shortcut("bi.fine_tuning_number_editor", BI.FineTuningNumberEditor);/**
* Created by GameJian on 2016/1/28.
*/
BI.ImageButtonHref = BI.inherit(BI.Single, {
_defaultConfig: function () {
return BI.extend(BI.ImageButtonHref.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-image-button-href",
title: BI.i18nText("BI-Add_Href")
})
},
_init: function () {
BI.ImageButtonHref.superclass._init.apply(this, arguments);
var self = this, o = this.options;
this.trigger = BI.createWidget({
type: "bi.icon_button",
cls: "img-href-font",
title: o.title,
height: 24,
width: 24
});
this.input = BI.createWidget({
type: "bi.clear_editor",
watermark: BI.i18nText("BI-Input_Href"),
width: 255,
height: 30
});
this.input.on(BI.ClearEditor.EVENT_CONFIRM, function () {
self.combo.hideView();
});
this.combo = BI.createWidget({
type: "bi.combo",
element: this,
direction: "bottom,left",
adjustYOffset: 3,
el: this.trigger,
popup: {
el: this.input,
stopPropagation: false,
minWidth: 255
}
});
this.combo.on(BI.Combo.EVENT_AFTER_POPUPVIEW, function () {
self.input.focus()
});
this.combo.on(BI.Combo.EVENT_BEFORE_HIDEVIEW, function () {
self.fireEvent(BI.ImageButtonHref.EVENT_CHANGE, arguments)
})
},
getValue: function () {
return this.input.getValue();
},
setValue: function (url) {
this.input.setValue(url)
}
});
BI.ImageButtonHref.EVENT_CHANGE = "BI.ImageButtonHref.EVENT_CHANGE";
BI.shortcut("bi.image_button_href", BI.ImageButtonHref);/**
* 交互行为布局
*
*
@ -7869,7 +7933,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 +9384,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 +9537,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 +9722,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 +10190,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 +10497,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,13 +10843,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) {
this.editor.setState(BI.size(ob.value) > 0 ? BI.Selection.Multi : BI.Selection.All);
if (BI.size(ob.assist) === 1) {
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);
}
@ -10940,7 +11009,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,
@ -11247,7 +11316,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
});
},
@ -11542,7 +11611,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();
@ -11708,7 +11777,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
});
@ -12153,7 +12222,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
});
},
@ -12244,7 +12313,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({
@ -12281,7 +12350,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({
@ -12317,7 +12386,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") + ")",
@ -12336,7 +12405,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") + ")",
@ -13532,7 +13601,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: ""
})
@ -13569,7 +13638,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,
@ -14069,7 +14138,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
});
},
@ -14167,7 +14236,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
@ -14538,7 +14607,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
});
},
@ -14689,10 +14758,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]
}],
@ -15737,7 +15806,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")
});
@ -15804,7 +15873,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,
@ -16460,159 +16529,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.
@ -16769,7 +16685,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]
},
@ -16827,7 +16743,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;
}

2
src/base/combination/group.button.js

@ -170,7 +170,7 @@ BI.ButtonGroup = BI.inherit(BI.Widget, {
deleted.push(i);
}
});
BI.remove(this.buttons, deleted);
BI.removeAt(this.buttons, deleted);
this.layouts.removeItemAt(deleted);
},

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: {

11
src/base/layer/layer.popup.js

@ -55,12 +55,7 @@ BI.PopupView = BI.inherit(BI.Widget, {
"max-width": o.maxWidth + "px"
}).bind({"click": fn});
//FIXME IE8下 jquery.mousewheeel.js 第一次执行65行$elem["offsetParent"]()的时候报错:未指明的错误 但是第二次或者调试的时候展开一下$elem内容均能避免上述问题
try {
this.element.bind("mousewheel", fn);
} catch (e) {
this.element.bind("mousewheel", fn);
}
this.element.bind("mousewheel", fn);
o.stopPropagation && this.element.bind({"mousedown": fn, "mouseup": fn, "mouseover": fn});
o.stopEvent && this.element.bind({"mousedown": stop, "mouseup": stop, "mouseover": stop});
@ -88,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)
})))
@ -132,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/editor/editor.textarea.js

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

14
src/base/single/text.js

@ -29,11 +29,15 @@ BI.Text = BI.inherit(BI.Single, {
type: "bi.layout",
cls: "bi-text"
});
this.text.element.appendTo(this.element);
BI.createWidget({
type: "bi.default",
element: this,
items: [this.text]
});
if (BI.isKey(o.text)) {
this.text.element.text(o.text);
this.setText(o.text);
} else if (BI.isKey(o.value)) {
this.text.element.text(o.value);
this.setText(o.value);
}
if (o.hgap + o.lgap > 0) {
this.text.element.css({
@ -95,7 +99,7 @@ BI.Text = BI.inherit(BI.Single, {
setValue: function (text) {
BI.Text.superclass.setValue.apply(this, arguments);
if (!this.isReadOnly()) {
this.text.element.text(text);
this.setText(text);
}
},
@ -106,7 +110,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(" ", "&nbsp;"));
}
});

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,

3
src/base/table/table.js

@ -743,13 +743,14 @@ BI.Table = BI.inherit(BI.Widget, {
.addClass(c === rows.length - 1 ? "last-col" : "");
var w = BI.createWidget(map[r][c], {
type: "bi.table_cell",
root: true,
textAlign: "left",
width: BI.isNumeric(width) ? width : "",
height: BI.isNumeric(height) ? height : "",
_row: r,
_col: c + start
});
self.addWidget(w.getName(), w);
w._mount();
w.element.css("position", "relative");
td.append(w.element);
tr.append(td);

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"),

260
src/case/editor/editor.sign.style.js

@ -1,260 +0,0 @@
/**
* sign标签分两段可以自定义样式
* @class BI.SignStyleEditor
* @extends BI.Single
*/
BI.SignStyleEditor = BI.inherit(BI.Single, {
constants: {
tipTextGap: 4
},
_defaultConfig: function () {
var conf = BI.SignStyleEditor.superclass._defaultConfig.apply(this, arguments);
return BI.extend(conf, {
baseCls: (conf.baseCls || "") + " bi-sign-style-editor",
text: "",
hgap: 4,
vgap: 2,
lgap: 0,
rgap: 0,
tgap: 0,
bgap: 0,
validationChecker: BI.emptyFn,
quitChecker: BI.emptyFn,
mouseOut: false,
allowBlank: false,
watermark: "",
errorText: "",
height: 30
})
},
_init: function () {
BI.SignStyleEditor.superclass._init.apply(this, arguments);
var self = this, o = this.options;
this.editor = BI.createWidget({
type: "bi.editor",
height: o.height,
hgap: o.hgap,
vgap: o.vgap,
lgap: o.lgap,
rgap: o.rgap,
tgap: o.tgap,
bgap: o.bgap,
value: o.value,
validationChecker: o.validationChecker,
quitChecker: o.quitChecker,
mouseOut: o.mouseOut,
allowBlank: o.allowBlank,
watermark: o.watermark,
errorText: o.errorText
});
this.text = BI.createWidget({
type: "bi.text_button",
cls: "sign-style-editor-text",
textAlign: "left",
height: o.height,
hgap: 4,
handler: function () {
self._showInput();
self.editor.focus();
self.editor.selectAll();
}
});
this.tipText = BI.createWidget({
type: "bi.text_button",
cls: "sign-style-editor-tip",
textAlign: "right",
rgap: 4,
height: o.height,
text: o.text,
handler: function () {
self._showInput();
self.editor.focus();
self.editor.selectAll();
}
});
this.text.on(BI.TextButton.EVENT_CHANGE, function () {
BI.nextTick(function () {
self.fireEvent(BI.SignStyleEditor.EVENT_CLICK_LABEL)
});
});
this.tipText.on(BI.TextButton.EVENT_CHANGE, function () {
BI.nextTick(function () {
self.fireEvent(BI.SignStyleEditor.EVENT_CLICK_LABEL)
});
});
this.wrap = BI.createWidget({
type: "bi.htape",
element: this,
items: [this.text, this.tipText]
});
this.editor.on(BI.Controller.EVENT_CHANGE, function () {
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments);
});
this.editor.on(BI.Editor.EVENT_FOCUS, function () {
self.fireEvent(BI.SignStyleEditor.EVENT_FOCUS);
});
this.editor.on(BI.Editor.EVENT_BLUR, function () {
self.fireEvent(BI.SignStyleEditor.EVENT_BLUR);
});
this.editor.on(BI.Editor.EVENT_CLICK, function () {
self.fireEvent(BI.SignStyleEditor.EVENT_CLICK);
});
this.editor.on(BI.Editor.EVENT_CHANGE, function () {
self.fireEvent(BI.SignStyleEditor.EVENT_CHANGE);
});
this.editor.on(BI.Editor.EVENT_KEY_DOWN, function (v) {
self.fireEvent(BI.SignStyleEditor.EVENT_KEY_DOWN);
});
this.editor.on(BI.Editor.EVENT_VALID, function () {
self.fireEvent(BI.SignStyleEditor.EVENT_VALID);
});
this.editor.on(BI.Editor.EVENT_CONFIRM, function () {
self._showHint();
self._checkText();
self._resizeLayout();
self.fireEvent(BI.SignStyleEditor.EVENT_CONFIRM);
});
this.editor.on(BI.Editor.EVENT_START, function () {
self.fireEvent(BI.SignStyleEditor.EVENT_START);
});
this.editor.on(BI.Editor.EVENT_PAUSE, function () {
self.fireEvent(BI.SignStyleEditor.EVENT_PAUSE);
});
this.editor.on(BI.Editor.EVENT_STOP, function () {
self.fireEvent(BI.SignStyleEditor.EVENT_STOP);
});
this.editor.on(BI.Editor.EVENT_SPACE, function () {
self.fireEvent(BI.SignStyleEditor.EVENT_SPACE);
});
this.editor.on(BI.Editor.EVENT_ERROR, function () {
self.fireEvent(BI.SignStyleEditor.EVENT_ERROR);
});
this.editor.on(BI.Editor.EVENT_ENTER, function () {
self.fireEvent(BI.SignStyleEditor.EVENT_ENTER);
});
this.editor.on(BI.Editor.EVENT_RESTRICT, function () {
self.fireEvent(BI.SignStyleEditor.EVENT_RESTRICT);
});
this.editor.on(BI.Editor.EVENT_EMPTY, function () {
self.fireEvent(BI.SignStyleEditor.EVENT_EMPTY);
});
BI.createWidget({
type: "bi.vertical",
scrolly: false,
element: this,
items: [this.editor]
});
this._showHint();
this._checkText();
BI.nextTick(function () {
var tipTextSize = self.text.element.getStyle("font-size");
self.tipTextSize = tipTextSize.substring(0, tipTextSize.length - 2);
self._resizeLayout();
});
},
_checkText: function () {
var o = this.options;
if (this.editor.getValue() === "") {
this.text.setValue(o.watermark || "");
this.text.element.addClass("bi-water-mark");
} else {
this.text.setValue(this.editor.getValue());
this.tipText.setValue("(" + o.text + ")");
this.text.element.removeClass("bi-water-mark");
}
this.setTitle(this.text.getValue() + this.tipText.getValue());
},
_showInput: function () {
this.editor.setVisible(true);
this.text.setVisible(false);
this.tipText.setVisible(false);
},
_showHint: function () {
this.editor.setVisible(false);
this.text.setVisible(true);
this.tipText.setVisible(true);
},
_resizeLayout: function () {
this.wrap.attr("items")[0].width = BI.DOM.getTextSizeWidth(this.text.getValue(), this.tipTextSize) + 2 * this.constants.tipTextGap;
this.wrap.resize();
},
focus: function () {
this._showInput();
this.editor.focus();
},
blur: function () {
this.editor.blur();
this._showHint();
this._checkText();
},
isValid: function () {
return this.editor.isValid();
},
setErrorText: function (text) {
this.editor.setErrorText(text);
},
getErrorText: function () {
return this.editor.getErrorText();
},
setValue: function (k) {
BI.SignStyleEditor.superclass.setValue.apply(this, arguments);
this.editor.setValue(k);
this._checkText();
this._resizeLayout();
},
getValue: function () {
return this.editor.getValue();
},
getState: function () {
return this.options.text;
},
setState: function (v) {
var o = this.options;
o.text = v;
this._showHint();
this.tipText.setValue("(" + v + ")");
this._checkText();
}
});
BI.SignStyleEditor.EVENT_CHANGE = "EVENT_CHANGE";
BI.SignStyleEditor.EVENT_FOCUS = "EVENT_FOCUS";
BI.SignStyleEditor.EVENT_BLUR = "EVENT_BLUR";
BI.SignStyleEditor.EVENT_CLICK = "EVENT_CLICK";
BI.SignStyleEditor.EVENT_KEY_DOWN = "EVENT_KEY_DOWN";
BI.SignStyleEditor.EVENT_CLICK_LABEL = "EVENT_CLICK_LABEL";
BI.SignStyleEditor.EVENT_START = "EVENT_START";
BI.SignStyleEditor.EVENT_PAUSE = "EVENT_PAUSE";
BI.SignStyleEditor.EVENT_STOP = "EVENT_STOP";
BI.SignStyleEditor.EVENT_CONFIRM = "EVENT_CONFIRM";
BI.SignStyleEditor.EVENT_VALID = "EVENT_VALID";
BI.SignStyleEditor.EVENT_ERROR = "EVENT_ERROR";
BI.SignStyleEditor.EVENT_ENTER = "EVENT_ENTER";
BI.SignStyleEditor.EVENT_RESTRICT = "EVENT_RESTRICT";
BI.SignStyleEditor.EVENT_SPACE = "EVENT_SPACE";
BI.SignStyleEditor.EVENT_EMPTY = "EVENT_EMPTY";
BI.shortcut("bi.sign_style_editor", BI.SignStyleEditor);

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 → src/case/layer/layer.multipopup.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: {

4
src/case/layer/panel.js

@ -6,7 +6,7 @@
BI.Panel = BI.inherit(BI.Widget,{
_defaultConfig : function(){
return BI.extend(BI.Panel.superclass._defaultConfig.apply(this,arguments),{
baseCls: "bi-panel",
baseCls: "bi-panel bi-border",
title:"",
titleButtons:[],
el:{},
@ -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 bi-border-bottom bi-background",
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
});
},

7
src/core/base.js

@ -771,6 +771,13 @@ if (!window.BI) {
}
},
parseSafeInt: function (value) {
var MAX_SAFE_INTEGER = 9007199254740991;
return value
? this.clamp(this.parseInt(value), -MAX_SAFE_INTEGER, MAX_SAFE_INTEGER)
: (value === 0 ? value : 0);
},
parseFloat: function (number) {
try {
return parseFloat(number);

4
src/core/func/function.js

@ -129,7 +129,7 @@ $(function () {
}
var rgb = this.rgb2json(this.hex2rgb(hex));
var grayLevel = Math.round(rgb.r * 0.299 + rgb.g * 0.587 + rgb.b * 0.114);
if (grayLevel < 192) {
if (grayLevel < 140) {
return true;
}
return false;
@ -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);

17
src/core/widget.js

@ -161,27 +161,14 @@ BI.Widget = BI.inherit(BI.OB, {
}
this.beforeMounted && this.beforeMounted();
this._isMounted = true;
this._mountChildren();
this._mountChildren && this._mountChildren();
BI.each(this._children, function (i, widget) {
widget._mount && widget._mount();
});
this.mounted && this.mounted();
},
_mountChildren: function () {
var self = this;
var frag = document.createDocumentFragment();
var hasChild = false;
BI.each(this._children, function (i, widget) {
if (widget.element !== self.element) {
frag.appendChild(widget.element[0]);
hasChild = true;
}
});
if (hasChild === true) {
this.element.append(frag);
}
},
_mountChildren: null,
_unMount: function () {
BI.each(this._children, function (i, widget) {

15
src/core/wrapper/layout.js

@ -63,6 +63,21 @@ BI.Layout = BI.inherit(BI.Widget, {
}
},
_mountChildren: function () {
var self = this;
var frag = document.createDocumentFragment();
var hasChild = false;
BI.each(this._children, function (i, widget) {
if (widget.element !== self.element) {
frag.appendChild(widget.element[0]);
hasChild = true;
}
});
if (hasChild === true) {
this.element.append(frag);
}
},
_getChildName: function (index) {
return index + "";
},

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;
}

12
src/css/base/editor/editor.sign.style.css

@ -1,12 +0,0 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-sign-style-editor .sign-style-editor-text {
max-width: 100%;
font-size: 12px;
}
.bi-sign-style-editor .sign-style-editor-tip {
max-width: 100%;
font-size: 12px;
color: #808080;
}

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******************/

19
src/css/base/formula/codemirror.css

@ -8,7 +8,12 @@
cursor: text;
width: 100%;
height: 100%;
color: black;
color: #1a1a1a;
background-color: #ffffff;
}
.bi-theme-dark .CodeMirror {
color: #ffffff;
background-color: #242640;
}
/* PADDING */
.CodeMirror-lines {
@ -45,7 +50,10 @@
}
/* CURSOR */
.CodeMirror div.CodeMirror-cursor {
border-left: 1px solid black;
border-left: 1px solid #1a1a1a;
}
.bi-theme-dark .CodeMirror div.CodeMirror-cursor {
border-left: 1px solid #ffffff;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
@ -184,9 +192,9 @@
}
.cm-s-default span[class*="fieldName"] {
color: white;
padding: 1px ;
padding: 1px;
margin: 1px 0px;
background: #009de3;
background: #3f8ce8;
}
.cm-s-default span[class*="start"] {
-webkit-border-radius: 3px 0px 0px 3px;
@ -206,7 +214,7 @@
border-radius: 3px;
}
.cm-s-default span[class*="#"] {
color: #009de3;
color: #3f8ce8;
}
.cm-s-default .cm-error {
color: #f00;
@ -236,7 +244,6 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {
.CodeMirror {
position: relative;
overflow: hidden;
background: white;
}
.CodeMirror-scroll {
overflow: scroll !important;

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;
}

6
src/css/base/layer/panel.css

@ -2,17 +2,11 @@
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-panel {
border: 1px solid #a3d6e8;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.bi-panel .panel-title {
background-color: #d8f2fd;
border-bottom: 1px solid #a3d6e8;
}
.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 #178cdf;
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;
}

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

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

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 {

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

Loading…
Cancel
Save