zcf 8 years ago
parent
commit
e5ffad5a5c
  1. 332
      bi/base.css
  2. 102
      bi/base.js
  3. 315
      bi/case.js
  4. 334
      bi/core.css
  5. 150
      bi/core.js
  6. 262
      bi/widget.css
  7. 258
      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. 38
      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. 332
      docs/base.css
  20. 102
      docs/base.js
  21. 315
      docs/case.js
  22. 334
      docs/core.css
  23. 150
      docs/core.js
  24. 26
      docs/demo.css
  25. 336
      docs/demo.js
  26. 630
      docs/resource.css
  27. 262
      docs/widget.css
  28. 258
      docs/widget.js
  29. 6
      src/base/combination/combo.js
  30. 2
      src/base/combination/group.button.js
  31. 2
      src/base/combination/group.combo.js
  32. 4
      src/base/foundation/bi.message.js
  33. 5
      src/base/grid/grid.js
  34. 4
      src/base/layer/layer.floatbox.js
  35. 9
      src/base/layer/layer.popup.js
  36. 4
      src/base/layer/layer.searcher.js
  37. 8
      src/base/pane.js
  38. 4
      src/base/single/bar/bar.loading.js
  39. 29
      src/base/single/button/button.basic.js
  40. 2
      src/base/single/editor/editor.textarea.js
  41. 14
      src/base/single/text.js
  42. 2
      src/base/table/table.collection.cell.js
  43. 2
      src/base/table/table.grid.cell.js
  44. 3
      src/base/table/table.js
  45. 2
      src/case/colorchooser/colorchooser.popup.js
  46. 2
      src/case/colorchooser/colorchooser.trigger.js
  47. 2
      src/case/colorchooser/colorpicker/button/button.colorpicker.js
  48. 2
      src/case/colorchooser/colorpicker/editor.colorpicker.js
  49. 2
      src/case/combo/staticcombo/combo.static.js
  50. 2
      src/case/editor/editor.search.js
  51. 260
      src/case/editor/editor.sign.style.js
  52. 2
      src/case/editor/editor.state.js
  53. 2
      src/case/editor/editor.state.simple.js
  54. 2
      src/case/editor/editor.text.js
  55. 2
      src/case/layer/layer.multipopup.js
  56. 2
      src/case/layer/layer.panel.js
  57. 4
      src/case/layer/panel.js
  58. 2
      src/case/pager/pager.js
  59. 2
      src/case/segment/button.segment.js
  60. 7
      src/case/segment/segment.js
  61. 7
      src/case/table/table.dynamicsummarylayertree.js
  62. 6
      src/case/table/table.layertree.js
  63. 2
      src/case/trigger/trigger.editor.js
  64. 2
      src/case/trigger/trigger.text.select.js
  65. 2
      src/case/trigger/trigger.text.select.small.js
  66. 7
      src/core/base.js
  67. 4
      src/core/controller/controller.masker.js
  68. 4
      src/core/func/function.js
  69. 98
      src/core/proto/date.js
  70. 5
      src/core/utils/detectElementResize.js
  71. 17
      src/core/widget.js
  72. 15
      src/core/wrapper/layout.js
  73. 3
      src/css/base/calendar/calendar.css
  74. 16
      src/css/base/colorchooser/colorchooser.popup.css
  75. 1
      src/css/base/colorchooser/colorchooser.trigger.css
  76. 6
      src/css/base/colorchooser/colorpicker/button.colorpicker.css
  77. 7
      src/css/base/colorchooser/colorpicker/colorpicker.css
  78. 4
      src/css/base/colorchooser/colorpicker/editor.colorpicker.css
  79. 3
      src/css/base/combination/combo.css
  80. 3
      src/css/base/combination/searcher.css
  81. 8
      src/css/base/combo/combo.bubble.css
  82. 2
      src/css/base/combo/popup.bubble.css
  83. 3
      src/css/base/editor/editor.search.css
  84. 12
      src/css/base/editor/editor.sign.style.css
  85. 6
      src/css/base/editor/editor.text.css
  86. 4
      src/css/base/editor/editor.text.small.css
  87. 17
      src/css/base/formula/codemirror.css
  88. 12
      src/css/base/foundation/bi.message.css
  89. 10
      src/css/base/layer/layer.panel.css
  90. 9
      src/css/base/layer/layer.searcher.css
  91. 6
      src/css/base/layer/panel.css
  92. 5
      src/css/base/pager/pager.css
  93. 11
      src/css/base/segment/button.segment.css
  94. 5
      src/css/base/segment/segment.css
  95. 12
      src/css/base/single/bar/bar.css
  96. 8
      src/css/base/single/button/button.css
  97. 2
      src/css/base/single/button/item.singleselect.icontext.css
  98. 3
      src/css/base/single/editor/editor.state.css
  99. 3
      src/css/base/single/editor/editor.state.simple.css
  100. 3
      src/css/base/single/editor/editor.textarea.css
  101. Some files were not shown because too many files have changed in this diff Show More

332
bi/base.css

@ -1,27 +1,7 @@
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom 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 { .bi-color-chooser-trigger {
background: #ffffff;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
@ -32,27 +12,16 @@
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-color-picker-button {
background-color: #eaeaea;
}
.bi-color-picker-button .color-picker-button-mask { .bi-color-picker-button .color-picker-button-mask {
border: 1px solid #1a1a1a; border: 1px solid #1a1a1a;
} }
/****添加计算宽度的--运算符直接需要space****/ .bi-theme-dark .bi-color-picker-button .color-picker-button-mask {
/****** common color(常用颜色,可用于普遍场景) *****/ border: 1px solid #ffffff;
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-color-picker > .center-element {
border-left: 1px solid #ffffff;
border-top: 1px solid #ffffff;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-color-picker-editor .color-picker-editor-label {
color: #808080;
}
.bi-color-picker-editor .color-picker-editor-display { .bi-color-picker-editor .color-picker-editor-display {
background: #ffffff;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
@ -63,24 +32,18 @@
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-bubble-combo .bubble-combo-triangle-left { .bi-bubble-combo .bubble-combo-triangle-left {
width: 0; width: 0;
height: 0; height: 0;
border-top: 6px solid transparent; border-top: 6px solid transparent;
border-left: 6px solid #009de3; border-left: 6px solid #3f8ce8;
border-bottom: 6px solid transparent; border-bottom: 6px solid transparent;
} }
.bi-bubble-combo .bubble-combo-triangle-right { .bi-bubble-combo .bubble-combo-triangle-right {
width: 0; width: 0;
height: 0; height: 0;
border-top: 6px solid transparent; border-top: 6px solid transparent;
border-right: 6px solid #009de3; border-right: 6px solid #3f8ce8;
border-bottom: 6px solid transparent; border-bottom: 6px solid transparent;
} }
.bi-bubble-combo .bubble-combo-triangle-top { .bi-bubble-combo .bubble-combo-triangle-top {
@ -88,14 +51,14 @@
height: 0; height: 0;
border-left: 6px solid transparent; border-left: 6px solid transparent;
border-right: 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 { .bi-bubble-combo .bubble-combo-triangle-bottom {
width: 0; width: 0;
height: 0; height: 0;
border-left: 6px solid transparent; border-left: 6px solid transparent;
border-right: 6px solid transparent; border-right: 6px solid transparent;
border-bottom: 6px solid #009de3; border-bottom: 6px solid #3f8ce8;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
@ -106,7 +69,7 @@
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
} }
.bi-bubble-popup-view .bubble-popup-line { .bi-bubble-popup-view .bubble-popup-line {
background-color: #009de3; background-color: #3f8ce8;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
@ -127,9 +90,6 @@
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
/*************BI.SearchEditor******************/ /*************BI.SearchEditor******************/
.bi-search-editor {
border: 1px solid #d4dadd;
}
.bi-search-editor .close-font { .bi-search-editor .close-font {
font-size: 20px; font-size: 20px;
} }
@ -164,28 +124,6 @@
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom 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 */ /* BASICS */
.CodeMirror { .CodeMirror {
/* Set height, width, borders, and global font properties here */ /* Set height, width, borders, and global font properties here */
@ -193,7 +131,12 @@
cursor: text; cursor: text;
width: 100%; width: 100%;
height: 100%; height: 100%;
color: black; color: #1a1a1a;
background-color: #ffffff;
}
.bi-theme-dark .CodeMirror {
color: #ffffff;
background-color: #242640;
} }
/* PADDING */ /* PADDING */
.CodeMirror-lines { .CodeMirror-lines {
@ -230,7 +173,10 @@
} }
/* CURSOR */ /* CURSOR */
.CodeMirror div.CodeMirror-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 */ /* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor { .CodeMirror div.CodeMirror-secondarycursor {
@ -371,7 +317,7 @@
color: white; color: white;
padding: 1px; padding: 1px;
margin: 1px 0px; margin: 1px 0px;
background: #009de3; background: #3f8ce8;
} }
.cm-s-default span[class*="start"] { .cm-s-default span[class*="start"] {
-webkit-border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px;
@ -391,7 +337,7 @@
border-radius: 3px; border-radius: 3px;
} }
.cm-s-default span[class*="#"] { .cm-s-default span[class*="#"] {
color: #009de3; color: #3f8ce8;
} }
.cm-s-default .cm-error { .cm-s-default .cm-error {
color: #f00; color: #f00;
@ -421,7 +367,6 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {
.CodeMirror { .CodeMirror {
position: relative; position: relative;
overflow: hidden; overflow: hidden;
background: white;
} }
.CodeMirror-scroll { .CodeMirror-scroll {
overflow: scroll !important; overflow: scroll !important;
@ -660,15 +605,9 @@ li.CodeMirror-hint-active {
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-message-title { .bi-message-title {
background-color: #f4f4f4;
color: #808080;
font-size: 16px; font-size: 16px;
cursor: pointer; cursor: pointer;
} }
.bi-theme-dark .bi-message-title {
background-color: #191a2c;
color: #b2b2b2;
}
.bi-message-text { .bi-message-text {
font-size: 16px; font-size: 16px;
-webkit-user-select: text; -webkit-user-select: text;
@ -679,14 +618,8 @@ li.CodeMirror-hint-active {
user-select: text; user-select: text;
} }
.bi-message-content { .bi-message-content {
background-color: #ffffff;
color: #808080;
font-size: 16px; font-size: 16px;
} }
.bi-theme-dark .bi-message-content {
background-color: #202237;
color: #b2b2b2;
}
.bi-message-close { .bi-message-close {
font-size: 25px; font-size: 25px;
} }
@ -700,38 +633,13 @@ li.CodeMirror-hint-active {
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom 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 { .bi-panel {
border: 1px solid #a3d6e8;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
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 { .bi-panel .panel-title .panel-title-text {
cursor: text; cursor: text;
color: #808080;
font-size: 14px; font-size: 14px;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
@ -747,15 +655,10 @@ li.CodeMirror-hint-active {
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-pager .page-item { .bi-pager .page-item {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
} }
.bi-pager .page-item.active {
background: #009de3;
color: #ffffff;
}
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
@ -768,17 +671,6 @@ li.CodeMirror-hint-active {
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom 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****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
@ -786,13 +678,8 @@ li.CodeMirror-hint-active {
overflow: hidden; overflow: hidden;
overflow-x: hidden; overflow-x: hidden;
overflow-y: 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 { .bi-segment > .first-element {
border-left: 1px solid #d4dadd;
-webkit-border-radius: 6px 0px 0px 6px; -webkit-border-radius: 6px 0px 0px 6px;
-moz-border-radius: 6px 0px 0px 6px; -moz-border-radius: 6px 0px 0px 6px;
border-radius: 6px 0px 0px 6px; border-radius: 6px 0px 0px 6px;
@ -805,18 +692,6 @@ li.CodeMirror-hint-active {
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom 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****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
@ -824,8 +699,8 @@ li.CodeMirror-hint-active {
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
border: 1px solid #009de3; border: 1px solid #178cdf;
background-color: #009de3; background-color: #3f8ce8;
text-align: center; text-align: center;
vertical-align: middle; vertical-align: middle;
cursor: pointer; cursor: pointer;
@ -893,10 +768,10 @@ li.CodeMirror-hint-active {
} }
.bi-button.button-ignore.disabled, .bi-button.button-ignore.disabled,
.bi-button.button-ignore.disabled .b-font { .bi-button.button-ignore.disabled .b-font {
color: #c4c6c6 !important; color: #cccccc !important;
} }
.bi-button.button-ignore.disabled .b-font:before { .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-common .bi-button-mask,
.bi-basic-button.button-success .bi-button-mask, .bi-basic-button.button-success .bi-button-mask,
@ -918,7 +793,7 @@ li.CodeMirror-hint-active {
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-single-select-icon-text-item:active .b-font:before, .bi-single-select-icon-text-item:active .b-font:before,
.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****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
@ -959,15 +834,9 @@ li.CodeMirror-hint-active {
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-state-editor .state-editor-infinite-text {
color: #cccccc;
}
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-simple-state-editor .state-editor-infinite-text {
color: #cccccc;
}
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
@ -982,9 +851,6 @@ li.CodeMirror-hint-active {
.bi-textarea-editor .textarea-editor-content { .bi-textarea-editor .textarea-editor-content {
border: none; border: none;
} }
.bi-textarea-editor .textarea-editor-content.textarea-editor-focus {
border: 1px solid #009de3;
}
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
@ -1093,24 +959,18 @@ li.CodeMirror-hint-active {
/*IE8*/ /*IE8*/
box-sizing: border-box; box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
border-right: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
} }
.bi-collection-table-cell.first-row { .bi-collection-table-cell.first-row {
border-top: 1px solid #eaeaea; border-top: 1px solid #d4dadd;
} }
.bi-collection-table-cell.first-col { .bi-collection-table-cell.first-col {
border-left: 1px solid #eaeaea; border-left: 1px solid #d4dadd;
}
.bi-theme-dark .bi-collection-table-cell {
border-right: 1px solid #24273e;
border-bottom: 1px solid #24273e;
} }
.bi-theme-dark .bi-collection-table-cell.first-row { .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 { .bi-theme-dark .bi-collection-table-cell.first-col {
border-left: 1px solid #24273e; border-left: 1px solid #525466;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
@ -1130,24 +990,24 @@ li.CodeMirror-hint-active {
border-top: none; border-top: none;
} }
.bi-table > div > div > table { .bi-table > div > div > table {
border-bottom: 1px solid #eaeaea; border-bottom: 1px solid #d4dadd;
border-right: 1px solid #eaeaea; border-right: 1px solid #d4dadd;
} }
.bi-table > div.top-left > div > div > table { .bi-table > div.top-left > div > div > table {
border-bottom: 1px solid #eaeaea; border-bottom: 1px solid #d4dadd;
border-right: 1px solid #eaeaea; border-right: 1px solid #d4dadd;
} }
.bi-table > div.top-right > div > div > table { .bi-table > div.top-right > div > div > table {
border-bottom: 1px solid #eaeaea; border-bottom: 1px solid #d4dadd;
border-right: 1px solid #eaeaea; border-right: 1px solid #d4dadd;
} }
.bi-table > div.bottom-left > div > div > table { .bi-table > div.bottom-left > div > div > table {
border-bottom: 1px solid #eaeaea; border-bottom: 1px solid #d4dadd;
border-right: 1px solid #eaeaea; border-right: 1px solid #d4dadd;
} }
.bi-table > div.bottom-right > div > div > table { .bi-table > div.bottom-right > div > div > table {
border-right: 1px solid #eaeaea; border-right: 1px solid #d4dadd;
border-bottom: 1px solid #eaeaea; border-bottom: 1px solid #d4dadd;
} }
.bi-table > div > div > table, .bi-table > div > div > table,
.bi-table > div > 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 > div > table > tbody > tr > td,
.bi-table > div > div > table > thead > tr > td, .bi-table > div > div > table > thead > tr > td,
.bi-table > div > div > div > table > thead > tr > td { .bi-table > div > div > div > table > thead > tr > td {
border-top: 1px solid #eaeaea; border-top: 1px solid #d4dadd;
border-left: 1px solid #eaeaea; border-left: 1px solid #d4dadd;
} }
.bi-theme-dark .bi-table > div > div > table { .bi-theme-dark .bi-table > div > div > table {
border-bottom: 1px solid #24273e; border-bottom: 1px solid #525466;
border-right: 1px solid #24273e; border-right: 1px solid #525466;
} }
.bi-theme-dark .bi-table > div.top-left > div > div > table { .bi-theme-dark .bi-table > div.top-left > div > div > table {
border-bottom: 1px solid #24273e; border-bottom: 1px solid #525466;
border-right: 1px solid #24273e; border-right: 1px solid #525466;
} }
.bi-theme-dark .bi-table > div.top-right > div > div > table { .bi-theme-dark .bi-table > div.top-right > div > div > table {
border-bottom: 1px solid #24273e; border-bottom: 1px solid #525466;
border-right: 1px solid #24273e; border-right: 1px solid #525466;
} }
.bi-theme-dark .bi-table > div.bottom-left > div > div > table { .bi-theme-dark .bi-table > div.bottom-left > div > div > table {
border-bottom: 1px solid #24273e; border-bottom: 1px solid #525466;
border-right: 1px solid #24273e; border-right: 1px solid #525466;
} }
.bi-theme-dark .bi-table > div.bottom-right > div > div > table { .bi-theme-dark .bi-table > div.bottom-right > div > div > table {
border-right: 1px solid #24273e; border-right: 1px solid #525466;
border-bottom: 1px solid #24273e; border-bottom: 1px solid #525466;
} }
.bi-theme-dark .bi-table > div > div > table > tbody > tr > td, .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 > div > table > tbody > tr > td,
.bi-theme-dark .bi-table > div > div > table > thead > 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 { .bi-theme-dark .bi-table > div > div > div > table > thead > tr > td {
border-top: 1px solid #24273e; border-top: 1px solid #525466;
border-left: 1px solid #24273e; border-left: 1px solid #525466;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
@ -1213,24 +1073,18 @@ li.CodeMirror-hint-active {
/*IE8*/ /*IE8*/
box-sizing: border-box; box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
border-right: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
} }
.bi-grid-table-cell.first-row { .bi-grid-table-cell.first-row {
border-top: 1px solid #eaeaea; border-top: 1px solid #d4dadd;
} }
.bi-grid-table-cell.first-col { .bi-grid-table-cell.first-col {
border-left: 1px solid #eaeaea; border-left: 1px solid #d4dadd;
}
.bi-theme-dark .bi-grid-table-cell {
border-right: 1px solid #24273e;
border-bottom: 1px solid #24273e;
} }
.bi-theme-dark .bi-grid-table-cell.first-row { .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 { .bi-theme-dark .bi-grid-table-cell.first-col {
border-left: 1px solid #24273e; border-left: 1px solid #525466;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
@ -1243,12 +1097,13 @@ li.CodeMirror-hint-active {
transition-duration: 250ms; transition-duration: 250ms;
transition-timing-function: ease; transition-timing-function: ease;
user-select: none; 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; border-radius: 5px;
} }
.bi-theme-dark .scrollbar-layout-main { .bi-theme-dark .scrollbar-layout-main {
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(204, 204, 204, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0Dcccccc,endColorstr=#0Dcccccc);
} }
.scrollbar-layout-main-vertical { .scrollbar-layout-main-vertical {
bottom: 0; bottom: 0;
@ -1266,11 +1121,12 @@ li.CodeMirror-hint-active {
height: 10px; height: 10px;
left: 0; left: 0;
transition-property: background-color; 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 { .bi-theme-dark .scrollbar-layout-main-horizontal {
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(204, 204, 204, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0Dcccccc,endColorstr=#0Dcccccc);
} }
/* Touching the scroll-track directly makes the scroll-track bolder */ /* Touching the scroll-track directly makes the scroll-track bolder */
.scrollbar-layout-main-horizontal.public-scrollbar-main-active, .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 */ /* Touching the scroll-track directly makes the scroll-track bolder */
.public-scrollbar-face:after { .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 { .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:hover .public-scrollbar-face:after,
.public-scrollbar-main-active .public-scrollbar-face:after, .public-scrollbar-main-active .public-scrollbar-face:after,
.public-scrollbar-faceActive: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:hover .public-scrollbar-face:after,
.bi-theme-dark .public-scrollbar-main-active .public-scrollbar-face:after, .bi-theme-dark .public-scrollbar-main-active .public-scrollbar-face:after,
.bi-theme-dark .public-scrollbar-faceActive: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 { .horizontal-scrollbar {
bottom: 0; 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:hover .resizable-table-cell-resizer-knob,
.bi-resizable-table-cell .resizable-table-cell-resizer-container.dragging .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****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
@ -1359,7 +1219,7 @@ li.CodeMirror-hint-active {
.bi-resizable-table .resizable-table-resizer { .bi-resizable-table .resizable-table-resizer {
cursor: ew-resize; cursor: ew-resize;
z-index: 1; z-index: 1;
background-color: #009de3; background-color: #3f8ce8;
} }
.bi-resizable-table .resizable-table-region-resizer { .bi-resizable-table .resizable-table-region-resizer {
cursor: ew-resize; 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:hover .resizable-table-region-resizer-knob,
.bi-resizable-table .resizable-table-region-resizer.dragging .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****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
@ -1378,12 +1238,6 @@ li.CodeMirror-hint-active {
.bi-branch-tree .bi-branch-tree-view { .bi-branch-tree .bi-branch-tree-view {
min-width: 300px; min-width: 300px;
} }
.bi-click-branch-tree {
border: 1px solid #d4dadd;
}
.bi-click-branch-tree .bi-empty-view {
background: #f4f4f4;
}
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
@ -1391,13 +1245,13 @@ li.CodeMirror-hint-active {
color: #808080; color: #808080;
} }
.bi-display-tree .ztree li span.button.switch.center_open { .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 { .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 { .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 a,
.bi-display-tree .ztree li span { .bi-display-tree .ztree li span {
@ -1417,15 +1271,11 @@ li.CodeMirror-hint-active {
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-trigger .bi-trigger-icon-button { .bi-trigger .bi-trigger-icon-button {
border-left: 1px solid #d4dadd;
font-size: 16px; font-size: 16px;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-editor-trigger {
border: 1px solid #d4dadd;
}
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
@ -1433,7 +1283,6 @@ li.CodeMirror-hint-active {
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-select-text-trigger { .bi-select-text-trigger {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
@ -1442,7 +1291,6 @@ li.CodeMirror-hint-active {
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-small-select-text-trigger { .bi-small-select-text-trigger {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
@ -1450,14 +1298,6 @@ li.CodeMirror-hint-active {
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-float-box {
background-color: #ffffff;
color: #1a1a1a;
}
.bi-theme-dark .bi-float-box {
background-color: #202237;
color: #b2b2b2;
}
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
@ -1470,25 +1310,23 @@ li.CodeMirror-hint-active {
cursor: default; cursor: default;
} }
.bi-list-view .list-view-outer { .bi-list-view .list-view-outer {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
color: #1a1a1a;
background: #ffffff;
} }
.bi-list-view .list-view-toolbar { .bi-list-view .list-view-toolbar {
border-top: 1px solid #eaeaea;
line-height: 30px; line-height: 30px;
color: #009de3; color: #3f8ce8;
} }
.bi-list-view .list-view-toolbar > .center-element { .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 { .bi-list-view .list-view-toolbar > .first-element {
border-left: none; border-left: none;
} }
.bi-theme-dark .bi-list-view .list-view-outer { .bi-theme-dark .bi-list-view .list-view-toolbar > .center-element {
color: #b2b2b2; border-left: 1px solid #525466;
background: #202237; }
.bi-theme-dark .bi-list-view .list-view-toolbar > .first-element {
border-left: none;
} }

102
bi/base.js

@ -243,7 +243,7 @@ BI.Pane = BI.inherit(BI.Widget, {
loading: function () { loading: function () {
var self = this, o = this.options; var self = this, o = this.options;
if (o.overlap === true) { if (o.overlap === true) {
if (!BI.Maskers.has(this.getName())) { if (!BI.Layers.has(this.getName())) {
BI.createWidget({ BI.createWidget({
type: 'bi.vtape', type: 'bi.vtape',
items: [{ items: [{
@ -253,10 +253,10 @@ BI.Pane = BI.inherit(BI.Widget, {
}, },
height: 30 height: 30
}], }],
element: BI.Maskers.make(this.getName(), this) element: BI.Layers.make(this.getName(), this)
}); });
} }
BI.Maskers.show(self.getName()); BI.Layers.show(self.getName());
} else if (BI.isNull(this._loading)) { } else if (BI.isNull(this._loading)) {
this._loading = BI.createWidget({ this._loading = BI.createWidget({
type: "bi.layout", type: "bi.layout",
@ -279,7 +279,7 @@ BI.Pane = BI.inherit(BI.Widget, {
loaded: function () { loaded: function () {
var self = this, o = this.options; var self = this, o = this.options;
BI.Maskers.remove(self.getName()); BI.Layers.remove(self.getName());
this._loading && this._loading.destroy(); this._loading && this._loading.destroy();
this._loading && (this._loading = null); this._loading && (this._loading = null);
o.onLoaded(); o.onLoaded();
@ -496,11 +496,15 @@ BI.Text = BI.inherit(BI.Single, {
type: "bi.layout", type: "bi.layout",
cls: "bi-text" cls: "bi-text"
}); });
this.text.element.appendTo(this.element); BI.createWidget({
type: "bi.default",
element: this,
items: [this.text]
});
if (BI.isKey(o.text)) { if (BI.isKey(o.text)) {
this.text.element.text(o.text); this.setText(o.text);
} else if (BI.isKey(o.value)) { } else if (BI.isKey(o.value)) {
this.text.element.text(o.value); this.setText(o.value);
} }
if (o.hgap + o.lgap > 0) { if (o.hgap + o.lgap > 0) {
this.text.element.css({ this.text.element.css({
@ -562,7 +566,7 @@ BI.Text = BI.inherit(BI.Single, {
setValue: function (text) { setValue: function (text) {
BI.Text.superclass.setValue.apply(this, arguments); BI.Text.superclass.setValue.apply(this, arguments);
if (!this.isReadOnly()) { if (!this.isReadOnly()) {
this.text.element.text(text); this.setText(text);
} }
}, },
@ -573,7 +577,7 @@ BI.Text = BI.inherit(BI.Single, {
setText: function (text) { setText: function (text) {
BI.Text.superclass.setText.apply(this, arguments); BI.Text.superclass.setText.apply(this, arguments);
this.options.text = text; this.options.text = text;
this.text.element.text(text); this.text.element.html(BI.escape(text).replaceAll(" ", " "));
} }
}); });
@ -681,7 +685,9 @@ BI.BasicButton = BI.inherit(BI.Single, {
return; return;
} }
hand = hand.element; hand = hand.element;
switch (o.trigger) { var triggerArr = (o.trigger || "").split(",");
BI.each(triggerArr, function (idx, trigger) {
switch (trigger) {
case "mouseup": case "mouseup":
var mouseDown = false; var mouseDown = false;
hand.mousedown(function () { hand.mousedown(function () {
@ -737,6 +743,29 @@ BI.BasicButton = BI.inherit(BI.Single, {
case "dblclick": case "dblclick":
hand.dblclick(clk); hand.dblclick(clk);
break; break;
case "lclick":
var mouseDown = false;
var interval;
hand.mousedown(function (e) {
$(document).bind("mouseup." + self.getName(), function (e) {
interval && clearInterval(interval);
interval = null;
mouseDown = false;
$(document).unbind("mouseup." + self.getName());
});
if (mouseDown === true) {
return;
}
if (!self.isEnabled() || (self.isOnce() && self.isSelected())) {
return;
}
interval = setInterval(function () {
self.doClick();
}, 100);
mouseDown = true;
ev(e);
});
break;
default: default:
hand.mousedown(function (e) { hand.mousedown(function (e) {
ev(e); ev(e);
@ -747,6 +776,8 @@ BI.BasicButton = BI.inherit(BI.Single, {
hand.click(clk); hand.click(clk);
break; break;
} }
});
//之后的300ms点击无效 //之后的300ms点击无效
var onClick = BI.debounce(this.doClick, BI.EVENT_RESPONSE_TIME, true); var onClick = BI.debounce(this.doClick, BI.EVENT_RESPONSE_TIME, true);
@ -1114,7 +1145,7 @@ BI.ButtonGroup = BI.inherit(BI.Widget, {
deleted.push(i); deleted.push(i);
} }
}); });
BI.remove(this.buttons, deleted); BI.removeAt(this.buttons, deleted);
this.layouts.removeItemAt(deleted); this.layouts.removeItemAt(deleted);
}, },
@ -2950,9 +2981,9 @@ BI.Combo = BI.inherit(BI.Widget, {
}, },
_hideIf: function (e) { _hideIf: function (e) {
if (this.element.__isMouseInBounds__(e) || (this.popupView && this.popupView.element.__isMouseInBounds__(e))) { // if (this.element.__isMouseInBounds__(e) || (this.popupView && this.popupView.element.__isMouseInBounds__(e))) {
return; // return;
} // }
if (this.element.find(e.target).length > 0) { if (this.element.find(e.target).length > 0) {
return; return;
} }
@ -3449,7 +3480,7 @@ BI.shortcut("bi.expander", BI.Expander);/**
BI.ComboGroup = BI.inherit(BI.Widget, { BI.ComboGroup = BI.inherit(BI.Widget, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.ComboGroup.superclass._defaultConfig.apply(this, arguments), { return BI.extend(BI.ComboGroup.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-combo-group", baseCls: "bi-combo-group bi-list-item",
//以下这些属性对每一个combo都是公用的 //以下这些属性对每一个combo都是公用的
trigger: "click,hover", trigger: "click,hover",
@ -3993,7 +4024,7 @@ BI.Navigation = BI.inherit(BI.Widget, {
}, },
setSelect: function (v) { setSelect: function (v) {
this._assertCard(); this._assertCard(v);
this.layout.showCardByName(v); this.layout.showCardByName(v);
this._deleteOtherCards(v); this._deleteOtherCards(v);
if (this.showIndex !== v) { if (this.showIndex !== v) {
@ -14478,12 +14509,12 @@ $.extend(BI, {
items: [ items: [
{ {
type: 'bi.border', type: 'bi.border',
cls: 'bi-message-content', cls: 'bi-message-content bi-card',
items: { items: {
'north': { 'north': {
el: { el: {
type: 'bi.border', type: 'bi.border',
cls: 'bi-message-title', cls: 'bi-message-title bi-background',
items: { items: {
center: { center: {
el: { el: {
@ -14746,6 +14777,10 @@ BI.Grid = BI.inherit(BI.Widget, {
if (o.items.length > 0) { if (o.items.length > 0) {
this.columnCount = o.items[0].length; this.columnCount = o.items[0].length;
this.rowCount = o.items.length; this.rowCount = o.items.length;
} else {
this.rowCount = 0;
this.columnCount = 0;
}
this.container.setWidth(this.columnCount * o.estimatedColumnSize); this.container.setWidth(this.columnCount * o.estimatedColumnSize);
this.container.setHeight(this.rowCount * o.estimatedRowSize); this.container.setHeight(this.rowCount * o.estimatedRowSize);
@ -14755,7 +14790,6 @@ BI.Grid = BI.inherit(BI.Widget, {
this._calculateChildrenToRender(); this._calculateChildrenToRender();
this.element.scrollTop(o.scrollTop); this.element.scrollTop(o.scrollTop);
this.element.scrollLeft(o.scrollLeft); this.element.scrollLeft(o.scrollLeft);
}
}, },
setScrollLeft: function (scrollLeft) { setScrollLeft: function (scrollLeft) {
@ -14850,7 +14884,7 @@ BI.shortcut('bi.grid_view', BI.Grid);/**
BI.FloatBox = BI.inherit(BI.Widget, { BI.FloatBox = BI.inherit(BI.Widget, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.FloatBox.superclass._defaultConfig.apply(this, arguments), { return BI.extend(BI.FloatBox.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-float-box", baseCls: "bi-float-box bi-card",
width: 600, width: 600,
height: 500 height: 500
}) })
@ -14889,7 +14923,7 @@ BI.FloatBox = BI.inherit(BI.Widget, {
'north': { 'north': {
el: { el: {
type: 'bi.border', type: 'bi.border',
cls: 'bi-message-title', cls: 'bi-message-title bi-background',
items: { items: {
center: { center: {
el: { el: {
@ -15044,12 +15078,7 @@ BI.PopupView = BI.inherit(BI.Widget, {
"max-width": o.maxWidth + "px" "max-width": o.maxWidth + "px"
}).bind({"click": fn}); }).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.stopPropagation && this.element.bind({"mousedown": fn, "mouseup": fn, "mouseover": fn});
o.stopEvent && this.element.bind({"mousedown": stop, "mouseup": stop, "mouseover": stop}); o.stopEvent && this.element.bind({"mousedown": stop, "mouseup": stop, "mouseover": stop});
@ -15077,7 +15106,7 @@ BI.PopupView = BI.inherit(BI.Widget, {
hgap: o.hgap, hgap: o.hgap,
items: BI.LogicFactory.createLogicItemsByDirection(o.direction, items: BI.LogicFactory.createLogicItemsByDirection(o.direction,
BI.extend({ 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, { }, 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) items: BI.LogicFactory.createLogicItemsByDirection(o.direction, this.tool, this.tab, this.view, this.toolbar)
}))) })))
@ -15121,7 +15150,7 @@ BI.PopupView = BI.inherit(BI.Widget, {
return BI.createWidget({ return BI.createWidget({
type: "bi.center", type: "bi.center",
cls: "list-view-toolbar", cls: "list-view-toolbar bi-border-top",
height: 30, height: 30,
items: BI.createItems(o.buttons, { items: BI.createItems(o.buttons, {
once: false, once: false,
@ -15179,7 +15208,7 @@ BI.SearcherView = BI.inherit(BI.Pane, {
_defaultConfig: function () { _defaultConfig: function () {
var conf = BI.SearcherView.superclass._defaultConfig.apply(this, arguments); var conf = BI.SearcherView.superclass._defaultConfig.apply(this, arguments);
return BI.extend(conf, { return BI.extend(conf, {
baseCls: (conf.baseCls || "") + " bi-searcher-view", baseCls: (conf.baseCls || "") + " bi-searcher-view bi-card",
tipText: BI.i18nText("BI-No_Select"), tipText: BI.i18nText("BI-No_Select"),
chooseType: BI.Selection.Single, chooseType: BI.Selection.Single,
@ -15239,7 +15268,7 @@ BI.SearcherView = BI.inherit(BI.Pane, {
items: [{ items: [{
type: "bi.layout", type: "bi.layout",
height: 1, height: 1,
cls: "searcher-view-spliter" cls: "searcher-view-spliter bi-background"
}] }]
}); });
this.searcher = BI.createWidget(o.searcher, { this.searcher = BI.createWidget(o.searcher, {
@ -15636,7 +15665,7 @@ BI.LoadingBar = BI.inherit(BI.Single, {
_defaultConfig: function() { _defaultConfig: function() {
var conf = BI.LoadingBar.superclass._defaultConfig.apply(this, arguments); var conf = BI.LoadingBar.superclass._defaultConfig.apply(this, arguments);
return BI.extend( conf, { return BI.extend( conf, {
baseCls : (conf.baseCls ||"")+' bi-loading-bar', baseCls : (conf.baseCls ||"")+' bi-loading-bar bi-tips',
height: 30, height: 30,
handler: BI.emptyFn handler: BI.emptyFn
}) })
@ -15646,7 +15675,7 @@ BI.LoadingBar = BI.inherit(BI.Single, {
var self = this; var self = this;
this.loaded = BI.createWidget({ this.loaded = BI.createWidget({
type: "bi.text_button", type: "bi.text_button",
cls: "loading-text", cls: "loading-text bi-list-item-simple",
text: this.consts.loadedText, text: this.consts.loadedText,
width: 120, width: 120,
handler: this.options.handler handler: this.options.handler
@ -17843,7 +17872,7 @@ BI.TextAreaEditor = BI.inherit(BI.Single, {
tagName: "textarea", tagName: "textarea",
width: "100%", width: "100%",
height: "100%", height: "100%",
cls: "textarea-editor-content display-block" cls: "textarea-editor-content display-block bi-card"
}); });
this.content.element.css({"resize": "none"}); this.content.element.css({"resize": "none"});
BI.createWidget({ BI.createWidget({
@ -28237,7 +28266,7 @@ BI.shortcut("bi.table_cell", BI.TableCell);/**
BI.CollectionTableCell = BI.inherit(BI.Widget, { BI.CollectionTableCell = BI.inherit(BI.Widget, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.CollectionTableCell.superclass._defaultConfig.apply(this, arguments), { 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, width: 0,
height: 0, height: 0,
_left: 0, _left: 0,
@ -28966,7 +28995,7 @@ BI.shortcut('bi.quick_collection_table', BI.QuickCollectionTable);/**
BI.GridTableCell = BI.inherit(BI.Widget, { BI.GridTableCell = BI.inherit(BI.Widget, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.GridTableCell.superclass._defaultConfig.apply(this, arguments), { 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, width: 0,
height: 0, height: 0,
_rowIndex: 0, _rowIndex: 0,
@ -30824,13 +30853,14 @@ BI.Table = BI.inherit(BI.Widget, {
.addClass(c === rows.length - 1 ? "last-col" : ""); .addClass(c === rows.length - 1 ? "last-col" : "");
var w = BI.createWidget(map[r][c], { var w = BI.createWidget(map[r][c], {
type: "bi.table_cell", type: "bi.table_cell",
root: true,
textAlign: "left", textAlign: "left",
width: BI.isNumeric(width) ? width : "", width: BI.isNumeric(width) ? width : "",
height: BI.isNumeric(height) ? height : "", height: BI.isNumeric(height) ? height : "",
_row: r, _row: r,
_col: c + start _col: c + start
}); });
self.addWidget(w.getName(), w);
w._mount();
w.element.css("position", "relative"); w.element.css("position", "relative");
td.append(w.element); td.append(w.element);
tr.append(td); tr.append(td);

315
bi/case.js

@ -2509,7 +2509,7 @@ BI.ColorChooserPopup = BI.inherit(BI.Widget, {
items: [{ items: [{
el: { el: {
type: "bi.absolute", type: "bi.absolute",
cls: "color-chooser-popup-title", cls: "bi-background bi-border-bottom",
items: [{ items: [{
el: this.colorEditor, el: this.colorEditor,
left: 0, left: 0,
@ -2588,7 +2588,7 @@ BI.ColorChooserTrigger = BI.inherit(BI.Trigger, {
_defaultConfig: function () { _defaultConfig: function () {
var conf = BI.ColorChooserTrigger.superclass._defaultConfig.apply(this, arguments); var conf = BI.ColorChooserTrigger.superclass._defaultConfig.apply(this, arguments);
return BI.extend(conf, { return BI.extend(conf, {
baseCls: (conf.baseCls || "") + " bi-color-chooser-trigger", baseCls: (conf.baseCls || "") + " bi-color-chooser-trigger bi-card",
height: 30 height: 30
}) })
}, },
@ -2645,7 +2645,7 @@ BI.ColorPickerButton = BI.inherit(BI.BasicButton, {
_defaultConfig: function () { _defaultConfig: function () {
var conf = BI.ColorPickerButton.superclass._defaultConfig.apply(this, arguments); var conf = BI.ColorPickerButton.superclass._defaultConfig.apply(this, arguments);
return BI.extend(conf, { 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; var self = this, o = this.options;
this.colorShow = BI.createWidget({ this.colorShow = BI.createWidget({
type: "bi.layout", type: "bi.layout",
cls: "color-picker-editor-display", cls: "color-picker-editor-display bi-card",
height: 20 height: 20
}); });
var RGB = BI.createWidgets(BI.createItems([{text: "R"}, {text: "G"}, {text: "B"}], { 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; var self = this, o = this.options;
this.trigger = BI.createWidget(o.el, { this.trigger = BI.createWidget(o.el, {
type: "bi.text_icon_item", 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, text: o.text,
readonly: true, readonly: true,
textLgap: 5, textLgap: 5,
@ -5231,7 +5231,7 @@ BI.SearchEditor = BI.inherit(BI.Widget, {
_defaultConfig: function () { _defaultConfig: function () {
var conf = BI.SearchEditor.superclass._defaultConfig.apply(this, arguments); var conf = BI.SearchEditor.superclass._defaultConfig.apply(this, arguments);
return BI.extend(conf, { return BI.extend(conf, {
baseCls: "bi-search-editor", baseCls: "bi-search-editor bi-border",
height: 30, height: 30,
errorText: "", errorText: "",
watermark: BI.i18nText("BI-Basic_Search"), watermark: BI.i18nText("BI-Basic_Search"),
@ -6108,265 +6108,6 @@ BI.SignEditor.EVENT_SPACE = "EVENT_SPACE";
BI.SignEditor.EVENT_EMPTY = "EVENT_EMPTY"; BI.SignEditor.EVENT_EMPTY = "EVENT_EMPTY";
BI.shortcut("bi.sign_editor", BI.SignEditor);/** 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 * guy
* 记录状态的输入框 * 记录状态的输入框
* @class BI.StateEditor * @class BI.StateEditor
@ -6415,7 +6156,7 @@ BI.StateEditor = BI.inherit(BI.Single, {
}); });
this.text = BI.createWidget({ this.text = BI.createWidget({
type: "bi.text_button", type: "bi.text_button",
cls: "state-editor-infinite-text", cls: "state-editor-infinite-text bi-disabled",
textAlign: "left", textAlign: "left",
height: o.height, height: o.height,
text: BI.i18nText("BI-Unrestricted"), text: BI.i18nText("BI-Unrestricted"),
@ -6695,7 +6436,7 @@ BI.SimpleStateEditor = BI.inherit(BI.Single, {
}); });
this.text = BI.createWidget({ this.text = BI.createWidget({
type: "bi.text_button", type: "bi.text_button",
cls: "state-editor-infinite-text", cls: "state-editor-infinite-text bi-disabled",
textAlign: "left", textAlign: "left",
height: o.height, height: o.height,
text: BI.i18nText("BI-Unrestricted"), text: BI.i18nText("BI-Unrestricted"),
@ -6915,7 +6656,7 @@ BI.TextEditor = BI.inherit(BI.Single, {
_defaultConfig: function () { _defaultConfig: function () {
var conf = BI.TextEditor.superclass._defaultConfig.apply(this, arguments); var conf = BI.TextEditor.superclass._defaultConfig.apply(this, arguments);
return BI.extend(conf, { return BI.extend(conf, {
extraCls: "bi-text-editor", extraCls: "bi-text-editor bi-border",
hgap: 4, hgap: 4,
vgap: 2, vgap: 2,
lgap: 0, lgap: 0,
@ -7247,7 +6988,7 @@ BI.MultiPopupView = BI.inherit(BI.PopupView, {
this.buttongroup = BI.createWidget({ this.buttongroup = BI.createWidget({
type: "bi.button_group", type: "bi.button_group",
cls: "list-view-toolbar", cls: "list-view-toolbar bi-border-top",
height: 30, height: 30,
items: BI.createItems(text, { items: BI.createItems(text, {
type: "bi.text_button", type: "bi.text_button",
@ -7308,7 +7049,7 @@ BI.PopupPanel = BI.inherit(BI.MultiPopupView, {
}); });
return BI.createWidget({ return BI.createWidget({
type: "bi.htape", type: "bi.htape",
cls: "popup-panel-title", cls: "popup-panel-title bi-background bi-border",
height: 25, height: 25,
items: [{ items: [{
el: { el: {
@ -7509,7 +7250,7 @@ BI.shortcut("bi.list_pane", BI.ListPane);/**
BI.Panel = BI.inherit(BI.Widget,{ BI.Panel = BI.inherit(BI.Widget,{
_defaultConfig : function(){ _defaultConfig : function(){
return BI.extend(BI.Panel.superclass._defaultConfig.apply(this,arguments),{ return BI.extend(BI.Panel.superclass._defaultConfig.apply(this,arguments),{
baseCls: "bi-panel", baseCls: "bi-panel bi-border",
title:"", title:"",
titleButtons:[], titleButtons:[],
el:{}, el:{},
@ -7560,7 +7301,7 @@ BI.Panel = BI.inherit(BI.Widget,{
return { return {
el: { el: {
type: "bi.left_right_vertical_adapt", type: "bi.left_right_vertical_adapt",
cls: "panel-title", cls: "panel-title bi-tips bi-border-bottom bi-background",
height: 30, height: 30,
items: { items: {
left: [this.text], left: [this.text],
@ -8884,7 +8625,7 @@ BI.DetailPager = BI.inherit(BI.Widget, {
type: "bi.button_group", type: "bi.button_group",
element: this, element: this,
items: BI.createItems(view, { items: BI.createItems(view, {
cls: "page-item", cls: "page-item bi-border bi-list-item-active",
height: 23, height: 23,
hgap: 10 hgap: 10
}), }),
@ -9005,7 +8746,7 @@ BI.SegmentButton = BI.inherit(BI.BasicButton, {
_defaultConfig: function() { _defaultConfig: function() {
var conf = BI.SegmentButton.superclass._defaultConfig.apply(this, arguments); var conf = BI.SegmentButton.superclass._defaultConfig.apply(this, arguments);
return BI.extend( conf, { return BI.extend( conf, {
baseCls : (conf.baseCls ||"")+' bi-segment-button', baseCls : (conf.baseCls ||"")+' bi-segment-button bi-list-item-active',
shadow: true, shadow: true,
readonly: true, readonly: true,
hgap: 10 hgap: 10
@ -9063,10 +8804,15 @@ BI.Segment = BI.inherit(BI.Widget, {
this.buttonGroup = BI.createWidget({ this.buttonGroup = BI.createWidget({
element: this, element: this,
type: "bi.button_group", type: "bi.button_group",
items: BI.createItems(o.items, { items: BI.map(o.items, function (i, item) {
return BI.extend({
type: "bi.segment_button", type: "bi.segment_button",
height: o.height - 2, height: o.height - 2,
whiteSpace: o.whiteSpace whiteSpace: o.whiteSpace
}, item, {
cls: (i === 0 ? "bi-border-left " : "")
+ (item.cls || "") + " bi-border-top bi-border-right bi-border-bottom"
});
}), }),
layout: [ layout: [
{ {
@ -9360,6 +9106,9 @@ BI.DynamicSummaryLayerTreeTable = BI.inherit(BI.Widget, {
regionColumnSize: [], regionColumnSize: [],
//行表头
rowHeaderCreator: null,
headerCellStyleGetter: BI.emptyFn, headerCellStyleGetter: BI.emptyFn,
summaryCellStyleGetter: BI.emptyFn, summaryCellStyleGetter: BI.emptyFn,
sequenceCellStyleGetter: BI.emptyFn, sequenceCellStyleGetter: BI.emptyFn,
@ -9396,13 +9145,13 @@ BI.DynamicSummaryLayerTreeTable = BI.inherit(BI.Widget, {
var newHeader = this._formatColumns(header); var newHeader = this._formatColumns(header);
var deep = this._getHDeep(); var deep = this._getHDeep();
if (deep <= 0) { if (deep <= 0) {
newHeader.unshift({ newHeader.unshift(o.rowHeaderCreator || {
type: "bi.table_style_cell", type: "bi.table_style_cell",
text: BI.i18nText("BI-Row_Header"), text: BI.i18nText("BI-Row_Header"),
styleGetter: o.headerCellStyleGetter styleGetter: o.headerCellStyleGetter
}); });
} else { } else {
newHeader[0] = { newHeader[0] = o.rowHeaderCreator || {
type: "bi.table_style_cell", type: "bi.table_style_cell",
text: BI.i18nText("BI-Row_Header"), text: BI.i18nText("BI-Row_Header"),
styleGetter: o.headerCellStyleGetter styleGetter: o.headerCellStyleGetter
@ -10050,6 +9799,8 @@ BI.LayerTreeTable = BI.inherit(BI.Widget, {
regionColumnSize: [], regionColumnSize: [],
rowHeaderCreator: null,
headerCellStyleGetter: BI.emptyFn, headerCellStyleGetter: BI.emptyFn,
summaryCellStyleGetter: BI.emptyFn, summaryCellStyleGetter: BI.emptyFn,
sequenceCellStyleGetter: BI.emptyFn, sequenceCellStyleGetter: BI.emptyFn,
@ -10085,13 +9836,13 @@ BI.LayerTreeTable = BI.inherit(BI.Widget, {
var newHeader = this._formatColumns(header); var newHeader = this._formatColumns(header);
var deep = this._getHDeep(); var deep = this._getHDeep();
if (deep <= 0) { if (deep <= 0) {
newHeader.unshift({ newHeader.unshift(o.rowHeaderCreator || {
type: "bi.table_style_cell", type: "bi.table_style_cell",
text: BI.i18nText("BI-Row_Header"), text: BI.i18nText("BI-Row_Header"),
styleGetter: o.headerCellStyleGetter styleGetter: o.headerCellStyleGetter
}); });
} else { } else {
newHeader[0] = { newHeader[0] = o.rowHeaderCreator || {
type: "bi.table_style_cell", type: "bi.table_style_cell",
text: BI.i18nText("BI-Row_Header"), text: BI.i18nText("BI-Row_Header"),
styleGetter: o.headerCellStyleGetter styleGetter: o.headerCellStyleGetter
@ -11388,7 +11139,7 @@ BI.EditorTrigger = BI.inherit(BI.Trigger, {
_defaultConfig: function () { _defaultConfig: function () {
var conf = BI.EditorTrigger.superclass._defaultConfig.apply(this, arguments); var conf = BI.EditorTrigger.superclass._defaultConfig.apply(this, arguments);
return BI.extend(conf, { return BI.extend(conf, {
baseCls: (conf.baseCls || "") + " bi-editor-trigger", baseCls: (conf.baseCls || "") + " bi-editor-trigger bi-border",
height: 30, height: 30,
validationChecker: BI.emptyFn, validationChecker: BI.emptyFn,
quitChecker: BI.emptyFn, quitChecker: BI.emptyFn,
@ -11555,7 +11306,7 @@ BI.SelectTextTrigger = BI.inherit(BI.Trigger, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.SelectTextTrigger.superclass._defaultConfig.apply(this, arguments), { return BI.extend(BI.SelectTextTrigger.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-select-text-trigger", baseCls: "bi-select-text-trigger bi-border",
height: 24 height: 24
}); });
}, },
@ -11608,7 +11359,7 @@ BI.SmallSelectTextTrigger = BI.inherit(BI.Trigger, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.SmallSelectTextTrigger.superclass._defaultConfig.apply(this, arguments), { 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 height: 20
}); });
}, },

334
bi/core.css

@ -1,3 +1,54 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
html,
body,
div,
ul,
li,
img,
a,
span,
p,
* {
margin: 0;
padding: 0;
}
a {
outline: none;
text-decoration: none;
}
a:focus {
outline: 0;
}
input,
textarea {
margin: 0;
padding: 0;
outline: none;
border: 1px solid #d4dadd;
}
.bi-theme-dark input,
.bi-theme-dark textarea {
border: 1px solid #525466;
}
ul,
ol {
margin: 0;
padding: 0;
}
ul {
list-style: disc;
}
li {
list-style-type: none;
}
i {
font-style: normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
@charset "UTF-8"; @charset "UTF-8";
/*! /*!
* animate.css -http://daneden.me/animate * animate.css -http://daneden.me/animate
@ -2905,10 +2956,16 @@
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.base-disabled { .base-disabled {
cursor: default !important; cursor: default !important;
color: #c4c6c6 !important; color: #cccccc !important;
} }
.base-disabled .b-font:before { .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 { .base-invalid {
cursor: default !important; cursor: default !important;
@ -2925,116 +2982,237 @@
.clearfix:after { .clearfix:after {
clear: both; 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 { .bi-keyword-red-mark {
color: #f07d0a; color: #f07d0a;
} }
.bi-high-light { .bi-high-light {
color: #009de3; color: #3f8ce8;
}
.bi-high-light-background {
background-color: #3f8ce8;
color: #ffffff;
} }
.bi-water-mark { .bi-water-mark {
color: #cccccc; color: #cccccc;
cursor: text; cursor: text;
} }
.bi-tips { .bi-theme-dark .bi-water-mark {
color: #c4c6c6; color: #666666;
} }
.bi-resizer { .bi-resizer {
background: #d8f3fe; background: #1a1a1a;
opacity: 0.8; opacity: 0.2;
filter: alpha(opacity=80); filter: alpha(opacity=20);
z-index: 1000000000; z-index: 1000000000;
} }
.bi-theme-dark .bi-resizer {
background: #ffffff;
}
.bi-z-index-mask { .bi-z-index-mask {
background-color: #1a1a1a; background-color: rgba(26, 26, 26, 0.5);
opacity: 0.5; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f1a1a1a,endColorstr=#7f1a1a1a);
filter: alpha(opacity=50);
} }
.bi-list-item:hover, .bi-list-item:hover,
.bi-list-item.hover { .bi-list-item.hover {
background-color: #f4f4f4; background-color: #eff1f4;
color: #1a1a1a;
} }
.bi-list-item.disabled, .bi-list-item.disabled,
.bi-list-item.disabled:hover, .bi-list-item.disabled:hover,
.bi-list-item.disabled:active { .bi-list-item.disabled:active {
background-color: transparent !important; background-color: transparent !important;
color: #cccccc !important;
}
.bi-list-item.disabled .bi-high-light,
.bi-list-item.disabled:hover .bi-high-light,
.bi-list-item.disabled:active .bi-high-light {
color: #cccccc !important;
} }
.bi-theme-dark .bi-list-item:hover, .bi-theme-dark .bi-list-item:hover,
.bi-theme-dark .bi-list-item.hover { .bi-theme-dark .bi-list-item.hover {
background-color: #04070d; background-color: #191b2b;
color: #ffffff; 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-theme-dark .bi-list-item.disabled .bi-high-light,
.bi-theme-dark .bi-list-item.disabled:hover .bi-high-light,
.bi-theme-dark .bi-list-item.disabled:active .bi-high-light {
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-list-item-simple.disabled .bi-high-light,
.bi-list-item-simple.disabled:hover .bi-high-light,
.bi-list-item-simple.disabled:active .bi-high-light {
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-theme-dark .bi-list-item-simple.disabled .bi-high-light,
.bi-theme-dark .bi-list-item-simple.disabled:hover .bi-high-light,
.bi-theme-dark .bi-list-item-simple.disabled:active .bi-high-light {
color: #666666 !important;
}
.bi-list-item-effect:hover {
color: #1a1a1a;
}
.bi-list-item-effect.active, .bi-list-item-effect.active,
.bi-list-item-effect:active { .bi-list-item-effect:active {
color: #009de3; color: #3f8ce8;
} }
.bi-list-item-effect.disabled, .bi-list-item-effect.disabled,
.bi-list-item-effect.disabled:hover, .bi-list-item-effect.disabled:hover,
.bi-list-item-effect.disabled:active { .bi-list-item-effect.disabled:active {
color: #c4c6c6 !important; color: #cccccc !important;
}
.bi-list-item-effect.disabled .bi-high-light,
.bi-list-item-effect.disabled:hover .bi-high-light,
.bi-list-item-effect.disabled:active .bi-high-light {
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,
.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,
.bi-theme-dark .bi-list-item-effect.disabled:hover, .bi-theme-dark .bi-list-item-effect.disabled:hover,
.bi-theme-dark .bi-list-item-effect.disabled:active { .bi-theme-dark .bi-list-item-effect.disabled:active {
color: #c4c6c6 !important;
}
.bi-list-item-hover:hover,
.bi-list-item-hover.hover {
color: #009de3;
background-color: #f4f4f4;
}
.bi-list-item-hover.disabled,
.bi-list-item-hover.disabled:hover,
.bi-list-item-hover.disabled:active {
color: #c4c6c6 !important;
background-color: transparent !important; background-color: transparent !important;
color: #666666 !important;
} }
.bi-theme-dark .bi-list-item-hover:hover, .bi-theme-dark .bi-list-item-effect.disabled .bi-high-light,
.bi-theme-dark .bi-list-item-hover.hover { .bi-theme-dark .bi-list-item-effect.disabled:hover .bi-high-light,
color: #009de3; .bi-theme-dark .bi-list-item-effect.disabled:active .bi-high-light {
background-color: #04070d; color: #666666 !important;
}
.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;
} }
.bi-list-item-active:hover, .bi-list-item-active:hover,
.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,
.bi-list-item-active:active { .bi-list-item-active:active {
color: #009de3; color: #3f8ce8;
background-color: #f4f4f4; background-color: #eff1f4;
} }
.bi-list-item-active.disabled, .bi-list-item-active.disabled,
.bi-list-item-active.disabled:hover, .bi-list-item-active.disabled:hover,
.bi-list-item-active.disabled:active { .bi-list-item-active.disabled:active {
background-color: transparent !important; background-color: transparent !important;
color: #cccccc !important;
}
.bi-list-item-active.disabled .bi-high-light,
.bi-list-item-active.disabled:hover .bi-high-light,
.bi-list-item-active.disabled:active .bi-high-light {
color: #cccccc !important;
} }
.bi-theme-dark .bi-list-item-active:hover, .bi-theme-dark .bi-list-item-active:hover,
.bi-theme-dark .bi-list-item-active.hover { .bi-theme-dark .bi-list-item-active.hover {
background-color: #04070d; background-color: #191b2b;
color: #ffffff; color: #ffffff;
} }
.bi-theme-dark .bi-list-item-active.active, .bi-theme-dark .bi-list-item-active.active,
.bi-theme-dark .bi-list-item-active:active { .bi-theme-dark .bi-list-item-active:active {
color: #009de3; color: #3f8ce8;
background-color: #04070d; 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-theme-dark .bi-list-item-active.disabled .bi-high-light,
.bi-theme-dark .bi-list-item-active.disabled:hover .bi-high-light,
.bi-theme-dark .bi-list-item-active.disabled:active .bi-high-light {
color: #666666 !important;
} }
.bi-list-item-select:hover, .bi-list-item-select:hover,
.bi-list-item-select.hover { .bi-list-item-select.hover {
color: #009de3; color: #3f8ce8;
background-color: #f4f4f4; background-color: #eff1f4;
} }
.bi-list-item-select:active, .bi-list-item-select:active,
.bi-list-item-select.active { .bi-list-item-select.active {
color: #ffffff; color: #ffffff;
background-color: #009de3; background-color: #3f8ce8;
} }
.bi-list-item-select:active .bi-high-light, .bi-list-item-select:active .bi-high-light,
.bi-list-item-select.active .bi-high-light { .bi-list-item-select.active .bi-high-light {
@ -3043,28 +3221,76 @@
.bi-list-item-select.disabled, .bi-list-item-select.disabled,
.bi-list-item-select.disabled:hover, .bi-list-item-select.disabled:hover,
.bi-list-item-select.disabled:active { .bi-list-item-select.disabled:active {
color: #c4c6c6 !important; color: #cccccc !important;
background-color: transparent !important; background-color: transparent !important;
} }
.bi-list-item-select.disabled .bi-high-light, .bi-list-item-select.disabled .bi-high-light,
.bi-list-item-select.disabled:hover .bi-high-light, .bi-list-item-select.disabled:hover .bi-high-light,
.bi-list-item-select.disabled:active .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,
.bi-theme-dark .bi-list-item-select.hover { .bi-theme-dark .bi-list-item-select.hover {
color: #009de3; color: #3f8ce8;
background-color: #04070d; background-color: #191b2b;
} }
.bi-theme-dark .bi-list-item-select:active, .bi-theme-dark .bi-list-item-select:active,
.bi-theme-dark .bi-list-item-select.active { .bi-theme-dark .bi-list-item-select.active {
color: #ffffff; 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,
.bi-theme-dark .bi-list-item-select.active .bi-high-light { .bi-theme-dark .bi-list-item-select.active .bi-high-light {
color: #ffffff; 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;
}
.bi-list-item-choose:hover {
color: #1a1a1a;
}
.bi-list-item-choose:active,
.bi-list-item-choose.active {
color: #ffffff;
background-color: #3f8ce8;
}
.bi-list-item-choose:active .bi-high-light,
.bi-list-item-choose.active .bi-high-light {
color: #ffffff;
}
.bi-list-item-choose.disabled,
.bi-list-item-choose.disabled:hover,
.bi-list-item-choose.disabled:active {
color: #cccccc !important;
background-color: transparent !important;
}
.bi-list-item-choose.disabled .bi-high-light,
.bi-list-item-choose.disabled:hover .bi-high-light,
.bi-list-item-choose.disabled:active .bi-high-light {
color: #cccccc !important;
}
.bi-theme-dark .bi-list-item-choose:hover {
color: #ffffff;
}
.bi-theme-dark .bi-list-item-choose.disabled,
.bi-theme-dark .bi-list-item-choose.disabled:hover,
.bi-theme-dark .bi-list-item-choose.disabled:active {
color: #666666 !important;
background-color: transparent !important;
}
.bi-theme-dark .bi-list-item-choose.disabled .bi-high-light,
.bi-theme-dark .bi-list-item-choose.disabled:hover .bi-high-light,
.bi-theme-dark .bi-list-item-choose.disabled:active .bi-high-light {
color: #666666 !important;
}
/*****************cursor*****************/ /*****************cursor*****************/
.cursor-pointer { .cursor-pointer {
cursor: pointer; cursor: pointer;
@ -3141,10 +3367,6 @@
.horizon-left { .horizon-left {
text-align: left; text-align: left;
} }
.div-horizon-center {
margin-left: auto;
margin-right: auto;
}
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
@ -3499,8 +3721,8 @@
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-theme-dark { .bi-theme-dark {
background-color: #191a2c; background-color: #191b2b;
color: #b2b2b2; color: #cccccc;
} }
.bi-theme-dark .bi-input { .bi-theme-dark .bi-input {
color: #ffffff; color: #ffffff;

150
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) { parseFloat: function (number) {
try { try {
return parseFloat(number); return parseFloat(number);
@ -4426,27 +4433,14 @@ BI.Widget = BI.inherit(BI.OB, {
} }
this.beforeMounted && this.beforeMounted(); this.beforeMounted && this.beforeMounted();
this._isMounted = true; this._isMounted = true;
this._mountChildren(); this._mountChildren && this._mountChildren();
BI.each(this._children, function (i, widget) { BI.each(this._children, function (i, widget) {
widget._mount && widget._mount(); widget._mount && widget._mount();
}); });
this.mounted && this.mounted(); this.mounted && this.mounted();
}, },
_mountChildren: function () { _mountChildren: null,
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);
}
},
_unMount: function () { _unMount: function () {
BI.each(this._children, function (i, widget) { BI.each(this._children, function (i, widget) {
@ -6270,6 +6264,104 @@ Date.prototype.getOffsetDate = function (offset) {
return new Date(this.getTime() + offset * 864e5); return new Date(this.getTime() + offset * 864e5);
}; };
Date.prototype.getAfterMulQuarter = function (n) {
var dt = new Date(this.getTime());
dt.setMonth(dt.getMonth() + n * 3);
return dt;
};
//获得n个季度前的日期
Date.prototype.getBeforeMulQuarter = function (n) {
var dt = new Date(this.getTime());
dt.setMonth(dt.getMonth() - n * 3);
return dt;
};
//得到本季度的起始月份
Date.prototype.getQuarterStartMonth = function () {
var quarterStartMonth = 0;
var nowMonth = this.getMonth();
if (nowMonth < 3) {
quarterStartMonth = 0;
}
if (2 < nowMonth && nowMonth < 6) {
quarterStartMonth = 3;
}
if (5 < nowMonth && nowMonth < 9) {
quarterStartMonth = 6;
}
if (nowMonth > 8) {
quarterStartMonth = 9;
}
return quarterStartMonth;
};
//获得本季度的起始日期
Date.prototype.getQuarterStartDate = function () {
return new Date(this.getFullYear(), this.getQuarterStartMonth(), 1);
};
//得到本季度的结束日期
Date.prototype.getQuarterEndDate = function () {
var quarterEndMonth = this.getQuarterStartMonth() + 2;
return new Date(this.getFullYear(), quarterEndMonth, this.getMonthDays(quarterEndMonth));
};
Date.prototype.getAfterMultiMonth = function (n) {
var dt = new Date(this.getTime());
dt.setMonth(dt.getMonth() + n | 0);
return dt;
};
Date.prototype.getBeforeMultiMonth = function (n) {
var dt = new Date(this.getTime());
dt.setMonth(dt.getMonth() - n | 0);
return dt;
};
Date.prototype.getAfterMulQuarter = function (n) {
var dt = new Date(this.getTime());
dt.setMonth(dt.getMonth() + n * 3);
return dt;
};
//获得n个季度前的日期
Date.prototype.getBeforeMulQuarter = function (n) {
var dt = new Date(this.getTime());
dt.setMonth(dt.getMonth() - n * 3);
return dt;
};
//得到本季度的起始月份
Date.prototype.getQuarterStartMonth = function () {
var quarterStartMonth = 0;
var nowMonth = this.getMonth();
if (nowMonth < 3) {
quarterStartMonth = 0;
}
if (2 < nowMonth && nowMonth < 6) {
quarterStartMonth = 3;
}
if (5 < nowMonth && nowMonth < 9) {
quarterStartMonth = 6;
}
if (nowMonth > 8) {
quarterStartMonth = 9;
}
return quarterStartMonth;
};
//获得本季度的起始日期
Date.prototype.getQuarterStartDate = function () {
return new Date(this.getFullYear(), this.getQuarterStartMonth(), 1);
};
//得到本季度的结束日期
Date.prototype.getQuarterEndDate = function () {
var quarterEndMonth = this.getQuarterStartMonth() + 2;
return new Date(this.getFullYear(), quarterEndMonth, this.getMonthDays(quarterEndMonth));
};
Date.prototype.getAfterMultiMonth = function (n) {
var dt = new Date(this.getTime());
dt.setMonth(dt.getMonth() + n | 0);
return dt;
};
Date.prototype.getBeforeMultiMonth = function (n) {
var dt = new Date(this.getTime());
dt.setMonth(dt.getMonth() - n | 0);
return dt;
};
/** Checks date and time equality */ /** Checks date and time equality */
Date.prototype.equalsTo = function (date) { Date.prototype.equalsTo = function (date) {
return ((this.getFullYear() == date.getFullYear()) && return ((this.getFullYear() == date.getFullYear()) &&
@ -8289,11 +8381,14 @@ BI.ScalingCellSizeAndPositionManager.prototype = {
element.__resizeTriggers__ = !element.removeChild(element.__resizeTriggers__); element.__resizeTriggers__ = !element.removeChild(element.__resizeTriggers__);
} }
} }
} };
BI.ResizeDetector = { BI.ResizeDetector = {
addResizeListener: function (widget, fn) { addResizeListener: function (widget, fn) {
addResizeListener(widget.element[0], fn); addResizeListener(widget.element[0], fn);
return function () {
removeResizeListener(widget.element[0], fn);
}
}, },
removeResizeListener: function (widget, fn) { removeResizeListener: function (widget, fn) {
removeResizeListener(widget.element[0], fn); removeResizeListener(widget.element[0], fn);
@ -11110,6 +11205,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) { _getChildName: function (index) {
return index + ""; return index + "";
}, },
@ -15914,9 +16024,7 @@ BI.LayerController = BI.inherit(BI.Controller, {
*/ */
BI.MaskersController = BI.inherit(BI.LayerController, { BI.MaskersController = BI.inherit(BI.LayerController, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.MaskersController.superclass._defaultConfig.apply(this, arguments), { return BI.extend(BI.MaskersController.superclass._defaultConfig.apply(this, arguments), {});
render: "body"
});
}, },
_init: function () { _init: function () {
@ -17034,7 +17142,7 @@ $(function () {
} }
var rgb = this.rgb2json(this.hex2rgb(hex)); var rgb = this.rgb2json(this.hex2rgb(hex));
var grayLevel = Math.round(rgb.r * 0.299 + rgb.g * 0.587 + rgb.b * 0.114); 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 true;
} }
return false; return false;
@ -17043,7 +17151,7 @@ $(function () {
//获取对比颜色 //获取对比颜色
getContrastColor: function (color) { getContrastColor: function (color) {
if (this.isDarkColor(color)) { if (this.isDarkColor(color)) {
return "#b2b2b2"; return "#ffffff";
} }
return "#1a1a1a"; return "#1a1a1a";
}, },

262
bi/widget.css

@ -1,17 +1,11 @@
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-arrangement-block {
background: #e85050;
opacity: 0.8;
filter: alpha(opacity=80);
}
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-arrangement .arrangement-helper { .bi-arrangement .arrangement-helper {
border: 1px solid #d4dadd; background: #3f8ce8;
background: #009de3;
z-index: 1000000000; z-index: 1000000000;
} }
.bi-arrangement .arrangement-block { .bi-arrangement .arrangement-block {
@ -25,7 +19,7 @@
} }
.bi-arrangement .arrangement-drop-container .drop-devider { .bi-arrangement .arrangement-drop-container .drop-devider {
z-index: 1000000001; z-index: 1000000001;
background: #009de3; background: #3f8ce8;
} }
.bi-arrangement .arrangement-drop-container .top-left, .bi-arrangement .arrangement-drop-container .top-left,
.bi-arrangement .arrangement-drop-container .top-right, .bi-arrangement .arrangement-drop-container .top-right,
@ -44,15 +38,12 @@
.bi-arrangement .arrangement-drop-container .left-center-second, .bi-arrangement .arrangement-drop-container .left-center-second,
.bi-arrangement .arrangement-drop-container .right-center-second { .bi-arrangement .arrangement-drop-container .right-center-second {
z-index: 1000000001; z-index: 1000000001;
background: #009de3; background: #3f8ce8;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-arrangement-droppable { .bi-arrangement-droppable {
background: #d8f3fe;
opacity: 0.8;
filter: alpha(opacity=80);
z-index: 100000; z-index: 100000;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
@ -124,14 +115,10 @@
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-date-picker {
background: #f4f4f4;
}
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-date-trigger { .bi-date-trigger {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
@ -139,9 +126,6 @@
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-down-list-combo .bi-down-list-spliter {
border-top: 1px solid #eaeaea;
}
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
@ -155,14 +139,16 @@
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-excel-table > div.bottom-right > div > div > table { .bi-excel-table > div.bottom-right > div > div > table {
border-right: 1px solid #eaeaea; border-right: 1px solid #d4dadd;
}
.bi-theme-dark .bi-excel-table > div.bottom-right > div > div > table {
border-right: 1px solid #525466;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-excel-table-header-cell { .bi-excel-table-header-cell {
font-weight: bold; font-weight: bold;
background-color: #eaeaea;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
@ -170,52 +156,37 @@
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-file-manager-file-item {
border-bottom: 1px solid #d4dadd;
}
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-file-manager-folder-item {
border-bottom: 1px solid #d4dadd;
}
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-file-manager-nav-button .file-manager-nav-button-text { .bi-file-manager-nav-button .file-manager-nav-button-text {
max-width: 200px; max-width: 200px;
background: #ffffff;
} }
.bi-file-manager-nav-button .file-manager-nav-button-text.active { .bi-file-manager-nav-button .file-manager-nav-button-text.active {
background-color: #f4f4f4; background-color: #eff1f4;
color: #808080; color: #999999;
} }
.bi-file-manager-nav-button .file-manager-nav-button-triangle { .bi-file-manager-nav-button .file-manager-nav-button-triangle {
z-index: 1; z-index: 1;
} }
.bi-theme-dark .bi-file-manager-nav-button .file-manager-nav-button-text.active {
background-color: #191b2b;
color: #999999;
}
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-file-manager-nav {
border-left: 1px solid #d4dadd;
}
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-fine-tuning-number-editor { .bi-fine-tuning-number-editor {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
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****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
@ -228,26 +199,20 @@
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-image-button-size .image-button-size-button-group { .bi-image-button-size .image-button-size-button-group {
font-size: 12px; font-size: 12px;
color: #1a1a1a;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-upload-image .upload-image-text-button-label { .bi-upload-image .upload-image-text-button-label {
font-size: 14px; font-size: 14px;
color: #c4c6c6; color: #999999;
} }
.bi-upload-image .upload-image-icon-button { .bi-upload-image .upload-image-icon-button {
z-index: 1; z-index: 1;
font-size: 16px; font-size: 16px;
background-color: #ffffff;
} }
.bi-upload-image .upload-image-delete-label { .bi-upload-image .upload-image-delete-label {
font-size: 14px; font-size: 14px;
color: #1a1a1a;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
@ -269,7 +234,6 @@
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-month-trigger { .bi-month-trigger {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
@ -277,40 +241,26 @@
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-select-check-pane {
background-color: #f4f4f4;
}
.bi-multi-select-check-pane .multi-select-check-selected { .bi-multi-select-check-pane .multi-select-check-selected {
color: #009de3; color: #3f8ce8;
text-decoration: underline; text-decoration: underline;
} }
.bi-theme-dark .bi-multi-select-check-pane {
background-color: #191a2c;
}
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-display-list .display-list-item {
color: #808080;
}
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-select-combo .multi-select-trigger-icon-button { .bi-multi-select-combo .multi-select-trigger-icon-button {
border-left: 1px solid #d4dadd;
font-size: 16px; font-size: 16px;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-select-popup-view .multi-select-no-toolbar {
color: #c4c6c6;
}
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-select-trigger { .bi-multi-select-trigger {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px;
@ -318,9 +268,6 @@
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-select-search-pane {
background: #ffffff;
}
.bi-multi-select-search-pane .multi-select-toolbar { .bi-multi-select-search-pane .multi-select-toolbar {
color: #e85050; color: #e85050;
} }
@ -328,70 +275,25 @@
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-select-check-selected-button { .bi-multi-select-check-selected-button {
border: 1px solid #009de3; color: #3f8ce8;
-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; z-index: 1;
} }
.bi-theme-dark .bi-multi-select-check-selected-button {
background-color: #191a2c;
}
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom 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****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom 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 { .bi-multi-tree-check-pane .multi-tree-check-selected {
color: #009de3; color: #3f8ce8;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-tree-display {
background-color: #f4f4f4;
}
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-tree-combo .multi-select-trigger-icon-button { .bi-multi-tree-combo .multi-select-trigger-icon-button {
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; font-size: 16px;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
@ -403,58 +305,20 @@
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom 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****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-tree-check-selected-button .trigger-check-selected { .bi-multi-tree-check-selected-button .trigger-check-selected {
border: 1px solid #009de3; color: #3f8ce8;
-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; z-index: 1;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-tree-list-popup {
border-left: 1px solid #d4dadd;
border-right: 1px solid #d4dadd;
border-bottom: 1px solid #d4dadd;
}
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-numerical-interval .numerical-interval-small-editor { .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; -moz-border-radius-topleft: 2px;
-webkit-border-top-left-radius: 2px; -webkit-border-top-left-radius: 2px;
-moz-border-radius-bottomleft: 2px; -moz-border-radius-bottomleft: 2px;
@ -463,9 +327,6 @@
border-bottom-left-radius: 2px; border-bottom-left-radius: 2px;
} }
.bi-numerical-interval .numerical-interval-big-editor { .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; -moz-border-radius-topright: 2px;
-webkit-border-top-right-radius: 2px; -webkit-border-top-right-radius: 2px;
-moz-border-radius-bottomright: 2px; -moz-border-radius-bottomright: 2px;
@ -474,7 +335,6 @@
border-bottom-right-radius: 2px; border-bottom-right-radius: 2px;
} }
.bi-numerical-interval .numerical-interval-big-combo { .bi-numerical-interval .numerical-interval-big-combo {
border: 1px solid #d4dadd;
-moz-border-radius-topleft: 2px; -moz-border-radius-topleft: 2px;
-webkit-border-top-left-radius: 2px; -webkit-border-top-left-radius: 2px;
-moz-border-radius-bottomleft: 2px; -moz-border-radius-bottomleft: 2px;
@ -486,7 +346,6 @@
font-size: 14px; font-size: 14px;
} }
.bi-numerical-interval .numerical-interval-small-combo { .bi-numerical-interval .numerical-interval-small-combo {
border: 1px solid #d4dadd;
-moz-border-radius-topright: 2px; -moz-border-radius-topright: 2px;
-webkit-border-top-right-radius: 2px; -webkit-border-top-right-radius: 2px;
-moz-border-radius-bottomright: 2px; -moz-border-radius-bottomright: 2px;
@ -503,15 +362,6 @@
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom 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****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
@ -535,17 +385,8 @@
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-path-region {
background: #eaeaea;
}
.bi-path-region .path-region-label { .bi-path-region .path-region-label {
z-index: 1; z-index: 1;
background: #ffffff;
border: 1px solid #ffffff;
}
.bi-path-region .path-region-label.active {
background: #009de3;
color: #ffffff;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
@ -560,7 +401,11 @@
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-preview-table > div > table > thead > tr.odd, .bi-preview-table > div > table > thead > tr.odd,
.bi-preview-table > div > div > div > table > thead > tr.odd { .bi-preview-table > div > div > div > table > thead > tr.odd {
background-color: #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****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
@ -581,7 +426,6 @@
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-quarter-trigger { .bi-quarter-trigger {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
@ -589,26 +433,17 @@
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-relation-view-item.active {
color: #ffffff;
background-color: #009de3;
}
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-relation-view-region .relation-view-region-container { .bi-relation-view-region .relation-view-region-container {
background: #ffffff;
border: 1px solid #d4dadd;
z-index: 1; z-index: 1;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
} }
.bi-relation-view-region .relation-view-region-container.other-package { .bi-relation-view-region .relation-view-region-container.other-package {
border: 1px dashed #d4dadd; border-style: dashed;
}
.bi-relation-view-region .relation-view-region-container .relation-view-region-title {
border-bottom: 1px solid #d4dadd;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
@ -625,7 +460,6 @@
/*IE8*/ /*IE8*/
box-sizing: border-box; box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
border: 1px solid #eaeaea;
} }
.bi-sequence-table-dynamic-number .sequence-table-number-cell { .bi-sequence-table-dynamic-number .sequence-table-number-cell {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
@ -636,9 +470,6 @@
/*IE8*/ /*IE8*/
box-sizing: border-box; box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
border-left: 1px solid #eaeaea;
border-right: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
@ -655,7 +486,6 @@
/*IE8*/ /*IE8*/
box-sizing: border-box; box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
border: 1px solid #eaeaea;
} }
.bi-sequence-table-list-number .sequence-table-number-cell { .bi-sequence-table-list-number .sequence-table-number-cell {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
@ -666,9 +496,6 @@
/*IE8*/ /*IE8*/
box-sizing: border-box; box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
border-left: 1px solid #eaeaea;
border-right: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
@ -688,7 +515,6 @@
/*IE8*/ /*IE8*/
box-sizing: border-box; box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
border: 1px solid #eaeaea;
} }
.bi-sequence-table-tree-number .sequence-table-number-cell { .bi-sequence-table-tree-number .sequence-table-number-cell {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
@ -699,38 +525,10 @@
/*IE8*/ /*IE8*/
box-sizing: border-box; box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
border-left: 1px solid #eaeaea;
border-right: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom 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****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
@ -738,21 +536,25 @@
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-year-popup .year-popup-navigation { .bi-year-popup .year-popup-navigation {
border-top: 1px solid #eaeaea;
line-height: 30px; line-height: 30px;
color: #009de3; color: #3f8ce8;
} }
.bi-year-popup .year-popup-navigation > .center-element { .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 { .bi-year-popup .year-popup-navigation > .first-element {
border-left: none; border-left: none;
} }
.bi-theme-dark .bi-year-popup .year-popup-navigation > .center-element {
border-left: 1px solid #525466;
}
.bi-theme-dark .bi-year-popup .year-popup-navigation > .first-element {
border-left: none;
}
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-year-trigger { .bi-year-trigger {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;

258
bi/widget.js

@ -15,6 +15,8 @@ BI.SequenceTableTreeNumber = BI.inherit(BI.Widget, {
headerRowSize: 25, headerRowSize: 25,
rowSize: 25, rowSize: 25,
sequenceHeaderCreator: null,
header: [], header: [],
items: [], //二维数组 items: [], //二维数组
@ -33,9 +35,9 @@ BI.SequenceTableTreeNumber = BI.inherit(BI.Widget, {
this.renderedCells = []; this.renderedCells = [];
this.renderedKeys = []; this.renderedKeys = [];
this.header = BI.createWidget({ this.header = BI.createWidget(o.sequenceHeaderCreator || {
type: "bi.table_style_cell", type: "bi.table_style_cell",
cls: "sequence-table-title-cell", cls: "sequence-table-title-cell bi-border",
styleGetter: o.headerCellStyleGetter, styleGetter: o.headerCellStyleGetter,
text: BI.i18nText("BI-Number_Index") text: BI.i18nText("BI-Number_Index")
}); });
@ -251,7 +253,7 @@ BI.SequenceTableTreeNumber = BI.inherit(BI.Widget, {
} else { } else {
var child = BI.createWidget(BI.extend({ var child = BI.createWidget(BI.extend({
type: "bi.table_style_cell", 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, width: 60,
styleGetter: numbers[key].isSummary === true ? function () { styleGetter: numbers[key].isSummary === true ? function () {
return o.summaryCellStyleGetter(true); return o.summaryCellStyleGetter(true);
@ -320,7 +322,7 @@ BI.SequenceTableTreeNumber = BI.inherit(BI.Widget, {
task.apply(self); task.apply(self);
}); });
this.tasks = []; this.tasks = [];
this.header.populate(); this.header.populate && this.header.populate();
this._layout(); this._layout();
this._calculateChildrenToRender(); this._calculateChildrenToRender();
}, },
@ -921,7 +923,7 @@ BI.ArrangementBlock = BI.inherit(BI.Widget, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.ArrangementBlock.superclass._defaultConfig.apply(this, arguments), { return BI.extend(BI.ArrangementBlock.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-arrangement-block" baseCls: "bi-arrangement-block bi-resizer"
}); });
}, },
@ -3206,7 +3208,7 @@ BI.Arrangement = BI.inherit(BI.Widget, {
type: "bi.layout", type: "bi.layout",
width: 18, width: 18,
height: 18, height: 18,
cls: "arrangement-helper" cls: "arrangement-helper bi-border"
}); });
BI.createWidget({ BI.createWidget({
type: "bi.absolute", type: "bi.absolute",
@ -4526,7 +4528,7 @@ BI.DatePicker = BI.inherit(BI.Widget, {
_defaultConfig: function () { _defaultConfig: function () {
var conf = BI.DatePicker.superclass._defaultConfig.apply(this, arguments); var conf = BI.DatePicker.superclass._defaultConfig.apply(this, arguments);
return BI.extend(conf, { return BI.extend(conf, {
baseCls: "bi-date-picker", baseCls: "bi-date-picker bi-background",
height: 25, height: 25,
min: '1900-01-01', //最小日期 min: '1900-01-01', //最小日期
max: '2099-12-31' //最大日期 max: '2099-12-31' //最大日期
@ -4876,7 +4878,7 @@ BI.shortcut('bi.date_combo', BI.DateCombo);BI.DateTrigger = BI.inherit(BI.Trigge
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.DateTrigger.superclass._defaultConfig.apply(this, arguments), { return BI.extend(BI.DateTrigger.superclass._defaultConfig.apply(this, arguments), {
extraCls: "bi-date-trigger", extraCls: "bi-date-trigger bi-border",
min: '1900-01-01', //最小日期 min: '1900-01-01', //最小日期
max: '2099-12-31', //最大日期 max: '2099-12-31', //最大日期
height: 25 height: 25
@ -6017,7 +6019,7 @@ BI.DownListPopup = BI.inherit(BI.Pane, {
items: [{ items: [{
el: { el: {
type: "bi.layout", type: "bi.layout",
cls: "bi-down-list-spliter cursor-pointer", cls: "bi-down-list-spliter bi-border-top cursor-pointer",
height: 0 height: 0
} }
@ -6137,7 +6139,7 @@ BI.ExcelTableHeaderCell = BI.inherit(BI.Widget, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.ExcelTableHeaderCell.superclass._defaultConfig.apply(this, arguments), { 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: "" text: ""
}); });
}, },
@ -6564,7 +6566,7 @@ BI.FileManagerFileItem = BI.inherit(BI.Single, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.FileManagerFileItem.superclass._defaultConfig.apply(this, arguments), { 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 height: 30
}) })
}, },
@ -6631,7 +6633,7 @@ BI.FileManagerFolderItem = BI.inherit(BI.Single, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.FileManagerFolderItem.superclass._defaultConfig.apply(this, arguments), { 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 height: 30
}) })
}, },
@ -6855,7 +6857,7 @@ BI.FileManagerNavButton = BI.inherit(BI.Widget, {
var self = this, o = this.options, c = this._const; var self = this, o = this.options, c = this._const;
this.button = BI.createWidget({ this.button = BI.createWidget({
type: "bi.text_button", type: "bi.text_button",
cls: "file-manager-nav-button-text", cls: "file-manager-nav-button-text bi-card",
once: true, once: true,
selected: o.selected, selected: o.selected,
text: o.text, text: o.text,
@ -6931,7 +6933,7 @@ BI.FileManagerNav = BI.inherit(BI.Widget, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.FileManagerNav.superclass._defaultConfig.apply(this, arguments), { 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, height: 40,
items: [] items: []
}) })
@ -7033,7 +7035,7 @@ BI.shortcut("bi.file_manager_nav", BI.FileManagerNav);/**
BI.FineTuningNumberEditor = BI.inherit(BI.Widget, { BI.FineTuningNumberEditor = BI.inherit(BI.Widget, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.FineTuningNumberEditor.superclass._defaultConfig.apply(this, arguments), { 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 value: -1
}) })
}, },
@ -7055,7 +7057,8 @@ BI.FineTuningNumberEditor = BI.inherit(BI.Widget, {
}); });
this.topBtn = BI.createWidget({ this.topBtn = BI.createWidget({
type: "bi.icon_button", type: "bi.icon_button",
cls: "column-pre-page-h-font top-button" trigger: "lclick,",
cls: "column-pre-page-h-font top-button bi-border-left bi-border-bottom"
}); });
this.topBtn.on(BI.IconButton.EVENT_CHANGE, function(){ this.topBtn.on(BI.IconButton.EVENT_CHANGE, function(){
self._finetuning(1); self._finetuning(1);
@ -7063,7 +7066,8 @@ BI.FineTuningNumberEditor = BI.inherit(BI.Widget, {
}); });
this.bottomBtn = BI.createWidget({ this.bottomBtn = BI.createWidget({
type: "bi.icon_button", type: "bi.icon_button",
cls: "column-next-page-h-font bottom-button" trigger: "lclick,",
cls: "column-next-page-h-font bottom-button bi-border-left bi-border-top"
}); });
this.bottomBtn.on(BI.IconButton.EVENT_CHANGE, function(){ this.bottomBtn.on(BI.IconButton.EVENT_CHANGE, function(){
self._finetuning(-1); self._finetuning(-1);
@ -7105,7 +7109,7 @@ BI.FineTuningNumberEditor = BI.inherit(BI.Widget, {
_finetuning: function(add){ _finetuning: function(add){
var v = BI.parseInt(this._alertOutEditorValue(this.editor.getValue())); var v = BI.parseInt(this._alertOutEditorValue(this.editor.getValue()));
this.editor.setValue(this._alertInEditorValue(v + add)); this.editor.setValue(this._alertInEditorValue(v + add));
this.bottomBtn.setEnable((v + add) !== -1); this.bottomBtn.setEnable((v + add) > -1);
}, },
getValue: function () { getValue: function () {
@ -7869,7 +7873,7 @@ BI.MonthTrigger = BI.inherit(BI.Trigger, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.MonthTrigger.superclass._defaultConfig.apply(this, arguments), { return BI.extend(BI.MonthTrigger.superclass._defaultConfig.apply(this, arguments), {
extraCls: "bi-month-trigger", extraCls: "bi-month-trigger bi-border",
height: 25 height: 25
}); });
}, },
@ -9320,7 +9324,7 @@ BI.MultiSelectCheckPane = BI.inherit(BI.Widget, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.MultiSelectCheckPane.superclass._defaultConfig.apply(this, arguments), { 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: [], items: [],
itemsCreator: BI.emptyFn, itemsCreator: BI.emptyFn,
valueFormatter: BI.emptyFn, valueFormatter: BI.emptyFn,
@ -9473,7 +9477,7 @@ BI.DisplaySelectedList = BI.inherit(BI.Pane, {
_createItems: function (items) { _createItems: function (items) {
return BI.createItems(items, { return BI.createItems(items, {
type: 'bi.icon_text_item', 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, once: true,
invalid: true, invalid: true,
selected: true, selected: true,
@ -9658,7 +9662,7 @@ BI.MultiSelectCombo = BI.inherit(BI.Single, {
type: "bi.trigger_icon_button", type: "bi.trigger_icon_button",
width: o.height, width: o.height,
height: 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 () { triggerBtn.on(BI.TriggerIconButton.EVENT_CHANGE, function () {
self.trigger.getCounter().hideView(); self.trigger.getCounter().hideView();
@ -10126,7 +10130,7 @@ BI.MultiSelectTrigger = BI.inherit(BI.Trigger, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.MultiSelectTrigger.superclass._defaultConfig.apply(this, arguments), { 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, itemsCreator: BI.emptyFn,
valueFormatter: BI.emptyFn, valueFormatter: BI.emptyFn,
searcher: {}, searcher: {},
@ -10433,7 +10437,7 @@ BI.MultiSelectSearchPane = BI.inherit(BI.Widget, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.MultiSelectSearchPane.superclass._defaultConfig.apply(this, arguments), { 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, itemsCreator: BI.emptyFn,
valueFormatter: BI.emptyFn, valueFormatter: BI.emptyFn,
keywordGetter: BI.emptyFn keywordGetter: BI.emptyFn
@ -10779,13 +10783,18 @@ BI.MultiSelectSearcher = BI.inherit(BI.Widget, {
}, },
setState: function (ob) { setState: function (ob) {
var o = this.options;
ob || (ob = {}); ob || (ob = {});
ob.value || (ob.value = []); ob.value || (ob.value = []);
if (ob.type === BI.Selection.All) { if (ob.type === 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); this.editor.setState(BI.size(ob.value) > 0 ? BI.Selection.Multi : BI.Selection.All);
}
} else { } else {
if (BI.size(ob.value) === 1) { if (BI.size(ob.value) === 1) {
this.editor.setState(ob.value[0] + ""); this.editor.setState(o.valueFormatter(ob.value[0] + "" || ob.value[0] + ""));
} else { } else {
this.editor.setState(BI.size(ob.value) > 0 ? BI.Selection.Multi : BI.Selection.None); this.editor.setState(BI.size(ob.value) > 0 ? BI.Selection.Multi : BI.Selection.None);
} }
@ -10940,7 +10949,7 @@ BI.MultiStringList = BI.inherit(BI.Widget, {
this.popup = BI.createWidget({ this.popup = BI.createWidget({
type: "bi.multi_select_loader", 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, itemsCreator: o.itemsCreator,
valueFormatter: o.valueFormatter, valueFormatter: o.valueFormatter,
onLoaded: o.onLoaded, onLoaded: o.onLoaded,
@ -11247,7 +11256,7 @@ BI.MultiTreeCheckPane = BI.inherit(BI.Pane, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.MultiTreeCheckPane.superclass._defaultConfig.apply(this, arguments), { 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 onClickContinueSelect: BI.emptyFn
}); });
}, },
@ -11542,7 +11551,7 @@ BI.MultiTreeCombo = BI.inherit(BI.Single, {
type: "bi.trigger_icon_button", type: "bi.trigger_icon_button",
width: o.height, width: o.height,
height: 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 () { triggerBtn.on(BI.TriggerIconButton.EVENT_CHANGE, function () {
self.trigger.getCounter().hideView(); self.trigger.getCounter().hideView();
@ -11708,7 +11717,7 @@ BI.MultiTreeSearchPane = BI.inherit(BI.Pane, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.MultiTreeSearchPane.superclass._defaultConfig.apply(this, arguments), { 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, itemsCreator: BI.emptyFn,
keywordGetter: BI.emptyFn keywordGetter: BI.emptyFn
}); });
@ -12153,7 +12162,7 @@ BI.shortcut('bi.multi_tree_list', BI.MultiTreeList);/**
BI.MultiStringListPopup=BI.inherit(BI.Widget,{ BI.MultiStringListPopup=BI.inherit(BI.Widget,{
_defaultConfig:function () { _defaultConfig:function () {
return BI.extend(BI.MultiStringListPopup.superclass._defaultConfig.apply(this, arguments), { 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 itemsCreator: BI.emptyFn
}); });
}, },
@ -12244,7 +12253,7 @@ BI.NumericalInterval = BI.inherit(BI.Single, {
} }
return true; 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({ this.smallTip = BI.createWidget({
@ -12281,7 +12290,7 @@ BI.NumericalInterval = BI.inherit(BI.Single, {
} }
return true; 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({ this.bigTip = BI.createWidget({
@ -12317,7 +12326,7 @@ BI.NumericalInterval = BI.inherit(BI.Single, {
//}); //});
this.smallCombo = BI.createWidget({ this.smallCombo = BI.createWidget({
type: "bi.icon_combo", type: "bi.icon_combo",
cls: "numerical-interval-small-combo", cls: "numerical-interval-small-combo bi-border",
height: o.height - 2, height: o.height - 2,
items: [{ items: [{
text: "(" + BI.i18nText("BI-Less_Than") + ")", text: "(" + BI.i18nText("BI-Less_Than") + ")",
@ -12336,7 +12345,7 @@ BI.NumericalInterval = BI.inherit(BI.Single, {
} }
this.bigCombo = BI.createWidget({ this.bigCombo = BI.createWidget({
type: "bi.icon_combo", type: "bi.icon_combo",
cls: "numerical-interval-big-combo", cls: "numerical-interval-big-combo bi-border",
height: o.height - 2, height: o.height - 2,
items: [{ items: [{
text: "(" + BI.i18nText("BI-Less_Than") + ")", text: "(" + BI.i18nText("BI-Less_Than") + ")",
@ -13532,7 +13541,7 @@ BI.PathRegion = BI.inherit(BI.Widget, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.PathRegion.superclass._defaultConfig.apply(this, arguments), { return BI.extend(BI.PathRegion.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-path-region", baseCls: "bi-path-region bi-background",
width: 80, width: 80,
title: "" title: ""
}) })
@ -13569,7 +13578,7 @@ BI.PathRegion = BI.inherit(BI.Widget, {
if (BI.isKey(value)) { if (BI.isKey(value)) {
var label = BI.createWidget({ var label = BI.createWidget({
type: "bi.label", type: "bi.label",
cls: "path-region-label", cls: "path-region-label bi-card bi-border bi-list-item-active",
text: text, text: text,
value: value, value: value,
title: text || value, title: text || value,
@ -14069,7 +14078,7 @@ BI.QuarterTrigger = BI.inherit(BI.Trigger, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.QuarterTrigger.superclass._defaultConfig.apply(this, arguments), { return BI.extend(BI.QuarterTrigger.superclass._defaultConfig.apply(this, arguments), {
extraCls: "bi-quarter-trigger", extraCls: "bi-quarter-trigger bi-border",
height: 25 height: 25
}); });
}, },
@ -14167,7 +14176,7 @@ BI.RelationViewItem = BI.inherit(BI.BasicButton, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.RelationViewItem.superclass._defaultConfig.apply(this, arguments), { 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, height: 25,
hoverIn: BI.emptyFn, hoverIn: BI.emptyFn,
hoverOut: BI.emptyFn hoverOut: BI.emptyFn
@ -14538,7 +14547,7 @@ BI.shortcut('bi.relation_view', BI.RelationView);/**
BI.RelationViewRegionContainer = BI.inherit(BI.Widget, { BI.RelationViewRegionContainer = BI.inherit(BI.Widget, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.RelationViewRegionContainer.superclass._defaultConfig.apply(this, arguments), { 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 width: 150
}); });
}, },
@ -14689,10 +14698,10 @@ BI.RelationViewRegion = BI.inherit(BI.BasicButton, {
element: this, element: this,
items: [{ items: [{
type: "bi.vertical", 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: [{ items: [{
type: "bi.vertical_adapt", type: "bi.vertical_adapt",
cls: "relation-view-region-title", cls: "relation-view-region-title bi-border",
items: [this.preview, this.title] items: [this.preview, this.title]
}, this.button_group] }, this.button_group]
}], }],
@ -15717,6 +15726,8 @@ BI.SequenceTableListNumber = BI.inherit(BI.Widget, {
headerRowSize: 25, headerRowSize: 25,
rowSize: 25, rowSize: 25,
sequenceHeaderCreator: null,
header: [], header: [],
items: [], //二维数组 items: [], //二维数组
@ -15735,9 +15746,9 @@ BI.SequenceTableListNumber = BI.inherit(BI.Widget, {
this.renderedCells = []; this.renderedCells = [];
this.renderedKeys = []; this.renderedKeys = [];
this.header = BI.createWidget({ this.header = BI.createWidget(o.sequenceHeaderCreator || {
type: "bi.table_style_cell", type: "bi.table_style_cell",
cls: "sequence-table-title-cell", cls: "sequence-table-title-cell bi-border",
styleGetter: o.headerCellStyleGetter, styleGetter: o.headerCellStyleGetter,
text: BI.i18nText("BI-Number_Index") text: BI.i18nText("BI-Number_Index")
}); });
@ -15804,7 +15815,7 @@ BI.SequenceTableListNumber = BI.inherit(BI.Widget, {
} else { } else {
var child = BI.createWidget(BI.extend({ var child = BI.createWidget(BI.extend({
type: "bi.table_style_cell", 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, width: 60,
height: o.rowSize, height: o.rowSize,
text: this.start + i, text: this.start + i,
@ -15859,7 +15870,7 @@ BI.SequenceTableListNumber = BI.inherit(BI.Widget, {
}, },
_populate: function () { _populate: function () {
this.header.populate(); this.header.populate && this.header.populate();
this._layout(); this._layout();
this._calculateChildrenToRender(); this._calculateChildrenToRender();
}, },
@ -16460,159 +16471,6 @@ BI.SwitchTree.SelectType = {
}; };
BI.shortcut('bi.switch_tree', BI.SwitchTree); 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. * Created by GUY on 2015/8/28.
@ -16769,7 +16627,7 @@ BI.YearPopup = BI.inherit(BI.Widget, {
dynamic: true dynamic: true
}, },
tab: { tab: {
cls: "year-popup-navigation", cls: "year-popup-navigation bi-border-top",
height: 25, height: 25,
items: [backBtn, preBtn] items: [backBtn, preBtn]
}, },
@ -16827,7 +16685,7 @@ BI.YearTrigger = BI.inherit(BI.Trigger, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.YearTrigger.superclass._defaultConfig.apply(this, arguments), { return BI.extend(BI.YearTrigger.superclass._defaultConfig.apply(this, arguments), {
extraCls: "bi-year-trigger", extraCls: "bi-year-trigger bi-border",
min: '1900-01-01', //最小日期 min: '1900-01-01', //最小日期
max: '2099-12-31', //最大日期 max: '2099-12-31', //最大日期
height: 25 height: 25

6
demo/css/face.css

@ -1,12 +1,6 @@
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.demo-face .face-config {
border-right: 1px solid #d4dadd;
}
.demo-face .face-config .config-label { .demo-face .face-config .config-label {
font-size: 14px; 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; background-color: #178cdf;
} }
body { body {
background-color: #f3f3f3; background-color: #eff1f4;
} }
body.bi-theme-dark { body.bi-theme-dark {
background-color: #191A2C; background-color: #191B2B;
} }

9
demo/css/preview.css

@ -1,12 +1,3 @@
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom 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****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom 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; var self = this;
return { return {
type: "bi.htape", type: "bi.htape",
cls: "config-item", cls: "config-item bi-border-bottom",
height: 40, height: 40,
items: [this._createLabel("背景色:"), this._createColorPicker(function () { items: [this._createLabel("背景色:"), this._createColorPicker(function () {
self.backgroundColor = this; self.backgroundColor = this;
@ -53,7 +53,7 @@ Demo.Face = BI.inherit(BI.Widget, {
var self = this; var self = this;
return { return {
type: "bi.htape", type: "bi.htape",
cls: "config-item", cls: "config-item bi-border-bottom",
height: 40, height: 40,
items: [this._createLabel("字体颜色:"), this._createColorPicker(function () { items: [this._createLabel("字体颜色:"), this._createColorPicker(function () {
self.fontColor = this; 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 () { _createDisableFontConfig: function () {
var self = this; var self = this;
return { return {
type: "bi.htape", type: "bi.htape",
cls: "config-item", cls: "config-item bi-border-bottom",
height: 40, height: 40,
items: [this._createLabel("灰化字体颜色:"), this._createColorPicker(function () { items: [this._createLabel("灰化字体颜色:"), this._createColorPicker(function () {
self.disabledFontColor = this; self.disabledFontColor = this;
@ -85,25 +127,34 @@ Demo.Face = BI.inherit(BI.Widget, {
} }
}, },
_createCardBackgroundConfig: function () { _createCard1BackgroundConfig: function () {
var self = this; var self = this;
return { return {
type: "bi.htape", type: "bi.htape",
cls: "config-item", cls: "config-item bi-border-bottom",
height: 40, height: 40,
items: [this._createLabel("Card背景颜色:"), this._createColorPicker(function () { items: [this._createLabel("Card1背景颜色:"), this._createColorPicker(function () {
self.cardBackgroundColor = this; self.cardBackgroundColor = this;
}, function () { }, function () {
self._runGlobalStyle(); 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 () { _createHoverBackgroundColor: function () {
var self = this; var self = this;
return { return {
type: "bi.htape", type: "bi.htape",
cls: "config-item", cls: "config-item bi-border-bottom",
height: 40, height: 40,
items: [this._createLabel("悬浮状态背景颜色:"), this._createColorPicker(function () { items: [this._createLabel("悬浮状态背景颜色:"), this._createColorPicker(function () {
self.hoverBackgroundColor = this; self.hoverBackgroundColor = this;
@ -117,7 +168,7 @@ Demo.Face = BI.inherit(BI.Widget, {
var self = this; var self = this;
return { return {
type: "bi.htape", type: "bi.htape",
cls: "config-item", cls: "config-item bi-border-bottom",
height: 40, height: 40,
items: [this._createLabel("激活状态背景颜色:"), this._createColorPicker(function () { items: [this._createLabel("激活状态背景颜色:"), this._createColorPicker(function () {
self.activeBackgroundColor = this; 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 () { _createBaseConfig: function () {
return { return {
type: "bi.vertical", type: "bi.vertical",
items: [this._createLabel("--通用配色--"), items: [this._createLabel("--通用配色--"),
this._createBackgroundConfig(), this._createBackgroundConfig(),
this._createFontConfig(), this._createFontConfig(),
this._createActiveFontConfig(),
this._createSelectFontConfig(),
this._createGrayFontConfig(),
this._createDisableFontConfig(), this._createDisableFontConfig(),
this._createCardBackgroundConfig(), this._createCard1BackgroundConfig(),
this._createCard2BackgroundConfig(),
this._createHoverBackgroundColor(), 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 () { _createScrollBackgroundConfig: function () {
var self = this; var self = this;
return { return {
type: "bi.htape", type: "bi.htape",
cls: "config-item", cls: "config-item bi-border-bottom",
height: 40, height: 40,
items: [this._createLabel("滚动条底色:"), this._createColorPicker(function () { items: [this._createLabel("滚动条底色:"), this._createColorPicker(function () {
self.scrollBackgroundColor = this; self.scrollBackgroundColor = this;
@ -159,7 +348,7 @@ Demo.Face = BI.inherit(BI.Widget, {
var self = this; var self = this;
return { return {
type: "bi.htape", type: "bi.htape",
cls: "config-item", cls: "config-item bi-border-bottom",
height: 40, height: 40,
items: [this._createLabel("滚动条thumb颜色:"), this._createColorPicker(function () { items: [this._createLabel("滚动条thumb颜色:"), this._createColorPicker(function () {
self.scrollThumbColor = this; self.scrollThumbColor = this;
@ -173,7 +362,7 @@ Demo.Face = BI.inherit(BI.Widget, {
var self = this; var self = this;
return { return {
type: "bi.htape", type: "bi.htape",
cls: "config-item", cls: "config-item bi-border-bottom",
height: 40, height: 40,
items: [this._createLabel("下拉框背景颜色:"), this._createColorPicker(function () { items: [this._createLabel("下拉框背景颜色:"), this._createColorPicker(function () {
self.popupBackgroundColor = this; self.popupBackgroundColor = this;
@ -278,7 +467,7 @@ Demo.Face = BI.inherit(BI.Widget, {
var self = this; var self = this;
return { return {
type: "bi.htape", type: "bi.htape",
cls: "config-item", cls: "config-item bi-border-bottom",
height: 40, height: 40,
items: [this._createLabel("弹出层蒙版颜色:"), this._createColorPicker(function () { items: [this._createLabel("弹出层蒙版颜色:"), this._createColorPicker(function () {
self.maskBackgroundColor = this; self.maskBackgroundColor = this;
@ -304,6 +493,10 @@ Demo.Face = BI.inherit(BI.Widget, {
return { return {
type: "bi.vertical", type: "bi.vertical",
items: [this._createLabel("--一般配色--"), items: [this._createLabel("--一般配色--"),
this._createButton1BackgroundConfig(),
this._createButton2BackgroundConfig(),
this._createButton3BackgroundConfig(),
this._createButton4BackgroundConfig(),
this._createScrollBackgroundConfig(), this._createScrollBackgroundConfig(),
this._createScrollThumbConfig(), this._createScrollThumbConfig(),
this._createPopupBackgroundConfig(), this._createPopupBackgroundConfig(),
@ -320,14 +513,14 @@ Demo.Face = BI.inherit(BI.Widget, {
column: 0, column: 0,
row: 0, row: 0,
el: { el: {
type: "demo.preview", type: "demo.preview"
cls: "face-config"
} }
}, { }, {
column: 1, column: 1,
row: 0, row: 0,
el: { el: {
type: "bi.vertical", type: "bi.vertical",
cls: "face-config bi-border-left",
items: [this._createBaseConfig(), items: [this._createBaseConfig(),
this._createCommonConfig()] this._createCommonConfig()]
} }
@ -350,24 +543,36 @@ Demo.Face = BI.inherit(BI.Widget, {
_runGlobalStyle: function () { _runGlobalStyle: function () {
var backgroundColor = this.backgroundColor.getValue(); var backgroundColor = this.backgroundColor.getValue();
var fontColor = this.fontColor.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 disabledFontColor = this.disabledFontColor.getValue();
var cardBackgroundColor = this.cardBackgroundColor.getValue(); var cardBackgroundColor = this.cardBackgroundColor.getValue();
var hoverBackgroundColor = this.hoverBackgroundColor.getValue(); var hoverBackgroundColor = this.hoverBackgroundColor.getValue();
var activeBackgroundColor = this.activeBackgroundColor.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 scrollBackgroundColor = this.scrollBackgroundColor.getValue();
var scrollThumbColor = this.scrollThumbColor.getValue(); var scrollThumbColor = this.scrollThumbColor.getValue();
var popupBackgroundColor = this.popupBackgroundColor.getValue(); var popupBackgroundColor = this.popupBackgroundColor.getValue();
var maskBackgroundColor = this.maskBackgroundColor.getValue(); var maskBackgroundColor = this.maskBackgroundColor.getValue();
$("#wrapper").css({
backgroundColor: backgroundColor,
color: fontColor
});
$(".demo-west,.preview-card").css({
backgroundColor: cardBackgroundColor
});
this._setStyle({ this._setStyle({
"#wrapper.bi-background, #wrapper .bi-background": {
"background-color": backgroundColor,
"color": fontColor
},
"#wrapper .bi-card": {
"background-color": cardBackgroundColor
},
"#wrapper .bi-tips": {
"color": grayFontColor
},
"div::-webkit-scrollbar,.scrollbar-layout-main": { "div::-webkit-scrollbar,.scrollbar-layout-main": {
"background-color": scrollBackgroundColor + "!important" "background-color": scrollBackgroundColor + "!important"
}, },
@ -387,10 +592,40 @@ Demo.Face = BI.inherit(BI.Widget, {
"background-color": maskBackgroundColor + "!important" "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": { ".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": { ".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 () { mounted: function () {
this.backgroundColor.setValue(""); this.backgroundColor.setValue("");
this.fontColor.setValue(""); this.fontColor.setValue("");
this.activeFontColor.setValue("");
this.selectFontColor.setValue("");
this.grayFontColor.setValue("");
this.disabledFontColor.setValue(""); this.disabledFontColor.setValue("");
this.cardBackgroundColor.setValue(""); this.cardBackgroundColor.setValue("");
this.hoverBackgroundColor.setValue(""); this.hoverBackgroundColor.setValue("");
this.activeBackgroundColor.setValue(""); this.activeBackgroundColor.setValue("");
this.selectBackgroundColor.setValue("");
this.button1BackgroundColor.setValue("");
this.button2BackgroundColor.setValue("");
this.button3BackgroundColor.setValue("");
this.button4BackgroundColor.setValue("");
this.scrollBackgroundColor.setValue(""); this.scrollBackgroundColor.setValue("");
this.scrollThumbColor.setValue(""); this.scrollThumbColor.setValue("");
this.popupBackgroundColor.setValue(""); this.popupBackgroundColor.setValue("");
this.maskBackgroundColor.setValue(""); this.maskBackgroundColor.setValue("");
this.slitColor.setValue("");
this._runGlobalStyle(); this._runGlobalStyle();
} }
}); });

2
demo/js/main.js

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

38
demo/js/preview.js

@ -27,19 +27,40 @@ Demo.Preview = BI.inherit(BI.Widget, {
} }
} }
return { return {
type: "bi.center", type: "bi.absolute",
cls: "preview-background", cls: "preview-background",
hgap: 100,
vgap: 100,
items: [{ items: [{
el: {
type: "bi.left",
cls: "preview-header bi-tips",
height: 40,
items: [{
type: "bi.label",
height: 40,
text: "Card2",
hgap: 10,
textAlign: "left"
}, {
type: "bi.icon_text_item",
cls: "filter-font",
text: "测试图标",
width: 100,
height: 40
}]
},
left: 60,
right: 60,
top: 60
}, {
el: {
type: "bi.vtape", type: "bi.vtape",
cls: "preview-card", cls: "preview-card bi-card",
items: [{ items: [{
el: { el: {
type: "bi.label", type: "bi.label",
cls: "preview-title", cls: "preview-title bi-border-bottom",
height: 40, height: 40,
text: "统计组件", text: "Card1",
hgap: 10, hgap: 10,
textAlign: "left" textAlign: "left"
}, },
@ -68,6 +89,11 @@ Demo.Preview = BI.inherit(BI.Widget, {
header: header 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, { Demo.West = BI.inherit(BI.Widget, {
props: { props: {
baseCls: "demo-west" baseCls: "demo-west bi-border-right bi-card"
}, },
render: function () { render: function () {
var self = this; var self = this;

2
demo/less/face.less

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

14
demo/less/preview.less

@ -1,18 +1,4 @@
@import "index"; @import "index";
.demo-preview { .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"; @import "index";
.demo-west { .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;
}
} }

332
docs/base.css

@ -1,27 +1,7 @@
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom 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 { .bi-color-chooser-trigger {
background: #ffffff;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
@ -32,27 +12,16 @@
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-color-picker-button {
background-color: #eaeaea;
}
.bi-color-picker-button .color-picker-button-mask { .bi-color-picker-button .color-picker-button-mask {
border: 1px solid #1a1a1a; border: 1px solid #1a1a1a;
} }
/****添加计算宽度的--运算符直接需要space****/ .bi-theme-dark .bi-color-picker-button .color-picker-button-mask {
/****** common color(常用颜色,可用于普遍场景) *****/ border: 1px solid #ffffff;
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-color-picker > .center-element {
border-left: 1px solid #ffffff;
border-top: 1px solid #ffffff;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-color-picker-editor .color-picker-editor-label {
color: #808080;
}
.bi-color-picker-editor .color-picker-editor-display { .bi-color-picker-editor .color-picker-editor-display {
background: #ffffff;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
@ -63,24 +32,18 @@
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-bubble-combo .bubble-combo-triangle-left { .bi-bubble-combo .bubble-combo-triangle-left {
width: 0; width: 0;
height: 0; height: 0;
border-top: 6px solid transparent; border-top: 6px solid transparent;
border-left: 6px solid #009de3; border-left: 6px solid #3f8ce8;
border-bottom: 6px solid transparent; border-bottom: 6px solid transparent;
} }
.bi-bubble-combo .bubble-combo-triangle-right { .bi-bubble-combo .bubble-combo-triangle-right {
width: 0; width: 0;
height: 0; height: 0;
border-top: 6px solid transparent; border-top: 6px solid transparent;
border-right: 6px solid #009de3; border-right: 6px solid #3f8ce8;
border-bottom: 6px solid transparent; border-bottom: 6px solid transparent;
} }
.bi-bubble-combo .bubble-combo-triangle-top { .bi-bubble-combo .bubble-combo-triangle-top {
@ -88,14 +51,14 @@
height: 0; height: 0;
border-left: 6px solid transparent; border-left: 6px solid transparent;
border-right: 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 { .bi-bubble-combo .bubble-combo-triangle-bottom {
width: 0; width: 0;
height: 0; height: 0;
border-left: 6px solid transparent; border-left: 6px solid transparent;
border-right: 6px solid transparent; border-right: 6px solid transparent;
border-bottom: 6px solid #009de3; border-bottom: 6px solid #3f8ce8;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
@ -106,7 +69,7 @@
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
} }
.bi-bubble-popup-view .bubble-popup-line { .bi-bubble-popup-view .bubble-popup-line {
background-color: #009de3; background-color: #3f8ce8;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
@ -127,9 +90,6 @@
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
/*************BI.SearchEditor******************/ /*************BI.SearchEditor******************/
.bi-search-editor {
border: 1px solid #d4dadd;
}
.bi-search-editor .close-font { .bi-search-editor .close-font {
font-size: 20px; font-size: 20px;
} }
@ -164,28 +124,6 @@
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom 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 */ /* BASICS */
.CodeMirror { .CodeMirror {
/* Set height, width, borders, and global font properties here */ /* Set height, width, borders, and global font properties here */
@ -193,7 +131,12 @@
cursor: text; cursor: text;
width: 100%; width: 100%;
height: 100%; height: 100%;
color: black; color: #1a1a1a;
background-color: #ffffff;
}
.bi-theme-dark .CodeMirror {
color: #ffffff;
background-color: #242640;
} }
/* PADDING */ /* PADDING */
.CodeMirror-lines { .CodeMirror-lines {
@ -230,7 +173,10 @@
} }
/* CURSOR */ /* CURSOR */
.CodeMirror div.CodeMirror-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 */ /* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor { .CodeMirror div.CodeMirror-secondarycursor {
@ -371,7 +317,7 @@
color: white; color: white;
padding: 1px; padding: 1px;
margin: 1px 0px; margin: 1px 0px;
background: #009de3; background: #3f8ce8;
} }
.cm-s-default span[class*="start"] { .cm-s-default span[class*="start"] {
-webkit-border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px;
@ -391,7 +337,7 @@
border-radius: 3px; border-radius: 3px;
} }
.cm-s-default span[class*="#"] { .cm-s-default span[class*="#"] {
color: #009de3; color: #3f8ce8;
} }
.cm-s-default .cm-error { .cm-s-default .cm-error {
color: #f00; color: #f00;
@ -421,7 +367,6 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {
.CodeMirror { .CodeMirror {
position: relative; position: relative;
overflow: hidden; overflow: hidden;
background: white;
} }
.CodeMirror-scroll { .CodeMirror-scroll {
overflow: scroll !important; overflow: scroll !important;
@ -660,15 +605,9 @@ li.CodeMirror-hint-active {
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-message-title { .bi-message-title {
background-color: #f4f4f4;
color: #808080;
font-size: 16px; font-size: 16px;
cursor: pointer; cursor: pointer;
} }
.bi-theme-dark .bi-message-title {
background-color: #191a2c;
color: #b2b2b2;
}
.bi-message-text { .bi-message-text {
font-size: 16px; font-size: 16px;
-webkit-user-select: text; -webkit-user-select: text;
@ -679,14 +618,8 @@ li.CodeMirror-hint-active {
user-select: text; user-select: text;
} }
.bi-message-content { .bi-message-content {
background-color: #ffffff;
color: #808080;
font-size: 16px; font-size: 16px;
} }
.bi-theme-dark .bi-message-content {
background-color: #202237;
color: #b2b2b2;
}
.bi-message-close { .bi-message-close {
font-size: 25px; font-size: 25px;
} }
@ -700,38 +633,13 @@ li.CodeMirror-hint-active {
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom 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 { .bi-panel {
border: 1px solid #a3d6e8;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
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 { .bi-panel .panel-title .panel-title-text {
cursor: text; cursor: text;
color: #808080;
font-size: 14px; font-size: 14px;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
@ -747,15 +655,10 @@ li.CodeMirror-hint-active {
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-pager .page-item { .bi-pager .page-item {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
} }
.bi-pager .page-item.active {
background: #009de3;
color: #ffffff;
}
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
@ -768,17 +671,6 @@ li.CodeMirror-hint-active {
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom 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****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
@ -786,13 +678,8 @@ li.CodeMirror-hint-active {
overflow: hidden; overflow: hidden;
overflow-x: hidden; overflow-x: hidden;
overflow-y: 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 { .bi-segment > .first-element {
border-left: 1px solid #d4dadd;
-webkit-border-radius: 6px 0px 0px 6px; -webkit-border-radius: 6px 0px 0px 6px;
-moz-border-radius: 6px 0px 0px 6px; -moz-border-radius: 6px 0px 0px 6px;
border-radius: 6px 0px 0px 6px; border-radius: 6px 0px 0px 6px;
@ -805,18 +692,6 @@ li.CodeMirror-hint-active {
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom 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****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
@ -824,8 +699,8 @@ li.CodeMirror-hint-active {
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
border: 1px solid #009de3; border: 1px solid #178cdf;
background-color: #009de3; background-color: #3f8ce8;
text-align: center; text-align: center;
vertical-align: middle; vertical-align: middle;
cursor: pointer; cursor: pointer;
@ -893,10 +768,10 @@ li.CodeMirror-hint-active {
} }
.bi-button.button-ignore.disabled, .bi-button.button-ignore.disabled,
.bi-button.button-ignore.disabled .b-font { .bi-button.button-ignore.disabled .b-font {
color: #c4c6c6 !important; color: #cccccc !important;
} }
.bi-button.button-ignore.disabled .b-font:before { .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-common .bi-button-mask,
.bi-basic-button.button-success .bi-button-mask, .bi-basic-button.button-success .bi-button-mask,
@ -918,7 +793,7 @@ li.CodeMirror-hint-active {
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-single-select-icon-text-item:active .b-font:before, .bi-single-select-icon-text-item:active .b-font:before,
.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****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
@ -959,15 +834,9 @@ li.CodeMirror-hint-active {
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-state-editor .state-editor-infinite-text {
color: #cccccc;
}
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-simple-state-editor .state-editor-infinite-text {
color: #cccccc;
}
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
@ -982,9 +851,6 @@ li.CodeMirror-hint-active {
.bi-textarea-editor .textarea-editor-content { .bi-textarea-editor .textarea-editor-content {
border: none; border: none;
} }
.bi-textarea-editor .textarea-editor-content.textarea-editor-focus {
border: 1px solid #009de3;
}
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
@ -1093,24 +959,18 @@ li.CodeMirror-hint-active {
/*IE8*/ /*IE8*/
box-sizing: border-box; box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
border-right: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
} }
.bi-collection-table-cell.first-row { .bi-collection-table-cell.first-row {
border-top: 1px solid #eaeaea; border-top: 1px solid #d4dadd;
} }
.bi-collection-table-cell.first-col { .bi-collection-table-cell.first-col {
border-left: 1px solid #eaeaea; border-left: 1px solid #d4dadd;
}
.bi-theme-dark .bi-collection-table-cell {
border-right: 1px solid #24273e;
border-bottom: 1px solid #24273e;
} }
.bi-theme-dark .bi-collection-table-cell.first-row { .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 { .bi-theme-dark .bi-collection-table-cell.first-col {
border-left: 1px solid #24273e; border-left: 1px solid #525466;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
@ -1130,24 +990,24 @@ li.CodeMirror-hint-active {
border-top: none; border-top: none;
} }
.bi-table > div > div > table { .bi-table > div > div > table {
border-bottom: 1px solid #eaeaea; border-bottom: 1px solid #d4dadd;
border-right: 1px solid #eaeaea; border-right: 1px solid #d4dadd;
} }
.bi-table > div.top-left > div > div > table { .bi-table > div.top-left > div > div > table {
border-bottom: 1px solid #eaeaea; border-bottom: 1px solid #d4dadd;
border-right: 1px solid #eaeaea; border-right: 1px solid #d4dadd;
} }
.bi-table > div.top-right > div > div > table { .bi-table > div.top-right > div > div > table {
border-bottom: 1px solid #eaeaea; border-bottom: 1px solid #d4dadd;
border-right: 1px solid #eaeaea; border-right: 1px solid #d4dadd;
} }
.bi-table > div.bottom-left > div > div > table { .bi-table > div.bottom-left > div > div > table {
border-bottom: 1px solid #eaeaea; border-bottom: 1px solid #d4dadd;
border-right: 1px solid #eaeaea; border-right: 1px solid #d4dadd;
} }
.bi-table > div.bottom-right > div > div > table { .bi-table > div.bottom-right > div > div > table {
border-right: 1px solid #eaeaea; border-right: 1px solid #d4dadd;
border-bottom: 1px solid #eaeaea; border-bottom: 1px solid #d4dadd;
} }
.bi-table > div > div > table, .bi-table > div > div > table,
.bi-table > div > 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 > div > table > tbody > tr > td,
.bi-table > div > div > table > thead > tr > td, .bi-table > div > div > table > thead > tr > td,
.bi-table > div > div > div > table > thead > tr > td { .bi-table > div > div > div > table > thead > tr > td {
border-top: 1px solid #eaeaea; border-top: 1px solid #d4dadd;
border-left: 1px solid #eaeaea; border-left: 1px solid #d4dadd;
} }
.bi-theme-dark .bi-table > div > div > table { .bi-theme-dark .bi-table > div > div > table {
border-bottom: 1px solid #24273e; border-bottom: 1px solid #525466;
border-right: 1px solid #24273e; border-right: 1px solid #525466;
} }
.bi-theme-dark .bi-table > div.top-left > div > div > table { .bi-theme-dark .bi-table > div.top-left > div > div > table {
border-bottom: 1px solid #24273e; border-bottom: 1px solid #525466;
border-right: 1px solid #24273e; border-right: 1px solid #525466;
} }
.bi-theme-dark .bi-table > div.top-right > div > div > table { .bi-theme-dark .bi-table > div.top-right > div > div > table {
border-bottom: 1px solid #24273e; border-bottom: 1px solid #525466;
border-right: 1px solid #24273e; border-right: 1px solid #525466;
} }
.bi-theme-dark .bi-table > div.bottom-left > div > div > table { .bi-theme-dark .bi-table > div.bottom-left > div > div > table {
border-bottom: 1px solid #24273e; border-bottom: 1px solid #525466;
border-right: 1px solid #24273e; border-right: 1px solid #525466;
} }
.bi-theme-dark .bi-table > div.bottom-right > div > div > table { .bi-theme-dark .bi-table > div.bottom-right > div > div > table {
border-right: 1px solid #24273e; border-right: 1px solid #525466;
border-bottom: 1px solid #24273e; border-bottom: 1px solid #525466;
} }
.bi-theme-dark .bi-table > div > div > table > tbody > tr > td, .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 > div > table > tbody > tr > td,
.bi-theme-dark .bi-table > div > div > table > thead > 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 { .bi-theme-dark .bi-table > div > div > div > table > thead > tr > td {
border-top: 1px solid #24273e; border-top: 1px solid #525466;
border-left: 1px solid #24273e; border-left: 1px solid #525466;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
@ -1213,24 +1073,18 @@ li.CodeMirror-hint-active {
/*IE8*/ /*IE8*/
box-sizing: border-box; box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
border-right: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
} }
.bi-grid-table-cell.first-row { .bi-grid-table-cell.first-row {
border-top: 1px solid #eaeaea; border-top: 1px solid #d4dadd;
} }
.bi-grid-table-cell.first-col { .bi-grid-table-cell.first-col {
border-left: 1px solid #eaeaea; border-left: 1px solid #d4dadd;
}
.bi-theme-dark .bi-grid-table-cell {
border-right: 1px solid #24273e;
border-bottom: 1px solid #24273e;
} }
.bi-theme-dark .bi-grid-table-cell.first-row { .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 { .bi-theme-dark .bi-grid-table-cell.first-col {
border-left: 1px solid #24273e; border-left: 1px solid #525466;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
@ -1243,12 +1097,13 @@ li.CodeMirror-hint-active {
transition-duration: 250ms; transition-duration: 250ms;
transition-timing-function: ease; transition-timing-function: ease;
user-select: none; 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; border-radius: 5px;
} }
.bi-theme-dark .scrollbar-layout-main { .bi-theme-dark .scrollbar-layout-main {
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(204, 204, 204, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0Dcccccc,endColorstr=#0Dcccccc);
} }
.scrollbar-layout-main-vertical { .scrollbar-layout-main-vertical {
bottom: 0; bottom: 0;
@ -1266,11 +1121,12 @@ li.CodeMirror-hint-active {
height: 10px; height: 10px;
left: 0; left: 0;
transition-property: background-color; 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 { .bi-theme-dark .scrollbar-layout-main-horizontal {
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(204, 204, 204, 0.05);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0Dcccccc,endColorstr=#0Dcccccc);
} }
/* Touching the scroll-track directly makes the scroll-track bolder */ /* Touching the scroll-track directly makes the scroll-track bolder */
.scrollbar-layout-main-horizontal.public-scrollbar-main-active, .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 */ /* Touching the scroll-track directly makes the scroll-track bolder */
.public-scrollbar-face:after { .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 { .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:hover .public-scrollbar-face:after,
.public-scrollbar-main-active .public-scrollbar-face:after, .public-scrollbar-main-active .public-scrollbar-face:after,
.public-scrollbar-faceActive: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:hover .public-scrollbar-face:after,
.bi-theme-dark .public-scrollbar-main-active .public-scrollbar-face:after, .bi-theme-dark .public-scrollbar-main-active .public-scrollbar-face:after,
.bi-theme-dark .public-scrollbar-faceActive: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 { .horizontal-scrollbar {
bottom: 0; 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:hover .resizable-table-cell-resizer-knob,
.bi-resizable-table-cell .resizable-table-cell-resizer-container.dragging .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****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
@ -1359,7 +1219,7 @@ li.CodeMirror-hint-active {
.bi-resizable-table .resizable-table-resizer { .bi-resizable-table .resizable-table-resizer {
cursor: ew-resize; cursor: ew-resize;
z-index: 1; z-index: 1;
background-color: #009de3; background-color: #3f8ce8;
} }
.bi-resizable-table .resizable-table-region-resizer { .bi-resizable-table .resizable-table-region-resizer {
cursor: ew-resize; 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:hover .resizable-table-region-resizer-knob,
.bi-resizable-table .resizable-table-region-resizer.dragging .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****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
@ -1378,12 +1238,6 @@ li.CodeMirror-hint-active {
.bi-branch-tree .bi-branch-tree-view { .bi-branch-tree .bi-branch-tree-view {
min-width: 300px; min-width: 300px;
} }
.bi-click-branch-tree {
border: 1px solid #d4dadd;
}
.bi-click-branch-tree .bi-empty-view {
background: #f4f4f4;
}
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
@ -1391,13 +1245,13 @@ li.CodeMirror-hint-active {
color: #808080; color: #808080;
} }
.bi-display-tree .ztree li span.button.switch.center_open { .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 { .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 { .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 a,
.bi-display-tree .ztree li span { .bi-display-tree .ztree li span {
@ -1417,15 +1271,11 @@ li.CodeMirror-hint-active {
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-trigger .bi-trigger-icon-button { .bi-trigger .bi-trigger-icon-button {
border-left: 1px solid #d4dadd;
font-size: 16px; font-size: 16px;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-editor-trigger {
border: 1px solid #d4dadd;
}
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
@ -1433,7 +1283,6 @@ li.CodeMirror-hint-active {
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-select-text-trigger { .bi-select-text-trigger {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
@ -1442,7 +1291,6 @@ li.CodeMirror-hint-active {
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-small-select-text-trigger { .bi-small-select-text-trigger {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
@ -1450,14 +1298,6 @@ li.CodeMirror-hint-active {
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-float-box {
background-color: #ffffff;
color: #1a1a1a;
}
.bi-theme-dark .bi-float-box {
background-color: #202237;
color: #b2b2b2;
}
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
@ -1470,25 +1310,23 @@ li.CodeMirror-hint-active {
cursor: default; cursor: default;
} }
.bi-list-view .list-view-outer { .bi-list-view .list-view-outer {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
color: #1a1a1a;
background: #ffffff;
} }
.bi-list-view .list-view-toolbar { .bi-list-view .list-view-toolbar {
border-top: 1px solid #eaeaea;
line-height: 30px; line-height: 30px;
color: #009de3; color: #3f8ce8;
} }
.bi-list-view .list-view-toolbar > .center-element { .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 { .bi-list-view .list-view-toolbar > .first-element {
border-left: none; border-left: none;
} }
.bi-theme-dark .bi-list-view .list-view-outer { .bi-theme-dark .bi-list-view .list-view-toolbar > .center-element {
color: #b2b2b2; border-left: 1px solid #525466;
background: #202237; }
.bi-theme-dark .bi-list-view .list-view-toolbar > .first-element {
border-left: none;
} }

102
docs/base.js

@ -243,7 +243,7 @@ BI.Pane = BI.inherit(BI.Widget, {
loading: function () { loading: function () {
var self = this, o = this.options; var self = this, o = this.options;
if (o.overlap === true) { if (o.overlap === true) {
if (!BI.Maskers.has(this.getName())) { if (!BI.Layers.has(this.getName())) {
BI.createWidget({ BI.createWidget({
type: 'bi.vtape', type: 'bi.vtape',
items: [{ items: [{
@ -253,10 +253,10 @@ BI.Pane = BI.inherit(BI.Widget, {
}, },
height: 30 height: 30
}], }],
element: BI.Maskers.make(this.getName(), this) element: BI.Layers.make(this.getName(), this)
}); });
} }
BI.Maskers.show(self.getName()); BI.Layers.show(self.getName());
} else if (BI.isNull(this._loading)) { } else if (BI.isNull(this._loading)) {
this._loading = BI.createWidget({ this._loading = BI.createWidget({
type: "bi.layout", type: "bi.layout",
@ -279,7 +279,7 @@ BI.Pane = BI.inherit(BI.Widget, {
loaded: function () { loaded: function () {
var self = this, o = this.options; var self = this, o = this.options;
BI.Maskers.remove(self.getName()); BI.Layers.remove(self.getName());
this._loading && this._loading.destroy(); this._loading && this._loading.destroy();
this._loading && (this._loading = null); this._loading && (this._loading = null);
o.onLoaded(); o.onLoaded();
@ -496,11 +496,15 @@ BI.Text = BI.inherit(BI.Single, {
type: "bi.layout", type: "bi.layout",
cls: "bi-text" cls: "bi-text"
}); });
this.text.element.appendTo(this.element); BI.createWidget({
type: "bi.default",
element: this,
items: [this.text]
});
if (BI.isKey(o.text)) { if (BI.isKey(o.text)) {
this.text.element.text(o.text); this.setText(o.text);
} else if (BI.isKey(o.value)) { } else if (BI.isKey(o.value)) {
this.text.element.text(o.value); this.setText(o.value);
} }
if (o.hgap + o.lgap > 0) { if (o.hgap + o.lgap > 0) {
this.text.element.css({ this.text.element.css({
@ -562,7 +566,7 @@ BI.Text = BI.inherit(BI.Single, {
setValue: function (text) { setValue: function (text) {
BI.Text.superclass.setValue.apply(this, arguments); BI.Text.superclass.setValue.apply(this, arguments);
if (!this.isReadOnly()) { if (!this.isReadOnly()) {
this.text.element.text(text); this.setText(text);
} }
}, },
@ -573,7 +577,7 @@ BI.Text = BI.inherit(BI.Single, {
setText: function (text) { setText: function (text) {
BI.Text.superclass.setText.apply(this, arguments); BI.Text.superclass.setText.apply(this, arguments);
this.options.text = text; this.options.text = text;
this.text.element.text(text); this.text.element.html(BI.escape(text).replaceAll(" ", "&nbsp;"));
} }
}); });
@ -681,7 +685,9 @@ BI.BasicButton = BI.inherit(BI.Single, {
return; return;
} }
hand = hand.element; hand = hand.element;
switch (o.trigger) { var triggerArr = (o.trigger || "").split(",");
BI.each(triggerArr, function (idx, trigger) {
switch (trigger) {
case "mouseup": case "mouseup":
var mouseDown = false; var mouseDown = false;
hand.mousedown(function () { hand.mousedown(function () {
@ -737,6 +743,29 @@ BI.BasicButton = BI.inherit(BI.Single, {
case "dblclick": case "dblclick":
hand.dblclick(clk); hand.dblclick(clk);
break; break;
case "lclick":
var mouseDown = false;
var interval;
hand.mousedown(function (e) {
$(document).bind("mouseup." + self.getName(), function (e) {
interval && clearInterval(interval);
interval = null;
mouseDown = false;
$(document).unbind("mouseup." + self.getName());
});
if (mouseDown === true) {
return;
}
if (!self.isEnabled() || (self.isOnce() && self.isSelected())) {
return;
}
interval = setInterval(function () {
self.doClick();
}, 100);
mouseDown = true;
ev(e);
});
break;
default: default:
hand.mousedown(function (e) { hand.mousedown(function (e) {
ev(e); ev(e);
@ -747,6 +776,8 @@ BI.BasicButton = BI.inherit(BI.Single, {
hand.click(clk); hand.click(clk);
break; break;
} }
});
//之后的300ms点击无效 //之后的300ms点击无效
var onClick = BI.debounce(this.doClick, BI.EVENT_RESPONSE_TIME, true); var onClick = BI.debounce(this.doClick, BI.EVENT_RESPONSE_TIME, true);
@ -1114,7 +1145,7 @@ BI.ButtonGroup = BI.inherit(BI.Widget, {
deleted.push(i); deleted.push(i);
} }
}); });
BI.remove(this.buttons, deleted); BI.removeAt(this.buttons, deleted);
this.layouts.removeItemAt(deleted); this.layouts.removeItemAt(deleted);
}, },
@ -2950,9 +2981,9 @@ BI.Combo = BI.inherit(BI.Widget, {
}, },
_hideIf: function (e) { _hideIf: function (e) {
if (this.element.__isMouseInBounds__(e) || (this.popupView && this.popupView.element.__isMouseInBounds__(e))) { // if (this.element.__isMouseInBounds__(e) || (this.popupView && this.popupView.element.__isMouseInBounds__(e))) {
return; // return;
} // }
if (this.element.find(e.target).length > 0) { if (this.element.find(e.target).length > 0) {
return; return;
} }
@ -3449,7 +3480,7 @@ BI.shortcut("bi.expander", BI.Expander);/**
BI.ComboGroup = BI.inherit(BI.Widget, { BI.ComboGroup = BI.inherit(BI.Widget, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.ComboGroup.superclass._defaultConfig.apply(this, arguments), { return BI.extend(BI.ComboGroup.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-combo-group", baseCls: "bi-combo-group bi-list-item",
//以下这些属性对每一个combo都是公用的 //以下这些属性对每一个combo都是公用的
trigger: "click,hover", trigger: "click,hover",
@ -3993,7 +4024,7 @@ BI.Navigation = BI.inherit(BI.Widget, {
}, },
setSelect: function (v) { setSelect: function (v) {
this._assertCard(); this._assertCard(v);
this.layout.showCardByName(v); this.layout.showCardByName(v);
this._deleteOtherCards(v); this._deleteOtherCards(v);
if (this.showIndex !== v) { if (this.showIndex !== v) {
@ -14478,12 +14509,12 @@ $.extend(BI, {
items: [ items: [
{ {
type: 'bi.border', type: 'bi.border',
cls: 'bi-message-content', cls: 'bi-message-content bi-card',
items: { items: {
'north': { 'north': {
el: { el: {
type: 'bi.border', type: 'bi.border',
cls: 'bi-message-title', cls: 'bi-message-title bi-background',
items: { items: {
center: { center: {
el: { el: {
@ -14746,6 +14777,10 @@ BI.Grid = BI.inherit(BI.Widget, {
if (o.items.length > 0) { if (o.items.length > 0) {
this.columnCount = o.items[0].length; this.columnCount = o.items[0].length;
this.rowCount = o.items.length; this.rowCount = o.items.length;
} else {
this.rowCount = 0;
this.columnCount = 0;
}
this.container.setWidth(this.columnCount * o.estimatedColumnSize); this.container.setWidth(this.columnCount * o.estimatedColumnSize);
this.container.setHeight(this.rowCount * o.estimatedRowSize); this.container.setHeight(this.rowCount * o.estimatedRowSize);
@ -14755,7 +14790,6 @@ BI.Grid = BI.inherit(BI.Widget, {
this._calculateChildrenToRender(); this._calculateChildrenToRender();
this.element.scrollTop(o.scrollTop); this.element.scrollTop(o.scrollTop);
this.element.scrollLeft(o.scrollLeft); this.element.scrollLeft(o.scrollLeft);
}
}, },
setScrollLeft: function (scrollLeft) { setScrollLeft: function (scrollLeft) {
@ -14850,7 +14884,7 @@ BI.shortcut('bi.grid_view', BI.Grid);/**
BI.FloatBox = BI.inherit(BI.Widget, { BI.FloatBox = BI.inherit(BI.Widget, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.FloatBox.superclass._defaultConfig.apply(this, arguments), { return BI.extend(BI.FloatBox.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-float-box", baseCls: "bi-float-box bi-card",
width: 600, width: 600,
height: 500 height: 500
}) })
@ -14889,7 +14923,7 @@ BI.FloatBox = BI.inherit(BI.Widget, {
'north': { 'north': {
el: { el: {
type: 'bi.border', type: 'bi.border',
cls: 'bi-message-title', cls: 'bi-message-title bi-background',
items: { items: {
center: { center: {
el: { el: {
@ -15044,12 +15078,7 @@ BI.PopupView = BI.inherit(BI.Widget, {
"max-width": o.maxWidth + "px" "max-width": o.maxWidth + "px"
}).bind({"click": fn}); }).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.stopPropagation && this.element.bind({"mousedown": fn, "mouseup": fn, "mouseover": fn});
o.stopEvent && this.element.bind({"mousedown": stop, "mouseup": stop, "mouseover": stop}); o.stopEvent && this.element.bind({"mousedown": stop, "mouseup": stop, "mouseover": stop});
@ -15077,7 +15106,7 @@ BI.PopupView = BI.inherit(BI.Widget, {
hgap: o.hgap, hgap: o.hgap,
items: BI.LogicFactory.createLogicItemsByDirection(o.direction, items: BI.LogicFactory.createLogicItemsByDirection(o.direction,
BI.extend({ 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, { }, 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) items: BI.LogicFactory.createLogicItemsByDirection(o.direction, this.tool, this.tab, this.view, this.toolbar)
}))) })))
@ -15121,7 +15150,7 @@ BI.PopupView = BI.inherit(BI.Widget, {
return BI.createWidget({ return BI.createWidget({
type: "bi.center", type: "bi.center",
cls: "list-view-toolbar", cls: "list-view-toolbar bi-border-top",
height: 30, height: 30,
items: BI.createItems(o.buttons, { items: BI.createItems(o.buttons, {
once: false, once: false,
@ -15179,7 +15208,7 @@ BI.SearcherView = BI.inherit(BI.Pane, {
_defaultConfig: function () { _defaultConfig: function () {
var conf = BI.SearcherView.superclass._defaultConfig.apply(this, arguments); var conf = BI.SearcherView.superclass._defaultConfig.apply(this, arguments);
return BI.extend(conf, { return BI.extend(conf, {
baseCls: (conf.baseCls || "") + " bi-searcher-view", baseCls: (conf.baseCls || "") + " bi-searcher-view bi-card",
tipText: BI.i18nText("BI-No_Select"), tipText: BI.i18nText("BI-No_Select"),
chooseType: BI.Selection.Single, chooseType: BI.Selection.Single,
@ -15239,7 +15268,7 @@ BI.SearcherView = BI.inherit(BI.Pane, {
items: [{ items: [{
type: "bi.layout", type: "bi.layout",
height: 1, height: 1,
cls: "searcher-view-spliter" cls: "searcher-view-spliter bi-background"
}] }]
}); });
this.searcher = BI.createWidget(o.searcher, { this.searcher = BI.createWidget(o.searcher, {
@ -15636,7 +15665,7 @@ BI.LoadingBar = BI.inherit(BI.Single, {
_defaultConfig: function() { _defaultConfig: function() {
var conf = BI.LoadingBar.superclass._defaultConfig.apply(this, arguments); var conf = BI.LoadingBar.superclass._defaultConfig.apply(this, arguments);
return BI.extend( conf, { return BI.extend( conf, {
baseCls : (conf.baseCls ||"")+' bi-loading-bar', baseCls : (conf.baseCls ||"")+' bi-loading-bar bi-tips',
height: 30, height: 30,
handler: BI.emptyFn handler: BI.emptyFn
}) })
@ -15646,7 +15675,7 @@ BI.LoadingBar = BI.inherit(BI.Single, {
var self = this; var self = this;
this.loaded = BI.createWidget({ this.loaded = BI.createWidget({
type: "bi.text_button", type: "bi.text_button",
cls: "loading-text", cls: "loading-text bi-list-item-simple",
text: this.consts.loadedText, text: this.consts.loadedText,
width: 120, width: 120,
handler: this.options.handler handler: this.options.handler
@ -17843,7 +17872,7 @@ BI.TextAreaEditor = BI.inherit(BI.Single, {
tagName: "textarea", tagName: "textarea",
width: "100%", width: "100%",
height: "100%", height: "100%",
cls: "textarea-editor-content display-block" cls: "textarea-editor-content display-block bi-card"
}); });
this.content.element.css({"resize": "none"}); this.content.element.css({"resize": "none"});
BI.createWidget({ BI.createWidget({
@ -28237,7 +28266,7 @@ BI.shortcut("bi.table_cell", BI.TableCell);/**
BI.CollectionTableCell = BI.inherit(BI.Widget, { BI.CollectionTableCell = BI.inherit(BI.Widget, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.CollectionTableCell.superclass._defaultConfig.apply(this, arguments), { 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, width: 0,
height: 0, height: 0,
_left: 0, _left: 0,
@ -28966,7 +28995,7 @@ BI.shortcut('bi.quick_collection_table', BI.QuickCollectionTable);/**
BI.GridTableCell = BI.inherit(BI.Widget, { BI.GridTableCell = BI.inherit(BI.Widget, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.GridTableCell.superclass._defaultConfig.apply(this, arguments), { 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, width: 0,
height: 0, height: 0,
_rowIndex: 0, _rowIndex: 0,
@ -30824,13 +30853,14 @@ BI.Table = BI.inherit(BI.Widget, {
.addClass(c === rows.length - 1 ? "last-col" : ""); .addClass(c === rows.length - 1 ? "last-col" : "");
var w = BI.createWidget(map[r][c], { var w = BI.createWidget(map[r][c], {
type: "bi.table_cell", type: "bi.table_cell",
root: true,
textAlign: "left", textAlign: "left",
width: BI.isNumeric(width) ? width : "", width: BI.isNumeric(width) ? width : "",
height: BI.isNumeric(height) ? height : "", height: BI.isNumeric(height) ? height : "",
_row: r, _row: r,
_col: c + start _col: c + start
}); });
self.addWidget(w.getName(), w);
w._mount();
w.element.css("position", "relative"); w.element.css("position", "relative");
td.append(w.element); td.append(w.element);
tr.append(td); tr.append(td);

315
docs/case.js

@ -2509,7 +2509,7 @@ BI.ColorChooserPopup = BI.inherit(BI.Widget, {
items: [{ items: [{
el: { el: {
type: "bi.absolute", type: "bi.absolute",
cls: "color-chooser-popup-title", cls: "bi-background bi-border-bottom",
items: [{ items: [{
el: this.colorEditor, el: this.colorEditor,
left: 0, left: 0,
@ -2588,7 +2588,7 @@ BI.ColorChooserTrigger = BI.inherit(BI.Trigger, {
_defaultConfig: function () { _defaultConfig: function () {
var conf = BI.ColorChooserTrigger.superclass._defaultConfig.apply(this, arguments); var conf = BI.ColorChooserTrigger.superclass._defaultConfig.apply(this, arguments);
return BI.extend(conf, { return BI.extend(conf, {
baseCls: (conf.baseCls || "") + " bi-color-chooser-trigger", baseCls: (conf.baseCls || "") + " bi-color-chooser-trigger bi-card",
height: 30 height: 30
}) })
}, },
@ -2645,7 +2645,7 @@ BI.ColorPickerButton = BI.inherit(BI.BasicButton, {
_defaultConfig: function () { _defaultConfig: function () {
var conf = BI.ColorPickerButton.superclass._defaultConfig.apply(this, arguments); var conf = BI.ColorPickerButton.superclass._defaultConfig.apply(this, arguments);
return BI.extend(conf, { 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; var self = this, o = this.options;
this.colorShow = BI.createWidget({ this.colorShow = BI.createWidget({
type: "bi.layout", type: "bi.layout",
cls: "color-picker-editor-display", cls: "color-picker-editor-display bi-card",
height: 20 height: 20
}); });
var RGB = BI.createWidgets(BI.createItems([{text: "R"}, {text: "G"}, {text: "B"}], { 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; var self = this, o = this.options;
this.trigger = BI.createWidget(o.el, { this.trigger = BI.createWidget(o.el, {
type: "bi.text_icon_item", 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, text: o.text,
readonly: true, readonly: true,
textLgap: 5, textLgap: 5,
@ -5231,7 +5231,7 @@ BI.SearchEditor = BI.inherit(BI.Widget, {
_defaultConfig: function () { _defaultConfig: function () {
var conf = BI.SearchEditor.superclass._defaultConfig.apply(this, arguments); var conf = BI.SearchEditor.superclass._defaultConfig.apply(this, arguments);
return BI.extend(conf, { return BI.extend(conf, {
baseCls: "bi-search-editor", baseCls: "bi-search-editor bi-border",
height: 30, height: 30,
errorText: "", errorText: "",
watermark: BI.i18nText("BI-Basic_Search"), watermark: BI.i18nText("BI-Basic_Search"),
@ -6108,265 +6108,6 @@ BI.SignEditor.EVENT_SPACE = "EVENT_SPACE";
BI.SignEditor.EVENT_EMPTY = "EVENT_EMPTY"; BI.SignEditor.EVENT_EMPTY = "EVENT_EMPTY";
BI.shortcut("bi.sign_editor", BI.SignEditor);/** 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 * guy
* 记录状态的输入框 * 记录状态的输入框
* @class BI.StateEditor * @class BI.StateEditor
@ -6415,7 +6156,7 @@ BI.StateEditor = BI.inherit(BI.Single, {
}); });
this.text = BI.createWidget({ this.text = BI.createWidget({
type: "bi.text_button", type: "bi.text_button",
cls: "state-editor-infinite-text", cls: "state-editor-infinite-text bi-disabled",
textAlign: "left", textAlign: "left",
height: o.height, height: o.height,
text: BI.i18nText("BI-Unrestricted"), text: BI.i18nText("BI-Unrestricted"),
@ -6695,7 +6436,7 @@ BI.SimpleStateEditor = BI.inherit(BI.Single, {
}); });
this.text = BI.createWidget({ this.text = BI.createWidget({
type: "bi.text_button", type: "bi.text_button",
cls: "state-editor-infinite-text", cls: "state-editor-infinite-text bi-disabled",
textAlign: "left", textAlign: "left",
height: o.height, height: o.height,
text: BI.i18nText("BI-Unrestricted"), text: BI.i18nText("BI-Unrestricted"),
@ -6915,7 +6656,7 @@ BI.TextEditor = BI.inherit(BI.Single, {
_defaultConfig: function () { _defaultConfig: function () {
var conf = BI.TextEditor.superclass._defaultConfig.apply(this, arguments); var conf = BI.TextEditor.superclass._defaultConfig.apply(this, arguments);
return BI.extend(conf, { return BI.extend(conf, {
extraCls: "bi-text-editor", extraCls: "bi-text-editor bi-border",
hgap: 4, hgap: 4,
vgap: 2, vgap: 2,
lgap: 0, lgap: 0,
@ -7247,7 +6988,7 @@ BI.MultiPopupView = BI.inherit(BI.PopupView, {
this.buttongroup = BI.createWidget({ this.buttongroup = BI.createWidget({
type: "bi.button_group", type: "bi.button_group",
cls: "list-view-toolbar", cls: "list-view-toolbar bi-border-top",
height: 30, height: 30,
items: BI.createItems(text, { items: BI.createItems(text, {
type: "bi.text_button", type: "bi.text_button",
@ -7308,7 +7049,7 @@ BI.PopupPanel = BI.inherit(BI.MultiPopupView, {
}); });
return BI.createWidget({ return BI.createWidget({
type: "bi.htape", type: "bi.htape",
cls: "popup-panel-title", cls: "popup-panel-title bi-background bi-border",
height: 25, height: 25,
items: [{ items: [{
el: { el: {
@ -7509,7 +7250,7 @@ BI.shortcut("bi.list_pane", BI.ListPane);/**
BI.Panel = BI.inherit(BI.Widget,{ BI.Panel = BI.inherit(BI.Widget,{
_defaultConfig : function(){ _defaultConfig : function(){
return BI.extend(BI.Panel.superclass._defaultConfig.apply(this,arguments),{ return BI.extend(BI.Panel.superclass._defaultConfig.apply(this,arguments),{
baseCls: "bi-panel", baseCls: "bi-panel bi-border",
title:"", title:"",
titleButtons:[], titleButtons:[],
el:{}, el:{},
@ -7560,7 +7301,7 @@ BI.Panel = BI.inherit(BI.Widget,{
return { return {
el: { el: {
type: "bi.left_right_vertical_adapt", type: "bi.left_right_vertical_adapt",
cls: "panel-title", cls: "panel-title bi-tips bi-border-bottom bi-background",
height: 30, height: 30,
items: { items: {
left: [this.text], left: [this.text],
@ -8884,7 +8625,7 @@ BI.DetailPager = BI.inherit(BI.Widget, {
type: "bi.button_group", type: "bi.button_group",
element: this, element: this,
items: BI.createItems(view, { items: BI.createItems(view, {
cls: "page-item", cls: "page-item bi-border bi-list-item-active",
height: 23, height: 23,
hgap: 10 hgap: 10
}), }),
@ -9005,7 +8746,7 @@ BI.SegmentButton = BI.inherit(BI.BasicButton, {
_defaultConfig: function() { _defaultConfig: function() {
var conf = BI.SegmentButton.superclass._defaultConfig.apply(this, arguments); var conf = BI.SegmentButton.superclass._defaultConfig.apply(this, arguments);
return BI.extend( conf, { return BI.extend( conf, {
baseCls : (conf.baseCls ||"")+' bi-segment-button', baseCls : (conf.baseCls ||"")+' bi-segment-button bi-list-item-active',
shadow: true, shadow: true,
readonly: true, readonly: true,
hgap: 10 hgap: 10
@ -9063,10 +8804,15 @@ BI.Segment = BI.inherit(BI.Widget, {
this.buttonGroup = BI.createWidget({ this.buttonGroup = BI.createWidget({
element: this, element: this,
type: "bi.button_group", type: "bi.button_group",
items: BI.createItems(o.items, { items: BI.map(o.items, function (i, item) {
return BI.extend({
type: "bi.segment_button", type: "bi.segment_button",
height: o.height - 2, height: o.height - 2,
whiteSpace: o.whiteSpace whiteSpace: o.whiteSpace
}, item, {
cls: (i === 0 ? "bi-border-left " : "")
+ (item.cls || "") + " bi-border-top bi-border-right bi-border-bottom"
});
}), }),
layout: [ layout: [
{ {
@ -9360,6 +9106,9 @@ BI.DynamicSummaryLayerTreeTable = BI.inherit(BI.Widget, {
regionColumnSize: [], regionColumnSize: [],
//行表头
rowHeaderCreator: null,
headerCellStyleGetter: BI.emptyFn, headerCellStyleGetter: BI.emptyFn,
summaryCellStyleGetter: BI.emptyFn, summaryCellStyleGetter: BI.emptyFn,
sequenceCellStyleGetter: BI.emptyFn, sequenceCellStyleGetter: BI.emptyFn,
@ -9396,13 +9145,13 @@ BI.DynamicSummaryLayerTreeTable = BI.inherit(BI.Widget, {
var newHeader = this._formatColumns(header); var newHeader = this._formatColumns(header);
var deep = this._getHDeep(); var deep = this._getHDeep();
if (deep <= 0) { if (deep <= 0) {
newHeader.unshift({ newHeader.unshift(o.rowHeaderCreator || {
type: "bi.table_style_cell", type: "bi.table_style_cell",
text: BI.i18nText("BI-Row_Header"), text: BI.i18nText("BI-Row_Header"),
styleGetter: o.headerCellStyleGetter styleGetter: o.headerCellStyleGetter
}); });
} else { } else {
newHeader[0] = { newHeader[0] = o.rowHeaderCreator || {
type: "bi.table_style_cell", type: "bi.table_style_cell",
text: BI.i18nText("BI-Row_Header"), text: BI.i18nText("BI-Row_Header"),
styleGetter: o.headerCellStyleGetter styleGetter: o.headerCellStyleGetter
@ -10050,6 +9799,8 @@ BI.LayerTreeTable = BI.inherit(BI.Widget, {
regionColumnSize: [], regionColumnSize: [],
rowHeaderCreator: null,
headerCellStyleGetter: BI.emptyFn, headerCellStyleGetter: BI.emptyFn,
summaryCellStyleGetter: BI.emptyFn, summaryCellStyleGetter: BI.emptyFn,
sequenceCellStyleGetter: BI.emptyFn, sequenceCellStyleGetter: BI.emptyFn,
@ -10085,13 +9836,13 @@ BI.LayerTreeTable = BI.inherit(BI.Widget, {
var newHeader = this._formatColumns(header); var newHeader = this._formatColumns(header);
var deep = this._getHDeep(); var deep = this._getHDeep();
if (deep <= 0) { if (deep <= 0) {
newHeader.unshift({ newHeader.unshift(o.rowHeaderCreator || {
type: "bi.table_style_cell", type: "bi.table_style_cell",
text: BI.i18nText("BI-Row_Header"), text: BI.i18nText("BI-Row_Header"),
styleGetter: o.headerCellStyleGetter styleGetter: o.headerCellStyleGetter
}); });
} else { } else {
newHeader[0] = { newHeader[0] = o.rowHeaderCreator || {
type: "bi.table_style_cell", type: "bi.table_style_cell",
text: BI.i18nText("BI-Row_Header"), text: BI.i18nText("BI-Row_Header"),
styleGetter: o.headerCellStyleGetter styleGetter: o.headerCellStyleGetter
@ -11388,7 +11139,7 @@ BI.EditorTrigger = BI.inherit(BI.Trigger, {
_defaultConfig: function () { _defaultConfig: function () {
var conf = BI.EditorTrigger.superclass._defaultConfig.apply(this, arguments); var conf = BI.EditorTrigger.superclass._defaultConfig.apply(this, arguments);
return BI.extend(conf, { return BI.extend(conf, {
baseCls: (conf.baseCls || "") + " bi-editor-trigger", baseCls: (conf.baseCls || "") + " bi-editor-trigger bi-border",
height: 30, height: 30,
validationChecker: BI.emptyFn, validationChecker: BI.emptyFn,
quitChecker: BI.emptyFn, quitChecker: BI.emptyFn,
@ -11555,7 +11306,7 @@ BI.SelectTextTrigger = BI.inherit(BI.Trigger, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.SelectTextTrigger.superclass._defaultConfig.apply(this, arguments), { return BI.extend(BI.SelectTextTrigger.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-select-text-trigger", baseCls: "bi-select-text-trigger bi-border",
height: 24 height: 24
}); });
}, },
@ -11608,7 +11359,7 @@ BI.SmallSelectTextTrigger = BI.inherit(BI.Trigger, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.SmallSelectTextTrigger.superclass._defaultConfig.apply(this, arguments), { 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 height: 20
}); });
}, },

334
docs/core.css

@ -1,3 +1,54 @@
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
html,
body,
div,
ul,
li,
img,
a,
span,
p,
* {
margin: 0;
padding: 0;
}
a {
outline: none;
text-decoration: none;
}
a:focus {
outline: 0;
}
input,
textarea {
margin: 0;
padding: 0;
outline: none;
border: 1px solid #d4dadd;
}
.bi-theme-dark input,
.bi-theme-dark textarea {
border: 1px solid #525466;
}
ul,
ol {
margin: 0;
padding: 0;
}
ul {
list-style: disc;
}
li {
list-style-type: none;
}
i {
font-style: normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
@charset "UTF-8"; @charset "UTF-8";
/*! /*!
* animate.css -http://daneden.me/animate * animate.css -http://daneden.me/animate
@ -2905,10 +2956,16 @@
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.base-disabled { .base-disabled {
cursor: default !important; cursor: default !important;
color: #c4c6c6 !important; color: #cccccc !important;
} }
.base-disabled .b-font:before { .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 { .base-invalid {
cursor: default !important; cursor: default !important;
@ -2925,116 +2982,237 @@
.clearfix:after { .clearfix:after {
clear: both; 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 { .bi-keyword-red-mark {
color: #f07d0a; color: #f07d0a;
} }
.bi-high-light { .bi-high-light {
color: #009de3; color: #3f8ce8;
}
.bi-high-light-background {
background-color: #3f8ce8;
color: #ffffff;
} }
.bi-water-mark { .bi-water-mark {
color: #cccccc; color: #cccccc;
cursor: text; cursor: text;
} }
.bi-tips { .bi-theme-dark .bi-water-mark {
color: #c4c6c6; color: #666666;
} }
.bi-resizer { .bi-resizer {
background: #d8f3fe; background: #1a1a1a;
opacity: 0.8; opacity: 0.2;
filter: alpha(opacity=80); filter: alpha(opacity=20);
z-index: 1000000000; z-index: 1000000000;
} }
.bi-theme-dark .bi-resizer {
background: #ffffff;
}
.bi-z-index-mask { .bi-z-index-mask {
background-color: #1a1a1a; background-color: rgba(26, 26, 26, 0.5);
opacity: 0.5; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f1a1a1a,endColorstr=#7f1a1a1a);
filter: alpha(opacity=50);
} }
.bi-list-item:hover, .bi-list-item:hover,
.bi-list-item.hover { .bi-list-item.hover {
background-color: #f4f4f4; background-color: #eff1f4;
color: #1a1a1a;
} }
.bi-list-item.disabled, .bi-list-item.disabled,
.bi-list-item.disabled:hover, .bi-list-item.disabled:hover,
.bi-list-item.disabled:active { .bi-list-item.disabled:active {
background-color: transparent !important; background-color: transparent !important;
color: #cccccc !important;
}
.bi-list-item.disabled .bi-high-light,
.bi-list-item.disabled:hover .bi-high-light,
.bi-list-item.disabled:active .bi-high-light {
color: #cccccc !important;
} }
.bi-theme-dark .bi-list-item:hover, .bi-theme-dark .bi-list-item:hover,
.bi-theme-dark .bi-list-item.hover { .bi-theme-dark .bi-list-item.hover {
background-color: #04070d; background-color: #191b2b;
color: #ffffff; 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-theme-dark .bi-list-item.disabled .bi-high-light,
.bi-theme-dark .bi-list-item.disabled:hover .bi-high-light,
.bi-theme-dark .bi-list-item.disabled:active .bi-high-light {
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-list-item-simple.disabled .bi-high-light,
.bi-list-item-simple.disabled:hover .bi-high-light,
.bi-list-item-simple.disabled:active .bi-high-light {
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-theme-dark .bi-list-item-simple.disabled .bi-high-light,
.bi-theme-dark .bi-list-item-simple.disabled:hover .bi-high-light,
.bi-theme-dark .bi-list-item-simple.disabled:active .bi-high-light {
color: #666666 !important;
}
.bi-list-item-effect:hover {
color: #1a1a1a;
}
.bi-list-item-effect.active, .bi-list-item-effect.active,
.bi-list-item-effect:active { .bi-list-item-effect:active {
color: #009de3; color: #3f8ce8;
} }
.bi-list-item-effect.disabled, .bi-list-item-effect.disabled,
.bi-list-item-effect.disabled:hover, .bi-list-item-effect.disabled:hover,
.bi-list-item-effect.disabled:active { .bi-list-item-effect.disabled:active {
color: #c4c6c6 !important; color: #cccccc !important;
}
.bi-list-item-effect.disabled .bi-high-light,
.bi-list-item-effect.disabled:hover .bi-high-light,
.bi-list-item-effect.disabled:active .bi-high-light {
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,
.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,
.bi-theme-dark .bi-list-item-effect.disabled:hover, .bi-theme-dark .bi-list-item-effect.disabled:hover,
.bi-theme-dark .bi-list-item-effect.disabled:active { .bi-theme-dark .bi-list-item-effect.disabled:active {
color: #c4c6c6 !important;
}
.bi-list-item-hover:hover,
.bi-list-item-hover.hover {
color: #009de3;
background-color: #f4f4f4;
}
.bi-list-item-hover.disabled,
.bi-list-item-hover.disabled:hover,
.bi-list-item-hover.disabled:active {
color: #c4c6c6 !important;
background-color: transparent !important; background-color: transparent !important;
color: #666666 !important;
} }
.bi-theme-dark .bi-list-item-hover:hover, .bi-theme-dark .bi-list-item-effect.disabled .bi-high-light,
.bi-theme-dark .bi-list-item-hover.hover { .bi-theme-dark .bi-list-item-effect.disabled:hover .bi-high-light,
color: #009de3; .bi-theme-dark .bi-list-item-effect.disabled:active .bi-high-light {
background-color: #04070d; color: #666666 !important;
}
.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;
} }
.bi-list-item-active:hover, .bi-list-item-active:hover,
.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,
.bi-list-item-active:active { .bi-list-item-active:active {
color: #009de3; color: #3f8ce8;
background-color: #f4f4f4; background-color: #eff1f4;
} }
.bi-list-item-active.disabled, .bi-list-item-active.disabled,
.bi-list-item-active.disabled:hover, .bi-list-item-active.disabled:hover,
.bi-list-item-active.disabled:active { .bi-list-item-active.disabled:active {
background-color: transparent !important; background-color: transparent !important;
color: #cccccc !important;
}
.bi-list-item-active.disabled .bi-high-light,
.bi-list-item-active.disabled:hover .bi-high-light,
.bi-list-item-active.disabled:active .bi-high-light {
color: #cccccc !important;
} }
.bi-theme-dark .bi-list-item-active:hover, .bi-theme-dark .bi-list-item-active:hover,
.bi-theme-dark .bi-list-item-active.hover { .bi-theme-dark .bi-list-item-active.hover {
background-color: #04070d; background-color: #191b2b;
color: #ffffff; color: #ffffff;
} }
.bi-theme-dark .bi-list-item-active.active, .bi-theme-dark .bi-list-item-active.active,
.bi-theme-dark .bi-list-item-active:active { .bi-theme-dark .bi-list-item-active:active {
color: #009de3; color: #3f8ce8;
background-color: #04070d; 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-theme-dark .bi-list-item-active.disabled .bi-high-light,
.bi-theme-dark .bi-list-item-active.disabled:hover .bi-high-light,
.bi-theme-dark .bi-list-item-active.disabled:active .bi-high-light {
color: #666666 !important;
} }
.bi-list-item-select:hover, .bi-list-item-select:hover,
.bi-list-item-select.hover { .bi-list-item-select.hover {
color: #009de3; color: #3f8ce8;
background-color: #f4f4f4; background-color: #eff1f4;
} }
.bi-list-item-select:active, .bi-list-item-select:active,
.bi-list-item-select.active { .bi-list-item-select.active {
color: #ffffff; color: #ffffff;
background-color: #009de3; background-color: #3f8ce8;
} }
.bi-list-item-select:active .bi-high-light, .bi-list-item-select:active .bi-high-light,
.bi-list-item-select.active .bi-high-light { .bi-list-item-select.active .bi-high-light {
@ -3043,28 +3221,76 @@
.bi-list-item-select.disabled, .bi-list-item-select.disabled,
.bi-list-item-select.disabled:hover, .bi-list-item-select.disabled:hover,
.bi-list-item-select.disabled:active { .bi-list-item-select.disabled:active {
color: #c4c6c6 !important; color: #cccccc !important;
background-color: transparent !important; background-color: transparent !important;
} }
.bi-list-item-select.disabled .bi-high-light, .bi-list-item-select.disabled .bi-high-light,
.bi-list-item-select.disabled:hover .bi-high-light, .bi-list-item-select.disabled:hover .bi-high-light,
.bi-list-item-select.disabled:active .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,
.bi-theme-dark .bi-list-item-select.hover { .bi-theme-dark .bi-list-item-select.hover {
color: #009de3; color: #3f8ce8;
background-color: #04070d; background-color: #191b2b;
} }
.bi-theme-dark .bi-list-item-select:active, .bi-theme-dark .bi-list-item-select:active,
.bi-theme-dark .bi-list-item-select.active { .bi-theme-dark .bi-list-item-select.active {
color: #ffffff; 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,
.bi-theme-dark .bi-list-item-select.active .bi-high-light { .bi-theme-dark .bi-list-item-select.active .bi-high-light {
color: #ffffff; 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;
}
.bi-list-item-choose:hover {
color: #1a1a1a;
}
.bi-list-item-choose:active,
.bi-list-item-choose.active {
color: #ffffff;
background-color: #3f8ce8;
}
.bi-list-item-choose:active .bi-high-light,
.bi-list-item-choose.active .bi-high-light {
color: #ffffff;
}
.bi-list-item-choose.disabled,
.bi-list-item-choose.disabled:hover,
.bi-list-item-choose.disabled:active {
color: #cccccc !important;
background-color: transparent !important;
}
.bi-list-item-choose.disabled .bi-high-light,
.bi-list-item-choose.disabled:hover .bi-high-light,
.bi-list-item-choose.disabled:active .bi-high-light {
color: #cccccc !important;
}
.bi-theme-dark .bi-list-item-choose:hover {
color: #ffffff;
}
.bi-theme-dark .bi-list-item-choose.disabled,
.bi-theme-dark .bi-list-item-choose.disabled:hover,
.bi-theme-dark .bi-list-item-choose.disabled:active {
color: #666666 !important;
background-color: transparent !important;
}
.bi-theme-dark .bi-list-item-choose.disabled .bi-high-light,
.bi-theme-dark .bi-list-item-choose.disabled:hover .bi-high-light,
.bi-theme-dark .bi-list-item-choose.disabled:active .bi-high-light {
color: #666666 !important;
}
/*****************cursor*****************/ /*****************cursor*****************/
.cursor-pointer { .cursor-pointer {
cursor: pointer; cursor: pointer;
@ -3141,10 +3367,6 @@
.horizon-left { .horizon-left {
text-align: left; text-align: left;
} }
.div-horizon-center {
margin-left: auto;
margin-right: auto;
}
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
@ -3499,8 +3721,8 @@
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-theme-dark { .bi-theme-dark {
background-color: #191a2c; background-color: #191b2b;
color: #b2b2b2; color: #cccccc;
} }
.bi-theme-dark .bi-input { .bi-theme-dark .bi-input {
color: #ffffff; color: #ffffff;

150
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) { parseFloat: function (number) {
try { try {
return parseFloat(number); return parseFloat(number);
@ -14421,27 +14428,14 @@ BI.Widget = BI.inherit(BI.OB, {
} }
this.beforeMounted && this.beforeMounted(); this.beforeMounted && this.beforeMounted();
this._isMounted = true; this._isMounted = true;
this._mountChildren(); this._mountChildren && this._mountChildren();
BI.each(this._children, function (i, widget) { BI.each(this._children, function (i, widget) {
widget._mount && widget._mount(); widget._mount && widget._mount();
}); });
this.mounted && this.mounted(); this.mounted && this.mounted();
}, },
_mountChildren: function () { _mountChildren: null,
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);
}
},
_unMount: function () { _unMount: function () {
BI.each(this._children, function (i, widget) { BI.each(this._children, function (i, widget) {
@ -16861,11 +16855,14 @@ BI.ScalingCellSizeAndPositionManager.prototype = {
element.__resizeTriggers__ = !element.removeChild(element.__resizeTriggers__); element.__resizeTriggers__ = !element.removeChild(element.__resizeTriggers__);
} }
} }
} };
BI.ResizeDetector = { BI.ResizeDetector = {
addResizeListener: function (widget, fn) { addResizeListener: function (widget, fn) {
addResizeListener(widget.element[0], fn); addResizeListener(widget.element[0], fn);
return function () {
removeResizeListener(widget.element[0], fn);
}
}, },
removeResizeListener: function (widget, fn) { removeResizeListener: function (widget, fn) {
removeResizeListener(widget.element[0], 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) { _getChildName: function (index) {
return index + ""; return index + "";
}, },
@ -21113,9 +21125,7 @@ BI.LayerController = BI.inherit(BI.Controller, {
*/ */
BI.MaskersController = BI.inherit(BI.LayerController, { BI.MaskersController = BI.inherit(BI.LayerController, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.MaskersController.superclass._defaultConfig.apply(this, arguments), { return BI.extend(BI.MaskersController.superclass._defaultConfig.apply(this, arguments), {});
render: "body"
});
}, },
_init: function () { _init: function () {
@ -22658,7 +22668,7 @@ $(function () {
} }
var rgb = this.rgb2json(this.hex2rgb(hex)); var rgb = this.rgb2json(this.hex2rgb(hex));
var grayLevel = Math.round(rgb.r * 0.299 + rgb.g * 0.587 + rgb.b * 0.114); 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 true;
} }
return false; return false;
@ -22667,7 +22677,7 @@ $(function () {
//获取对比颜色 //获取对比颜色
getContrastColor: function (color) { getContrastColor: function (color) {
if (this.isDarkColor(color)) { if (this.isDarkColor(color)) {
return "#b2b2b2"; return "#ffffff";
} }
return "#1a1a1a"; return "#1a1a1a";
}, },
@ -23730,6 +23740,104 @@ Date.prototype.getOffsetDate = function (offset) {
return new Date(this.getTime() + offset * 864e5); return new Date(this.getTime() + offset * 864e5);
}; };
Date.prototype.getAfterMulQuarter = function (n) {
var dt = new Date(this.getTime());
dt.setMonth(dt.getMonth() + n * 3);
return dt;
};
//获得n个季度前的日期
Date.prototype.getBeforeMulQuarter = function (n) {
var dt = new Date(this.getTime());
dt.setMonth(dt.getMonth() - n * 3);
return dt;
};
//得到本季度的起始月份
Date.prototype.getQuarterStartMonth = function () {
var quarterStartMonth = 0;
var nowMonth = this.getMonth();
if (nowMonth < 3) {
quarterStartMonth = 0;
}
if (2 < nowMonth && nowMonth < 6) {
quarterStartMonth = 3;
}
if (5 < nowMonth && nowMonth < 9) {
quarterStartMonth = 6;
}
if (nowMonth > 8) {
quarterStartMonth = 9;
}
return quarterStartMonth;
};
//获得本季度的起始日期
Date.prototype.getQuarterStartDate = function () {
return new Date(this.getFullYear(), this.getQuarterStartMonth(), 1);
};
//得到本季度的结束日期
Date.prototype.getQuarterEndDate = function () {
var quarterEndMonth = this.getQuarterStartMonth() + 2;
return new Date(this.getFullYear(), quarterEndMonth, this.getMonthDays(quarterEndMonth));
};
Date.prototype.getAfterMultiMonth = function (n) {
var dt = new Date(this.getTime());
dt.setMonth(dt.getMonth() + n | 0);
return dt;
};
Date.prototype.getBeforeMultiMonth = function (n) {
var dt = new Date(this.getTime());
dt.setMonth(dt.getMonth() - n | 0);
return dt;
};
Date.prototype.getAfterMulQuarter = function (n) {
var dt = new Date(this.getTime());
dt.setMonth(dt.getMonth() + n * 3);
return dt;
};
//获得n个季度前的日期
Date.prototype.getBeforeMulQuarter = function (n) {
var dt = new Date(this.getTime());
dt.setMonth(dt.getMonth() - n * 3);
return dt;
};
//得到本季度的起始月份
Date.prototype.getQuarterStartMonth = function () {
var quarterStartMonth = 0;
var nowMonth = this.getMonth();
if (nowMonth < 3) {
quarterStartMonth = 0;
}
if (2 < nowMonth && nowMonth < 6) {
quarterStartMonth = 3;
}
if (5 < nowMonth && nowMonth < 9) {
quarterStartMonth = 6;
}
if (nowMonth > 8) {
quarterStartMonth = 9;
}
return quarterStartMonth;
};
//获得本季度的起始日期
Date.prototype.getQuarterStartDate = function () {
return new Date(this.getFullYear(), this.getQuarterStartMonth(), 1);
};
//得到本季度的结束日期
Date.prototype.getQuarterEndDate = function () {
var quarterEndMonth = this.getQuarterStartMonth() + 2;
return new Date(this.getFullYear(), quarterEndMonth, this.getMonthDays(quarterEndMonth));
};
Date.prototype.getAfterMultiMonth = function (n) {
var dt = new Date(this.getTime());
dt.setMonth(dt.getMonth() + n | 0);
return dt;
};
Date.prototype.getBeforeMultiMonth = function (n) {
var dt = new Date(this.getTime());
dt.setMonth(dt.getMonth() - n | 0);
return dt;
};
/** Checks date and time equality */ /** Checks date and time equality */
Date.prototype.equalsTo = function (date) { Date.prototype.equalsTo = function (date) {
return ((this.getFullYear() == date.getFullYear()) && return ((this.getFullYear() == date.getFullYear()) &&

26
docs/demo.css

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

336
docs/demo.js

@ -4559,7 +4559,7 @@ BI.shortcut("demo.vtape", Demo.VtapeLayout);Demo.Face = BI.inherit(BI.Widget, {
var self = this; var self = this;
return { return {
type: "bi.htape", type: "bi.htape",
cls: "config-item", cls: "config-item bi-border-bottom",
height: 40, height: 40,
items: [this._createLabel("背景色:"), this._createColorPicker(function () { items: [this._createLabel("背景色:"), this._createColorPicker(function () {
self.backgroundColor = this; self.backgroundColor = this;
@ -4573,7 +4573,7 @@ BI.shortcut("demo.vtape", Demo.VtapeLayout);Demo.Face = BI.inherit(BI.Widget, {
var self = this; var self = this;
return { return {
type: "bi.htape", type: "bi.htape",
cls: "config-item", cls: "config-item bi-border-bottom",
height: 40, height: 40,
items: [this._createLabel("字体颜色:"), this._createColorPicker(function () { items: [this._createLabel("字体颜色:"), this._createColorPicker(function () {
self.fontColor = this; 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 () { _createDisableFontConfig: function () {
var self = this; var self = this;
return { return {
type: "bi.htape", type: "bi.htape",
cls: "config-item", cls: "config-item bi-border-bottom",
height: 40, height: 40,
items: [this._createLabel("灰化字体颜色:"), this._createColorPicker(function () { items: [this._createLabel("灰化字体颜色:"), this._createColorPicker(function () {
self.disabledFontColor = this; 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; var self = this;
return { return {
type: "bi.htape", type: "bi.htape",
cls: "config-item", cls: "config-item bi-border-bottom",
height: 40, height: 40,
items: [this._createLabel("Card背景颜色:"), this._createColorPicker(function () { items: [this._createLabel("Card1背景颜色:"), this._createColorPicker(function () {
self.cardBackgroundColor = this; self.cardBackgroundColor = this;
}, function () { }, function () {
self._runGlobalStyle(); 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 () { _createHoverBackgroundColor: function () {
var self = this; var self = this;
return { return {
type: "bi.htape", type: "bi.htape",
cls: "config-item", cls: "config-item bi-border-bottom",
height: 40, height: 40,
items: [this._createLabel("悬浮状态背景颜色:"), this._createColorPicker(function () { items: [this._createLabel("悬浮状态背景颜色:"), this._createColorPicker(function () {
self.hoverBackgroundColor = this; self.hoverBackgroundColor = this;
@ -4637,7 +4688,7 @@ BI.shortcut("demo.vtape", Demo.VtapeLayout);Demo.Face = BI.inherit(BI.Widget, {
var self = this; var self = this;
return { return {
type: "bi.htape", type: "bi.htape",
cls: "config-item", cls: "config-item bi-border-bottom",
height: 40, height: 40,
items: [this._createLabel("激活状态背景颜色:"), this._createColorPicker(function () { items: [this._createLabel("激活状态背景颜色:"), this._createColorPicker(function () {
self.activeBackgroundColor = this; 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 () { _createBaseConfig: function () {
return { return {
type: "bi.vertical", type: "bi.vertical",
items: [this._createLabel("--通用配色--"), items: [this._createLabel("--通用配色--"),
this._createBackgroundConfig(), this._createBackgroundConfig(),
this._createFontConfig(), this._createFontConfig(),
this._createActiveFontConfig(),
this._createSelectFontConfig(),
this._createGrayFontConfig(),
this._createDisableFontConfig(), this._createDisableFontConfig(),
this._createCardBackgroundConfig(), this._createCard1BackgroundConfig(),
this._createCard2BackgroundConfig(),
this._createHoverBackgroundColor(), 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 () { _createScrollBackgroundConfig: function () {
var self = this; var self = this;
return { return {
type: "bi.htape", type: "bi.htape",
cls: "config-item", cls: "config-item bi-border-bottom",
height: 40, height: 40,
items: [this._createLabel("滚动条底色:"), this._createColorPicker(function () { items: [this._createLabel("滚动条底色:"), this._createColorPicker(function () {
self.scrollBackgroundColor = this; self.scrollBackgroundColor = this;
@ -4679,7 +4868,7 @@ BI.shortcut("demo.vtape", Demo.VtapeLayout);Demo.Face = BI.inherit(BI.Widget, {
var self = this; var self = this;
return { return {
type: "bi.htape", type: "bi.htape",
cls: "config-item", cls: "config-item bi-border-bottom",
height: 40, height: 40,
items: [this._createLabel("滚动条thumb颜色:"), this._createColorPicker(function () { items: [this._createLabel("滚动条thumb颜色:"), this._createColorPicker(function () {
self.scrollThumbColor = this; self.scrollThumbColor = this;
@ -4693,7 +4882,7 @@ BI.shortcut("demo.vtape", Demo.VtapeLayout);Demo.Face = BI.inherit(BI.Widget, {
var self = this; var self = this;
return { return {
type: "bi.htape", type: "bi.htape",
cls: "config-item", cls: "config-item bi-border-bottom",
height: 40, height: 40,
items: [this._createLabel("下拉框背景颜色:"), this._createColorPicker(function () { items: [this._createLabel("下拉框背景颜色:"), this._createColorPicker(function () {
self.popupBackgroundColor = this; self.popupBackgroundColor = this;
@ -4798,7 +4987,7 @@ BI.shortcut("demo.vtape", Demo.VtapeLayout);Demo.Face = BI.inherit(BI.Widget, {
var self = this; var self = this;
return { return {
type: "bi.htape", type: "bi.htape",
cls: "config-item", cls: "config-item bi-border-bottom",
height: 40, height: 40,
items: [this._createLabel("弹出层蒙版颜色:"), this._createColorPicker(function () { items: [this._createLabel("弹出层蒙版颜色:"), this._createColorPicker(function () {
self.maskBackgroundColor = this; self.maskBackgroundColor = this;
@ -4824,6 +5013,10 @@ BI.shortcut("demo.vtape", Demo.VtapeLayout);Demo.Face = BI.inherit(BI.Widget, {
return { return {
type: "bi.vertical", type: "bi.vertical",
items: [this._createLabel("--一般配色--"), items: [this._createLabel("--一般配色--"),
this._createButton1BackgroundConfig(),
this._createButton2BackgroundConfig(),
this._createButton3BackgroundConfig(),
this._createButton4BackgroundConfig(),
this._createScrollBackgroundConfig(), this._createScrollBackgroundConfig(),
this._createScrollThumbConfig(), this._createScrollThumbConfig(),
this._createPopupBackgroundConfig(), this._createPopupBackgroundConfig(),
@ -4840,14 +5033,14 @@ BI.shortcut("demo.vtape", Demo.VtapeLayout);Demo.Face = BI.inherit(BI.Widget, {
column: 0, column: 0,
row: 0, row: 0,
el: { el: {
type: "demo.preview", type: "demo.preview"
cls: "face-config"
} }
}, { }, {
column: 1, column: 1,
row: 0, row: 0,
el: { el: {
type: "bi.vertical", type: "bi.vertical",
cls: "face-config bi-border-left",
items: [this._createBaseConfig(), items: [this._createBaseConfig(),
this._createCommonConfig()] this._createCommonConfig()]
} }
@ -4870,24 +5063,36 @@ BI.shortcut("demo.vtape", Demo.VtapeLayout);Demo.Face = BI.inherit(BI.Widget, {
_runGlobalStyle: function () { _runGlobalStyle: function () {
var backgroundColor = this.backgroundColor.getValue(); var backgroundColor = this.backgroundColor.getValue();
var fontColor = this.fontColor.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 disabledFontColor = this.disabledFontColor.getValue();
var cardBackgroundColor = this.cardBackgroundColor.getValue(); var cardBackgroundColor = this.cardBackgroundColor.getValue();
var hoverBackgroundColor = this.hoverBackgroundColor.getValue(); var hoverBackgroundColor = this.hoverBackgroundColor.getValue();
var activeBackgroundColor = this.activeBackgroundColor.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 scrollBackgroundColor = this.scrollBackgroundColor.getValue();
var scrollThumbColor = this.scrollThumbColor.getValue(); var scrollThumbColor = this.scrollThumbColor.getValue();
var popupBackgroundColor = this.popupBackgroundColor.getValue(); var popupBackgroundColor = this.popupBackgroundColor.getValue();
var maskBackgroundColor = this.maskBackgroundColor.getValue(); var maskBackgroundColor = this.maskBackgroundColor.getValue();
$("#wrapper").css({
backgroundColor: backgroundColor,
color: fontColor
});
$(".demo-west,.preview-card").css({
backgroundColor: cardBackgroundColor
});
this._setStyle({ this._setStyle({
"#wrapper.bi-background, #wrapper .bi-background": {
"background-color": backgroundColor,
"color": fontColor
},
"#wrapper .bi-card": {
"background-color": cardBackgroundColor
},
"#wrapper .bi-tips": {
"color": grayFontColor
},
"div::-webkit-scrollbar,.scrollbar-layout-main": { "div::-webkit-scrollbar,.scrollbar-layout-main": {
"background-color": scrollBackgroundColor + "!important" "background-color": scrollBackgroundColor + "!important"
}, },
@ -4907,10 +5112,40 @@ BI.shortcut("demo.vtape", Demo.VtapeLayout);Demo.Face = BI.inherit(BI.Widget, {
"background-color": maskBackgroundColor + "!important" "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": { ".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": { ".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 () { mounted: function () {
this.backgroundColor.setValue(""); this.backgroundColor.setValue("");
this.fontColor.setValue(""); this.fontColor.setValue("");
this.activeFontColor.setValue("");
this.selectFontColor.setValue("");
this.grayFontColor.setValue("");
this.disabledFontColor.setValue(""); this.disabledFontColor.setValue("");
this.cardBackgroundColor.setValue(""); this.cardBackgroundColor.setValue("");
this.hoverBackgroundColor.setValue(""); this.hoverBackgroundColor.setValue("");
this.activeBackgroundColor.setValue(""); this.activeBackgroundColor.setValue("");
this.selectBackgroundColor.setValue("");
this.button1BackgroundColor.setValue("");
this.button2BackgroundColor.setValue("");
this.button3BackgroundColor.setValue("");
this.button4BackgroundColor.setValue("");
this.scrollBackgroundColor.setValue(""); this.scrollBackgroundColor.setValue("");
this.scrollThumbColor.setValue(""); this.scrollThumbColor.setValue("");
this.popupBackgroundColor.setValue(""); this.popupBackgroundColor.setValue("");
this.maskBackgroundColor.setValue(""); this.maskBackgroundColor.setValue("");
this.slitColor.setValue("");
this._runGlobalStyle(); this._runGlobalStyle();
} }
}); });
BI.shortcut("demo.face", Demo.Face);Demo.Main = BI.inherit(BI.Widget, { BI.shortcut("demo.face", Demo.Face);Demo.Main = BI.inherit(BI.Widget, {
props: { props: {
baseCls: "demo-main" baseCls: "demo-main bi-background"
}, },
render: function () { render: function () {
var center; var center;
@ -5049,19 +5293,40 @@ BI.shortcut("demo.north", Demo.North);Demo.Preview = BI.inherit(BI.Widget, {
} }
} }
return { return {
type: "bi.center", type: "bi.absolute",
cls: "preview-background", cls: "preview-background",
hgap: 100,
vgap: 100,
items: [{ items: [{
el: {
type: "bi.left",
cls: "preview-header bi-tips",
height: 40,
items: [{
type: "bi.label",
height: 40,
text: "Card2",
hgap: 10,
textAlign: "left"
}, {
type: "bi.icon_text_item",
cls: "filter-font",
text: "测试图标",
width: 100,
height: 40
}]
},
left: 60,
right: 60,
top: 60
}, {
el: {
type: "bi.vtape", type: "bi.vtape",
cls: "preview-card", cls: "preview-card bi-card",
items: [{ items: [{
el: { el: {
type: "bi.label", type: "bi.label",
cls: "preview-title", cls: "preview-title bi-border-bottom",
height: 40, height: 40,
text: "统计组件", text: "Card1",
hgap: 10, hgap: 10,
textAlign: "left" textAlign: "left"
}, },
@ -5090,6 +5355,11 @@ BI.shortcut("demo.north", Demo.North);Demo.Preview = BI.inherit(BI.Widget, {
header: header 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, { BI.shortcut("demo.preview", Demo.Preview);Demo.West = BI.inherit(BI.Widget, {
props: { props: {
baseCls: "demo-west" baseCls: "demo-west bi-border-right bi-card"
}, },
render: function () { render: function () {
var self = this; var self = this;

630
docs/resource.css

File diff suppressed because it is too large Load Diff

262
docs/widget.css

@ -1,17 +1,11 @@
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-arrangement-block {
background: #e85050;
opacity: 0.8;
filter: alpha(opacity=80);
}
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-arrangement .arrangement-helper { .bi-arrangement .arrangement-helper {
border: 1px solid #d4dadd; background: #3f8ce8;
background: #009de3;
z-index: 1000000000; z-index: 1000000000;
} }
.bi-arrangement .arrangement-block { .bi-arrangement .arrangement-block {
@ -25,7 +19,7 @@
} }
.bi-arrangement .arrangement-drop-container .drop-devider { .bi-arrangement .arrangement-drop-container .drop-devider {
z-index: 1000000001; z-index: 1000000001;
background: #009de3; background: #3f8ce8;
} }
.bi-arrangement .arrangement-drop-container .top-left, .bi-arrangement .arrangement-drop-container .top-left,
.bi-arrangement .arrangement-drop-container .top-right, .bi-arrangement .arrangement-drop-container .top-right,
@ -44,15 +38,12 @@
.bi-arrangement .arrangement-drop-container .left-center-second, .bi-arrangement .arrangement-drop-container .left-center-second,
.bi-arrangement .arrangement-drop-container .right-center-second { .bi-arrangement .arrangement-drop-container .right-center-second {
z-index: 1000000001; z-index: 1000000001;
background: #009de3; background: #3f8ce8;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-arrangement-droppable { .bi-arrangement-droppable {
background: #d8f3fe;
opacity: 0.8;
filter: alpha(opacity=80);
z-index: 100000; z-index: 100000;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
@ -124,14 +115,10 @@
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-date-picker {
background: #f4f4f4;
}
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-date-trigger { .bi-date-trigger {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
@ -139,9 +126,6 @@
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-down-list-combo .bi-down-list-spliter {
border-top: 1px solid #eaeaea;
}
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
@ -155,14 +139,16 @@
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-excel-table > div.bottom-right > div > div > table { .bi-excel-table > div.bottom-right > div > div > table {
border-right: 1px solid #eaeaea; border-right: 1px solid #d4dadd;
}
.bi-theme-dark .bi-excel-table > div.bottom-right > div > div > table {
border-right: 1px solid #525466;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-excel-table-header-cell { .bi-excel-table-header-cell {
font-weight: bold; font-weight: bold;
background-color: #eaeaea;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
@ -170,52 +156,37 @@
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-file-manager-file-item {
border-bottom: 1px solid #d4dadd;
}
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-file-manager-folder-item {
border-bottom: 1px solid #d4dadd;
}
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-file-manager-nav-button .file-manager-nav-button-text { .bi-file-manager-nav-button .file-manager-nav-button-text {
max-width: 200px; max-width: 200px;
background: #ffffff;
} }
.bi-file-manager-nav-button .file-manager-nav-button-text.active { .bi-file-manager-nav-button .file-manager-nav-button-text.active {
background-color: #f4f4f4; background-color: #eff1f4;
color: #808080; color: #999999;
} }
.bi-file-manager-nav-button .file-manager-nav-button-triangle { .bi-file-manager-nav-button .file-manager-nav-button-triangle {
z-index: 1; z-index: 1;
} }
.bi-theme-dark .bi-file-manager-nav-button .file-manager-nav-button-text.active {
background-color: #191b2b;
color: #999999;
}
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-file-manager-nav {
border-left: 1px solid #d4dadd;
}
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-fine-tuning-number-editor { .bi-fine-tuning-number-editor {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
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****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
@ -228,26 +199,20 @@
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-image-button-size .image-button-size-button-group { .bi-image-button-size .image-button-size-button-group {
font-size: 12px; font-size: 12px;
color: #1a1a1a;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-upload-image .upload-image-text-button-label { .bi-upload-image .upload-image-text-button-label {
font-size: 14px; font-size: 14px;
color: #c4c6c6; color: #999999;
} }
.bi-upload-image .upload-image-icon-button { .bi-upload-image .upload-image-icon-button {
z-index: 1; z-index: 1;
font-size: 16px; font-size: 16px;
background-color: #ffffff;
} }
.bi-upload-image .upload-image-delete-label { .bi-upload-image .upload-image-delete-label {
font-size: 14px; font-size: 14px;
color: #1a1a1a;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
@ -269,7 +234,6 @@
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-month-trigger { .bi-month-trigger {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
@ -277,40 +241,26 @@
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-select-check-pane {
background-color: #f4f4f4;
}
.bi-multi-select-check-pane .multi-select-check-selected { .bi-multi-select-check-pane .multi-select-check-selected {
color: #009de3; color: #3f8ce8;
text-decoration: underline; text-decoration: underline;
} }
.bi-theme-dark .bi-multi-select-check-pane {
background-color: #191a2c;
}
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-display-list .display-list-item {
color: #808080;
}
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-select-combo .multi-select-trigger-icon-button { .bi-multi-select-combo .multi-select-trigger-icon-button {
border-left: 1px solid #d4dadd;
font-size: 16px; font-size: 16px;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-select-popup-view .multi-select-no-toolbar {
color: #c4c6c6;
}
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-select-trigger { .bi-multi-select-trigger {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px;
@ -318,9 +268,6 @@
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-select-search-pane {
background: #ffffff;
}
.bi-multi-select-search-pane .multi-select-toolbar { .bi-multi-select-search-pane .multi-select-toolbar {
color: #e85050; color: #e85050;
} }
@ -328,70 +275,25 @@
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-select-check-selected-button { .bi-multi-select-check-selected-button {
border: 1px solid #009de3; color: #3f8ce8;
-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; z-index: 1;
} }
.bi-theme-dark .bi-multi-select-check-selected-button {
background-color: #191a2c;
}
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom 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****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom 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 { .bi-multi-tree-check-pane .multi-tree-check-selected {
color: #009de3; color: #3f8ce8;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-tree-display {
background-color: #f4f4f4;
}
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-tree-combo .multi-select-trigger-icon-button { .bi-multi-tree-combo .multi-select-trigger-icon-button {
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; font-size: 16px;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
@ -403,58 +305,20 @@
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom 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****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-multi-tree-check-selected-button .trigger-check-selected { .bi-multi-tree-check-selected-button .trigger-check-selected {
border: 1px solid #009de3; color: #3f8ce8;
-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; z-index: 1;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-tree-list-popup {
border-left: 1px solid #d4dadd;
border-right: 1px solid #d4dadd;
border-bottom: 1px solid #d4dadd;
}
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-numerical-interval .numerical-interval-small-editor { .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; -moz-border-radius-topleft: 2px;
-webkit-border-top-left-radius: 2px; -webkit-border-top-left-radius: 2px;
-moz-border-radius-bottomleft: 2px; -moz-border-radius-bottomleft: 2px;
@ -463,9 +327,6 @@
border-bottom-left-radius: 2px; border-bottom-left-radius: 2px;
} }
.bi-numerical-interval .numerical-interval-big-editor { .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; -moz-border-radius-topright: 2px;
-webkit-border-top-right-radius: 2px; -webkit-border-top-right-radius: 2px;
-moz-border-radius-bottomright: 2px; -moz-border-radius-bottomright: 2px;
@ -474,7 +335,6 @@
border-bottom-right-radius: 2px; border-bottom-right-radius: 2px;
} }
.bi-numerical-interval .numerical-interval-big-combo { .bi-numerical-interval .numerical-interval-big-combo {
border: 1px solid #d4dadd;
-moz-border-radius-topleft: 2px; -moz-border-radius-topleft: 2px;
-webkit-border-top-left-radius: 2px; -webkit-border-top-left-radius: 2px;
-moz-border-radius-bottomleft: 2px; -moz-border-radius-bottomleft: 2px;
@ -486,7 +346,6 @@
font-size: 14px; font-size: 14px;
} }
.bi-numerical-interval .numerical-interval-small-combo { .bi-numerical-interval .numerical-interval-small-combo {
border: 1px solid #d4dadd;
-moz-border-radius-topright: 2px; -moz-border-radius-topright: 2px;
-webkit-border-top-right-radius: 2px; -webkit-border-top-right-radius: 2px;
-moz-border-radius-bottomright: 2px; -moz-border-radius-bottomright: 2px;
@ -503,15 +362,6 @@
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom 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****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
@ -535,17 +385,8 @@
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-path-region {
background: #eaeaea;
}
.bi-path-region .path-region-label { .bi-path-region .path-region-label {
z-index: 1; z-index: 1;
background: #ffffff;
border: 1px solid #ffffff;
}
.bi-path-region .path-region-label.active {
background: #009de3;
color: #ffffff;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
@ -560,7 +401,11 @@
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-preview-table > div > table > thead > tr.odd, .bi-preview-table > div > table > thead > tr.odd,
.bi-preview-table > div > div > div > table > thead > tr.odd { .bi-preview-table > div > div > div > table > thead > tr.odd {
background-color: #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****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
@ -581,7 +426,6 @@
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-quarter-trigger { .bi-quarter-trigger {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
@ -589,26 +433,17 @@
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-relation-view-item.active {
color: #ffffff;
background-color: #009de3;
}
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-relation-view-region .relation-view-region-container { .bi-relation-view-region .relation-view-region-container {
background: #ffffff;
border: 1px solid #d4dadd;
z-index: 1; z-index: 1;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
} }
.bi-relation-view-region .relation-view-region-container.other-package { .bi-relation-view-region .relation-view-region-container.other-package {
border: 1px dashed #d4dadd; border-style: dashed;
}
.bi-relation-view-region .relation-view-region-container .relation-view-region-title {
border-bottom: 1px solid #d4dadd;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
@ -625,7 +460,6 @@
/*IE8*/ /*IE8*/
box-sizing: border-box; box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
border: 1px solid #eaeaea;
} }
.bi-sequence-table-dynamic-number .sequence-table-number-cell { .bi-sequence-table-dynamic-number .sequence-table-number-cell {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
@ -636,9 +470,6 @@
/*IE8*/ /*IE8*/
box-sizing: border-box; box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
border-left: 1px solid #eaeaea;
border-right: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
@ -655,7 +486,6 @@
/*IE8*/ /*IE8*/
box-sizing: border-box; box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
border: 1px solid #eaeaea;
} }
.bi-sequence-table-list-number .sequence-table-number-cell { .bi-sequence-table-list-number .sequence-table-number-cell {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
@ -666,9 +496,6 @@
/*IE8*/ /*IE8*/
box-sizing: border-box; box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
border-left: 1px solid #eaeaea;
border-right: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
@ -688,7 +515,6 @@
/*IE8*/ /*IE8*/
box-sizing: border-box; box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
border: 1px solid #eaeaea;
} }
.bi-sequence-table-tree-number .sequence-table-number-cell { .bi-sequence-table-tree-number .sequence-table-number-cell {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
@ -699,38 +525,10 @@
/*IE8*/ /*IE8*/
box-sizing: border-box; box-sizing: border-box;
/*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
border-left: 1px solid #eaeaea;
border-right: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
} }
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom 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****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
@ -738,21 +536,25 @@
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-year-popup .year-popup-navigation { .bi-year-popup .year-popup-navigation {
border-top: 1px solid #eaeaea;
line-height: 30px; line-height: 30px;
color: #009de3; color: #3f8ce8;
} }
.bi-year-popup .year-popup-navigation > .center-element { .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 { .bi-year-popup .year-popup-navigation > .first-element {
border-left: none; border-left: none;
} }
.bi-theme-dark .bi-year-popup .year-popup-navigation > .center-element {
border-left: 1px solid #525466;
}
.bi-theme-dark .bi-year-popup .year-popup-navigation > .first-element {
border-left: none;
}
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-year-trigger { .bi-year-trigger {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;

258
docs/widget.js

@ -15,6 +15,8 @@ BI.SequenceTableTreeNumber = BI.inherit(BI.Widget, {
headerRowSize: 25, headerRowSize: 25,
rowSize: 25, rowSize: 25,
sequenceHeaderCreator: null,
header: [], header: [],
items: [], //二维数组 items: [], //二维数组
@ -33,9 +35,9 @@ BI.SequenceTableTreeNumber = BI.inherit(BI.Widget, {
this.renderedCells = []; this.renderedCells = [];
this.renderedKeys = []; this.renderedKeys = [];
this.header = BI.createWidget({ this.header = BI.createWidget(o.sequenceHeaderCreator || {
type: "bi.table_style_cell", type: "bi.table_style_cell",
cls: "sequence-table-title-cell", cls: "sequence-table-title-cell bi-border",
styleGetter: o.headerCellStyleGetter, styleGetter: o.headerCellStyleGetter,
text: BI.i18nText("BI-Number_Index") text: BI.i18nText("BI-Number_Index")
}); });
@ -251,7 +253,7 @@ BI.SequenceTableTreeNumber = BI.inherit(BI.Widget, {
} else { } else {
var child = BI.createWidget(BI.extend({ var child = BI.createWidget(BI.extend({
type: "bi.table_style_cell", 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, width: 60,
styleGetter: numbers[key].isSummary === true ? function () { styleGetter: numbers[key].isSummary === true ? function () {
return o.summaryCellStyleGetter(true); return o.summaryCellStyleGetter(true);
@ -320,7 +322,7 @@ BI.SequenceTableTreeNumber = BI.inherit(BI.Widget, {
task.apply(self); task.apply(self);
}); });
this.tasks = []; this.tasks = [];
this.header.populate(); this.header.populate && this.header.populate();
this._layout(); this._layout();
this._calculateChildrenToRender(); this._calculateChildrenToRender();
}, },
@ -921,7 +923,7 @@ BI.ArrangementBlock = BI.inherit(BI.Widget, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.ArrangementBlock.superclass._defaultConfig.apply(this, arguments), { return BI.extend(BI.ArrangementBlock.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-arrangement-block" baseCls: "bi-arrangement-block bi-resizer"
}); });
}, },
@ -3206,7 +3208,7 @@ BI.Arrangement = BI.inherit(BI.Widget, {
type: "bi.layout", type: "bi.layout",
width: 18, width: 18,
height: 18, height: 18,
cls: "arrangement-helper" cls: "arrangement-helper bi-border"
}); });
BI.createWidget({ BI.createWidget({
type: "bi.absolute", type: "bi.absolute",
@ -4526,7 +4528,7 @@ BI.DatePicker = BI.inherit(BI.Widget, {
_defaultConfig: function () { _defaultConfig: function () {
var conf = BI.DatePicker.superclass._defaultConfig.apply(this, arguments); var conf = BI.DatePicker.superclass._defaultConfig.apply(this, arguments);
return BI.extend(conf, { return BI.extend(conf, {
baseCls: "bi-date-picker", baseCls: "bi-date-picker bi-background",
height: 25, height: 25,
min: '1900-01-01', //最小日期 min: '1900-01-01', //最小日期
max: '2099-12-31' //最大日期 max: '2099-12-31' //最大日期
@ -4876,7 +4878,7 @@ BI.shortcut('bi.date_combo', BI.DateCombo);BI.DateTrigger = BI.inherit(BI.Trigge
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.DateTrigger.superclass._defaultConfig.apply(this, arguments), { return BI.extend(BI.DateTrigger.superclass._defaultConfig.apply(this, arguments), {
extraCls: "bi-date-trigger", extraCls: "bi-date-trigger bi-border",
min: '1900-01-01', //最小日期 min: '1900-01-01', //最小日期
max: '2099-12-31', //最大日期 max: '2099-12-31', //最大日期
height: 25 height: 25
@ -6017,7 +6019,7 @@ BI.DownListPopup = BI.inherit(BI.Pane, {
items: [{ items: [{
el: { el: {
type: "bi.layout", type: "bi.layout",
cls: "bi-down-list-spliter cursor-pointer", cls: "bi-down-list-spliter bi-border-top cursor-pointer",
height: 0 height: 0
} }
@ -6137,7 +6139,7 @@ BI.ExcelTableHeaderCell = BI.inherit(BI.Widget, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.ExcelTableHeaderCell.superclass._defaultConfig.apply(this, arguments), { 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: "" text: ""
}); });
}, },
@ -6564,7 +6566,7 @@ BI.FileManagerFileItem = BI.inherit(BI.Single, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.FileManagerFileItem.superclass._defaultConfig.apply(this, arguments), { 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 height: 30
}) })
}, },
@ -6631,7 +6633,7 @@ BI.FileManagerFolderItem = BI.inherit(BI.Single, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.FileManagerFolderItem.superclass._defaultConfig.apply(this, arguments), { 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 height: 30
}) })
}, },
@ -6855,7 +6857,7 @@ BI.FileManagerNavButton = BI.inherit(BI.Widget, {
var self = this, o = this.options, c = this._const; var self = this, o = this.options, c = this._const;
this.button = BI.createWidget({ this.button = BI.createWidget({
type: "bi.text_button", type: "bi.text_button",
cls: "file-manager-nav-button-text", cls: "file-manager-nav-button-text bi-card",
once: true, once: true,
selected: o.selected, selected: o.selected,
text: o.text, text: o.text,
@ -6931,7 +6933,7 @@ BI.FileManagerNav = BI.inherit(BI.Widget, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.FileManagerNav.superclass._defaultConfig.apply(this, arguments), { 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, height: 40,
items: [] items: []
}) })
@ -7033,7 +7035,7 @@ BI.shortcut("bi.file_manager_nav", BI.FileManagerNav);/**
BI.FineTuningNumberEditor = BI.inherit(BI.Widget, { BI.FineTuningNumberEditor = BI.inherit(BI.Widget, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.FineTuningNumberEditor.superclass._defaultConfig.apply(this, arguments), { 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 value: -1
}) })
}, },
@ -7055,7 +7057,8 @@ BI.FineTuningNumberEditor = BI.inherit(BI.Widget, {
}); });
this.topBtn = BI.createWidget({ this.topBtn = BI.createWidget({
type: "bi.icon_button", type: "bi.icon_button",
cls: "column-pre-page-h-font top-button" trigger: "lclick,",
cls: "column-pre-page-h-font top-button bi-border-left bi-border-bottom"
}); });
this.topBtn.on(BI.IconButton.EVENT_CHANGE, function(){ this.topBtn.on(BI.IconButton.EVENT_CHANGE, function(){
self._finetuning(1); self._finetuning(1);
@ -7063,7 +7066,8 @@ BI.FineTuningNumberEditor = BI.inherit(BI.Widget, {
}); });
this.bottomBtn = BI.createWidget({ this.bottomBtn = BI.createWidget({
type: "bi.icon_button", type: "bi.icon_button",
cls: "column-next-page-h-font bottom-button" trigger: "lclick,",
cls: "column-next-page-h-font bottom-button bi-border-left bi-border-top"
}); });
this.bottomBtn.on(BI.IconButton.EVENT_CHANGE, function(){ this.bottomBtn.on(BI.IconButton.EVENT_CHANGE, function(){
self._finetuning(-1); self._finetuning(-1);
@ -7105,7 +7109,7 @@ BI.FineTuningNumberEditor = BI.inherit(BI.Widget, {
_finetuning: function(add){ _finetuning: function(add){
var v = BI.parseInt(this._alertOutEditorValue(this.editor.getValue())); var v = BI.parseInt(this._alertOutEditorValue(this.editor.getValue()));
this.editor.setValue(this._alertInEditorValue(v + add)); this.editor.setValue(this._alertInEditorValue(v + add));
this.bottomBtn.setEnable((v + add) !== -1); this.bottomBtn.setEnable((v + add) > -1);
}, },
getValue: function () { getValue: function () {
@ -7869,7 +7873,7 @@ BI.MonthTrigger = BI.inherit(BI.Trigger, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.MonthTrigger.superclass._defaultConfig.apply(this, arguments), { return BI.extend(BI.MonthTrigger.superclass._defaultConfig.apply(this, arguments), {
extraCls: "bi-month-trigger", extraCls: "bi-month-trigger bi-border",
height: 25 height: 25
}); });
}, },
@ -9320,7 +9324,7 @@ BI.MultiSelectCheckPane = BI.inherit(BI.Widget, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.MultiSelectCheckPane.superclass._defaultConfig.apply(this, arguments), { 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: [], items: [],
itemsCreator: BI.emptyFn, itemsCreator: BI.emptyFn,
valueFormatter: BI.emptyFn, valueFormatter: BI.emptyFn,
@ -9473,7 +9477,7 @@ BI.DisplaySelectedList = BI.inherit(BI.Pane, {
_createItems: function (items) { _createItems: function (items) {
return BI.createItems(items, { return BI.createItems(items, {
type: 'bi.icon_text_item', 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, once: true,
invalid: true, invalid: true,
selected: true, selected: true,
@ -9658,7 +9662,7 @@ BI.MultiSelectCombo = BI.inherit(BI.Single, {
type: "bi.trigger_icon_button", type: "bi.trigger_icon_button",
width: o.height, width: o.height,
height: 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 () { triggerBtn.on(BI.TriggerIconButton.EVENT_CHANGE, function () {
self.trigger.getCounter().hideView(); self.trigger.getCounter().hideView();
@ -10126,7 +10130,7 @@ BI.MultiSelectTrigger = BI.inherit(BI.Trigger, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.MultiSelectTrigger.superclass._defaultConfig.apply(this, arguments), { 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, itemsCreator: BI.emptyFn,
valueFormatter: BI.emptyFn, valueFormatter: BI.emptyFn,
searcher: {}, searcher: {},
@ -10433,7 +10437,7 @@ BI.MultiSelectSearchPane = BI.inherit(BI.Widget, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.MultiSelectSearchPane.superclass._defaultConfig.apply(this, arguments), { 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, itemsCreator: BI.emptyFn,
valueFormatter: BI.emptyFn, valueFormatter: BI.emptyFn,
keywordGetter: BI.emptyFn keywordGetter: BI.emptyFn
@ -10779,13 +10783,18 @@ BI.MultiSelectSearcher = BI.inherit(BI.Widget, {
}, },
setState: function (ob) { setState: function (ob) {
var o = this.options;
ob || (ob = {}); ob || (ob = {});
ob.value || (ob.value = []); ob.value || (ob.value = []);
if (ob.type === BI.Selection.All) { if (ob.type === 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); this.editor.setState(BI.size(ob.value) > 0 ? BI.Selection.Multi : BI.Selection.All);
}
} else { } else {
if (BI.size(ob.value) === 1) { if (BI.size(ob.value) === 1) {
this.editor.setState(ob.value[0] + ""); this.editor.setState(o.valueFormatter(ob.value[0] + "" || ob.value[0] + ""));
} else { } else {
this.editor.setState(BI.size(ob.value) > 0 ? BI.Selection.Multi : BI.Selection.None); this.editor.setState(BI.size(ob.value) > 0 ? BI.Selection.Multi : BI.Selection.None);
} }
@ -10940,7 +10949,7 @@ BI.MultiStringList = BI.inherit(BI.Widget, {
this.popup = BI.createWidget({ this.popup = BI.createWidget({
type: "bi.multi_select_loader", 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, itemsCreator: o.itemsCreator,
valueFormatter: o.valueFormatter, valueFormatter: o.valueFormatter,
onLoaded: o.onLoaded, onLoaded: o.onLoaded,
@ -11247,7 +11256,7 @@ BI.MultiTreeCheckPane = BI.inherit(BI.Pane, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.MultiTreeCheckPane.superclass._defaultConfig.apply(this, arguments), { 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 onClickContinueSelect: BI.emptyFn
}); });
}, },
@ -11542,7 +11551,7 @@ BI.MultiTreeCombo = BI.inherit(BI.Single, {
type: "bi.trigger_icon_button", type: "bi.trigger_icon_button",
width: o.height, width: o.height,
height: 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 () { triggerBtn.on(BI.TriggerIconButton.EVENT_CHANGE, function () {
self.trigger.getCounter().hideView(); self.trigger.getCounter().hideView();
@ -11708,7 +11717,7 @@ BI.MultiTreeSearchPane = BI.inherit(BI.Pane, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.MultiTreeSearchPane.superclass._defaultConfig.apply(this, arguments), { 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, itemsCreator: BI.emptyFn,
keywordGetter: BI.emptyFn keywordGetter: BI.emptyFn
}); });
@ -12153,7 +12162,7 @@ BI.shortcut('bi.multi_tree_list', BI.MultiTreeList);/**
BI.MultiStringListPopup=BI.inherit(BI.Widget,{ BI.MultiStringListPopup=BI.inherit(BI.Widget,{
_defaultConfig:function () { _defaultConfig:function () {
return BI.extend(BI.MultiStringListPopup.superclass._defaultConfig.apply(this, arguments), { 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 itemsCreator: BI.emptyFn
}); });
}, },
@ -12244,7 +12253,7 @@ BI.NumericalInterval = BI.inherit(BI.Single, {
} }
return true; 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({ this.smallTip = BI.createWidget({
@ -12281,7 +12290,7 @@ BI.NumericalInterval = BI.inherit(BI.Single, {
} }
return true; 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({ this.bigTip = BI.createWidget({
@ -12317,7 +12326,7 @@ BI.NumericalInterval = BI.inherit(BI.Single, {
//}); //});
this.smallCombo = BI.createWidget({ this.smallCombo = BI.createWidget({
type: "bi.icon_combo", type: "bi.icon_combo",
cls: "numerical-interval-small-combo", cls: "numerical-interval-small-combo bi-border",
height: o.height - 2, height: o.height - 2,
items: [{ items: [{
text: "(" + BI.i18nText("BI-Less_Than") + ")", text: "(" + BI.i18nText("BI-Less_Than") + ")",
@ -12336,7 +12345,7 @@ BI.NumericalInterval = BI.inherit(BI.Single, {
} }
this.bigCombo = BI.createWidget({ this.bigCombo = BI.createWidget({
type: "bi.icon_combo", type: "bi.icon_combo",
cls: "numerical-interval-big-combo", cls: "numerical-interval-big-combo bi-border",
height: o.height - 2, height: o.height - 2,
items: [{ items: [{
text: "(" + BI.i18nText("BI-Less_Than") + ")", text: "(" + BI.i18nText("BI-Less_Than") + ")",
@ -13532,7 +13541,7 @@ BI.PathRegion = BI.inherit(BI.Widget, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.PathRegion.superclass._defaultConfig.apply(this, arguments), { return BI.extend(BI.PathRegion.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-path-region", baseCls: "bi-path-region bi-background",
width: 80, width: 80,
title: "" title: ""
}) })
@ -13569,7 +13578,7 @@ BI.PathRegion = BI.inherit(BI.Widget, {
if (BI.isKey(value)) { if (BI.isKey(value)) {
var label = BI.createWidget({ var label = BI.createWidget({
type: "bi.label", type: "bi.label",
cls: "path-region-label", cls: "path-region-label bi-card bi-border bi-list-item-active",
text: text, text: text,
value: value, value: value,
title: text || value, title: text || value,
@ -14069,7 +14078,7 @@ BI.QuarterTrigger = BI.inherit(BI.Trigger, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.QuarterTrigger.superclass._defaultConfig.apply(this, arguments), { return BI.extend(BI.QuarterTrigger.superclass._defaultConfig.apply(this, arguments), {
extraCls: "bi-quarter-trigger", extraCls: "bi-quarter-trigger bi-border",
height: 25 height: 25
}); });
}, },
@ -14167,7 +14176,7 @@ BI.RelationViewItem = BI.inherit(BI.BasicButton, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.RelationViewItem.superclass._defaultConfig.apply(this, arguments), { 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, height: 25,
hoverIn: BI.emptyFn, hoverIn: BI.emptyFn,
hoverOut: BI.emptyFn hoverOut: BI.emptyFn
@ -14538,7 +14547,7 @@ BI.shortcut('bi.relation_view', BI.RelationView);/**
BI.RelationViewRegionContainer = BI.inherit(BI.Widget, { BI.RelationViewRegionContainer = BI.inherit(BI.Widget, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.RelationViewRegionContainer.superclass._defaultConfig.apply(this, arguments), { 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 width: 150
}); });
}, },
@ -14689,10 +14698,10 @@ BI.RelationViewRegion = BI.inherit(BI.BasicButton, {
element: this, element: this,
items: [{ items: [{
type: "bi.vertical", 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: [{ items: [{
type: "bi.vertical_adapt", type: "bi.vertical_adapt",
cls: "relation-view-region-title", cls: "relation-view-region-title bi-border",
items: [this.preview, this.title] items: [this.preview, this.title]
}, this.button_group] }, this.button_group]
}], }],
@ -15717,6 +15726,8 @@ BI.SequenceTableListNumber = BI.inherit(BI.Widget, {
headerRowSize: 25, headerRowSize: 25,
rowSize: 25, rowSize: 25,
sequenceHeaderCreator: null,
header: [], header: [],
items: [], //二维数组 items: [], //二维数组
@ -15735,9 +15746,9 @@ BI.SequenceTableListNumber = BI.inherit(BI.Widget, {
this.renderedCells = []; this.renderedCells = [];
this.renderedKeys = []; this.renderedKeys = [];
this.header = BI.createWidget({ this.header = BI.createWidget(o.sequenceHeaderCreator || {
type: "bi.table_style_cell", type: "bi.table_style_cell",
cls: "sequence-table-title-cell", cls: "sequence-table-title-cell bi-border",
styleGetter: o.headerCellStyleGetter, styleGetter: o.headerCellStyleGetter,
text: BI.i18nText("BI-Number_Index") text: BI.i18nText("BI-Number_Index")
}); });
@ -15804,7 +15815,7 @@ BI.SequenceTableListNumber = BI.inherit(BI.Widget, {
} else { } else {
var child = BI.createWidget(BI.extend({ var child = BI.createWidget(BI.extend({
type: "bi.table_style_cell", 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, width: 60,
height: o.rowSize, height: o.rowSize,
text: this.start + i, text: this.start + i,
@ -15859,7 +15870,7 @@ BI.SequenceTableListNumber = BI.inherit(BI.Widget, {
}, },
_populate: function () { _populate: function () {
this.header.populate(); this.header.populate && this.header.populate();
this._layout(); this._layout();
this._calculateChildrenToRender(); this._calculateChildrenToRender();
}, },
@ -16460,159 +16471,6 @@ BI.SwitchTree.SelectType = {
}; };
BI.shortcut('bi.switch_tree', BI.SwitchTree); 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. * Created by GUY on 2015/8/28.
@ -16769,7 +16627,7 @@ BI.YearPopup = BI.inherit(BI.Widget, {
dynamic: true dynamic: true
}, },
tab: { tab: {
cls: "year-popup-navigation", cls: "year-popup-navigation bi-border-top",
height: 25, height: 25,
items: [backBtn, preBtn] items: [backBtn, preBtn]
}, },
@ -16827,7 +16685,7 @@ BI.YearTrigger = BI.inherit(BI.Trigger, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.YearTrigger.superclass._defaultConfig.apply(this, arguments), { return BI.extend(BI.YearTrigger.superclass._defaultConfig.apply(this, arguments), {
extraCls: "bi-year-trigger", extraCls: "bi-year-trigger bi-border",
min: '1900-01-01', //最小日期 min: '1900-01-01', //最小日期
max: '2099-12-31', //最大日期 max: '2099-12-31', //最大日期
height: 25 height: 25

6
src/base/combination/combo.js

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

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

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

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

@ -5,7 +5,7 @@
BI.ComboGroup = BI.inherit(BI.Widget, { BI.ComboGroup = BI.inherit(BI.Widget, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.ComboGroup.superclass._defaultConfig.apply(this, arguments), { return BI.extend(BI.ComboGroup.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-combo-group", baseCls: "bi-combo-group bi-list-item",
//以下这些属性对每一个combo都是公用的 //以下这些属性对每一个combo都是公用的
trigger: "click,hover", trigger: "click,hover",

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

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

5
src/base/grid/grid.js

@ -195,6 +195,10 @@ BI.Grid = BI.inherit(BI.Widget, {
if (o.items.length > 0) { if (o.items.length > 0) {
this.columnCount = o.items[0].length; this.columnCount = o.items[0].length;
this.rowCount = o.items.length; this.rowCount = o.items.length;
} else {
this.rowCount = 0;
this.columnCount = 0;
}
this.container.setWidth(this.columnCount * o.estimatedColumnSize); this.container.setWidth(this.columnCount * o.estimatedColumnSize);
this.container.setHeight(this.rowCount * o.estimatedRowSize); this.container.setHeight(this.rowCount * o.estimatedRowSize);
@ -204,7 +208,6 @@ BI.Grid = BI.inherit(BI.Widget, {
this._calculateChildrenToRender(); this._calculateChildrenToRender();
this.element.scrollTop(o.scrollTop); this.element.scrollTop(o.scrollTop);
this.element.scrollLeft(o.scrollLeft); this.element.scrollLeft(o.scrollLeft);
}
}, },
setScrollLeft: function (scrollLeft) { setScrollLeft: function (scrollLeft) {

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

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

9
src/base/layer/layer.popup.js

@ -55,12 +55,7 @@ BI.PopupView = BI.inherit(BI.Widget, {
"max-width": o.maxWidth + "px" "max-width": o.maxWidth + "px"
}).bind({"click": fn}); }).bind({"click": fn});
//FIXME IE8下 jquery.mousewheeel.js 第一次执行65行$elem["offsetParent"]()的时候报错:未指明的错误 但是第二次或者调试的时候展开一下$elem内容均能避免上述问题
try {
this.element.bind("mousewheel", fn); this.element.bind("mousewheel", fn);
} catch (e) {
this.element.bind("mousewheel", fn);
}
o.stopPropagation && this.element.bind({"mousedown": fn, "mouseup": fn, "mouseover": fn}); o.stopPropagation && this.element.bind({"mousedown": fn, "mouseup": fn, "mouseover": fn});
o.stopEvent && this.element.bind({"mousedown": stop, "mouseup": stop, "mouseover": stop}); o.stopEvent && this.element.bind({"mousedown": stop, "mouseup": stop, "mouseover": stop});
@ -88,7 +83,7 @@ BI.PopupView = BI.inherit(BI.Widget, {
hgap: o.hgap, hgap: o.hgap,
items: BI.LogicFactory.createLogicItemsByDirection(o.direction, items: BI.LogicFactory.createLogicItemsByDirection(o.direction,
BI.extend({ 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, { }, 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) 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({ return BI.createWidget({
type: "bi.center", type: "bi.center",
cls: "list-view-toolbar", cls: "list-view-toolbar bi-border-top",
height: 30, height: 30,
items: BI.createItems(o.buttons, { items: BI.createItems(o.buttons, {
once: false, once: false,

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

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

8
src/base/pane.js

@ -42,7 +42,7 @@ BI.Pane = BI.inherit(BI.Widget, {
loading: function () { loading: function () {
var self = this, o = this.options; var self = this, o = this.options;
if (o.overlap === true) { if (o.overlap === true) {
if (!BI.Maskers.has(this.getName())) { if (!BI.Layers.has(this.getName())) {
BI.createWidget({ BI.createWidget({
type: 'bi.vtape', type: 'bi.vtape',
items: [{ items: [{
@ -52,10 +52,10 @@ BI.Pane = BI.inherit(BI.Widget, {
}, },
height: 30 height: 30
}], }],
element: BI.Maskers.make(this.getName(), this) element: BI.Layers.make(this.getName(), this)
}); });
} }
BI.Maskers.show(self.getName()); BI.Layers.show(self.getName());
} else if (BI.isNull(this._loading)) { } else if (BI.isNull(this._loading)) {
this._loading = BI.createWidget({ this._loading = BI.createWidget({
type: "bi.layout", type: "bi.layout",
@ -78,7 +78,7 @@ BI.Pane = BI.inherit(BI.Widget, {
loaded: function () { loaded: function () {
var self = this, o = this.options; var self = this, o = this.options;
BI.Maskers.remove(self.getName()); BI.Layers.remove(self.getName());
this._loading && this._loading.destroy(); this._loading && this._loading.destroy();
this._loading && (this._loading = null); this._loading && (this._loading = null);
o.onLoaded(); o.onLoaded();

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

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

29
src/base/single/button/button.basic.js

@ -102,7 +102,9 @@ BI.BasicButton = BI.inherit(BI.Single, {
return; return;
} }
hand = hand.element; hand = hand.element;
switch (o.trigger) { var triggerArr = (o.trigger || "").split(",");
BI.each(triggerArr, function (idx, trigger) {
switch (trigger) {
case "mouseup": case "mouseup":
var mouseDown = false; var mouseDown = false;
hand.mousedown(function () { hand.mousedown(function () {
@ -158,6 +160,29 @@ BI.BasicButton = BI.inherit(BI.Single, {
case "dblclick": case "dblclick":
hand.dblclick(clk); hand.dblclick(clk);
break; break;
case "lclick":
var mouseDown = false;
var interval;
hand.mousedown(function (e) {
$(document).bind("mouseup." + self.getName(), function (e) {
interval && clearInterval(interval);
interval = null;
mouseDown = false;
$(document).unbind("mouseup." + self.getName());
});
if (mouseDown === true) {
return;
}
if (!self.isEnabled() || (self.isOnce() && self.isSelected())) {
return;
}
interval = setInterval(function () {
self.doClick();
}, 100);
mouseDown = true;
ev(e);
});
break;
default: default:
hand.mousedown(function (e) { hand.mousedown(function (e) {
ev(e); ev(e);
@ -168,6 +193,8 @@ BI.BasicButton = BI.inherit(BI.Single, {
hand.click(clk); hand.click(clk);
break; break;
} }
});
//之后的300ms点击无效 //之后的300ms点击无效
var onClick = BI.debounce(this.doClick, BI.EVENT_RESPONSE_TIME, true); var onClick = BI.debounce(this.doClick, BI.EVENT_RESPONSE_TIME, true);

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

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

14
src/base/single/text.js

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

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

@ -9,7 +9,7 @@
BI.GridTableCell = BI.inherit(BI.Widget, { BI.GridTableCell = BI.inherit(BI.Widget, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.GridTableCell.superclass._defaultConfig.apply(this, arguments), { 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, width: 0,
height: 0, height: 0,
_rowIndex: 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" : ""); .addClass(c === rows.length - 1 ? "last-col" : "");
var w = BI.createWidget(map[r][c], { var w = BI.createWidget(map[r][c], {
type: "bi.table_cell", type: "bi.table_cell",
root: true,
textAlign: "left", textAlign: "left",
width: BI.isNumeric(width) ? width : "", width: BI.isNumeric(width) ? width : "",
height: BI.isNumeric(height) ? height : "", height: BI.isNumeric(height) ? height : "",
_row: r, _row: r,
_col: c + start _col: c + start
}); });
self.addWidget(w.getName(), w);
w._mount();
w.element.css("position", "relative"); w.element.css("position", "relative");
td.append(w.element); td.append(w.element);
tr.append(td); tr.append(td);

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

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

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

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

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

@ -10,7 +10,7 @@ BI.ColorPickerButton = BI.inherit(BI.BasicButton, {
_defaultConfig: function () { _defaultConfig: function () {
var conf = BI.ColorPickerButton.superclass._defaultConfig.apply(this, arguments); var conf = BI.ColorPickerButton.superclass._defaultConfig.apply(this, arguments);
return BI.extend(conf, { 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; var self = this, o = this.options;
this.colorShow = BI.createWidget({ this.colorShow = BI.createWidget({
type: "bi.layout", type: "bi.layout",
cls: "color-picker-editor-display", cls: "color-picker-editor-display bi-card",
height: 20 height: 20
}); });
var RGB = BI.createWidgets(BI.createItems([{text: "R"}, {text: "G"}, {text: "B"}], { 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; var self = this, o = this.options;
this.trigger = BI.createWidget(o.el, { this.trigger = BI.createWidget(o.el, {
type: "bi.text_icon_item", 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, text: o.text,
readonly: true, readonly: true,
textLgap: 5, textLgap: 5,

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

@ -5,7 +5,7 @@ BI.SearchEditor = BI.inherit(BI.Widget, {
_defaultConfig: function () { _defaultConfig: function () {
var conf = BI.SearchEditor.superclass._defaultConfig.apply(this, arguments); var conf = BI.SearchEditor.superclass._defaultConfig.apply(this, arguments);
return BI.extend(conf, { return BI.extend(conf, {
baseCls: "bi-search-editor", baseCls: "bi-search-editor bi-border",
height: 30, height: 30,
errorText: "", errorText: "",
watermark: BI.i18nText("BI-Basic_Search"), 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({ this.text = BI.createWidget({
type: "bi.text_button", type: "bi.text_button",
cls: "state-editor-infinite-text", cls: "state-editor-infinite-text bi-disabled",
textAlign: "left", textAlign: "left",
height: o.height, height: o.height,
text: BI.i18nText("BI-Unrestricted"), 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({ this.text = BI.createWidget({
type: "bi.text_button", type: "bi.text_button",
cls: "state-editor-infinite-text", cls: "state-editor-infinite-text bi-disabled",
textAlign: "left", textAlign: "left",
height: o.height, height: o.height,
text: BI.i18nText("BI-Unrestricted"), text: BI.i18nText("BI-Unrestricted"),

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

@ -7,7 +7,7 @@ BI.TextEditor = BI.inherit(BI.Single, {
_defaultConfig: function () { _defaultConfig: function () {
var conf = BI.TextEditor.superclass._defaultConfig.apply(this, arguments); var conf = BI.TextEditor.superclass._defaultConfig.apply(this, arguments);
return BI.extend(conf, { return BI.extend(conf, {
extraCls: "bi-text-editor", extraCls: "bi-text-editor bi-border",
hgap: 4, hgap: 4,
vgap: 2, vgap: 2,
lgap: 0, 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({ this.buttongroup = BI.createWidget({
type: "bi.button_group", type: "bi.button_group",
cls: "list-view-toolbar", cls: "list-view-toolbar bi-border-top",
height: 30, height: 30,
items: BI.createItems(text, { items: BI.createItems(text, {
type: "bi.text_button", type: "bi.text_button",

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

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

4
src/case/layer/panel.js

@ -6,7 +6,7 @@
BI.Panel = BI.inherit(BI.Widget,{ BI.Panel = BI.inherit(BI.Widget,{
_defaultConfig : function(){ _defaultConfig : function(){
return BI.extend(BI.Panel.superclass._defaultConfig.apply(this,arguments),{ return BI.extend(BI.Panel.superclass._defaultConfig.apply(this,arguments),{
baseCls: "bi-panel", baseCls: "bi-panel bi-border",
title:"", title:"",
titleButtons:[], titleButtons:[],
el:{}, el:{},
@ -57,7 +57,7 @@ BI.Panel = BI.inherit(BI.Widget,{
return { return {
el: { el: {
type: "bi.left_right_vertical_adapt", type: "bi.left_right_vertical_adapt",
cls: "panel-title", cls: "panel-title bi-tips bi-border-bottom bi-background",
height: 30, height: 30,
items: { items: {
left: [this.text], left: [this.text],

2
src/case/pager/pager.js

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

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

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

7
src/case/segment/segment.js

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

7
src/case/table/table.dynamicsummarylayertree.js

@ -33,6 +33,9 @@ BI.DynamicSummaryLayerTreeTable = BI.inherit(BI.Widget, {
regionColumnSize: [], regionColumnSize: [],
//行表头
rowHeaderCreator: null,
headerCellStyleGetter: BI.emptyFn, headerCellStyleGetter: BI.emptyFn,
summaryCellStyleGetter: BI.emptyFn, summaryCellStyleGetter: BI.emptyFn,
sequenceCellStyleGetter: BI.emptyFn, sequenceCellStyleGetter: BI.emptyFn,
@ -69,13 +72,13 @@ BI.DynamicSummaryLayerTreeTable = BI.inherit(BI.Widget, {
var newHeader = this._formatColumns(header); var newHeader = this._formatColumns(header);
var deep = this._getHDeep(); var deep = this._getHDeep();
if (deep <= 0) { if (deep <= 0) {
newHeader.unshift({ newHeader.unshift(o.rowHeaderCreator || {
type: "bi.table_style_cell", type: "bi.table_style_cell",
text: BI.i18nText("BI-Row_Header"), text: BI.i18nText("BI-Row_Header"),
styleGetter: o.headerCellStyleGetter styleGetter: o.headerCellStyleGetter
}); });
} else { } else {
newHeader[0] = { newHeader[0] = o.rowHeaderCreator || {
type: "bi.table_style_cell", type: "bi.table_style_cell",
text: BI.i18nText("BI-Row_Header"), text: BI.i18nText("BI-Row_Header"),
styleGetter: o.headerCellStyleGetter styleGetter: o.headerCellStyleGetter

6
src/case/table/table.layertree.js

@ -33,6 +33,8 @@ BI.LayerTreeTable = BI.inherit(BI.Widget, {
regionColumnSize: [], regionColumnSize: [],
rowHeaderCreator: null,
headerCellStyleGetter: BI.emptyFn, headerCellStyleGetter: BI.emptyFn,
summaryCellStyleGetter: BI.emptyFn, summaryCellStyleGetter: BI.emptyFn,
sequenceCellStyleGetter: BI.emptyFn, sequenceCellStyleGetter: BI.emptyFn,
@ -68,13 +70,13 @@ BI.LayerTreeTable = BI.inherit(BI.Widget, {
var newHeader = this._formatColumns(header); var newHeader = this._formatColumns(header);
var deep = this._getHDeep(); var deep = this._getHDeep();
if (deep <= 0) { if (deep <= 0) {
newHeader.unshift({ newHeader.unshift(o.rowHeaderCreator || {
type: "bi.table_style_cell", type: "bi.table_style_cell",
text: BI.i18nText("BI-Row_Header"), text: BI.i18nText("BI-Row_Header"),
styleGetter: o.headerCellStyleGetter styleGetter: o.headerCellStyleGetter
}); });
} else { } else {
newHeader[0] = { newHeader[0] = o.rowHeaderCreator || {
type: "bi.table_style_cell", type: "bi.table_style_cell",
text: BI.i18nText("BI-Row_Header"), text: BI.i18nText("BI-Row_Header"),
styleGetter: o.headerCellStyleGetter styleGetter: o.headerCellStyleGetter

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

@ -13,7 +13,7 @@ BI.EditorTrigger = BI.inherit(BI.Trigger, {
_defaultConfig: function () { _defaultConfig: function () {
var conf = BI.EditorTrigger.superclass._defaultConfig.apply(this, arguments); var conf = BI.EditorTrigger.superclass._defaultConfig.apply(this, arguments);
return BI.extend(conf, { return BI.extend(conf, {
baseCls: (conf.baseCls || "") + " bi-editor-trigger", baseCls: (conf.baseCls || "") + " bi-editor-trigger bi-border",
height: 30, height: 30,
validationChecker: BI.emptyFn, validationChecker: BI.emptyFn,
quitChecker: 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 () { _defaultConfig: function () {
return BI.extend(BI.SelectTextTrigger.superclass._defaultConfig.apply(this, arguments), { return BI.extend(BI.SelectTextTrigger.superclass._defaultConfig.apply(this, arguments), {
baseCls: "bi-select-text-trigger", baseCls: "bi-select-text-trigger bi-border",
height: 24 height: 24
}); });
}, },

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

@ -8,7 +8,7 @@ BI.SmallSelectTextTrigger = BI.inherit(BI.Trigger, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.SmallSelectTextTrigger.superclass._defaultConfig.apply(this, arguments), { 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 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) { parseFloat: function (number) {
try { try {
return parseFloat(number); return parseFloat(number);

4
src/core/controller/controller.masker.js

@ -6,9 +6,7 @@
*/ */
BI.MaskersController = BI.inherit(BI.LayerController, { BI.MaskersController = BI.inherit(BI.LayerController, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.MaskersController.superclass._defaultConfig.apply(this, arguments), { return BI.extend(BI.MaskersController.superclass._defaultConfig.apply(this, arguments), {});
render: "body"
});
}, },
_init: function () { _init: function () {

4
src/core/func/function.js

@ -129,7 +129,7 @@ $(function () {
} }
var rgb = this.rgb2json(this.hex2rgb(hex)); var rgb = this.rgb2json(this.hex2rgb(hex));
var grayLevel = Math.round(rgb.r * 0.299 + rgb.g * 0.587 + rgb.b * 0.114); 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 true;
} }
return false; return false;
@ -138,7 +138,7 @@ $(function () {
//获取对比颜色 //获取对比颜色
getContrastColor: function (color) { getContrastColor: function (color) {
if (this.isDarkColor(color)) { if (this.isDarkColor(color)) {
return "#b2b2b2"; return "#ffffff";
} }
return "#1a1a1a"; return "#1a1a1a";
}, },

98
src/core/proto/date.js

@ -104,6 +104,104 @@ Date.prototype.getOffsetDate = function (offset) {
return new Date(this.getTime() + offset * 864e5); return new Date(this.getTime() + offset * 864e5);
}; };
Date.prototype.getAfterMulQuarter = function (n) {
var dt = new Date(this.getTime());
dt.setMonth(dt.getMonth() + n * 3);
return dt;
};
//获得n个季度前的日期
Date.prototype.getBeforeMulQuarter = function (n) {
var dt = new Date(this.getTime());
dt.setMonth(dt.getMonth() - n * 3);
return dt;
};
//得到本季度的起始月份
Date.prototype.getQuarterStartMonth = function () {
var quarterStartMonth = 0;
var nowMonth = this.getMonth();
if (nowMonth < 3) {
quarterStartMonth = 0;
}
if (2 < nowMonth && nowMonth < 6) {
quarterStartMonth = 3;
}
if (5 < nowMonth && nowMonth < 9) {
quarterStartMonth = 6;
}
if (nowMonth > 8) {
quarterStartMonth = 9;
}
return quarterStartMonth;
};
//获得本季度的起始日期
Date.prototype.getQuarterStartDate = function () {
return new Date(this.getFullYear(), this.getQuarterStartMonth(), 1);
};
//得到本季度的结束日期
Date.prototype.getQuarterEndDate = function () {
var quarterEndMonth = this.getQuarterStartMonth() + 2;
return new Date(this.getFullYear(), quarterEndMonth, this.getMonthDays(quarterEndMonth));
};
Date.prototype.getAfterMultiMonth = function (n) {
var dt = new Date(this.getTime());
dt.setMonth(dt.getMonth() + n | 0);
return dt;
};
Date.prototype.getBeforeMultiMonth = function (n) {
var dt = new Date(this.getTime());
dt.setMonth(dt.getMonth() - n | 0);
return dt;
};
Date.prototype.getAfterMulQuarter = function (n) {
var dt = new Date(this.getTime());
dt.setMonth(dt.getMonth() + n * 3);
return dt;
};
//获得n个季度前的日期
Date.prototype.getBeforeMulQuarter = function (n) {
var dt = new Date(this.getTime());
dt.setMonth(dt.getMonth() - n * 3);
return dt;
};
//得到本季度的起始月份
Date.prototype.getQuarterStartMonth = function () {
var quarterStartMonth = 0;
var nowMonth = this.getMonth();
if (nowMonth < 3) {
quarterStartMonth = 0;
}
if (2 < nowMonth && nowMonth < 6) {
quarterStartMonth = 3;
}
if (5 < nowMonth && nowMonth < 9) {
quarterStartMonth = 6;
}
if (nowMonth > 8) {
quarterStartMonth = 9;
}
return quarterStartMonth;
};
//获得本季度的起始日期
Date.prototype.getQuarterStartDate = function () {
return new Date(this.getFullYear(), this.getQuarterStartMonth(), 1);
};
//得到本季度的结束日期
Date.prototype.getQuarterEndDate = function () {
var quarterEndMonth = this.getQuarterStartMonth() + 2;
return new Date(this.getFullYear(), quarterEndMonth, this.getMonthDays(quarterEndMonth));
};
Date.prototype.getAfterMultiMonth = function (n) {
var dt = new Date(this.getTime());
dt.setMonth(dt.getMonth() + n | 0);
return dt;
};
Date.prototype.getBeforeMultiMonth = function (n) {
var dt = new Date(this.getTime());
dt.setMonth(dt.getMonth() - n | 0);
return dt;
};
/** Checks date and time equality */ /** Checks date and time equality */
Date.prototype.equalsTo = function (date) { Date.prototype.equalsTo = function (date) {
return ((this.getFullYear() == date.getFullYear()) && return ((this.getFullYear() == date.getFullYear()) &&

5
src/core/utils/detectElementResize.js

@ -161,11 +161,14 @@
element.__resizeTriggers__ = !element.removeChild(element.__resizeTriggers__); element.__resizeTriggers__ = !element.removeChild(element.__resizeTriggers__);
} }
} }
} };
BI.ResizeDetector = { BI.ResizeDetector = {
addResizeListener: function (widget, fn) { addResizeListener: function (widget, fn) {
addResizeListener(widget.element[0], fn); addResizeListener(widget.element[0], fn);
return function () {
removeResizeListener(widget.element[0], fn);
}
}, },
removeResizeListener: function (widget, fn) { removeResizeListener: function (widget, fn) {
removeResizeListener(widget.element[0], 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.beforeMounted && this.beforeMounted();
this._isMounted = true; this._isMounted = true;
this._mountChildren(); this._mountChildren && this._mountChildren();
BI.each(this._children, function (i, widget) { BI.each(this._children, function (i, widget) {
widget._mount && widget._mount(); widget._mount && widget._mount();
}); });
this.mounted && this.mounted(); this.mounted && this.mounted();
}, },
_mountChildren: function () { _mountChildren: null,
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);
}
},
_unMount: function () { _unMount: function () {
BI.each(this._children, function (i, widget) { 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) { _getChildName: function (index) {
return 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(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-color-chooser-trigger { .bi-color-chooser-trigger {
background: #ffffff;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;

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

@ -1,9 +1,9 @@
/****添加计算宽度的--运算符直接需要space****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-color-picker-button {
background-color: #eaeaea;
}
.bi-color-picker-button .color-picker-button-mask { .bi-color-picker-button .color-picker-button-mask {
border: 1px solid #1a1a1a; 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****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-color-picker-editor .color-picker-editor-label {
color: #808080;
}
.bi-color-picker-editor .color-picker-editor-display { .bi-color-picker-editor .color-picker-editor-display {
background: #ffffff;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
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; width: 0;
height: 0; height: 0;
border-top: 6px solid transparent; border-top: 6px solid transparent;
border-left: 6px solid #009de3; border-left: 6px solid #3f8ce8;
border-bottom: 6px solid transparent; border-bottom: 6px solid transparent;
} }
.bi-bubble-combo .bubble-combo-triangle-right { .bi-bubble-combo .bubble-combo-triangle-right {
width: 0; width: 0;
height: 0; height: 0;
border-top: 6px solid transparent; border-top: 6px solid transparent;
border-right: 6px solid #009de3; border-right: 6px solid #3f8ce8;
border-bottom: 6px solid transparent; border-bottom: 6px solid transparent;
} }
.bi-bubble-combo .bubble-combo-triangle-top { .bi-bubble-combo .bubble-combo-triangle-top {
@ -20,12 +20,12 @@
height: 0; height: 0;
border-left: 6px solid transparent; border-left: 6px solid transparent;
border-right: 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 { .bi-bubble-combo .bubble-combo-triangle-bottom {
width: 0; width: 0;
height: 0; height: 0;
border-left: 6px solid transparent; border-left: 6px solid transparent;
border-right: 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); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
} }
.bi-bubble-popup-view .bubble-popup-line { .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(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
/*************BI.SearchEditor******************/ /*************BI.SearchEditor******************/
.bi-search-editor {
border: 1px solid #d4dadd;
}
.bi-search-editor .close-font { .bi-search-editor .close-font {
font-size: 20px; 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******************/

17
src/css/base/formula/codemirror.css

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

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

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

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

@ -2,12 +2,7 @@
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-pager .page-item { .bi-pager .page-item {
border: 1px solid #d4dadd;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
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****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom 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: hidden;
overflow-x: hidden; overflow-x: hidden;
overflow-y: 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 { .bi-segment > .first-element {
border-left: 1px solid #d4dadd;
-webkit-border-radius: 6px 0px 0px 6px; -webkit-border-radius: 6px 0px 0px 6px;
-moz-border-radius: 6px 0px 0px 6px; -moz-border-radius: 6px 0px 0px 6px;
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****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom 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; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
border: 1px solid #009de3; border: 1px solid #178cdf;
background-color: #009de3; background-color: #3f8ce8;
text-align: center; text-align: center;
vertical-align: middle; vertical-align: middle;
cursor: pointer; cursor: pointer;
@ -74,10 +74,10 @@
} }
.bi-button.button-ignore.disabled, .bi-button.button-ignore.disabled,
.bi-button.button-ignore.disabled .b-font { .bi-button.button-ignore.disabled .b-font {
color: #c4c6c6 !important; color: #cccccc !important;
} }
.bi-button.button-ignore.disabled .b-font:before { .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-common .bi-button-mask,
.bi-basic-button.button-success .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(自定义颜色,用于特定场景) ****/ /**** custom color(自定义颜色,用于特定场景) ****/
.bi-single-select-icon-text-item:active .b-font:before, .bi-single-select-icon-text-item:active .b-font:before,
.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****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom 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****/ /****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/ /****** common color(常用颜色,可用于普遍场景) *****/
/**** custom 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 { .bi-textarea-editor .textarea-editor-content {
border: none; border: none;
} }
.bi-textarea-editor .textarea-editor-content.textarea-editor-focus {
border: 1px solid #009de3;
}

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

Loading…
Cancel
Save