diff --git a/Gruntfile.js b/Gruntfile.js index 31730ad34..f4f2c33e7 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -28,7 +28,7 @@ module.exports = function (grunt) { 'src/data/**/*.js', 'src/config.js' ], - dest: 'dist/core.js' + dest: 'docs/core.js' }, biCoreJs: { src: [ @@ -83,7 +83,7 @@ module.exports = function (grunt) { 'src/base/tree/parttree.js', 'src/base/**/*.js' ], - dest: 'dist/base.js' + dest: 'docs/base.js' }, //实现好的一些基础实例 caseJs: { @@ -91,7 +91,7 @@ module.exports = function (grunt) { 'src/case/combo/popup.bubble.js', 'src/case/**/*.js' ], - dest: 'dist/case.js' + dest: 'docs/case.js' }, widgetJs: { src: [ @@ -100,32 +100,32 @@ module.exports = function (grunt) { 'src/widget/**/*.js', 'src/component/**/*.js' ], - dest: "dist/widget.js" + dest: "docs/widget.js" }, coreCss: { - src: ['src/css/core/**/*.css'], - dest: 'dist/core.css' + src: ['src/css/core/**/*.css', 'src/css/theme/**/*.css'], + dest: 'docs/core.css' }, baseCss: { src: ['src/css/base/**/*.css'], - dest: 'dist/base.css' + dest: 'docs/base.css' }, widgetCss: { src: ['src/css/widget/**/*.css'], - dest: 'dist/widget.css' + dest: 'docs/widget.css' }, resourceCss: { src: ['src/css/resource/**/*.css'], - dest: 'dist/resource.css' + dest: 'docs/resource.css' }, demoJs: { src: ['demo/version.js', 'demo/app.js', 'demo/js/**/*.js', 'demo/config.js'], - dest: 'demo/dist/demo.js' + dest: 'docs/demo.js' }, demoCss: { src: ['demo/css/**/*.css'], - dest: 'demo/dist/demo.css' + dest: 'docs/demo.css' }, bi_coreJs: { @@ -202,7 +202,7 @@ module.exports = function (grunt) { dest: "bi/widget.js" }, bi_coreCss: { - src: ['src/css/core/**/*.css'], + src: ['src/css/core/**/*.css', 'src/css/theme/**/*.css'], dest: 'bi/core.css' }, bi_baseCss: { @@ -237,9 +237,9 @@ module.exports = function (grunt) { }, dist: { files: { - 'dist/core.min.js': ['<%= concat.coreJs.dest %>'], - 'dist/base.min.js': ['<%= concat.baseJs.dest %>'], - 'dist/case.min.js': ['<%= concat.caseJs.dest %>'] + 'docs/core.min.js': ['<%= concat.coreJs.dest %>'], + 'docs/base.min.js': ['<%= concat.baseJs.dest %>'], + 'docs/case.min.js': ['<%= concat.caseJs.dest %>'] } } }, @@ -250,14 +250,14 @@ module.exports = function (grunt) { src: '<%= concat.coreCss.dest %>', - dest: 'dist/core.min.css' + dest: 'docs/core.min.css' }, baseCss: { src: '<%= concat.baseCss.dest %>', - dest: 'dist/base.min.css' + dest: 'docs/base.min.css' } diff --git a/README.md b/README.md index b96b7abae..d0e91865b 100644 --- a/README.md +++ b/README.md @@ -1 +1,5 @@ -FineUI \ No newline at end of file +FineUI + +主页地址:[https://fanruan.github.io/fineui](https://fanruan.github.io/fineui) + +帆软BI和帆软报表所使用的前端UI框架。 \ No newline at end of file diff --git a/bi/base.css b/bi/base.css index d9a49fee4..239c28f0b 100644 --- a/bi/base.css +++ b/bi/base.css @@ -4,17 +4,6 @@ /****添加计算宽度的--运算符直接需要space****/ /****** common color(常用颜色,可用于普遍场景) *****/ /**** custom color(自定义颜色,用于特定场景) ****/ -.bi-combine-chart .bi-linkage-list { - background-color: #ffffff; - border: 1px solid #eaeaea; - z-index: 1000000000; -} -.bi-combine-chart .bi-linkage-list .bi-linkage-list-item:hover { - background-color: #f4f4f4; -} -/****添加计算宽度的--运算符直接需要space****/ -/****** common color(常用颜色,可用于普遍场景) *****/ -/**** custom color(自定义颜色,用于特定场景) ****/ .bi-color-chooser-popup .color-chooser-popup-title { background: #f4f4f4; border-bottom: 1px solid #d4dadd; @@ -949,13 +938,6 @@ li.CodeMirror-hint-active { /****添加计算宽度的--运算符直接需要space****/ /****** common color(常用颜色,可用于普遍场景) *****/ /**** custom color(自定义颜色,用于特定场景) ****/ -.bi-record-editor .record-editor-text { - font-size: 12px; - background: #f4f4f4; -} -/****添加计算宽度的--运算符直接需要space****/ -/****** common color(常用颜色,可用于普遍场景) *****/ -/**** custom color(自定义颜色,用于特定场景) ****/ .bi-shelter-editor .shelter-editor-text { font-size: 12px; } @@ -1021,9 +1003,6 @@ li.CodeMirror-hint-active { border: none; color: #e85050 !important; } -.bi-input.disabled { - background-color: white; -} /****添加计算宽度的--运算符直接需要space****/ /****** common color(常用颜色,可用于普遍场景) *****/ /**** custom color(自定义颜色,用于特定场景) ****/ @@ -1206,6 +1185,7 @@ li.CodeMirror-hint-active { transition-timing-function: ease; user-select: none; background-color: rgba(0, 0, 0, 0.1); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000); border-radius: 5px; } .scrollbar-layout-main-vertical { @@ -1225,6 +1205,7 @@ li.CodeMirror-hint-active { left: 0; transition-property: background-color; background-color: rgba(0, 0, 0, 0.1); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000); } /* Touching the scroll-track directly makes the scroll-track bolder */ .scrollbar-layout-main-horizontal.public-scrollbar-main-active, @@ -1279,11 +1260,19 @@ li.CodeMirror-hint-active { .public-scrollbar-face:after { background-color: #c2c2c2; } +.bi-theme-dark .public-scrollbar-face:after { + background-color: #7d7d7d; +} .public-scrollbar-main:hover .public-scrollbar-face:after, .public-scrollbar-main-active .public-scrollbar-face:after, .public-scrollbar-faceActive:after { background-color: #7d7d7d; } +.bi-theme-dark .public-scrollbar-main:hover .public-scrollbar-face:after, +.bi-theme-dark .public-scrollbar-main-active .public-scrollbar-face:after, +.bi-theme-dark .public-scrollbar-faceActive:after { + background-color: #c2c2c2; +} .horizontal-scrollbar { bottom: 0; position: absolute; @@ -1437,3 +1426,7 @@ li.CodeMirror-hint-active { .bi-list-view .list-view-toolbar > .first-element { border-left: none; } +.bi-theme-dark .bi-list-view .list-view-outer { + color: #b2b2b2; + background: #191a2c; +} diff --git a/bi/base.js b/bi/base.js index 41d9f2b6f..887230249 100644 --- a/bi/base.js +++ b/bi/base.js @@ -42,9 +42,6 @@ } else { this.onmousewheel = handler; } - // Store the line height and page height for this particular element - $.data(this, 'mousewheel-line-height', special.getLineHeight(this)); - $.data(this, 'mousewheel-page-height', special.getPageHeight(this)); }, teardown: function() { @@ -55,22 +52,6 @@ } else { this.onmousewheel = null; } - // Clean up the data we added to the element - $.removeData(this, 'mousewheel-line-height'); - $.removeData(this, 'mousewheel-page-height'); - }, - - getLineHeight: function(elem) { - var $elem = $(elem), - $parent = $elem['offsetParent' in $.fn ? 'offsetParent' : 'parent'](); - if (!$parent.length) { - $parent = $('body'); - } - return parseInt($parent.css('fontSize'), 10) || parseInt($elem.css('fontSize'), 10) || 16; - }, - - getPageHeight: function(elem) { - return $(elem).height(); }, settings: { @@ -136,12 +117,12 @@ // * deltaMode 1 is by lines // * deltaMode 2 is by pages if ( orgEvent.deltaMode === 1 ) { - var lineHeight = $.data(this, 'mousewheel-line-height'); + var lineHeight = 40; delta *= lineHeight; deltaY *= lineHeight; deltaX *= lineHeight; } else if ( orgEvent.deltaMode === 2 ) { - var pageHeight = $.data(this, 'mousewheel-page-height'); + var pageHeight = 800; delta *= pageHeight; deltaY *= pageHeight; deltaX *= pageHeight; @@ -1489,10 +1470,6 @@ BI.TreeView = BI.inherit(BI.Pane, { }, _init: function () { BI.TreeView.superclass._init.apply(this, arguments); - - - - this._stop = false; this.container = BI.createWidget(); @@ -1969,10 +1946,10 @@ BI.TreeView = BI.inherit(BI.Pane, { } }); BI.extend(BI.TreeView, { - REQ_TYPE_INIT_DATA: 1, - REQ_TYPE_ADJUST_DATA: 2, - REQ_TYPE_CALCULATE_SELECT_DATA: 3, - REQ_TYPE_SELECTED_DATA: 4 + REQ_TYPE_INIT_DATA: 0, + REQ_TYPE_ADJUST_DATA: 1, + REQ_TYPE_CALCULATE_SELECT_DATA: 2, + REQ_TYPE_SELECTED_DATA: 3 }); BI.TreeView.EVENT_CHANGE = "EVENT_CHANGE"; @@ -3920,12 +3897,9 @@ BI.Navigation = BI.inherit(BI.Widget, { logic: { dynamic: false }, - defaultShowIndex: 0, - tab: { - type: "bi.button_group", - items: [], - layouts: [] - }, + single: false, + defaultShowIndex: false, + tab: false, cardCreator: function (v) { return BI.createWidget(); }, @@ -3963,7 +3937,7 @@ BI.Navigation = BI.inherit(BI.Widget, { }, afterCardCreated: BI.bind(this.afterCardCreated, this), afterCardShow: BI.bind(this.afterCardShow, this) - }) + }); }, mounted: function () { @@ -3973,6 +3947,18 @@ BI.Navigation = BI.inherit(BI.Widget, { } }, + _deleteOtherCards: function (currCardName) { + var self = this, o = this.options; + if (o.single === true) { + BI.each(this.cardMap, function (name, card) { + if (name !== (currCardName + "")) { + self.layout.deleteCardByName(name); + delete self.cardMap[name]; + } + }); + } + }, + afterCardCreated: function (v) { var self = this; this.cardMap[v].on(BI.Controller.EVENT_CHANGE, function (type, value, obj) { @@ -3980,12 +3966,13 @@ BI.Navigation = BI.inherit(BI.Widget, { if (type === BI.Events.CLICK) { self.fireEvent(BI.Navigation.EVENT_CHANGE, obj); } - }) + }); this.options.afterCardCreated.apply(this, arguments); }, afterCardShow: function (v) { this.showIndex = v; + this._deleteOtherCards(v); this.options.afterCardShow.apply(this, arguments); }, @@ -3996,16 +3983,23 @@ BI.Navigation = BI.inherit(BI.Widget, { } }, - setSelect: function (v) { - this.showIndex = v; + _assertCard: function (v) { if (!this.layout.isCardExisted(v)) { var card = this.options.cardCreator(v); this.cardMap[v] = card; this.layout.addCardByName(v, card); this.afterCardCreated(v); } + }, + + setSelect: function (v) { + this._assertCard(); this.layout.showCardByName(v); - BI.nextTick(BI.bind(this.afterCardShow, this, v)); + this._deleteOtherCards(v); + if (this.showIndex !== v) { + this.showIndex = v; + BI.nextTick(BI.bind(this.afterCardShow, this, v)); + } }, getSelect: function () { @@ -4636,6 +4630,7 @@ BI.Tab = BI.inherit(BI.Widget, { return BI.extend(BI.Tab.superclass._defaultConfig.apply(this, arguments), { baseCls: "bi-tab", direction: "top",//top, bottom, left, right, custom + single: false, //是不是单页面 logic: { dynamic: false }, @@ -4675,6 +4670,7 @@ BI.Tab = BI.inherit(BI.Widget, { return card; }, afterCardShow: function (v) { + self._deleteOtherCards(v); self.curr = v; } }); @@ -4683,6 +4679,18 @@ BI.Tab = BI.inherit(BI.Widget, { }); }, + _deleteOtherCards: function (currCardName) { + var self = this, o = this.options; + if (o.single === true) { + BI.each(this.cardMap, function (name, card) { + if (name !== (currCardName + "")) { + self.layout.deleteCardByName(name); + delete self.cardMap[name]; + } + }); + } + }, + _assertCard: function (v) { if (!this.layout.isCardExisted(v)) { var card = this.options.cardCreator(v); @@ -4702,6 +4710,7 @@ BI.Tab = BI.inherit(BI.Widget, { this.tab && this.tab.setValue(v); this._assertCard(v); this.layout.showCardByName(v); + this._deleteOtherCards(v); if (this.curr !== v) { this.curr = v; } @@ -17951,6 +17960,7 @@ BI.TextAreaEditor = BI.inherit(BI.Single, { setValue: function (value) { this.content.element.val(value); + this._checkWaterMark(); }, setStyle: function (style) { @@ -28297,8 +28307,7 @@ BI.CollectionTable = BI.inherit(BI.Widget, { }); }, - _init: function () { - BI.CollectionTable.superclass._init.apply(this, arguments); + render: function () { var self = this, o = this.options; this._width = 0; this._height = 0; @@ -28434,6 +28443,10 @@ BI.CollectionTable = BI.inherit(BI.Widget, { }); this._width = o.width - BI.GridTableScrollbar.SIZE; this._height = o.height - BI.GridTableScrollbar.SIZE; + }, + + mounted: function () { + var o = this.options; if (o.items.length > 0 || o.header.length < 0) { this._digest(); this._populate(); @@ -28832,8 +28845,8 @@ BI.QuickCollectionTable = BI.inherit(BI.CollectionTable, { }); }, - _init: function () { - BI.QuickCollectionTable.superclass._init.apply(this, arguments); + render: function () { + BI.QuickCollectionTable.superclass.render.apply(this, arguments); var self = this, o = this.options; this.topLeftCollection.setOverflowX(false); this.topLeftCollection.setOverflowY(false); @@ -28843,6 +28856,11 @@ BI.QuickCollectionTable = BI.inherit(BI.CollectionTable, { this.bottomLeftCollection.setOverflowY(false); this.bottomRightCollection.setOverflowX(false); this.bottomRightCollection.setOverflowY(false); + }, + + mounted: function () { + BI.QuickCollectionTable.superclass.mounted.apply(this, arguments); + var self = this; this._leftWheelHandler = new BI.WheelHandler( BI.bind(this._onWheelY, this), BI.bind(this._shouldHandleX, this), @@ -29037,8 +29055,7 @@ BI.GridTable = BI.inherit(BI.Widget, { }); }, - _init: function () { - BI.GridTable.superclass._init.apply(this, arguments); + render: function () { var self = this, o = this.options; this._width = 0; this._height = 0; @@ -29181,6 +29198,10 @@ BI.GridTable = BI.inherit(BI.Widget, { this._height = o.height - BI.GridTableScrollbar.SIZE; this.header = this._getHeader(); this.items = this._getItems(); + }, + + mounted: function () { + var o = this.options; if (o.items.length > 0) { this._populate(); } @@ -29499,8 +29520,8 @@ BI.QuickGridTable = BI.inherit(BI.GridTable, { }); }, - _init: function () { - BI.QuickGridTable.superclass._init.apply(this, arguments); + render: function () { + BI.QuickGridTable.superclass.render.apply(this, arguments); var self = this, o = this.options; this.topLeftGrid.setOverflowX(false); this.topLeftGrid.setOverflowY(false); @@ -29510,6 +29531,11 @@ BI.QuickGridTable = BI.inherit(BI.GridTable, { this.bottomLeftGrid.setOverflowY(false); this.bottomRightGrid.setOverflowX(false); this.bottomRightGrid.setOverflowY(false); + }, + + mounted: function () { + BI.QuickGridTable.superclass.mounted.apply(this, arguments); + var self = this; this._leftWheelHandler = new BI.WheelHandler( BI.bind(this._onWheelY, this), BI.bind(this._shouldHandleX, this), @@ -29679,8 +29705,7 @@ BI.GridTableScrollbar = BI.inherit(BI.Widget, { }) }, - _init: function () { - BI.GridTableScrollbar.superclass._init.apply(this, arguments); + render: function () { var self = this, o = this.options; this.focused = false; this.isDragging = false; @@ -29698,6 +29723,10 @@ BI.GridTableScrollbar = BI.inherit(BI.Widget, { top: 0 }] }); + }, + + mounted: function () { + var self = this, o = this.options; var onWheel = o.orientation === 'horizontal' ? this._onWheelX : this._onWheelY; this._wheelHandler = new BI.WheelHandler( BI.bind(onWheel, this), @@ -30052,6 +30081,12 @@ BI.GridTableHorizontalScrollbar = BI.inherit(BI.Widget, { populate: function () { this.scrollbar.populate(); + var o = this.options; + if (o.size < 1 || o.contentSize <= o.size) { + this.setVisible(false); + return; + } + this.setVisible(true); } }); BI.GridTableHorizontalScrollbar.EVENT_SCROLL = "EVENT_SCROLL"; @@ -30973,11 +31008,9 @@ BI.Table = BI.inherit(BI.Widget, { }; this._initNormalScroll(); - BI.Resizers.add(this.getName(), function (e) { - if (self.element.is(":visible") && BI.isWindow(e.target)) { - self._resize(); - self.fireEvent(BI.Table.EVENT_TABLE_RESIZE); - } + BI.ResizeDetector.addResizeListener(this, function () { + self._resize(); + self.fireEvent(BI.Table.EVENT_TABLE_RESIZE); }); BI.nextTick(function () { if (self.element.is(":visible")) { @@ -32003,7 +32036,6 @@ BI.Table = BI.inherit(BI.Widget, { }, empty: function () { - BI.Resizers.remove(this.getName()); BI.Table.superclass.empty.apply(this, arguments); }, diff --git a/bi/case.js b/bi/case.js index 86cab3357..1ec01058d 100644 --- a/bi/case.js +++ b/bi/case.js @@ -5225,232 +5225,6 @@ BI.ClearEditor.EVENT_RESTRICT = "EVENT_RESTRICT"; BI.ClearEditor.EVENT_REMOVE = "EVENT_REMOVE"; BI.ClearEditor.EVENT_EMPTY = "EVENT_EMPTY"; BI.shortcut("bi.clear_editor", BI.ClearEditor);/** - * guy - * 记录内容的输入框 - * @class BI.RecordEditor - * @extends BI.Single - */ -BI.RecordEditor = BI.inherit(BI.Single, { - _defaultConfig: function () { - var conf = BI.RecordEditor.superclass._defaultConfig.apply(this, arguments); - return BI.extend(conf, { - baseCls: (conf.baseCls || "") + " bi-record-editor", - hgap: 4, - vgap: 2, - lgap: 0, - rgap: 0, - tgap: 0, - bgap: 0, - validationChecker: BI.emptyFn, - quitChecker: BI.emptyFn, - allowBlank: true, - watermark: "", - errorText: "", - height: 30 - }) - }, - - _init: function () { - BI.RecordEditor.superclass._init.apply(this, arguments); - this.contents = []; - 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.textContainer = BI.createWidget({ - type: "bi.vertical_adapt", - hgap: 2, - height: o.height - }); - this.editor.on(BI.Controller.EVENT_CHANGE, function () { - self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); - }); - this.editor.on(BI.Editor.EVENT_FOCUS, function () { - self._checkInputState(); - self.fireEvent(BI.RecordEditor.EVENT_FOCUS, arguments); - }); - this.editor.on(BI.Editor.EVENT_BLUR, function () { - self._checkInputState(); - self.fireEvent(BI.RecordEditor.EVENT_BLUR, arguments); - }); - this.editor.on(BI.Editor.EVENT_CLICK, function () { - self.fireEvent(BI.RecordEditor.EVENT_CLICK, arguments); - }); - this.editor.on(BI.Editor.EVENT_CHANGE, function () { - self.fireEvent(BI.RecordEditor.EVENT_CHANGE, arguments); - }); - this.editor.on(BI.Editor.EVENT_KEY_DOWN, function (v) { - self.fireEvent(BI.RecordEditor.EVENT_KEY_DOWN, arguments); - }); - - this.editor.on(BI.Editor.EVENT_VALID, function () { - self.fireEvent(BI.RecordEditor.EVENT_VALID, arguments); - }); - this.editor.on(BI.Editor.EVENT_SPACE, function () { - self.fireEvent(BI.RecordEditor.EVENT_SPACE, arguments); - }); - this.editor.on(BI.Editor.EVENT_CONFIRM, function () { - self.setState(self.getValue()); - self.editor.isValid() && self.editor.setValue(""); - self.fireEvent(BI.RecordEditor.EVENT_CONFIRM, arguments); - }); - this.editor.on(BI.Editor.EVENT_START, function () { - self.fireEvent(BI.RecordEditor.EVENT_START, arguments); - }); - this.editor.on(BI.Editor.EVENT_PAUSE, function () { - self.fireEvent(BI.RecordEditor.EVENT_PAUSE, arguments); - }); - this.editor.on(BI.Editor.EVENT_STOP, function () { - self.fireEvent(BI.RecordEditor.EVENT_STOP, arguments); - }); - this.editor.on(BI.Editor.EVENT_ENTER, function () { - self.fireEvent(BI.RecordEditor.EVENT_ENTER, arguments); - }); - this.editor.on(BI.Editor.EVENT_BACKSPACE, function () { - self._checkInputState(); - }); - this.editor.on(BI.Editor.EVENT_REMOVE, function () { - if (!BI.isEmpty(self.contents)) { - self.contents.pop().destroy(); - self.setValue(self.getValue()); - self._adjustInputWidth(); - } - }); - this.editor.on(BI.Editor.EVENT_ERROR, function () { - self.fireEvent(BI.RecordEditor.EVENT_ERROR, arguments); - }); - this.editor.on(BI.Editor.EVENT_RESTRICT, function () { - self.fireEvent(BI.RecordEditor.EVENT_RESTRICT, arguments); - }); - this.editor.on(BI.Editor.EVENT_EMPTY, function () { - self.fireEvent(BI.RecordEditor.EVENT_EMPTY, arguments); - }); - BI.createWidget({ - type: "bi.inline", - element: this, - items: [this.textContainer, this.editor] - }); - BI.ResizeDetector.addResizeListener(this, BI.bind(this._adjustInputWidth, this)); - this._adjustInputWidth(); - }, - - _adjustInputWidth: function () { - BI.nextTick(BI.bind(function () { - this.editor.element.css("width", this.element.width() - this.textContainer.element.outerWidth() - 10); - }, this)); - }, - - _checkInputState: function () { - if (BI.isEmpty(this.contents)) { - this.editor.enableWarterMark(); - } else { - this.editor.disableWarterMark(); - } - }, - - focus: function () { - this.editor.focus(); - }, - - blur: function () { - this.editor.blur(); - }, - - isValid: function () { - return this.editor.isValid(); - }, - - setErrorText: function (text) { - this.editor.setErrorText(text); - }, - - getErrorText: function () { - return this.editor.getErrorText(); - }, - - isEditing: function () { - return this.editor.isEditing(); - }, - - getLastValidValue: function () { - return this.editor.getLastValidValue(); - }, - - setValue: function (k) { - this.editor.setValue(k); - }, - - getValue: function () { - return this.editor.getValue(); - }, - - getState: function () { - var values = BI.map(this.contents, function (i, lb) { - return lb.getText(); - }); - if (BI.isNotEmptyString(this.editor.getValue())) { - return values.concat([this.editor.getValue()]); - } - return values; - }, - - setState: function (v) { - BI.RecordEditor.superclass.setValue.apply(this, arguments); - v = BI.isArray(v) ? v : (v == "" ? [] : [v]); - var contents = this.contents = []; - BI.each(v, function (i, lb) { - contents.push(BI.createWidget({ - type: "bi.label", - height: 25, - cls: "record-editor-text", - text: lb - })) - }); - this.textContainer.empty(); - this.textContainer.populate(contents); - this.editor.isValid() && this.editor.setValue(""); - this._checkInputState(); - this._adjustInputWidth(); - }, - - destroy: function () { - BI.Resizers.remove(this.getName()); - BI.RecordEditor.superclass.destroy.apply(this, arguments); - } -}); -BI.RecordEditor.EVENT_CHANGE = "EVENT_CHANGE"; -BI.RecordEditor.EVENT_FOCUS = "EVENT_FOCUS"; -BI.RecordEditor.EVENT_BLUR = "EVENT_BLUR"; -BI.RecordEditor.EVENT_CLICK = "EVENT_CLICK"; -BI.RecordEditor.EVENT_KEY_DOWN = "EVENT_KEY_DOWN"; - -BI.RecordEditor.EVENT_START = "EVENT_START"; -BI.RecordEditor.EVENT_PAUSE = "EVENT_PAUSE"; -BI.RecordEditor.EVENT_STOP = "EVENT_STOP"; -BI.RecordEditor.EVENT_CONFIRM = "EVENT_CONFIRM"; -BI.RecordEditor.EVENT_VALID = "EVENT_VALID"; -BI.RecordEditor.EVENT_ERROR = "EVENT_ERROR"; -BI.RecordEditor.EVENT_ENTER = "EVENT_ENTER"; -BI.RecordEditor.EVENT_RESTRICT = "EVENT_RESTRICT"; -BI.RecordEditor.EVENT_SPACE = "EVENT_SPACE"; -BI.RecordEditor.EVENT_EMPTY = "EVENT_EMPTY"; - -BI.shortcut("bi.record_editor", BI.RecordEditor);/** * Created by roy on 15/9/14. */ BI.SearchEditor = BI.inherit(BI.Widget, { @@ -8614,6 +8388,8 @@ BI.AllCountPager = BI.inherit(BI.Widget, { }) }, + alwaysShowPager: true, + setAllPages: function (v) { this.allPages.setText("/" + v); this.allPages.setTitle(v); @@ -8648,10 +8424,6 @@ BI.AllCountPager = BI.inherit(BI.Widget, { this.pager.setVisible(b); }, - getAliasWidth: function () { - return this.options.width - 100; - }, - populate: function () { this.pager.populate(); } @@ -8908,6 +8680,7 @@ BI.DirectionPager = BI.inherit(BI.Widget, { this.setVPagerVisible(true); vShow = true; } + this.setVisible(hShow || vShow); var num = [74, 111, -9, 28]; var items = this.layout.attr("items"); @@ -9362,10 +9135,6 @@ BI.AdaptiveTable = BI.inherit(BI.Widget, { regionColumnSize: [], - headerCellStyleGetter: BI.emptyFn, - summaryCellStyleGetter: BI.emptyFn, - sequenceCellStyleGetter: BI.emptyFn, - header: [], items: [], //二维数组 @@ -9402,10 +9171,6 @@ BI.AdaptiveTable = BI.inherit(BI.Widget, { regionColumnSize: data.regionColumnSize, - headerCellStyleGetter: o.headerCellStyleGetter, - summaryCellStyleGetter: o.summaryCellStyleGetter, - sequenceCellStyleGetter: o.sequenceCellStyleGetter, - header: o.header, items: o.items, //交叉表头 @@ -9587,6 +9352,8 @@ BI.DynamicSummaryLayerTreeTable = BI.inherit(BI.Widget, { mergeRule: BI.emptyFn, columnSize: [], + minColumnSize: [], + maxColumnSize: [], headerRowSize: 25, footerRowSize: 25, rowSize: 25, @@ -9770,9 +9537,6 @@ BI.DynamicSummaryLayerTreeTable = BI.inherit(BI.Widget, { headerRowSize: o.headerRowSize, rowSize: o.rowSize, regionColumnSize: o.regionColumnSize, - headerCellStyleGetter: o.headerCellStyleGetter, - summaryCellStyleGetter: o.summaryCellStyleGetter, - sequenceCellStyleGetter: o.sequenceCellStyleGetter, header: data.header, items: data.items }); @@ -9919,6 +9683,8 @@ BI.DynamicSummaryTreeTable = BI.inherit(BI.Widget, { mergeRule: BI.emptyFn, columnSize: [], + minColumnSize: [], + maxColumnSize: [], headerRowSize: 25, footerRowSize: 25, rowSize: 25, @@ -9968,15 +9734,13 @@ BI.DynamicSummaryTreeTable = BI.inherit(BI.Widget, { mergeRule: o.mergeRule, columnSize: o.columnSize, + minColumnSize: o.minColumnSize, + maxColumnSize: o.maxColumnSize, headerRowSize: o.headerRowSize, rowSize: o.rowSize, regionColumnSize: o.regionColumnSize, - headerCellStyleGetter: o.headerCellStyleGetter, - summaryCellStyleGetter: o.summaryCellStyleGetter, - sequenceCellStyleGetter: o.sequenceCellStyleGetter, - header: data.header, items: data.items }); @@ -9985,12 +9749,18 @@ BI.DynamicSummaryTreeTable = BI.inherit(BI.Widget, { }); this.table.on(BI.Table.EVENT_TABLE_AFTER_REGION_RESIZE, function () { o.regionColumnSize = this.getRegionColumnSize(); - o.columnSize = this.getColumnSize(); + var columnSize = this.getColumnSize(); + var length = o.columnSize.length - columnSize.length; + o.columnSize = columnSize.slice(); + o.columnSize.splice(columnSize.length, length, ""); self.fireEvent(BI.Table.EVENT_TABLE_AFTER_REGION_RESIZE, arguments); }); this.table.on(BI.Table.EVENT_TABLE_AFTER_COLUMN_RESIZE, function () { o.regionColumnSize = this.getRegionColumnSize(); - o.columnSize = this.getColumnSize(); + var columnSize = this.getColumnSize(); + var length = o.columnSize.length - columnSize.length; + o.columnSize = columnSize.slice(); + o.columnSize.splice(columnSize.length, length, ""); self.fireEvent(BI.Table.EVENT_TABLE_AFTER_COLUMN_RESIZE, arguments); }); }, @@ -10032,7 +9802,7 @@ BI.DynamicSummaryTreeTable = BI.inherit(BI.Widget, { }, getColumnSize: function () { - return this.table.getColumnSize(); + return this.options.columnSize; }, setRegionColumnSize: function (columnSize) { @@ -10227,12 +9997,19 @@ BI.extend(BI.DynamicSummaryTreeTable, { }); if (cols.length > 0) { + var nHeader = [], nItems = []; BI.each(header, function (i, node) { - BI.removeAt(node, cols); + var nNode = node.slice(); + BI.removeAt(nNode, cols); + nHeader.push(nNode); }); BI.each(items, function (i, node) { - BI.removeAt(node, cols); + var nNode = node.slice(); + BI.removeAt(nNode, cols); + nItems.push(nNode);; }); + header = nHeader; + items = nItems; } return {items: items, header: header, deletedCols: cols}; } @@ -10428,9 +10205,6 @@ BI.LayerTreeTable = BI.inherit(BI.Widget, { headerRowSize: o.headerRowSize, rowSize: o.rowSize, regionColumnSize: o.regionColumnSize, - headerCellStyleGetter: o.headerCellStyleGetter, - summaryCellStyleGetter: o.summaryCellStyleGetter, - sequenceCellStyleGetter: o.sequenceCellStyleGetter, header: data.header, items: data.items }); @@ -10682,10 +10456,6 @@ BI.TableTree = BI.inherit(BI.Widget, { regionColumnSize: o.regionColumnSize, - headerCellStyleGetter: o.headerCellStyleGetter, - summaryCellStyleGetter: o.summaryCellStyleGetter, - sequenceCellStyleGetter: o.sequenceCellStyleGetter, - header: data.header, items: data.items }); diff --git a/bi/core.css b/bi/core.css index c94ea5fe6..42772d827 100644 --- a/bi/core.css +++ b/bi/core.css @@ -2958,6 +2958,16 @@ .bi-list-item.disabled:active { background-color: #ffffff; } +.bi-theme-dark .bi-list-item:hover, +.bi-theme-dark .bi-list-item.hover { + background-color: #04070d; + 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; +} .bi-list-item-effect.active, .bi-list-item-effect:active { color: #009de3; @@ -2965,7 +2975,16 @@ .bi-list-item-effect.disabled, .bi-list-item-effect.disabled:hover, .bi-list-item-effect.disabled:active { - color: #1a1a1a; + color: #c4c6c6; +} +.bi-theme-dark .bi-list-item-effect.active, +.bi-theme-dark .bi-list-item-effect:active { + color: #009de3; +} +.bi-theme-dark .bi-list-item-effect.disabled, +.bi-theme-dark .bi-list-item-effect.disabled:hover, +.bi-theme-dark .bi-list-item-effect.disabled:active { + color: #c4c6c6; } .bi-list-item-hover:hover, .bi-list-item-hover.hover { @@ -2975,9 +2994,20 @@ .bi-list-item-hover.disabled, .bi-list-item-hover.disabled:hover, .bi-list-item-hover.disabled:active { - color: #1a1a1a; + color: #c4c6c6; background-color: #ffffff; } +.bi-theme-dark .bi-list-item-hover:hover, +.bi-theme-dark .bi-list-item-hover.hover { + color: #009de3; + background-color: #04070d; +} +.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; + background-color: transparent; +} .bi-list-item-active:hover, .bi-list-item-active.hover { background-color: #f4f4f4; @@ -2992,6 +3022,21 @@ .bi-list-item-active.disabled:active { background-color: #ffffff; } +.bi-theme-dark .bi-list-item-active:hover, +.bi-theme-dark .bi-list-item-active.hover { + background-color: #04070d; + color: #ffffff; +} +.bi-theme-dark .bi-list-item-active.active, +.bi-theme-dark .bi-list-item-active:active { + color: #009de3; + background-color: #04070d; +} +.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; +} .bi-list-item-select:hover, .bi-list-item-select.hover { color: #009de3; @@ -3017,6 +3062,31 @@ .bi-list-item-select.disabled:active .bi-high-light { color: #c4c6c6 !important; } +.bi-theme-dark .list-item-select:hover, +.bi-theme-dark .list-item-select.hover { + color: #009de3; + background-color: #04070d; +} +.bi-theme-dark .list-item-select:active, +.bi-theme-dark .list-item-select.active { + color: #ffffff; + background-color: #009de3; +} +.bi-theme-dark .list-item-select:active .bi-high-light, +.bi-theme-dark .list-item-select.active .bi-high-light { + color: #ffffff; +} +.bi-theme-dark .list-item-select.disabled, +.bi-theme-dark .list-item-select.disabled:hover, +.bi-theme-dark .list-item-select.disabled:active { + color: #c4c6c6 !important; + background-color: transparent !important; +} +.bi-theme-dark .list-item-select.disabled .bi-high-light, +.bi-theme-dark .list-item-select.disabled:hover .bi-high-light, +.bi-theme-dark .list-item-select.disabled:active .bi-high-light { + color: #c4c6c6 !important; +} /*****************cursor*****************/ .cursor-pointer { cursor: pointer; @@ -3447,3 +3517,19 @@ vertical-align: middle; content: ' '; } +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-theme-dark { + background-color: #191a2c; + color: #b2b2b2; +} +.bi-theme-dark .bi-input { + color: #ffffff; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ diff --git a/bi/core.js b/bi/core.js index af139ef2a..d9b383c5d 100644 --- a/bi/core.js +++ b/bi/core.js @@ -1904,9 +1904,6 @@ if (!window.BI) { } ; !(function ($, undefined) { - _.extend(BI, { - version: "2.0" - }); var traverse = function (func, context) { return function (value, key, obj) { return func.call(context, key, value, obj); @@ -4487,6 +4484,10 @@ BI.Widget = BI.inherit(BI.OB, { this.destroyed && this.destroyed(); }, + isMounted: function () { + return this._isMounted; + }, + setWidth: function (w) { this.options.width = w; this._initElementWidth(); @@ -13289,7 +13290,7 @@ BI.CardLayout = BI.inherit(BI.Layout, { isCardExisted: function (cardName) { return BI.some(this.options.items, function (i, item) { - return item.cardName === cardName && item.el; + return item.cardName == cardName && item.el; }); }, @@ -15829,7 +15830,8 @@ BI.LayerController = BI.inherit(BI.Controller, { return this.get(name); } var widget = BI.createWidget((op.render || {}), { - type: "bi.layout" + type: "bi.layout", + cls: op.cls }); var layout = BI.createWidget({ type: "bi.absolute", @@ -16934,23 +16936,6 @@ $(function () { BI.Func = {}; var formulas = {}; BI.extend(BI.Func, { - /** - * 创建唯一的名字 - * @param array - * @param name - * @returns {*} - */ - createDistinctName: function (array, name) { - var src = name, idx = 1; - name = name || ""; - while (true) { - if (!ArrayUtils.getItemByName(array, name)) { - break; - } - name = src + (idx++); - } - return name; - }, /** * 获取搜索结果 @@ -16998,60 +16983,6 @@ $(function () { finded: finded } }, - - /** - * 公式合法性验证 - */ - checkFormulaValidation: function (str) { - if (!BI.isEmptyString(str)) { - if (BI.has(formulas, str)) { - return formulas[str]; - } - formulas[str] = false; - var response = BI.requestSync("fr_bi_base", "check_validation_of_expression", {expression: str}); - if (response.validation === "invalid") { - formulas[str] = false; - } else if (response.validation === "valid") { - formulas[str] = true; - } - return formulas[str]; - } else { - return true; - } - }, - - getFormulaStringFromFormulaValue: function (formulaValue) { - var formulaString = ""; - var regx = /\$[\{][^\}]*[\}]|\w*\w|\$\{[^\$\(\)\+\-\*\/)\$,]*\w\}|\$\{[^\$\(\)\+\-\*\/]*\w\}|\$\{[^\$\(\)\+\-\*\/]*[\u4e00-\u9fa5]\}|\w|(.)/g; - var result = formulaValue.match(regx); - BI.each(result, function (i, item) { - var fieldRegx = /\$[\{][^\}]*[\}]/; - var str = item.match(fieldRegx); - if (BI.isNotEmptyArray(str)) { - formulaString = formulaString + str[0].substring(2, item.length - 1); - } else { - formulaString = formulaString + item; - } - }); - return formulaString; - }, - - formatAddress: function (address) { - var temp = ''; - var url1 = /[a-zA-z]+:\/\/[^\s]*/; - var url2 = /\/[^\s]*/; - if (address.match(url1) || address.match(url2)) { - temp = address; - } else if (BI.isNotEmptyString(address)) { - temp = "http://" + address; - } - return temp; - }, - - getCompleteImageUrl: function (url) { - return BI.servletURL + "?op=fr_bi&cmd=get_uploaded_image&image_id=" + url; - } - }); /** @@ -17104,24 +17035,26 @@ $(function () { }); }, - getImageWidthAndHeight: function (src) { - return BI.requestSync("fr_bi_base", "get_image_size", { - src: src - }); - }, - isDarkColor: function (hex) { if (!hex) { return false; } var rgb = this.rgb2json(this.hex2rgb(hex)); - var grayLevel = (rgb.r * 0.299 + rgb.g * 0.587 + rgb.b * 0.114); - if (grayLevel < 192) { + var grayLevel = Math.round(rgb.r * 0.299 + rgb.g * 0.587 + rgb.b * 0.114); + if (grayLevel < 140) { return true; } return false; }, + //获取对比颜色 + getContrastColor: function (color) { + if (this.isDarkColor(color)) { + return "#ffffff"; + } + return "#1a1a1a"; + }, + rgb2hex: function (rgbColour) { if (!rgbColour || rgbColour.substr(0, 3) != "rgb") { return ""; diff --git a/bi/widget.css b/bi/widget.css index 8b7bfd0aa..0d9edf19b 100644 --- a/bi/widget.css +++ b/bi/widget.css @@ -139,35 +139,12 @@ /****添加计算宽度的--运算符直接需要space****/ /****** common color(常用颜色,可用于普遍场景) *****/ /**** custom color(自定义颜色,用于特定场景) ****/ -.bi-down-list-combo .down-list-group.bi-combo-hover .bi-down-list-group-item, -.bi-down-list-combo .down-list-group.bi-combo-hover .bi-down-list-group-item .b-font:before { - background-color: #f4f4f4; -} -.bi-down-list-combo .down-list-group.bi-combo-hover .bi-down-list-group-item:disabled, -.bi-down-list-combo .down-list-group.bi-combo-hover .bi-down-list-group-item.disabled, -.bi-down-list-combo .down-list-group.bi-combo-hover .bi-down-list-group-item:disabled .b-font:before, -.bi-down-list-combo .down-list-group.bi-combo-hover .bi-down-list-group-item.disabled .b-font:before { - background-color: #ffffff; -} .bi-down-list-combo .bi-down-list-spliter { border-top: 1px solid #eaeaea; } /****添加计算宽度的--运算符直接需要space****/ /****** common color(常用颜色,可用于普遍场景) *****/ /**** custom color(自定义颜色,用于特定场景) ****/ -.bi-down-list-popup .bi-down-list-item:hover, -.bi-down-list-popup .bi-down-list-item.hover { - background-color: #f4f4f4; -} -.bi-down-list-popup .bi-down-list-item.disabled, -.bi-down-list-popup .bi-down-list-item.disabled:hover, -.bi-down-list-popup .bi-down-list-item.disabled:active { - background-color: #ffffff; -} -.bi-down-list-popup .bi-down-list-item:active { - color: #009de3; - background-color: #f4f4f4; -} .bi-down-list-popup .bi-down-list-item .list-item-text { max-width: 203px; } @@ -359,6 +336,9 @@ background-color: #ffffff; z-index: 1; } +.bi-theme-dark .bi-multi-select-check-selected-button { + background-color: #191a2c; +} /****添加计算宽度的--运算符直接需要space****/ /****** common color(常用颜色,可用于普遍场景) *****/ /**** custom color(自定义颜色,用于特定场景) ****/ diff --git a/bi/widget.js b/bi/widget.js index f3289fdcd..99ffd64b5 100644 --- a/bi/widget.js +++ b/bi/widget.js @@ -5222,7 +5222,7 @@ BI.DatePaneWidget = BI.inherit(BI.Widget, { direction: "top", element: this, logic: { - dynamic: true + dynamic: false }, type: "bi.navigation", tab: this.datePicker, @@ -5250,7 +5250,7 @@ BI.DatePaneWidget = BI.inherit(BI.Widget, { var calendar = BI.createWidget({ type: "bi.calendar", logic: { - dynamic: true + dynamic: false }, min: this.options.min, max: this.options.max, @@ -5670,7 +5670,7 @@ BI.shortcut("bi.down_list_group", BI.DownListGroup);BI.DownListItem = BI.inherit _defaultConfig: function () { var conf = BI.DownListItem.superclass._defaultConfig.apply(this, arguments); return BI.extend(conf, { - baseCls: "bi-down-list-item", + baseCls: "bi-down-list-item bi-list-item-active", cls: "", height: 25, logic: { @@ -12846,7 +12846,7 @@ BI.PageTable = BI.inherit(BI.Widget, { this.table = BI.createWidget(o.el, { type: "bi.sequence_table", width: o.width, - height: o.height - 30, + height: o.height && o.height - 30, isNeedResize: true, isResizeAdapt: false, @@ -12905,7 +12905,7 @@ BI.PageTable = BI.inherit(BI.Widget, { vpage: vpage, hpage: hpage }, function (items, header, crossItems, crossHeader) { - self.table.setVPage ? self.table.setVPage(vpage) : self.table.setCurrentPage(vpage); + self.table.setVPage ? self.table.setVPage(vpage) : self.table.setValue(vpage); self.table.setHPage && self.table.setHPage(hpage); self.populate.apply(self, arguments); }); @@ -12970,7 +12970,23 @@ BI.PageTable = BI.inherit(BI.Widget, { setHeight: function (height) { BI.PageTable.superclass.setHeight.apply(this, arguments); - this.table.setHeight(height - 30); + var showPager = false; + if (this.pager.alwaysShowPager) { + showPager = true; + } else if (this.pager.hasHNext && this.pager.hasHNext()) { + showPager = true; + } else if (this.pager.hasHPrev && this.pager.hasHPrev()) { + showPager = true; + } else if (this.pager.hasVNext && this.pager.hasVNext()) { + showPager = true; + } else if (this.pager.hasVPrev && this.pager.hasVPrev()) { + showPager = true; + } else if (this.pager.hasNext && this.pager.hasNext()) { + showPager = true; + } else if (this.pager.hasPrev && this.pager.hasPrev()) { + showPager = true; + } + this.table.setHeight(height - (showPager ? 30 : 0)); }, setColumnSize: function (columnSize) { @@ -15957,7 +15973,7 @@ BI.SequenceTable = BI.inherit(BI.Widget, { headerRowSize: o.headerRowSize, rowSize: o.rowSize, width: 60, - height: o.height - BI.GridTableScrollbar.SIZE, + height: o.height && o.height - BI.GridTableScrollbar.SIZE, headerCellStyleGetter: o.headerCellStyleGetter, summaryCellStyleGetter: o.summaryCellStyleGetter, diff --git a/demo.html b/demo.html index 53decbadc..55b264445 100644 --- a/demo.html +++ b/demo.html @@ -5,24 +5,24 @@ + href="docs/core.css"/> + href="docs/base.css"/> + href="docs/widget.css"/> + href="docs/resource.css"/> + href="docs/demo.css"/> - - - - - + + + + + -
+
\ No newline at end of file diff --git a/demo/js/config/widget.js b/demo/js/config/widget.js index bb559fde4..423892244 100644 --- a/demo/js/config/widget.js +++ b/demo/js/config/widget.js @@ -13,6 +13,14 @@ Demo.WIDGET_CONFIG = [{ pId: 401, text: "bi.responsive_table", value: "demo.responsive_table" +}, { + pId: 401, + text: "bi.sequence_table", + value: "demo.sequence_table" +}, { + pId: 401, + text: "bi.page_table", + value: "demo.page_table" }, { pId: 4, text: "bi.multi_select_combo", diff --git a/demo/js/north.js b/demo/js/north.js index b0c1f3e43..cffe03744 100644 --- a/demo/js/north.js +++ b/demo/js/north.js @@ -22,7 +22,21 @@ Demo.North = BI.inherit(BI.Widget, { } }, { el: { - type: "bi.layout" + type: "bi.right", + hgap: 10, + items: [{ + type: "bi.text_button", + text: "星空蓝", + handler: function () { + $("#wrapper").removeClass("bi-theme-default").addClass("bi-theme-dark"); + } + }, { + type: "bi.text_button", + text: "典雅白", + handler: function () { + $("#wrapper").removeClass("bi-theme-dark").addClass("bi-theme-default"); + } + }] } }] } diff --git a/demo/js/widget/table/demo.page_table.js b/demo/js/widget/table/demo.page_table.js new file mode 100644 index 000000000..4f970e266 --- /dev/null +++ b/demo/js/widget/table/demo.page_table.js @@ -0,0 +1,214 @@ +Demo.Func = BI.inherit(BI.Widget, { + props: { + baseCls: "demo-func" + }, + + render: function () { + var items = [{ + children: [{ + type: "bi.page_table_cell", + text: "node1", + children: [{ + type: "bi.page_table_cell", + text: "childnode1", + values: [{type: "bi.page_table_cell", text: 101}, { + type: "bi.page_table_cell", + text: 102 + }, {type: "bi.page_table_cell", text: 101}, { + type: "bi.page_table_cell", + text: 102 + }, {type: "bi.page_table_cell", text: 101}] + }, { + type: "bi.page_table_cell", + text: "childnode2", + values: [{type: "bi.page_table_cell", text: 201}, { + type: "bi.page_table_cell", + text: 202 + }, {type: "bi.page_table_cell", text: 201}, { + type: "bi.page_table_cell", + text: 202 + }, {type: "bi.page_table_cell", text: 201}] + }], + values: [{type: "bi.page_table_cell", text: 1001}, { + type: "bi.page_table_cell", + text: 1002 + }, {type: "bi.page_table_cell", text: 1001}, { + type: "bi.page_table_cell", + text: 1002 + }, {type: "bi.page_table_cell", text: 1001}] + }], values: [{type: "bi.page_table_cell", text: 12001}, { + type: "bi.page_table_cell", + text: 12002 + }, {type: "bi.page_table_cell", text: 12001}, { + type: "bi.page_table_cell", + text: 12002 + }, {type: "bi.page_table_cell", text: 12001}] + }]; + + var header = [{ + type: "bi.page_table_cell", + text: "header1" + }, { + type: "bi.page_table_cell", + text: "header2" + }, { + type: "bi.page_table_cell", + text: "jine", + tag: 1 + }, { + type: "bi.page_table_cell", + text: "jine", + tag: 2 + }, { + type: "bi.page_table_cell", + text: "jine", + tag: 3 + }, { + type: "bi.page_table_cell", + text: "金额汇总", + tag: 4 + }, { + type: "bi.page_table_cell", + text: "金额汇总2", + tag: 5 + }]; + + var crossHeader = [{ + type: "bi.page_table_cell", + text: "cross1" + }, { + type: "bi.page_table_cell", + text: "cross2" + }]; + + var crossItems = [{ + children: [{ + type: "bi.page_table_cell", + text: "node1", + values: [1, 2, 3] + }, { + type: "bi.page_table_cell", + text: "node3", + values: [1, 2] + }], + //values: [1, 2] + }]; + + var table1 = BI.createWidget({ + type: "bi.page_table", + el: { + type: "bi.sequence_table", + showSequence: true, + el: { + type: "bi.dynamic_summary_tree_table", + el: { + type: "bi.adaptive_table", + el: { + type: "bi.resizable_table", + el: { + type: "bi.collection_table" + } + } + }, + }, + sequence: { + type: "bi.sequence_table_dynamic_number" + } + }, + summaryCellStyleGetter: function (isLast) { + return isLast ? { + backgroundColor: "#6495ED", + color: "#ffffff" + } : { + backgroundColor: "#B0C4DE", + color: "#ffffff" + } + }, + sequenceCellStyleGetter: function (index) { + return { + backgroundColor: "#87CEEB", + color: "#ffffff" + } + }, + headerCellStyleGetter: function () { + return { + backgroundColor: "#6495ED", + color: "#ffffff" + } + }, + pager: { + horizontal: { + pages: false, //总页数 + curr: 1, //初始化当前页, pages为数字时可用 + + hasPrev: function (page) { + return page > 1; + }, + hasNext: function (page) { + return page < 3; + } + }, + vertical: { + pages: false, //总页数 + curr: 1, //初始化当前页, pages为数字时可用 + + hasPrev: function (page) { + return page > 1; + }, + hasNext: function (page) { + return page < 3; + } + } + }, + itemsCreator: function (op, populate) { + var vpage = op.vpage || ""; + var hpage = op.hpage || ""; + BI.each(header, function (i, h) { + h.text = h.text + "V" + vpage + "H" + hpage; + }); + populate(items, header, crossItems, crossHeader); + }, + width: 600, + height: 400, + columnSize: [100, 100, 100, 100, 100, 100, 100], + minColumnSize: [100, 100, 100, 100, 100, 100, 100], + isNeedMerge: true, + isNeedFreeze: true, + mergeCols: [0, 1], + mergeRule: function (col1, col2) { + if (col1 === col2) { + return true; + } + if (col1.tag && col2.tag) { + return col1.tag === col2.tag; + } + return col1 === col2; + }, + freezeCols: [0, 1], + header: header, + items: items, + crossHeader: crossHeader, + crossItems: crossItems + }); + // table1.populate(items, header, crossItems, crossHeader); + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: { + type: "bi.grid", + columns: 1, + rows: 1, + items: [[{ + el: table1 + }]] + }, + left: 10, + right: 10, + top: 10, + bottom: 10 + }] + }) + } +}); +BI.shortcut("demo.page_table", Demo.Func); \ No newline at end of file diff --git a/demo/js/widget/table/demo.sequence_table.js b/demo/js/widget/table/demo.sequence_table.js new file mode 100644 index 000000000..104c25f29 --- /dev/null +++ b/demo/js/widget/table/demo.sequence_table.js @@ -0,0 +1,159 @@ +Demo.Func = BI.inherit(BI.Widget, { + props: { + baseCls: "demo-func" + }, + + render: function () { + var items = [{ + children: [{ + text: "节点1", + children: [{ + text: "子节点1", + children: [{ + text: "叶节点1", + values: [{text: 11}, {text: 12}, {text: 11}, {text: 12}, {text: 11}, {text: 12}, {text: 112}] + }, { + text: "叶节点2", + values: [{text: 21}, {text: 22}, {text: 21}, {text: 22}, {text: 21}, {text: 22}, {text: 122}] + }], + values: [{text: 101}, {text: 102}, {text: 101}, {text: 102}, {text: 101}, {text: 102}, {text: 1102}] + }, { + text: "子节点2", + children: [{ + text: "叶节点3", + values: [{text: 31}, {text: 32}, {text: 31}, {text: 32}, {text: 31}, {text: 32}, {text: 132}] + }, { + text: "叶节点4", + values: [{text: 41}, {text: 42}, {text: 41}, {text: 42}, {text: 41}, {text: 42}, {text: 142}] + }], + values: [{text: 201}, {text: 202}, {text: 201}, {text: 202}, {text: 201}, {text: 202}, {text: 1202}] + }, { + text: "子节点3", + children: [{ + text: "叶节点5", + values: [{text: 51}, {text: 52}, {text: 51}, {text: 52}, {text: 51}, {text: 52}, {text: 152}] + }], + values: [{text: 301}, {text: 302}, {text: 301}, {text: 302}, {text: 301}, {text: 302}, {text: 1302}] + }], + values: [{text: 1001}, {text: 1002}, {text: 1001}, {text: 1002}, {text: 1001}, {text: 1002}, {text: 11002}] + }, { + text: "节点2", + values: [{text: 2001}, {text: 2002}, {text: 2001}, {text: 2002}, {text: 2001}, {text: 2002}, {text: 12002}] + }], + values: [{text: 12001}, {text: 12002}, {text: 12001}, {text: 12002}, {text: 12001}, {text: 12002}, {text: 112002}] + }]; + + var header = [{ + text: "header1" + }, { + text: "header2" + }, { + text: "header3" + }, { + text: "金额", + tag: 1 + }, { + text: "金额", + tag: 2 + }, { + text: "金额", + tag: 3 + }, { + text: "金额", + tag: 4 + }, { + text: "金额", + tag: 5 + }, { + text: "金额", + tag: 6 + }, { + text: "金额", + tag: 7 + }]; + + var crossHeader = [{ + text: "cross1" + }, { + text: "cross2" + }]; + + var crossItems = [{ + children: [{ + text: "节点1", + children: [{ + text: "子节点1" + }, { + text: "子节点2" + }], + values: [0] + }, { + text: "节点2", + children: [{ + text: "子节点3" + }, { + text: "子节点4" + }], + values: [0] + }], + values: [0] + }]; + var table = BI.createWidget({ + type: "bi.sequence_table", + el: { + type: "bi.tree_table", + el: { + type: "bi.adaptive_table", + el: { + type: "bi.resizable_table", + el: { + type: "bi.collection_table" + } + } + }, + }, + sequence: { + type: "bi.sequence_table_tree_number" + }, + showSequence: true, + width: 600, + height: 400, + isNeedResize: true, + isNeedMerge: true, + mergeRule: function (row1, row2) { + return row1 === row2; + }, + columnSize: [100, 100, 100, 100, 100, 100, 100, 100, 100, 100], + minColumnSize: [100, 100, 100, 100, 100, 100, 100, 100, 100, 100], + isNeedFreeze: true, + freezeCols: [0, 1, 2], + mergeCols: [0, 1, 2], + header: header, + items: items, + crossHeader: crossHeader, + crossItems: crossItems + }); + + BI.createWidget({ + type: "bi.absolute", + element: this, + items: [{ + el: { + type: "bi.grid", + columns: 1, + rows: 1, + items: [{ + column: 0, + row: 0, + el: table + }] + }, + left: 10, + right: 10, + top: 10, + bottom: 50 + }] + }) + } +}); +BI.shortcut("demo.sequence_table", Demo.Func); \ No newline at end of file diff --git a/dist/background/loading.gif b/docs/background/loading.gif similarity index 100% rename from dist/background/loading.gif rename to docs/background/loading.gif diff --git a/dist/base.css b/docs/base.css similarity index 98% rename from dist/base.css rename to docs/base.css index d9a49fee4..239c28f0b 100644 --- a/dist/base.css +++ b/docs/base.css @@ -4,17 +4,6 @@ /****添加计算宽度的--运算符直接需要space****/ /****** common color(常用颜色,可用于普遍场景) *****/ /**** custom color(自定义颜色,用于特定场景) ****/ -.bi-combine-chart .bi-linkage-list { - background-color: #ffffff; - border: 1px solid #eaeaea; - z-index: 1000000000; -} -.bi-combine-chart .bi-linkage-list .bi-linkage-list-item:hover { - background-color: #f4f4f4; -} -/****添加计算宽度的--运算符直接需要space****/ -/****** common color(常用颜色,可用于普遍场景) *****/ -/**** custom color(自定义颜色,用于特定场景) ****/ .bi-color-chooser-popup .color-chooser-popup-title { background: #f4f4f4; border-bottom: 1px solid #d4dadd; @@ -949,13 +938,6 @@ li.CodeMirror-hint-active { /****添加计算宽度的--运算符直接需要space****/ /****** common color(常用颜色,可用于普遍场景) *****/ /**** custom color(自定义颜色,用于特定场景) ****/ -.bi-record-editor .record-editor-text { - font-size: 12px; - background: #f4f4f4; -} -/****添加计算宽度的--运算符直接需要space****/ -/****** common color(常用颜色,可用于普遍场景) *****/ -/**** custom color(自定义颜色,用于特定场景) ****/ .bi-shelter-editor .shelter-editor-text { font-size: 12px; } @@ -1021,9 +1003,6 @@ li.CodeMirror-hint-active { border: none; color: #e85050 !important; } -.bi-input.disabled { - background-color: white; -} /****添加计算宽度的--运算符直接需要space****/ /****** common color(常用颜色,可用于普遍场景) *****/ /**** custom color(自定义颜色,用于特定场景) ****/ @@ -1206,6 +1185,7 @@ li.CodeMirror-hint-active { transition-timing-function: ease; user-select: none; background-color: rgba(0, 0, 0, 0.1); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000); border-radius: 5px; } .scrollbar-layout-main-vertical { @@ -1225,6 +1205,7 @@ li.CodeMirror-hint-active { left: 0; transition-property: background-color; background-color: rgba(0, 0, 0, 0.1); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000); } /* Touching the scroll-track directly makes the scroll-track bolder */ .scrollbar-layout-main-horizontal.public-scrollbar-main-active, @@ -1279,11 +1260,19 @@ li.CodeMirror-hint-active { .public-scrollbar-face:after { background-color: #c2c2c2; } +.bi-theme-dark .public-scrollbar-face:after { + background-color: #7d7d7d; +} .public-scrollbar-main:hover .public-scrollbar-face:after, .public-scrollbar-main-active .public-scrollbar-face:after, .public-scrollbar-faceActive:after { background-color: #7d7d7d; } +.bi-theme-dark .public-scrollbar-main:hover .public-scrollbar-face:after, +.bi-theme-dark .public-scrollbar-main-active .public-scrollbar-face:after, +.bi-theme-dark .public-scrollbar-faceActive:after { + background-color: #c2c2c2; +} .horizontal-scrollbar { bottom: 0; position: absolute; @@ -1437,3 +1426,7 @@ li.CodeMirror-hint-active { .bi-list-view .list-view-toolbar > .first-element { border-left: none; } +.bi-theme-dark .bi-list-view .list-view-outer { + color: #b2b2b2; + background: #191a2c; +} diff --git a/dist/base.js b/docs/base.js similarity index 99% rename from dist/base.js rename to docs/base.js index 41d9f2b6f..887230249 100644 --- a/dist/base.js +++ b/docs/base.js @@ -42,9 +42,6 @@ } else { this.onmousewheel = handler; } - // Store the line height and page height for this particular element - $.data(this, 'mousewheel-line-height', special.getLineHeight(this)); - $.data(this, 'mousewheel-page-height', special.getPageHeight(this)); }, teardown: function() { @@ -55,22 +52,6 @@ } else { this.onmousewheel = null; } - // Clean up the data we added to the element - $.removeData(this, 'mousewheel-line-height'); - $.removeData(this, 'mousewheel-page-height'); - }, - - getLineHeight: function(elem) { - var $elem = $(elem), - $parent = $elem['offsetParent' in $.fn ? 'offsetParent' : 'parent'](); - if (!$parent.length) { - $parent = $('body'); - } - return parseInt($parent.css('fontSize'), 10) || parseInt($elem.css('fontSize'), 10) || 16; - }, - - getPageHeight: function(elem) { - return $(elem).height(); }, settings: { @@ -136,12 +117,12 @@ // * deltaMode 1 is by lines // * deltaMode 2 is by pages if ( orgEvent.deltaMode === 1 ) { - var lineHeight = $.data(this, 'mousewheel-line-height'); + var lineHeight = 40; delta *= lineHeight; deltaY *= lineHeight; deltaX *= lineHeight; } else if ( orgEvent.deltaMode === 2 ) { - var pageHeight = $.data(this, 'mousewheel-page-height'); + var pageHeight = 800; delta *= pageHeight; deltaY *= pageHeight; deltaX *= pageHeight; @@ -1489,10 +1470,6 @@ BI.TreeView = BI.inherit(BI.Pane, { }, _init: function () { BI.TreeView.superclass._init.apply(this, arguments); - - - - this._stop = false; this.container = BI.createWidget(); @@ -1969,10 +1946,10 @@ BI.TreeView = BI.inherit(BI.Pane, { } }); BI.extend(BI.TreeView, { - REQ_TYPE_INIT_DATA: 1, - REQ_TYPE_ADJUST_DATA: 2, - REQ_TYPE_CALCULATE_SELECT_DATA: 3, - REQ_TYPE_SELECTED_DATA: 4 + REQ_TYPE_INIT_DATA: 0, + REQ_TYPE_ADJUST_DATA: 1, + REQ_TYPE_CALCULATE_SELECT_DATA: 2, + REQ_TYPE_SELECTED_DATA: 3 }); BI.TreeView.EVENT_CHANGE = "EVENT_CHANGE"; @@ -3920,12 +3897,9 @@ BI.Navigation = BI.inherit(BI.Widget, { logic: { dynamic: false }, - defaultShowIndex: 0, - tab: { - type: "bi.button_group", - items: [], - layouts: [] - }, + single: false, + defaultShowIndex: false, + tab: false, cardCreator: function (v) { return BI.createWidget(); }, @@ -3963,7 +3937,7 @@ BI.Navigation = BI.inherit(BI.Widget, { }, afterCardCreated: BI.bind(this.afterCardCreated, this), afterCardShow: BI.bind(this.afterCardShow, this) - }) + }); }, mounted: function () { @@ -3973,6 +3947,18 @@ BI.Navigation = BI.inherit(BI.Widget, { } }, + _deleteOtherCards: function (currCardName) { + var self = this, o = this.options; + if (o.single === true) { + BI.each(this.cardMap, function (name, card) { + if (name !== (currCardName + "")) { + self.layout.deleteCardByName(name); + delete self.cardMap[name]; + } + }); + } + }, + afterCardCreated: function (v) { var self = this; this.cardMap[v].on(BI.Controller.EVENT_CHANGE, function (type, value, obj) { @@ -3980,12 +3966,13 @@ BI.Navigation = BI.inherit(BI.Widget, { if (type === BI.Events.CLICK) { self.fireEvent(BI.Navigation.EVENT_CHANGE, obj); } - }) + }); this.options.afterCardCreated.apply(this, arguments); }, afterCardShow: function (v) { this.showIndex = v; + this._deleteOtherCards(v); this.options.afterCardShow.apply(this, arguments); }, @@ -3996,16 +3983,23 @@ BI.Navigation = BI.inherit(BI.Widget, { } }, - setSelect: function (v) { - this.showIndex = v; + _assertCard: function (v) { if (!this.layout.isCardExisted(v)) { var card = this.options.cardCreator(v); this.cardMap[v] = card; this.layout.addCardByName(v, card); this.afterCardCreated(v); } + }, + + setSelect: function (v) { + this._assertCard(); this.layout.showCardByName(v); - BI.nextTick(BI.bind(this.afterCardShow, this, v)); + this._deleteOtherCards(v); + if (this.showIndex !== v) { + this.showIndex = v; + BI.nextTick(BI.bind(this.afterCardShow, this, v)); + } }, getSelect: function () { @@ -4636,6 +4630,7 @@ BI.Tab = BI.inherit(BI.Widget, { return BI.extend(BI.Tab.superclass._defaultConfig.apply(this, arguments), { baseCls: "bi-tab", direction: "top",//top, bottom, left, right, custom + single: false, //是不是单页面 logic: { dynamic: false }, @@ -4675,6 +4670,7 @@ BI.Tab = BI.inherit(BI.Widget, { return card; }, afterCardShow: function (v) { + self._deleteOtherCards(v); self.curr = v; } }); @@ -4683,6 +4679,18 @@ BI.Tab = BI.inherit(BI.Widget, { }); }, + _deleteOtherCards: function (currCardName) { + var self = this, o = this.options; + if (o.single === true) { + BI.each(this.cardMap, function (name, card) { + if (name !== (currCardName + "")) { + self.layout.deleteCardByName(name); + delete self.cardMap[name]; + } + }); + } + }, + _assertCard: function (v) { if (!this.layout.isCardExisted(v)) { var card = this.options.cardCreator(v); @@ -4702,6 +4710,7 @@ BI.Tab = BI.inherit(BI.Widget, { this.tab && this.tab.setValue(v); this._assertCard(v); this.layout.showCardByName(v); + this._deleteOtherCards(v); if (this.curr !== v) { this.curr = v; } @@ -17951,6 +17960,7 @@ BI.TextAreaEditor = BI.inherit(BI.Single, { setValue: function (value) { this.content.element.val(value); + this._checkWaterMark(); }, setStyle: function (style) { @@ -28297,8 +28307,7 @@ BI.CollectionTable = BI.inherit(BI.Widget, { }); }, - _init: function () { - BI.CollectionTable.superclass._init.apply(this, arguments); + render: function () { var self = this, o = this.options; this._width = 0; this._height = 0; @@ -28434,6 +28443,10 @@ BI.CollectionTable = BI.inherit(BI.Widget, { }); this._width = o.width - BI.GridTableScrollbar.SIZE; this._height = o.height - BI.GridTableScrollbar.SIZE; + }, + + mounted: function () { + var o = this.options; if (o.items.length > 0 || o.header.length < 0) { this._digest(); this._populate(); @@ -28832,8 +28845,8 @@ BI.QuickCollectionTable = BI.inherit(BI.CollectionTable, { }); }, - _init: function () { - BI.QuickCollectionTable.superclass._init.apply(this, arguments); + render: function () { + BI.QuickCollectionTable.superclass.render.apply(this, arguments); var self = this, o = this.options; this.topLeftCollection.setOverflowX(false); this.topLeftCollection.setOverflowY(false); @@ -28843,6 +28856,11 @@ BI.QuickCollectionTable = BI.inherit(BI.CollectionTable, { this.bottomLeftCollection.setOverflowY(false); this.bottomRightCollection.setOverflowX(false); this.bottomRightCollection.setOverflowY(false); + }, + + mounted: function () { + BI.QuickCollectionTable.superclass.mounted.apply(this, arguments); + var self = this; this._leftWheelHandler = new BI.WheelHandler( BI.bind(this._onWheelY, this), BI.bind(this._shouldHandleX, this), @@ -29037,8 +29055,7 @@ BI.GridTable = BI.inherit(BI.Widget, { }); }, - _init: function () { - BI.GridTable.superclass._init.apply(this, arguments); + render: function () { var self = this, o = this.options; this._width = 0; this._height = 0; @@ -29181,6 +29198,10 @@ BI.GridTable = BI.inherit(BI.Widget, { this._height = o.height - BI.GridTableScrollbar.SIZE; this.header = this._getHeader(); this.items = this._getItems(); + }, + + mounted: function () { + var o = this.options; if (o.items.length > 0) { this._populate(); } @@ -29499,8 +29520,8 @@ BI.QuickGridTable = BI.inherit(BI.GridTable, { }); }, - _init: function () { - BI.QuickGridTable.superclass._init.apply(this, arguments); + render: function () { + BI.QuickGridTable.superclass.render.apply(this, arguments); var self = this, o = this.options; this.topLeftGrid.setOverflowX(false); this.topLeftGrid.setOverflowY(false); @@ -29510,6 +29531,11 @@ BI.QuickGridTable = BI.inherit(BI.GridTable, { this.bottomLeftGrid.setOverflowY(false); this.bottomRightGrid.setOverflowX(false); this.bottomRightGrid.setOverflowY(false); + }, + + mounted: function () { + BI.QuickGridTable.superclass.mounted.apply(this, arguments); + var self = this; this._leftWheelHandler = new BI.WheelHandler( BI.bind(this._onWheelY, this), BI.bind(this._shouldHandleX, this), @@ -29679,8 +29705,7 @@ BI.GridTableScrollbar = BI.inherit(BI.Widget, { }) }, - _init: function () { - BI.GridTableScrollbar.superclass._init.apply(this, arguments); + render: function () { var self = this, o = this.options; this.focused = false; this.isDragging = false; @@ -29698,6 +29723,10 @@ BI.GridTableScrollbar = BI.inherit(BI.Widget, { top: 0 }] }); + }, + + mounted: function () { + var self = this, o = this.options; var onWheel = o.orientation === 'horizontal' ? this._onWheelX : this._onWheelY; this._wheelHandler = new BI.WheelHandler( BI.bind(onWheel, this), @@ -30052,6 +30081,12 @@ BI.GridTableHorizontalScrollbar = BI.inherit(BI.Widget, { populate: function () { this.scrollbar.populate(); + var o = this.options; + if (o.size < 1 || o.contentSize <= o.size) { + this.setVisible(false); + return; + } + this.setVisible(true); } }); BI.GridTableHorizontalScrollbar.EVENT_SCROLL = "EVENT_SCROLL"; @@ -30973,11 +31008,9 @@ BI.Table = BI.inherit(BI.Widget, { }; this._initNormalScroll(); - BI.Resizers.add(this.getName(), function (e) { - if (self.element.is(":visible") && BI.isWindow(e.target)) { - self._resize(); - self.fireEvent(BI.Table.EVENT_TABLE_RESIZE); - } + BI.ResizeDetector.addResizeListener(this, function () { + self._resize(); + self.fireEvent(BI.Table.EVENT_TABLE_RESIZE); }); BI.nextTick(function () { if (self.element.is(":visible")) { @@ -32003,7 +32036,6 @@ BI.Table = BI.inherit(BI.Widget, { }, empty: function () { - BI.Resizers.remove(this.getName()); BI.Table.superclass.empty.apply(this, arguments); }, diff --git a/dist/case.js b/docs/case.js similarity index 97% rename from dist/case.js rename to docs/case.js index 86cab3357..7ce7b74c8 100644 --- a/dist/case.js +++ b/docs/case.js @@ -5225,232 +5225,6 @@ BI.ClearEditor.EVENT_RESTRICT = "EVENT_RESTRICT"; BI.ClearEditor.EVENT_REMOVE = "EVENT_REMOVE"; BI.ClearEditor.EVENT_EMPTY = "EVENT_EMPTY"; BI.shortcut("bi.clear_editor", BI.ClearEditor);/** - * guy - * 记录内容的输入框 - * @class BI.RecordEditor - * @extends BI.Single - */ -BI.RecordEditor = BI.inherit(BI.Single, { - _defaultConfig: function () { - var conf = BI.RecordEditor.superclass._defaultConfig.apply(this, arguments); - return BI.extend(conf, { - baseCls: (conf.baseCls || "") + " bi-record-editor", - hgap: 4, - vgap: 2, - lgap: 0, - rgap: 0, - tgap: 0, - bgap: 0, - validationChecker: BI.emptyFn, - quitChecker: BI.emptyFn, - allowBlank: true, - watermark: "", - errorText: "", - height: 30 - }) - }, - - _init: function () { - BI.RecordEditor.superclass._init.apply(this, arguments); - this.contents = []; - 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.textContainer = BI.createWidget({ - type: "bi.vertical_adapt", - hgap: 2, - height: o.height - }); - this.editor.on(BI.Controller.EVENT_CHANGE, function () { - self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); - }); - this.editor.on(BI.Editor.EVENT_FOCUS, function () { - self._checkInputState(); - self.fireEvent(BI.RecordEditor.EVENT_FOCUS, arguments); - }); - this.editor.on(BI.Editor.EVENT_BLUR, function () { - self._checkInputState(); - self.fireEvent(BI.RecordEditor.EVENT_BLUR, arguments); - }); - this.editor.on(BI.Editor.EVENT_CLICK, function () { - self.fireEvent(BI.RecordEditor.EVENT_CLICK, arguments); - }); - this.editor.on(BI.Editor.EVENT_CHANGE, function () { - self.fireEvent(BI.RecordEditor.EVENT_CHANGE, arguments); - }); - this.editor.on(BI.Editor.EVENT_KEY_DOWN, function (v) { - self.fireEvent(BI.RecordEditor.EVENT_KEY_DOWN, arguments); - }); - - this.editor.on(BI.Editor.EVENT_VALID, function () { - self.fireEvent(BI.RecordEditor.EVENT_VALID, arguments); - }); - this.editor.on(BI.Editor.EVENT_SPACE, function () { - self.fireEvent(BI.RecordEditor.EVENT_SPACE, arguments); - }); - this.editor.on(BI.Editor.EVENT_CONFIRM, function () { - self.setState(self.getValue()); - self.editor.isValid() && self.editor.setValue(""); - self.fireEvent(BI.RecordEditor.EVENT_CONFIRM, arguments); - }); - this.editor.on(BI.Editor.EVENT_START, function () { - self.fireEvent(BI.RecordEditor.EVENT_START, arguments); - }); - this.editor.on(BI.Editor.EVENT_PAUSE, function () { - self.fireEvent(BI.RecordEditor.EVENT_PAUSE, arguments); - }); - this.editor.on(BI.Editor.EVENT_STOP, function () { - self.fireEvent(BI.RecordEditor.EVENT_STOP, arguments); - }); - this.editor.on(BI.Editor.EVENT_ENTER, function () { - self.fireEvent(BI.RecordEditor.EVENT_ENTER, arguments); - }); - this.editor.on(BI.Editor.EVENT_BACKSPACE, function () { - self._checkInputState(); - }); - this.editor.on(BI.Editor.EVENT_REMOVE, function () { - if (!BI.isEmpty(self.contents)) { - self.contents.pop().destroy(); - self.setValue(self.getValue()); - self._adjustInputWidth(); - } - }); - this.editor.on(BI.Editor.EVENT_ERROR, function () { - self.fireEvent(BI.RecordEditor.EVENT_ERROR, arguments); - }); - this.editor.on(BI.Editor.EVENT_RESTRICT, function () { - self.fireEvent(BI.RecordEditor.EVENT_RESTRICT, arguments); - }); - this.editor.on(BI.Editor.EVENT_EMPTY, function () { - self.fireEvent(BI.RecordEditor.EVENT_EMPTY, arguments); - }); - BI.createWidget({ - type: "bi.inline", - element: this, - items: [this.textContainer, this.editor] - }); - BI.ResizeDetector.addResizeListener(this, BI.bind(this._adjustInputWidth, this)); - this._adjustInputWidth(); - }, - - _adjustInputWidth: function () { - BI.nextTick(BI.bind(function () { - this.editor.element.css("width", this.element.width() - this.textContainer.element.outerWidth() - 10); - }, this)); - }, - - _checkInputState: function () { - if (BI.isEmpty(this.contents)) { - this.editor.enableWarterMark(); - } else { - this.editor.disableWarterMark(); - } - }, - - focus: function () { - this.editor.focus(); - }, - - blur: function () { - this.editor.blur(); - }, - - isValid: function () { - return this.editor.isValid(); - }, - - setErrorText: function (text) { - this.editor.setErrorText(text); - }, - - getErrorText: function () { - return this.editor.getErrorText(); - }, - - isEditing: function () { - return this.editor.isEditing(); - }, - - getLastValidValue: function () { - return this.editor.getLastValidValue(); - }, - - setValue: function (k) { - this.editor.setValue(k); - }, - - getValue: function () { - return this.editor.getValue(); - }, - - getState: function () { - var values = BI.map(this.contents, function (i, lb) { - return lb.getText(); - }); - if (BI.isNotEmptyString(this.editor.getValue())) { - return values.concat([this.editor.getValue()]); - } - return values; - }, - - setState: function (v) { - BI.RecordEditor.superclass.setValue.apply(this, arguments); - v = BI.isArray(v) ? v : (v == "" ? [] : [v]); - var contents = this.contents = []; - BI.each(v, function (i, lb) { - contents.push(BI.createWidget({ - type: "bi.label", - height: 25, - cls: "record-editor-text", - text: lb - })) - }); - this.textContainer.empty(); - this.textContainer.populate(contents); - this.editor.isValid() && this.editor.setValue(""); - this._checkInputState(); - this._adjustInputWidth(); - }, - - destroy: function () { - BI.Resizers.remove(this.getName()); - BI.RecordEditor.superclass.destroy.apply(this, arguments); - } -}); -BI.RecordEditor.EVENT_CHANGE = "EVENT_CHANGE"; -BI.RecordEditor.EVENT_FOCUS = "EVENT_FOCUS"; -BI.RecordEditor.EVENT_BLUR = "EVENT_BLUR"; -BI.RecordEditor.EVENT_CLICK = "EVENT_CLICK"; -BI.RecordEditor.EVENT_KEY_DOWN = "EVENT_KEY_DOWN"; - -BI.RecordEditor.EVENT_START = "EVENT_START"; -BI.RecordEditor.EVENT_PAUSE = "EVENT_PAUSE"; -BI.RecordEditor.EVENT_STOP = "EVENT_STOP"; -BI.RecordEditor.EVENT_CONFIRM = "EVENT_CONFIRM"; -BI.RecordEditor.EVENT_VALID = "EVENT_VALID"; -BI.RecordEditor.EVENT_ERROR = "EVENT_ERROR"; -BI.RecordEditor.EVENT_ENTER = "EVENT_ENTER"; -BI.RecordEditor.EVENT_RESTRICT = "EVENT_RESTRICT"; -BI.RecordEditor.EVENT_SPACE = "EVENT_SPACE"; -BI.RecordEditor.EVENT_EMPTY = "EVENT_EMPTY"; - -BI.shortcut("bi.record_editor", BI.RecordEditor);/** * Created by roy on 15/9/14. */ BI.SearchEditor = BI.inherit(BI.Widget, { @@ -8614,6 +8388,8 @@ BI.AllCountPager = BI.inherit(BI.Widget, { }) }, + alwaysShowPager: true, + setAllPages: function (v) { this.allPages.setText("/" + v); this.allPages.setTitle(v); @@ -8648,10 +8424,6 @@ BI.AllCountPager = BI.inherit(BI.Widget, { this.pager.setVisible(b); }, - getAliasWidth: function () { - return this.options.width - 100; - }, - populate: function () { this.pager.populate(); } @@ -8908,6 +8680,7 @@ BI.DirectionPager = BI.inherit(BI.Widget, { this.setVPagerVisible(true); vShow = true; } + this.setVisible(hShow || vShow); var num = [74, 111, -9, 28]; var items = this.layout.attr("items"); @@ -9362,10 +9135,6 @@ BI.AdaptiveTable = BI.inherit(BI.Widget, { regionColumnSize: [], - headerCellStyleGetter: BI.emptyFn, - summaryCellStyleGetter: BI.emptyFn, - sequenceCellStyleGetter: BI.emptyFn, - header: [], items: [], //二维数组 @@ -9402,10 +9171,6 @@ BI.AdaptiveTable = BI.inherit(BI.Widget, { regionColumnSize: data.regionColumnSize, - headerCellStyleGetter: o.headerCellStyleGetter, - summaryCellStyleGetter: o.summaryCellStyleGetter, - sequenceCellStyleGetter: o.sequenceCellStyleGetter, - header: o.header, items: o.items, //交叉表头 @@ -9587,6 +9352,8 @@ BI.DynamicSummaryLayerTreeTable = BI.inherit(BI.Widget, { mergeRule: BI.emptyFn, columnSize: [], + minColumnSize: [], + maxColumnSize: [], headerRowSize: 25, footerRowSize: 25, rowSize: 25, @@ -9770,9 +9537,6 @@ BI.DynamicSummaryLayerTreeTable = BI.inherit(BI.Widget, { headerRowSize: o.headerRowSize, rowSize: o.rowSize, regionColumnSize: o.regionColumnSize, - headerCellStyleGetter: o.headerCellStyleGetter, - summaryCellStyleGetter: o.summaryCellStyleGetter, - sequenceCellStyleGetter: o.sequenceCellStyleGetter, header: data.header, items: data.items }); @@ -9919,6 +9683,8 @@ BI.DynamicSummaryTreeTable = BI.inherit(BI.Widget, { mergeRule: BI.emptyFn, columnSize: [], + minColumnSize: [], + maxColumnSize: [], headerRowSize: 25, footerRowSize: 25, rowSize: 25, @@ -9968,15 +9734,13 @@ BI.DynamicSummaryTreeTable = BI.inherit(BI.Widget, { mergeRule: o.mergeRule, columnSize: o.columnSize, + minColumnSize: o.minColumnSize, + maxColumnSize: o.maxColumnSize, headerRowSize: o.headerRowSize, rowSize: o.rowSize, regionColumnSize: o.regionColumnSize, - headerCellStyleGetter: o.headerCellStyleGetter, - summaryCellStyleGetter: o.summaryCellStyleGetter, - sequenceCellStyleGetter: o.sequenceCellStyleGetter, - header: data.header, items: data.items }); @@ -10428,9 +10192,6 @@ BI.LayerTreeTable = BI.inherit(BI.Widget, { headerRowSize: o.headerRowSize, rowSize: o.rowSize, regionColumnSize: o.regionColumnSize, - headerCellStyleGetter: o.headerCellStyleGetter, - summaryCellStyleGetter: o.summaryCellStyleGetter, - sequenceCellStyleGetter: o.sequenceCellStyleGetter, header: data.header, items: data.items }); @@ -10682,10 +10443,6 @@ BI.TableTree = BI.inherit(BI.Widget, { regionColumnSize: o.regionColumnSize, - headerCellStyleGetter: o.headerCellStyleGetter, - summaryCellStyleGetter: o.summaryCellStyleGetter, - sequenceCellStyleGetter: o.sequenceCellStyleGetter, - header: data.header, items: data.items }); diff --git a/dist/core.css b/docs/core.css similarity index 96% rename from dist/core.css rename to docs/core.css index c94ea5fe6..42772d827 100644 --- a/dist/core.css +++ b/docs/core.css @@ -2958,6 +2958,16 @@ .bi-list-item.disabled:active { background-color: #ffffff; } +.bi-theme-dark .bi-list-item:hover, +.bi-theme-dark .bi-list-item.hover { + background-color: #04070d; + 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; +} .bi-list-item-effect.active, .bi-list-item-effect:active { color: #009de3; @@ -2965,7 +2975,16 @@ .bi-list-item-effect.disabled, .bi-list-item-effect.disabled:hover, .bi-list-item-effect.disabled:active { - color: #1a1a1a; + color: #c4c6c6; +} +.bi-theme-dark .bi-list-item-effect.active, +.bi-theme-dark .bi-list-item-effect:active { + color: #009de3; +} +.bi-theme-dark .bi-list-item-effect.disabled, +.bi-theme-dark .bi-list-item-effect.disabled:hover, +.bi-theme-dark .bi-list-item-effect.disabled:active { + color: #c4c6c6; } .bi-list-item-hover:hover, .bi-list-item-hover.hover { @@ -2975,9 +2994,20 @@ .bi-list-item-hover.disabled, .bi-list-item-hover.disabled:hover, .bi-list-item-hover.disabled:active { - color: #1a1a1a; + color: #c4c6c6; background-color: #ffffff; } +.bi-theme-dark .bi-list-item-hover:hover, +.bi-theme-dark .bi-list-item-hover.hover { + color: #009de3; + background-color: #04070d; +} +.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; + background-color: transparent; +} .bi-list-item-active:hover, .bi-list-item-active.hover { background-color: #f4f4f4; @@ -2992,6 +3022,21 @@ .bi-list-item-active.disabled:active { background-color: #ffffff; } +.bi-theme-dark .bi-list-item-active:hover, +.bi-theme-dark .bi-list-item-active.hover { + background-color: #04070d; + color: #ffffff; +} +.bi-theme-dark .bi-list-item-active.active, +.bi-theme-dark .bi-list-item-active:active { + color: #009de3; + background-color: #04070d; +} +.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; +} .bi-list-item-select:hover, .bi-list-item-select.hover { color: #009de3; @@ -3017,6 +3062,31 @@ .bi-list-item-select.disabled:active .bi-high-light { color: #c4c6c6 !important; } +.bi-theme-dark .list-item-select:hover, +.bi-theme-dark .list-item-select.hover { + color: #009de3; + background-color: #04070d; +} +.bi-theme-dark .list-item-select:active, +.bi-theme-dark .list-item-select.active { + color: #ffffff; + background-color: #009de3; +} +.bi-theme-dark .list-item-select:active .bi-high-light, +.bi-theme-dark .list-item-select.active .bi-high-light { + color: #ffffff; +} +.bi-theme-dark .list-item-select.disabled, +.bi-theme-dark .list-item-select.disabled:hover, +.bi-theme-dark .list-item-select.disabled:active { + color: #c4c6c6 !important; + background-color: transparent !important; +} +.bi-theme-dark .list-item-select.disabled .bi-high-light, +.bi-theme-dark .list-item-select.disabled:hover .bi-high-light, +.bi-theme-dark .list-item-select.disabled:active .bi-high-light { + color: #c4c6c6 !important; +} /*****************cursor*****************/ .cursor-pointer { cursor: pointer; @@ -3447,3 +3517,19 @@ vertical-align: middle; content: ' '; } +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-theme-dark { + background-color: #191a2c; + color: #b2b2b2; +} +.bi-theme-dark .bi-input { + color: #ffffff; +} +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ diff --git a/dist/core.js b/docs/core.js similarity index 99% rename from dist/core.js rename to docs/core.js index fd8f0ca25..1e2ea5867 100644 --- a/dist/core.js +++ b/docs/core.js @@ -13046,9 +13046,6 @@ if (!window.BI) { } ; !(function ($, undefined) { - _.extend(BI, { - version: "2.0" - }); var traverse = function (func, context) { return function (value, key, obj) { return func.call(context, key, value, obj); @@ -14482,6 +14479,10 @@ BI.Widget = BI.inherit(BI.OB, { this.destroyed && this.destroyed(); }, + isMounted: function () { + return this._isMounted; + }, + setWidth: function (w) { this.options.width = w; this._initElementWidth(); @@ -21028,7 +21029,8 @@ BI.LayerController = BI.inherit(BI.Controller, { return this.get(name); } var widget = BI.createWidget((op.render || {}), { - type: "bi.layout" + type: "bi.layout", + cls: op.cls }); var layout = BI.createWidget({ type: "bi.absolute", @@ -22558,23 +22560,6 @@ $(function () { BI.Func = {}; var formulas = {}; BI.extend(BI.Func, { - /** - * 创建唯一的名字 - * @param array - * @param name - * @returns {*} - */ - createDistinctName: function (array, name) { - var src = name, idx = 1; - name = name || ""; - while (true) { - if (!ArrayUtils.getItemByName(array, name)) { - break; - } - name = src + (idx++); - } - return name; - }, /** * 获取搜索结果 @@ -22622,60 +22607,6 @@ $(function () { finded: finded } }, - - /** - * 公式合法性验证 - */ - checkFormulaValidation: function (str) { - if (!BI.isEmptyString(str)) { - if (BI.has(formulas, str)) { - return formulas[str]; - } - formulas[str] = false; - var response = BI.requestSync("fr_bi_base", "check_validation_of_expression", {expression: str}); - if (response.validation === "invalid") { - formulas[str] = false; - } else if (response.validation === "valid") { - formulas[str] = true; - } - return formulas[str]; - } else { - return true; - } - }, - - getFormulaStringFromFormulaValue: function (formulaValue) { - var formulaString = ""; - var regx = /\$[\{][^\}]*[\}]|\w*\w|\$\{[^\$\(\)\+\-\*\/)\$,]*\w\}|\$\{[^\$\(\)\+\-\*\/]*\w\}|\$\{[^\$\(\)\+\-\*\/]*[\u4e00-\u9fa5]\}|\w|(.)/g; - var result = formulaValue.match(regx); - BI.each(result, function (i, item) { - var fieldRegx = /\$[\{][^\}]*[\}]/; - var str = item.match(fieldRegx); - if (BI.isNotEmptyArray(str)) { - formulaString = formulaString + str[0].substring(2, item.length - 1); - } else { - formulaString = formulaString + item; - } - }); - return formulaString; - }, - - formatAddress: function (address) { - var temp = ''; - var url1 = /[a-zA-z]+:\/\/[^\s]*/; - var url2 = /\/[^\s]*/; - if (address.match(url1) || address.match(url2)) { - temp = address; - } else if (BI.isNotEmptyString(address)) { - temp = "http://" + address; - } - return temp; - }, - - getCompleteImageUrl: function (url) { - return BI.servletURL + "?op=fr_bi&cmd=get_uploaded_image&image_id=" + url; - } - }); /** @@ -22728,24 +22659,26 @@ $(function () { }); }, - getImageWidthAndHeight: function (src) { - return BI.requestSync("fr_bi_base", "get_image_size", { - src: src - }); - }, - isDarkColor: function (hex) { if (!hex) { return false; } var rgb = this.rgb2json(this.hex2rgb(hex)); - var grayLevel = (rgb.r * 0.299 + rgb.g * 0.587 + rgb.b * 0.114); - if (grayLevel < 192) { + var grayLevel = Math.round(rgb.r * 0.299 + rgb.g * 0.587 + rgb.b * 0.114); + if (grayLevel < 140) { return true; } return false; }, + //获取对比颜色 + getContrastColor: function (color) { + if (this.isDarkColor(color)) { + return "#ffffff"; + } + return "#1a1a1a"; + }, + rgb2hex: function (rgbColour) { if (!rgbColour || rgbColour.substr(0, 3) != "rgb") { return ""; @@ -25033,7 +24966,7 @@ _.extend(BI, { Top: "top", Bottom: "bottom" } -});/** +});BI.version = "2.0";/** * absolute实现的居中布局 * @class BI.AbsoluteCenterLayout * @extends BI.Layout @@ -26842,7 +26775,7 @@ BI.CardLayout = BI.inherit(BI.Layout, { isCardExisted: function (cardName) { return BI.some(this.options.items, function (i, item) { - return item.cardName === cardName && item.el; + return item.cardName == cardName && item.el; }); }, diff --git a/dist/cursor/cursor_drag_hand.cur b/docs/cursor/cursor_drag_hand.cur similarity index 100% rename from dist/cursor/cursor_drag_hand.cur rename to docs/cursor/cursor_drag_hand.cur diff --git a/dist/cursor/cursor_hand.cur b/docs/cursor/cursor_hand.cur similarity index 100% rename from dist/cursor/cursor_hand.cur rename to docs/cursor/cursor_hand.cur diff --git a/dist/cursor/cursor_left_right.cur b/docs/cursor/cursor_left_right.cur similarity index 100% rename from dist/cursor/cursor_left_right.cur rename to docs/cursor/cursor_left_right.cur diff --git a/dist/font/iconfont.eot b/docs/font/iconfont.eot similarity index 100% rename from dist/font/iconfont.eot rename to docs/font/iconfont.eot diff --git a/dist/font/iconfont.svg b/docs/font/iconfont.svg similarity index 100% rename from dist/font/iconfont.svg rename to docs/font/iconfont.svg diff --git a/dist/font/iconfont.ttf b/docs/font/iconfont.ttf similarity index 100% rename from dist/font/iconfont.ttf rename to docs/font/iconfont.ttf diff --git a/dist/font/iconfont.woff b/docs/font/iconfont.woff similarity index 100% rename from dist/font/iconfont.woff rename to docs/font/iconfont.woff diff --git a/dist/icon/bubble_no_projector.png b/docs/icon/bubble_no_projector.png similarity index 100% rename from dist/icon/bubble_no_projector.png rename to docs/icon/bubble_no_projector.png diff --git a/dist/icon/bubble_projector.png b/docs/icon/bubble_projector.png similarity index 100% rename from dist/icon/bubble_projector.png rename to docs/icon/bubble_projector.png diff --git a/dist/icon/business_package.png b/docs/icon/business_package.png similarity index 100% rename from dist/icon/business_package.png rename to docs/icon/business_package.png diff --git a/dist/icon/business_package_add.png b/docs/icon/business_package_add.png similarity index 100% rename from dist/icon/business_package_add.png rename to docs/icon/business_package_add.png diff --git a/dist/icon/business_package_add_disable.png b/docs/icon/business_package_add_disable.png similarity index 100% rename from dist/icon/business_package_add_disable.png rename to docs/icon/business_package_add_disable.png diff --git a/dist/icon/chartsetting/address_marker_big.png b/docs/icon/chartsetting/address_marker_big.png similarity index 100% rename from dist/icon/chartsetting/address_marker_big.png rename to docs/icon/chartsetting/address_marker_big.png diff --git a/dist/icon/chartsetting/address_marker_small.png b/docs/icon/chartsetting/address_marker_small.png similarity index 100% rename from dist/icon/chartsetting/address_marker_small.png rename to docs/icon/chartsetting/address_marker_small.png diff --git a/dist/icon/chartsetting/icon_bubble_3d.png b/docs/icon/chartsetting/icon_bubble_3d.png similarity index 100% rename from dist/icon/chartsetting/icon_bubble_3d.png rename to docs/icon/chartsetting/icon_bubble_3d.png diff --git a/dist/icon/chartsetting/icon_bubble_normal.png b/docs/icon/chartsetting/icon_bubble_normal.png similarity index 100% rename from dist/icon/chartsetting/icon_bubble_normal.png rename to docs/icon/chartsetting/icon_bubble_normal.png diff --git a/dist/icon/chartsetting/icon_dashboard_1.png b/docs/icon/chartsetting/icon_dashboard_1.png similarity index 100% rename from dist/icon/chartsetting/icon_dashboard_1.png rename to docs/icon/chartsetting/icon_dashboard_1.png diff --git a/dist/icon/chartsetting/icon_dashboard_2.png b/docs/icon/chartsetting/icon_dashboard_2.png similarity index 100% rename from dist/icon/chartsetting/icon_dashboard_2.png rename to docs/icon/chartsetting/icon_dashboard_2.png diff --git a/dist/icon/chartsetting/icon_dashboard_3.png b/docs/icon/chartsetting/icon_dashboard_3.png similarity index 100% rename from dist/icon/chartsetting/icon_dashboard_3.png rename to docs/icon/chartsetting/icon_dashboard_3.png diff --git a/dist/icon/chartsetting/icon_dashboard_4.png b/docs/icon/chartsetting/icon_dashboard_4.png similarity index 100% rename from dist/icon/chartsetting/icon_dashboard_4.png rename to docs/icon/chartsetting/icon_dashboard_4.png diff --git a/dist/icon/chartsetting/icon_dashboard_5.png b/docs/icon/chartsetting/icon_dashboard_5.png similarity index 100% rename from dist/icon/chartsetting/icon_dashboard_5.png rename to docs/icon/chartsetting/icon_dashboard_5.png diff --git a/dist/icon/chartsetting/icon_dashboard_6.png b/docs/icon/chartsetting/icon_dashboard_6.png similarity index 100% rename from dist/icon/chartsetting/icon_dashboard_6.png rename to docs/icon/chartsetting/icon_dashboard_6.png diff --git a/dist/icon/chartsetting/icon_dashboard_7.png b/docs/icon/chartsetting/icon_dashboard_7.png similarity index 100% rename from dist/icon/chartsetting/icon_dashboard_7.png rename to docs/icon/chartsetting/icon_dashboard_7.png diff --git a/dist/icon/chartsetting/icon_gradual_highlight.png b/docs/icon/chartsetting/icon_gradual_highlight.png similarity index 100% rename from dist/icon/chartsetting/icon_gradual_highlight.png rename to docs/icon/chartsetting/icon_gradual_highlight.png diff --git a/dist/icon/chartsetting/icon_multi_pie_gradient_darker.png b/docs/icon/chartsetting/icon_multi_pie_gradient_darker.png similarity index 100% rename from dist/icon/chartsetting/icon_multi_pie_gradient_darker.png rename to docs/icon/chartsetting/icon_multi_pie_gradient_darker.png diff --git a/dist/icon/chartsetting/icon_multi_pie_gradient_lighter.png b/docs/icon/chartsetting/icon_multi_pie_gradient_lighter.png similarity index 100% rename from dist/icon/chartsetting/icon_multi_pie_gradient_lighter.png rename to docs/icon/chartsetting/icon_multi_pie_gradient_lighter.png diff --git a/dist/icon/chartsetting/icon_style_3d.png b/docs/icon/chartsetting/icon_style_3d.png similarity index 100% rename from dist/icon/chartsetting/icon_style_3d.png rename to docs/icon/chartsetting/icon_style_3d.png diff --git a/dist/icon/chartsetting/icon_style_acc_radar_circle.png b/docs/icon/chartsetting/icon_style_acc_radar_circle.png similarity index 100% rename from dist/icon/chartsetting/icon_style_acc_radar_circle.png rename to docs/icon/chartsetting/icon_style_acc_radar_circle.png diff --git a/dist/icon/chartsetting/icon_style_acc_radar_polygon.png b/docs/icon/chartsetting/icon_style_acc_radar_polygon.png similarity index 100% rename from dist/icon/chartsetting/icon_style_acc_radar_polygon.png rename to docs/icon/chartsetting/icon_style_acc_radar_polygon.png diff --git a/dist/icon/chartsetting/icon_style_area_broken.png b/docs/icon/chartsetting/icon_style_area_broken.png similarity index 100% rename from dist/icon/chartsetting/icon_style_area_broken.png rename to docs/icon/chartsetting/icon_style_area_broken.png diff --git a/dist/icon/chartsetting/icon_style_area_curve.png b/docs/icon/chartsetting/icon_style_area_curve.png similarity index 100% rename from dist/icon/chartsetting/icon_style_area_curve.png rename to docs/icon/chartsetting/icon_style_area_curve.png diff --git a/dist/icon/chartsetting/icon_style_area_vertical.png b/docs/icon/chartsetting/icon_style_area_vertical.png similarity index 100% rename from dist/icon/chartsetting/icon_style_area_vertical.png rename to docs/icon/chartsetting/icon_style_area_vertical.png diff --git a/dist/icon/chartsetting/icon_style_gradual.png b/docs/icon/chartsetting/icon_style_gradual.png similarity index 100% rename from dist/icon/chartsetting/icon_style_gradual.png rename to docs/icon/chartsetting/icon_style_gradual.png diff --git a/dist/icon/chartsetting/icon_style_line_broken.png b/docs/icon/chartsetting/icon_style_line_broken.png similarity index 100% rename from dist/icon/chartsetting/icon_style_line_broken.png rename to docs/icon/chartsetting/icon_style_line_broken.png diff --git a/dist/icon/chartsetting/icon_style_line_curve.png b/docs/icon/chartsetting/icon_style_line_curve.png similarity index 100% rename from dist/icon/chartsetting/icon_style_line_curve.png rename to docs/icon/chartsetting/icon_style_line_curve.png diff --git a/dist/icon/chartsetting/icon_style_line_vertical.png b/docs/icon/chartsetting/icon_style_line_vertical.png similarity index 100% rename from dist/icon/chartsetting/icon_style_line_vertical.png rename to docs/icon/chartsetting/icon_style_line_vertical.png diff --git a/dist/icon/chartsetting/icon_style_normal.png b/docs/icon/chartsetting/icon_style_normal.png similarity index 100% rename from dist/icon/chartsetting/icon_style_normal.png rename to docs/icon/chartsetting/icon_style_normal.png diff --git a/dist/icon/chartsetting/icon_style_pie_equal_arc_rose.png b/docs/icon/chartsetting/icon_style_pie_equal_arc_rose.png similarity index 100% rename from dist/icon/chartsetting/icon_style_pie_equal_arc_rose.png rename to docs/icon/chartsetting/icon_style_pie_equal_arc_rose.png diff --git a/dist/icon/chartsetting/icon_style_pie_normal.png b/docs/icon/chartsetting/icon_style_pie_normal.png similarity index 100% rename from dist/icon/chartsetting/icon_style_pie_normal.png rename to docs/icon/chartsetting/icon_style_pie_normal.png diff --git a/dist/icon/chartsetting/icon_style_pie_not_equal_arc_rose.png b/docs/icon/chartsetting/icon_style_pie_not_equal_arc_rose.png similarity index 100% rename from dist/icon/chartsetting/icon_style_pie_not_equal_arc_rose.png rename to docs/icon/chartsetting/icon_style_pie_not_equal_arc_rose.png diff --git a/dist/icon/chartsetting/icon_style_radar_circle.png b/docs/icon/chartsetting/icon_style_radar_circle.png similarity index 100% rename from dist/icon/chartsetting/icon_style_radar_circle.png rename to docs/icon/chartsetting/icon_style_radar_circle.png diff --git a/dist/icon/chartsetting/icon_style_radar_polygon.png b/docs/icon/chartsetting/icon_style_radar_polygon.png similarity index 100% rename from dist/icon/chartsetting/icon_style_radar_polygon.png rename to docs/icon/chartsetting/icon_style_radar_polygon.png diff --git a/dist/icon/chartsetting/icon_style_transparent.png b/docs/icon/chartsetting/icon_style_transparent.png similarity index 100% rename from dist/icon/chartsetting/icon_style_transparent.png rename to docs/icon/chartsetting/icon_style_transparent.png diff --git a/dist/icon/check-box-active.png b/docs/icon/check-box-active.png similarity index 100% rename from dist/icon/check-box-active.png rename to docs/icon/check-box-active.png diff --git a/dist/icon/check-box-disable.png b/docs/icon/check-box-disable.png similarity index 100% rename from dist/icon/check-box-disable.png rename to docs/icon/check-box-disable.png diff --git a/dist/icon/check-box-disable2.png b/docs/icon/check-box-disable2.png similarity index 100% rename from dist/icon/check-box-disable2.png rename to docs/icon/check-box-disable2.png diff --git a/dist/icon/check-box-normal.png b/docs/icon/check-box-normal.png similarity index 100% rename from dist/icon/check-box-normal.png rename to docs/icon/check-box-normal.png diff --git a/dist/icon/dots.png b/docs/icon/dots.png similarity index 100% rename from dist/icon/dots.png rename to docs/icon/dots.png diff --git a/dist/icon/drag/icon_area.png b/docs/icon/drag/icon_area.png similarity index 100% rename from dist/icon/drag/icon_area.png rename to docs/icon/drag/icon_area.png diff --git a/dist/icon/drag/icon_area_a.png b/docs/icon/drag/icon_area_a.png similarity index 100% rename from dist/icon/drag/icon_area_a.png rename to docs/icon/drag/icon_area_a.png diff --git a/dist/icon/drag/icon_area_c.png b/docs/icon/drag/icon_area_c.png similarity index 100% rename from dist/icon/drag/icon_area_c.png rename to docs/icon/drag/icon_area_c.png diff --git a/dist/icon/drag/icon_area_pa.png b/docs/icon/drag/icon_area_pa.png similarity index 100% rename from dist/icon/drag/icon_area_pa.png rename to docs/icon/drag/icon_area_pa.png diff --git a/dist/icon/drag/icon_area_r.png b/docs/icon/drag/icon_area_r.png similarity index 100% rename from dist/icon/drag/icon_area_r.png rename to docs/icon/drag/icon_area_r.png diff --git a/dist/icon/drag/icon_axis.png b/docs/icon/drag/icon_axis.png similarity index 100% rename from dist/icon/drag/icon_axis.png rename to docs/icon/drag/icon_axis.png diff --git a/dist/icon/drag/icon_axis_a.png b/docs/icon/drag/icon_axis_a.png similarity index 100% rename from dist/icon/drag/icon_axis_a.png rename to docs/icon/drag/icon_axis_a.png diff --git a/dist/icon/drag/icon_axis_c.png b/docs/icon/drag/icon_axis_c.png similarity index 100% rename from dist/icon/drag/icon_axis_c.png rename to docs/icon/drag/icon_axis_c.png diff --git a/dist/icon/drag/icon_axis_f.png b/docs/icon/drag/icon_axis_f.png similarity index 100% rename from dist/icon/drag/icon_axis_f.png rename to docs/icon/drag/icon_axis_f.png diff --git a/dist/icon/drag/icon_axis_pa.png b/docs/icon/drag/icon_axis_pa.png similarity index 100% rename from dist/icon/drag/icon_axis_pa.png rename to docs/icon/drag/icon_axis_pa.png diff --git a/dist/icon/drag/icon_bar.png b/docs/icon/drag/icon_bar.png similarity index 100% rename from dist/icon/drag/icon_bar.png rename to docs/icon/drag/icon_bar.png diff --git a/dist/icon/drag/icon_bar_a.png b/docs/icon/drag/icon_bar_a.png similarity index 100% rename from dist/icon/drag/icon_bar_a.png rename to docs/icon/drag/icon_bar_a.png diff --git a/dist/icon/drag/icon_bar_c.png b/docs/icon/drag/icon_bar_c.png similarity index 100% rename from dist/icon/drag/icon_bar_c.png rename to docs/icon/drag/icon_bar_c.png diff --git a/dist/icon/drag/icon_bubble.png b/docs/icon/drag/icon_bubble.png similarity index 100% rename from dist/icon/drag/icon_bubble.png rename to docs/icon/drag/icon_bubble.png diff --git a/dist/icon/drag/icon_bubble_f.png b/docs/icon/drag/icon_bubble_f.png similarity index 100% rename from dist/icon/drag/icon_bubble_f.png rename to docs/icon/drag/icon_bubble_f.png diff --git a/dist/icon/drag/icon_combine.png b/docs/icon/drag/icon_combine.png similarity index 100% rename from dist/icon/drag/icon_combine.png rename to docs/icon/drag/icon_combine.png diff --git a/dist/icon/drag/icon_combine_m.png b/docs/icon/drag/icon_combine_m.png similarity index 100% rename from dist/icon/drag/icon_combine_m.png rename to docs/icon/drag/icon_combine_m.png diff --git a/dist/icon/drag/icon_complex.png b/docs/icon/drag/icon_complex.png similarity index 100% rename from dist/icon/drag/icon_complex.png rename to docs/icon/drag/icon_complex.png diff --git a/dist/icon/drag/icon_cross.png b/docs/icon/drag/icon_cross.png similarity index 100% rename from dist/icon/drag/icon_cross.png rename to docs/icon/drag/icon_cross.png diff --git a/dist/icon/drag/icon_dashboard.png b/docs/icon/drag/icon_dashboard.png similarity index 100% rename from dist/icon/drag/icon_dashboard.png rename to docs/icon/drag/icon_dashboard.png diff --git a/dist/icon/drag/icon_donut.png b/docs/icon/drag/icon_donut.png similarity index 100% rename from dist/icon/drag/icon_donut.png rename to docs/icon/drag/icon_donut.png diff --git a/dist/icon/drag/icon_funnel.png b/docs/icon/drag/icon_funnel.png similarity index 100% rename from dist/icon/drag/icon_funnel.png rename to docs/icon/drag/icon_funnel.png diff --git a/dist/icon/drag/icon_group.png b/docs/icon/drag/icon_group.png similarity index 100% rename from dist/icon/drag/icon_group.png rename to docs/icon/drag/icon_group.png diff --git a/dist/icon/drag/icon_line.png b/docs/icon/drag/icon_line.png similarity index 100% rename from dist/icon/drag/icon_line.png rename to docs/icon/drag/icon_line.png diff --git a/dist/icon/drag/icon_map_c.png b/docs/icon/drag/icon_map_c.png similarity index 100% rename from dist/icon/drag/icon_map_c.png rename to docs/icon/drag/icon_map_c.png diff --git a/dist/icon/drag/icon_map_g.png b/docs/icon/drag/icon_map_g.png similarity index 100% rename from dist/icon/drag/icon_map_g.png rename to docs/icon/drag/icon_map_g.png diff --git a/dist/icon/drag/icon_map_gis.png b/docs/icon/drag/icon_map_gis.png similarity index 100% rename from dist/icon/drag/icon_map_gis.png rename to docs/icon/drag/icon_map_gis.png diff --git a/dist/icon/drag/icon_map_s.png b/docs/icon/drag/icon_map_s.png similarity index 100% rename from dist/icon/drag/icon_map_s.png rename to docs/icon/drag/icon_map_s.png diff --git a/dist/icon/drag/icon_multi_pie.png b/docs/icon/drag/icon_multi_pie.png similarity index 100% rename from dist/icon/drag/icon_multi_pie.png rename to docs/icon/drag/icon_multi_pie.png diff --git a/dist/icon/drag/icon_multi_pie_lighter.png b/docs/icon/drag/icon_multi_pie_lighter.png similarity index 100% rename from dist/icon/drag/icon_multi_pie_lighter.png rename to docs/icon/drag/icon_multi_pie_lighter.png diff --git a/dist/icon/drag/icon_multi_pie_thicker.png b/docs/icon/drag/icon_multi_pie_thicker.png similarity index 100% rename from dist/icon/drag/icon_multi_pie_thicker.png rename to docs/icon/drag/icon_multi_pie_thicker.png diff --git a/dist/icon/drag/icon_pie.png b/docs/icon/drag/icon_pie.png similarity index 100% rename from dist/icon/drag/icon_pie.png rename to docs/icon/drag/icon_pie.png diff --git a/dist/icon/drag/icon_radar.png b/docs/icon/drag/icon_radar.png similarity index 100% rename from dist/icon/drag/icon_radar.png rename to docs/icon/drag/icon_radar.png diff --git a/dist/icon/drag/icon_radar_a.png b/docs/icon/drag/icon_radar_a.png similarity index 100% rename from dist/icon/drag/icon_radar_a.png rename to docs/icon/drag/icon_radar_a.png diff --git a/dist/icon/drag/icon_rect_tree.png b/docs/icon/drag/icon_rect_tree.png similarity index 100% rename from dist/icon/drag/icon_rect_tree.png rename to docs/icon/drag/icon_rect_tree.png diff --git a/dist/icon/drag/icon_scatter.png b/docs/icon/drag/icon_scatter.png similarity index 100% rename from dist/icon/drag/icon_scatter.png rename to docs/icon/drag/icon_scatter.png diff --git a/dist/icon/drag/pure/icon_date.png b/docs/icon/drag/pure/icon_date.png similarity index 100% rename from dist/icon/drag/pure/icon_date.png rename to docs/icon/drag/pure/icon_date.png diff --git a/dist/icon/drag/pure/icon_date_range.png b/docs/icon/drag/pure/icon_date_range.png similarity index 100% rename from dist/icon/drag/pure/icon_date_range.png rename to docs/icon/drag/pure/icon_date_range.png diff --git a/dist/icon/drag/pure/icon_detail.png b/docs/icon/drag/pure/icon_detail.png similarity index 100% rename from dist/icon/drag/pure/icon_detail.png rename to docs/icon/drag/pure/icon_detail.png diff --git a/dist/icon/drag/pure/icon_image.png b/docs/icon/drag/pure/icon_image.png similarity index 100% rename from dist/icon/drag/pure/icon_image.png rename to docs/icon/drag/pure/icon_image.png diff --git a/dist/icon/drag/pure/icon_input.png b/docs/icon/drag/pure/icon_input.png similarity index 100% rename from dist/icon/drag/pure/icon_input.png rename to docs/icon/drag/pure/icon_input.png diff --git a/dist/icon/drag/pure/icon_interval_slider.png b/docs/icon/drag/pure/icon_interval_slider.png similarity index 100% rename from dist/icon/drag/pure/icon_interval_slider.png rename to docs/icon/drag/pure/icon_interval_slider.png diff --git a/dist/icon/drag/pure/icon_list_label.png b/docs/icon/drag/pure/icon_list_label.png similarity index 100% rename from dist/icon/drag/pure/icon_list_label.png rename to docs/icon/drag/pure/icon_list_label.png diff --git a/dist/icon/drag/pure/icon_more.png b/docs/icon/drag/pure/icon_more.png similarity index 100% rename from dist/icon/drag/pure/icon_more.png rename to docs/icon/drag/pure/icon_more.png diff --git a/dist/icon/drag/pure/icon_number.png b/docs/icon/drag/pure/icon_number.png similarity index 100% rename from dist/icon/drag/pure/icon_number.png rename to docs/icon/drag/pure/icon_number.png diff --git a/dist/icon/drag/pure/icon_query.png b/docs/icon/drag/pure/icon_query.png similarity index 100% rename from dist/icon/drag/pure/icon_query.png rename to docs/icon/drag/pure/icon_query.png diff --git a/dist/icon/drag/pure/icon_query_g.png b/docs/icon/drag/pure/icon_query_g.png similarity index 100% rename from dist/icon/drag/pure/icon_query_g.png rename to docs/icon/drag/pure/icon_query_g.png diff --git a/dist/icon/drag/pure/icon_reset.png b/docs/icon/drag/pure/icon_reset.png similarity index 100% rename from dist/icon/drag/pure/icon_reset.png rename to docs/icon/drag/pure/icon_reset.png diff --git a/dist/icon/drag/pure/icon_reuse.png b/docs/icon/drag/pure/icon_reuse.png similarity index 100% rename from dist/icon/drag/pure/icon_reuse.png rename to docs/icon/drag/pure/icon_reuse.png diff --git a/dist/icon/drag/pure/icon_single_slider.png b/docs/icon/drag/pure/icon_single_slider.png similarity index 100% rename from dist/icon/drag/pure/icon_single_slider.png rename to docs/icon/drag/pure/icon_single_slider.png diff --git a/dist/icon/drag/pure/icon_string.png b/docs/icon/drag/pure/icon_string.png similarity index 100% rename from dist/icon/drag/pure/icon_string.png rename to docs/icon/drag/pure/icon_string.png diff --git a/dist/icon/drag/pure/icon_string_list.png b/docs/icon/drag/pure/icon_string_list.png similarity index 100% rename from dist/icon/drag/pure/icon_string_list.png rename to docs/icon/drag/pure/icon_string_list.png diff --git a/dist/icon/drag/pure/icon_tree.png b/docs/icon/drag/pure/icon_tree.png similarity index 100% rename from dist/icon/drag/pure/icon_tree.png rename to docs/icon/drag/pure/icon_tree.png diff --git a/dist/icon/drag/pure/icon_tree_label.png b/docs/icon/drag/pure/icon_tree_label.png similarity index 100% rename from dist/icon/drag/pure/icon_tree_label.png rename to docs/icon/drag/pure/icon_tree_label.png diff --git a/dist/icon/drag/pure/icon_tree_list.png b/docs/icon/drag/pure/icon_tree_list.png similarity index 100% rename from dist/icon/drag/pure/icon_tree_list.png rename to docs/icon/drag/pure/icon_tree_list.png diff --git a/dist/icon/drag/pure/icon_web.png b/docs/icon/drag/pure/icon_web.png similarity index 100% rename from dist/icon/drag/pure/icon_web.png rename to docs/icon/drag/pure/icon_web.png diff --git a/dist/icon/drag/pure/icon_year.png b/docs/icon/drag/pure/icon_year.png similarity index 100% rename from dist/icon/drag/pure/icon_year.png rename to docs/icon/drag/pure/icon_year.png diff --git a/dist/icon/drag/pure/icon_year_m.png b/docs/icon/drag/pure/icon_year_m.png similarity index 100% rename from dist/icon/drag/pure/icon_year_m.png rename to docs/icon/drag/pure/icon_year_m.png diff --git a/dist/icon/drag/pure/icon_year_m_d.png b/docs/icon/drag/pure/icon_year_m_d.png similarity index 100% rename from dist/icon/drag/pure/icon_year_m_d.png rename to docs/icon/drag/pure/icon_year_m_d.png diff --git a/dist/icon/drag/pure/icon_year_s.png b/docs/icon/drag/pure/icon_year_s.png similarity index 100% rename from dist/icon/drag/pure/icon_year_s.png rename to docs/icon/drag/pure/icon_year_s.png diff --git a/dist/icon/drag/small/icin_select_tab.png b/docs/icon/drag/small/icin_select_tab.png similarity index 100% rename from dist/icon/drag/small/icin_select_tab.png rename to docs/icon/drag/small/icin_select_tab.png diff --git a/dist/icon/drag/small/icon_area.png b/docs/icon/drag/small/icon_area.png similarity index 100% rename from dist/icon/drag/small/icon_area.png rename to docs/icon/drag/small/icon_area.png diff --git a/dist/icon/drag/small/icon_area_a.png b/docs/icon/drag/small/icon_area_a.png similarity index 100% rename from dist/icon/drag/small/icon_area_a.png rename to docs/icon/drag/small/icon_area_a.png diff --git a/dist/icon/drag/small/icon_area_c.png b/docs/icon/drag/small/icon_area_c.png similarity index 100% rename from dist/icon/drag/small/icon_area_c.png rename to docs/icon/drag/small/icon_area_c.png diff --git a/dist/icon/drag/small/icon_area_pa.png b/docs/icon/drag/small/icon_area_pa.png similarity index 100% rename from dist/icon/drag/small/icon_area_pa.png rename to docs/icon/drag/small/icon_area_pa.png diff --git a/dist/icon/drag/small/icon_area_r.png b/docs/icon/drag/small/icon_area_r.png similarity index 100% rename from dist/icon/drag/small/icon_area_r.png rename to docs/icon/drag/small/icon_area_r.png diff --git a/dist/icon/drag/small/icon_axis.png b/docs/icon/drag/small/icon_axis.png similarity index 100% rename from dist/icon/drag/small/icon_axis.png rename to docs/icon/drag/small/icon_axis.png diff --git a/dist/icon/drag/small/icon_axis_a.png b/docs/icon/drag/small/icon_axis_a.png similarity index 100% rename from dist/icon/drag/small/icon_axis_a.png rename to docs/icon/drag/small/icon_axis_a.png diff --git a/dist/icon/drag/small/icon_axis_c.png b/docs/icon/drag/small/icon_axis_c.png similarity index 100% rename from dist/icon/drag/small/icon_axis_c.png rename to docs/icon/drag/small/icon_axis_c.png diff --git a/dist/icon/drag/small/icon_axis_f.png b/docs/icon/drag/small/icon_axis_f.png similarity index 100% rename from dist/icon/drag/small/icon_axis_f.png rename to docs/icon/drag/small/icon_axis_f.png diff --git a/dist/icon/drag/small/icon_axis_pa.png b/docs/icon/drag/small/icon_axis_pa.png similarity index 100% rename from dist/icon/drag/small/icon_axis_pa.png rename to docs/icon/drag/small/icon_axis_pa.png diff --git a/dist/icon/drag/small/icon_bar.png b/docs/icon/drag/small/icon_bar.png similarity index 100% rename from dist/icon/drag/small/icon_bar.png rename to docs/icon/drag/small/icon_bar.png diff --git a/dist/icon/drag/small/icon_bar_a.png b/docs/icon/drag/small/icon_bar_a.png similarity index 100% rename from dist/icon/drag/small/icon_bar_a.png rename to docs/icon/drag/small/icon_bar_a.png diff --git a/dist/icon/drag/small/icon_bar_c.png b/docs/icon/drag/small/icon_bar_c.png similarity index 100% rename from dist/icon/drag/small/icon_bar_c.png rename to docs/icon/drag/small/icon_bar_c.png diff --git a/dist/icon/drag/small/icon_bubble.png b/docs/icon/drag/small/icon_bubble.png similarity index 100% rename from dist/icon/drag/small/icon_bubble.png rename to docs/icon/drag/small/icon_bubble.png diff --git a/dist/icon/drag/small/icon_bubble_f.png b/docs/icon/drag/small/icon_bubble_f.png similarity index 100% rename from dist/icon/drag/small/icon_bubble_f.png rename to docs/icon/drag/small/icon_bubble_f.png diff --git a/dist/icon/drag/small/icon_combine.png b/docs/icon/drag/small/icon_combine.png similarity index 100% rename from dist/icon/drag/small/icon_combine.png rename to docs/icon/drag/small/icon_combine.png diff --git a/dist/icon/drag/small/icon_combine_m.png b/docs/icon/drag/small/icon_combine_m.png similarity index 100% rename from dist/icon/drag/small/icon_combine_m.png rename to docs/icon/drag/small/icon_combine_m.png diff --git a/dist/icon/drag/small/icon_complex.png b/docs/icon/drag/small/icon_complex.png similarity index 100% rename from dist/icon/drag/small/icon_complex.png rename to docs/icon/drag/small/icon_complex.png diff --git a/dist/icon/drag/small/icon_cross.png b/docs/icon/drag/small/icon_cross.png similarity index 100% rename from dist/icon/drag/small/icon_cross.png rename to docs/icon/drag/small/icon_cross.png diff --git a/dist/icon/drag/small/icon_dashboard.png b/docs/icon/drag/small/icon_dashboard.png similarity index 100% rename from dist/icon/drag/small/icon_dashboard.png rename to docs/icon/drag/small/icon_dashboard.png diff --git a/dist/icon/drag/small/icon_detail.png b/docs/icon/drag/small/icon_detail.png similarity index 100% rename from dist/icon/drag/small/icon_detail.png rename to docs/icon/drag/small/icon_detail.png diff --git a/dist/icon/drag/small/icon_donut.png b/docs/icon/drag/small/icon_donut.png similarity index 100% rename from dist/icon/drag/small/icon_donut.png rename to docs/icon/drag/small/icon_donut.png diff --git a/dist/icon/drag/small/icon_funnel.png b/docs/icon/drag/small/icon_funnel.png similarity index 100% rename from dist/icon/drag/small/icon_funnel.png rename to docs/icon/drag/small/icon_funnel.png diff --git a/dist/icon/drag/small/icon_funnel_not_continue.png b/docs/icon/drag/small/icon_funnel_not_continue.png similarity index 100% rename from dist/icon/drag/small/icon_funnel_not_continue.png rename to docs/icon/drag/small/icon_funnel_not_continue.png diff --git a/dist/icon/drag/small/icon_gis.png b/docs/icon/drag/small/icon_gis.png similarity index 100% rename from dist/icon/drag/small/icon_gis.png rename to docs/icon/drag/small/icon_gis.png diff --git a/dist/icon/drag/small/icon_group.png b/docs/icon/drag/small/icon_group.png similarity index 100% rename from dist/icon/drag/small/icon_group.png rename to docs/icon/drag/small/icon_group.png diff --git a/dist/icon/drag/small/icon_image.png b/docs/icon/drag/small/icon_image.png similarity index 100% rename from dist/icon/drag/small/icon_image.png rename to docs/icon/drag/small/icon_image.png diff --git a/dist/icon/drag/small/icon_input.png b/docs/icon/drag/small/icon_input.png similarity index 100% rename from dist/icon/drag/small/icon_input.png rename to docs/icon/drag/small/icon_input.png diff --git a/dist/icon/drag/small/icon_interval_slider.png b/docs/icon/drag/small/icon_interval_slider.png similarity index 100% rename from dist/icon/drag/small/icon_interval_slider.png rename to docs/icon/drag/small/icon_interval_slider.png diff --git a/dist/icon/drag/small/icon_line.png b/docs/icon/drag/small/icon_line.png similarity index 100% rename from dist/icon/drag/small/icon_line.png rename to docs/icon/drag/small/icon_line.png diff --git a/dist/icon/drag/small/icon_map_c.png b/docs/icon/drag/small/icon_map_c.png similarity index 100% rename from dist/icon/drag/small/icon_map_c.png rename to docs/icon/drag/small/icon_map_c.png diff --git a/dist/icon/drag/small/icon_map_g.png b/docs/icon/drag/small/icon_map_g.png similarity index 100% rename from dist/icon/drag/small/icon_map_g.png rename to docs/icon/drag/small/icon_map_g.png diff --git a/dist/icon/drag/small/icon_map_s.png b/docs/icon/drag/small/icon_map_s.png similarity index 100% rename from dist/icon/drag/small/icon_map_s.png rename to docs/icon/drag/small/icon_map_s.png diff --git a/dist/icon/drag/small/icon_multi_pie.png b/docs/icon/drag/small/icon_multi_pie.png similarity index 100% rename from dist/icon/drag/small/icon_multi_pie.png rename to docs/icon/drag/small/icon_multi_pie.png diff --git a/dist/icon/drag/small/icon_multi_select.png b/docs/icon/drag/small/icon_multi_select.png similarity index 100% rename from dist/icon/drag/small/icon_multi_select.png rename to docs/icon/drag/small/icon_multi_select.png diff --git a/dist/icon/drag/small/icon_multi_tree.png b/docs/icon/drag/small/icon_multi_tree.png similarity index 100% rename from dist/icon/drag/small/icon_multi_tree.png rename to docs/icon/drag/small/icon_multi_tree.png diff --git a/dist/icon/drag/small/icon_number_interval.png b/docs/icon/drag/small/icon_number_interval.png similarity index 100% rename from dist/icon/drag/small/icon_number_interval.png rename to docs/icon/drag/small/icon_number_interval.png diff --git a/dist/icon/drag/small/icon_pie.png b/docs/icon/drag/small/icon_pie.png similarity index 100% rename from dist/icon/drag/small/icon_pie.png rename to docs/icon/drag/small/icon_pie.png diff --git a/dist/icon/drag/small/icon_radar.png b/docs/icon/drag/small/icon_radar.png similarity index 100% rename from dist/icon/drag/small/icon_radar.png rename to docs/icon/drag/small/icon_radar.png diff --git a/dist/icon/drag/small/icon_radar_a.png b/docs/icon/drag/small/icon_radar_a.png similarity index 100% rename from dist/icon/drag/small/icon_radar_a.png rename to docs/icon/drag/small/icon_radar_a.png diff --git a/dist/icon/drag/small/icon_rect_tree.png b/docs/icon/drag/small/icon_rect_tree.png similarity index 100% rename from dist/icon/drag/small/icon_rect_tree.png rename to docs/icon/drag/small/icon_rect_tree.png diff --git a/dist/icon/drag/small/icon_scatter.png b/docs/icon/drag/small/icon_scatter.png similarity index 100% rename from dist/icon/drag/small/icon_scatter.png rename to docs/icon/drag/small/icon_scatter.png diff --git a/dist/icon/drag/small/icon_single_slider.png b/docs/icon/drag/small/icon_single_slider.png similarity index 100% rename from dist/icon/drag/small/icon_single_slider.png rename to docs/icon/drag/small/icon_single_slider.png diff --git a/dist/icon/drag/small/icon_string_label.png b/docs/icon/drag/small/icon_string_label.png similarity index 100% rename from dist/icon/drag/small/icon_string_label.png rename to docs/icon/drag/small/icon_string_label.png diff --git a/dist/icon/drag/small/icon_string_list.png b/docs/icon/drag/small/icon_string_list.png similarity index 100% rename from dist/icon/drag/small/icon_string_list.png rename to docs/icon/drag/small/icon_string_list.png diff --git a/dist/icon/drag/small/icon_tree_label.png b/docs/icon/drag/small/icon_tree_label.png similarity index 100% rename from dist/icon/drag/small/icon_tree_label.png rename to docs/icon/drag/small/icon_tree_label.png diff --git a/dist/icon/drag/small/icon_tree_list.png b/docs/icon/drag/small/icon_tree_list.png similarity index 100% rename from dist/icon/drag/small/icon_tree_list.png rename to docs/icon/drag/small/icon_tree_list.png diff --git a/dist/icon/drag/small/icon_web.png b/docs/icon/drag/small/icon_web.png similarity index 100% rename from dist/icon/drag/small/icon_web.png rename to docs/icon/drag/small/icon_web.png diff --git a/dist/icon/drag_helper.png b/docs/icon/drag_helper.png similarity index 100% rename from dist/icon/drag_helper.png rename to docs/icon/drag_helper.png diff --git a/dist/icon/example.png b/docs/icon/example.png similarity index 100% rename from dist/icon/example.png rename to docs/icon/example.png diff --git a/dist/icon/half_selected.png b/docs/icon/half_selected.png similarity index 100% rename from dist/icon/half_selected.png rename to docs/icon/half_selected.png diff --git a/dist/icon/icon_down_arrow.png b/docs/icon/icon_down_arrow.png similarity index 100% rename from dist/icon/icon_down_arrow.png rename to docs/icon/icon_down_arrow.png diff --git a/dist/icon/inner-join.png b/docs/icon/inner-join.png similarity index 100% rename from dist/icon/inner-join.png rename to docs/icon/inner-join.png diff --git a/dist/icon/left-join.png b/docs/icon/left-join.png similarity index 100% rename from dist/icon/left-join.png rename to docs/icon/left-join.png diff --git a/dist/icon/line_conn.gif b/docs/icon/line_conn.gif similarity index 100% rename from dist/icon/line_conn.gif rename to docs/icon/line_conn.gif diff --git a/dist/icon/loading.gif b/docs/icon/loading.gif similarity index 100% rename from dist/icon/loading.gif rename to docs/icon/loading.gif diff --git a/dist/icon/loading_bar.gif b/docs/icon/loading_bar.gif similarity index 100% rename from dist/icon/loading_bar.gif rename to docs/icon/loading_bar.gif diff --git a/dist/icon/no_auth.png b/docs/icon/no_auth.png similarity index 100% rename from dist/icon/no_auth.png rename to docs/icon/no_auth.png diff --git a/dist/icon/no_data.png b/docs/icon/no_data.png similarity index 100% rename from dist/icon/no_data.png rename to docs/icon/no_data.png diff --git a/dist/icon/outer-join.png b/docs/icon/outer-join.png similarity index 100% rename from dist/icon/outer-join.png rename to docs/icon/outer-join.png diff --git a/dist/icon/package_selected.png b/docs/icon/package_selected.png similarity index 100% rename from dist/icon/package_selected.png rename to docs/icon/package_selected.png diff --git a/dist/icon/push_down.png b/docs/icon/push_down.png similarity index 100% rename from dist/icon/push_down.png rename to docs/icon/push_down.png diff --git a/dist/icon/push_up.png b/docs/icon/push_up.png similarity index 100% rename from dist/icon/push_up.png rename to docs/icon/push_up.png diff --git a/dist/icon/radio-active.png b/docs/icon/radio-active.png similarity index 100% rename from dist/icon/radio-active.png rename to docs/icon/radio-active.png diff --git a/dist/icon/radio-disable.png b/docs/icon/radio-disable.png similarity index 100% rename from dist/icon/radio-disable.png rename to docs/icon/radio-disable.png diff --git a/dist/icon/radio-disable2.png b/docs/icon/radio-disable2.png similarity index 100% rename from dist/icon/radio-disable2.png rename to docs/icon/radio-disable2.png diff --git a/dist/icon/radio-normal.png b/docs/icon/radio-normal.png similarity index 100% rename from dist/icon/radio-normal.png rename to docs/icon/radio-normal.png diff --git a/dist/icon/real_time.png b/docs/icon/real_time.png similarity index 100% rename from dist/icon/real_time.png rename to docs/icon/real_time.png diff --git a/dist/icon/report.png b/docs/icon/report.png similarity index 100% rename from dist/icon/report.png rename to docs/icon/report.png diff --git a/dist/icon/right-join.png b/docs/icon/right-join.png similarity index 100% rename from dist/icon/right-join.png rename to docs/icon/right-join.png diff --git a/dist/icon/slider-active.png b/docs/icon/slider-active.png similarity index 100% rename from dist/icon/slider-active.png rename to docs/icon/slider-active.png diff --git a/dist/icon/slider-normal.png b/docs/icon/slider-normal.png similarity index 100% rename from dist/icon/slider-normal.png rename to docs/icon/slider-normal.png diff --git a/dist/icon/table_style_1.png b/docs/icon/table_style_1.png similarity index 100% rename from dist/icon/table_style_1.png rename to docs/icon/table_style_1.png diff --git a/dist/icon/table_style_2.png b/docs/icon/table_style_2.png similarity index 100% rename from dist/icon/table_style_2.png rename to docs/icon/table_style_2.png diff --git a/dist/icon/table_style_3.png b/docs/icon/table_style_3.png similarity index 100% rename from dist/icon/table_style_3.png rename to docs/icon/table_style_3.png diff --git a/dist/icon/test_fail.png b/docs/icon/test_fail.png similarity index 100% rename from dist/icon/test_fail.png rename to docs/icon/test_fail.png diff --git a/dist/icon/test_success.png b/docs/icon/test_success.png similarity index 100% rename from dist/icon/test_success.png rename to docs/icon/test_success.png diff --git a/dist/icon/tree-collapse-1.png b/docs/icon/tree-collapse-1.png similarity index 100% rename from dist/icon/tree-collapse-1.png rename to docs/icon/tree-collapse-1.png diff --git a/dist/icon/tree-collapse-2.png b/docs/icon/tree-collapse-2.png similarity index 100% rename from dist/icon/tree-collapse-2.png rename to docs/icon/tree-collapse-2.png diff --git a/dist/icon/tree-collapse-3.png b/docs/icon/tree-collapse-3.png similarity index 100% rename from dist/icon/tree-collapse-3.png rename to docs/icon/tree-collapse-3.png diff --git a/dist/icon/tree-collapse-4.png b/docs/icon/tree-collapse-4.png similarity index 100% rename from dist/icon/tree-collapse-4.png rename to docs/icon/tree-collapse-4.png diff --git a/dist/icon/tree-expand-1.png b/docs/icon/tree-expand-1.png similarity index 100% rename from dist/icon/tree-expand-1.png rename to docs/icon/tree-expand-1.png diff --git a/dist/icon/tree-expand-2.png b/docs/icon/tree-expand-2.png similarity index 100% rename from dist/icon/tree-expand-2.png rename to docs/icon/tree-expand-2.png diff --git a/dist/icon/tree-expand-3.png b/docs/icon/tree-expand-3.png similarity index 100% rename from dist/icon/tree-expand-3.png rename to docs/icon/tree-expand-3.png diff --git a/dist/icon/tree-expand-4.png b/docs/icon/tree-expand-4.png similarity index 100% rename from dist/icon/tree-expand-4.png rename to docs/icon/tree-expand-4.png diff --git a/dist/icon/tree-vertical-line-1.png b/docs/icon/tree-vertical-line-1.png similarity index 100% rename from dist/icon/tree-vertical-line-1.png rename to docs/icon/tree-vertical-line-1.png diff --git a/dist/icon/tree-vertical-line-2.png b/docs/icon/tree-vertical-line-2.png similarity index 100% rename from dist/icon/tree-vertical-line-2.png rename to docs/icon/tree-vertical-line-2.png diff --git a/dist/icon/tree-vertical-line-3.png b/docs/icon/tree-vertical-line-3.png similarity index 100% rename from dist/icon/tree-vertical-line-3.png rename to docs/icon/tree-vertical-line-3.png diff --git a/dist/icon/tree-vertical-line-4.png b/docs/icon/tree-vertical-line-4.png similarity index 100% rename from dist/icon/tree-vertical-line-4.png rename to docs/icon/tree-vertical-line-4.png diff --git a/dist/icon/tree-vertical-line-5.png b/docs/icon/tree-vertical-line-5.png similarity index 100% rename from dist/icon/tree-vertical-line-5.png rename to docs/icon/tree-vertical-line-5.png diff --git a/dist/icon/union.png b/docs/icon/union.png similarity index 100% rename from dist/icon/union.png rename to docs/icon/union.png diff --git a/dist/icon/zTreeStandard.gif b/docs/icon/zTreeStandard.gif similarity index 100% rename from dist/icon/zTreeStandard.gif rename to docs/icon/zTreeStandard.gif diff --git a/dist/icon/zTreeStandard.png b/docs/icon/zTreeStandard.png similarity index 100% rename from dist/icon/zTreeStandard.png rename to docs/icon/zTreeStandard.png diff --git a/docs/index.html b/docs/index.html new file mode 100644 index 000000000..6e6c7ceb1 --- /dev/null +++ b/docs/index.html @@ -0,0 +1,27 @@ + + + + + + + + + + + + + + + + + + + +
+ + \ No newline at end of file diff --git a/dist/resource.css b/docs/resource.css similarity index 97% rename from dist/resource.css rename to docs/resource.css index 9545b02e1..958773be0 100644 --- a/dist/resource.css +++ b/docs/resource.css @@ -106,6 +106,20 @@ textarea::-webkit-scrollbar-thumb { border-radius: 0; background-color: #e2e2e2; } +.bi-theme-dark div::-webkit-scrollbar, +.bi-theme-dark textarea::-webkit-scrollbar { + -webkit-appearance: none; + background-color: #191a2c; + width: 6px; + height: 6px; +} +.bi-theme-dark div::-webkit-scrollbar-thumb, +.bi-theme-dark textarea::-webkit-scrollbar-thumb { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + background-color: #7d7d7d; +} .base-line-conn-background { background: url('icon/tree-vertical-line-1.png') repeat-y 0 0; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-1.png'); @@ -633,12 +647,12 @@ textarea::-webkit-scrollbar-thumb { /**** custom color(自定义颜色,用于特定场景) ****/ .close-font .b-font:before { content: "\e600"; - color: #808080; + color: inherit; } .close-font.native .b-font:before, .close-font.disabled .b-font:before { content: "\e600"; - color: #808080; + color: inherit; } .close-red-font .b-font:before { content: "\e600"; @@ -651,28 +665,28 @@ textarea::-webkit-scrollbar-thumb { } .close-h-font .b-font:before { content: "\e600"; - color: #808080; + color: inherit; } .close-h-font:hover .b-font:before, .close-h-font:focus .b-font:before, .close-h-font.hover .b-font:before { content: "\e600"; - color: #808080; + color: inherit; } .close-h-font.native .b-font:before, .close-h-font.disabled .b-font:before { content: "\e600"; - color: #808080; + color: inherit; } .close-e-font .b-font:before { content: "\e600"; - color: #808080; + color: inherit; } .close-e-font:hover .b-font:before, .close-e-font:focus .b-font:before, .close-e-font.hover .b-font:before { content: "\e600"; - color: #808080; + color: inherit; } .close-e-font.active .b-font:before { content: "\e600"; @@ -685,17 +699,17 @@ textarea::-webkit-scrollbar-thumb { .close-e-font.native .b-font:before, .close-e-font.disabled .b-font:before { content: "\e600"; - color: #808080; + color: inherit; } .close-ha-font .b-font:before { content: "\e600"; - color: #808080; + color: inherit; } .close-ha-font:hover .b-font:before, .close-ha-font:focus .b-font:before, .close-ha-font.hover .b-font:before { content: "\e600"; - color: #808080; + color: inherit; } .close-ha-font:active .b-font:before, .close-ha-font.active .b-font:before { @@ -705,11 +719,11 @@ textarea::-webkit-scrollbar-thumb { .close-ha-font.native .b-font:before, .close-ha-font.disabled .b-font:before { content: "\e600"; - color: #808080; + color: inherit; } .search-close-h-font .b-font:before { content: "\e600"; - color: #808080; + color: inherit; } .search-close-h-font:hover .b-font:before, .search-close-h-font:focus .b-font:before, @@ -720,41 +734,41 @@ textarea::-webkit-scrollbar-thumb { .search-close-h-font.native .b-font:before, .search-close-h-font.disabled .b-font:before { content: "\e600"; - color: #808080; + color: inherit; } .trigger-font .b-font:before { content: "\e603"; - color: #808080; + color: inherit; } .trigger-font.native .b-font:before, .trigger-font.disabled .b-font:before { content: "\e603"; - color: #808080; + color: inherit; } .trigger-h-font .b-font:before { content: "\e603"; - color: #808080; + color: inherit; } .trigger-h-font:hover .b-font:before, .trigger-h-font:focus .b-font:before, .trigger-h-font.hover .b-font:before { content: "\e603"; - color: #808080; + color: inherit; } .trigger-h-font.native .b-font:before, .trigger-h-font.disabled .b-font:before { content: "\e603"; - color: #808080; + color: inherit; } .trigger-ha-font .b-font:before { content: "\e603"; - color: #808080; + color: inherit; } .trigger-ha-font:hover .b-font:before, .trigger-ha-font:focus .b-font:before, .trigger-ha-font.hover .b-font:before { content: "\e603"; - color: #808080; + color: inherit; } .trigger-ha-font:active .b-font:before, .trigger-ha-font.active .b-font:before { @@ -764,41 +778,41 @@ textarea::-webkit-scrollbar-thumb { .trigger-ha-font.native .b-font:before, .trigger-ha-font.disabled .b-font:before { content: "\e603"; - color: #808080; + color: inherit; } .pre-page-font .b-font:before { content: "\e601"; - color: #808080; + color: inherit; } .pre-page-font.native .b-font:before, .pre-page-font.disabled .b-font:before { content: "\e601"; - color: #808080; + color: inherit; } .pre-page-h-font .b-font:before { content: "\e601"; - color: #808080; + color: inherit; } .pre-page-h-font:hover .b-font:before, .pre-page-h-font:focus .b-font:before, .pre-page-h-font.hover .b-font:before { content: "\e601"; - color: #808080; + color: inherit; } .pre-page-h-font.native .b-font:before, .pre-page-h-font.disabled .b-font:before { content: "\e601"; - color: #808080; + color: inherit; } .pre-page-ha-font .b-font:before { content: "\e601"; - color: #808080; + color: inherit; } .pre-page-ha-font:hover .b-font:before, .pre-page-ha-font:focus .b-font:before, .pre-page-ha-font.hover .b-font:before { content: "\e601"; - color: #808080; + color: inherit; } .pre-page-ha-font:active .b-font:before, .pre-page-ha-font.active .b-font:before { @@ -808,41 +822,41 @@ textarea::-webkit-scrollbar-thumb { .pre-page-ha-font.native .b-font:before, .pre-page-ha-font.disabled .b-font:before { content: "\e601"; - color: #808080; + color: inherit; } .next-page-font .b-font:before { content: "\e602"; - color: #808080; + color: inherit; } .next-page-font.native .b-font:before, .next-page-font.disabled .b-font:before { content: "\e602"; - color: #808080; + color: inherit; } .next-page-h-font .b-font:before { content: "\e602"; - color: #808080; + color: inherit; } .next-page-h-font:hover .b-font:before, .next-page-h-font:focus .b-font:before, .next-page-h-font.hover .b-font:before { content: "\e602"; - color: #808080; + color: inherit; } .next-page-h-font.native .b-font:before, .next-page-h-font.disabled .b-font:before { content: "\e602"; - color: #808080; + color: inherit; } .next-page-ha-font .b-font:before { content: "\e602"; - color: #808080; + color: inherit; } .next-page-ha-font:hover .b-font:before, .next-page-ha-font:focus .b-font:before, .next-page-ha-font.hover .b-font:before { content: "\e602"; - color: #808080; + color: inherit; } .next-page-ha-font:active .b-font:before, .next-page-ha-font.active .b-font:before { @@ -852,41 +866,41 @@ textarea::-webkit-scrollbar-thumb { .next-page-ha-font.native .b-font:before, .next-page-ha-font.disabled .b-font:before { content: "\e602"; - color: #808080; + color: inherit; } .search-font .b-font:before { content: "\e604"; - color: #808080; + color: inherit; } .search-font.native .b-font:before, .search-font.disabled .b-font:before { content: "\e604"; - color: #808080; + color: inherit; } .search-h-font .b-font:before { content: "\e604"; - color: #808080; + color: inherit; } .search-h-font:hover .b-font:before, .search-h-font:focus .b-font:before, .search-h-font.hover .b-font:before { content: "\e604"; - color: #808080; + color: inherit; } .search-h-font.native .b-font:before, .search-h-font.disabled .b-font:before { content: "\e604"; - color: #808080; + color: inherit; } .search-ha-font .b-font:before { content: "\e604"; - color: #808080; + color: inherit; } .search-ha-font:hover .b-font:before, .search-ha-font:focus .b-font:before, .search-ha-font.hover .b-font:before { content: "\e604"; - color: #808080; + color: inherit; } .search-ha-font:active .b-font:before, .search-ha-font.active .b-font:before { @@ -896,41 +910,41 @@ textarea::-webkit-scrollbar-thumb { .search-ha-font.native .b-font:before, .search-ha-font.disabled .b-font:before { content: "\e604"; - color: #808080; + color: inherit; } .share-font .b-font:before { content: "\e65a"; - color: #808080; + color: inherit; } .share-font.native .b-font:before, .share-font.disabled .b-font:before { content: "\e65a"; - color: #808080; + color: inherit; } .share-h-font .b-font:before { content: "\e65a"; - color: #808080; + color: inherit; } .share-h-font:hover .b-font:before, .share-h-font:focus .b-font:before, .share-h-font.hover .b-font:before { content: "\e65a"; - color: #808080; + color: inherit; } .share-h-font.native .b-font:before, .share-h-font.disabled .b-font:before { content: "\e65a"; - color: #808080; + color: inherit; } .share-ha-font .b-font:before { content: "\e65a"; - color: #808080; + color: inherit; } .share-ha-font:hover .b-font:before, .share-ha-font:focus .b-font:before, .share-ha-font.hover .b-font:before { content: "\e65a"; - color: #808080; + color: inherit; } .share-ha-font:active .b-font:before, .share-ha-font.active .b-font:before { @@ -940,7 +954,7 @@ textarea::-webkit-scrollbar-thumb { .share-ha-font.native .b-font:before, .share-ha-font.disabled .b-font:before { content: "\e65a"; - color: #808080; + color: inherit; } /**维度/指标 下拉列表图标字体 ~begin~**/ .delete-font .b-font:before { @@ -1481,21 +1495,21 @@ textarea::-webkit-scrollbar-thumb { } .hyper-link-font .b-font:before { content: "\e688"; - color: #808080; + color: inherit; } .hyper-link-font.native .b-font:before, .hyper-link-font.disabled .b-font:before { content: "\e688"; - color: #808080; + color: inherit; } .filter-font .b-font:before { content: "\e60f"; - color: #808080; + color: inherit; } .filter-font.native .b-font:before, .filter-font.disabled .b-font:before { content: "\e60f"; - color: #808080; + color: inherit; } .filter-h-font .b-font:before { content: "\e60f"; @@ -1668,21 +1682,21 @@ textarea::-webkit-scrollbar-thumb { /** dashboard组件/控件 下拉列表图标字体 ~end~**/ .tree-node-triangle-expand-font .b-font:before { content: "\e608"; - color: #808080; + color: inherit; } .tree-node-triangle-expand-font.native .b-font:before, .tree-node-triangle-expand-font.disabled .b-font:before { content: "\e608"; - color: #808080; + color: inherit; } .tree-node-triangle-collapse-font .b-font:before { content: "\e607"; - color: #808080; + color: inherit; } .tree-node-triangle-collapse-font.native .b-font:before, .tree-node-triangle-collapse-font.disabled .b-font:before { content: "\e607"; - color: #808080; + color: inherit; } .row-pre-page-h-font .b-font:before { content: "\e6be"; @@ -1766,82 +1780,82 @@ textarea::-webkit-scrollbar-thumb { } .widget-date-next-h-font .b-font:before { content: "\e62f"; - color: #808080; + color: inherit; } .widget-date-next-h-font:hover .b-font:before, .widget-date-next-h-font:focus .b-font:before, .widget-date-next-h-font.hover .b-font:before { content: "\e62f"; - color: #808080; + color: inherit; } .widget-date-next-h-font.native .b-font:before, .widget-date-next-h-font.disabled .b-font:before { content: "\e62f"; - color: #808080; + color: inherit; } .widget-date-pre-h-font .b-font:before { content: "\e62e"; - color: #808080; + color: inherit; } .widget-date-pre-h-font:hover .b-font:before, .widget-date-pre-h-font:focus .b-font:before, .widget-date-pre-h-font.hover .b-font:before { content: "\e62e"; - color: #808080; + color: inherit; } .widget-date-pre-h-font.native .b-font:before, .widget-date-pre-h-font.disabled .b-font:before { content: "\e62e"; - color: #808080; + color: inherit; } .widget-date-h-change-font .b-font:before { content: "\e660"; - color: #808080; + color: inherit; } .widget-date-h-change-font:hover .b-font:before, .widget-date-h-change-font:focus .b-font:before, .widget-date-h-change-font.hover .b-font:before { content: "\e660"; - color: #808080; + color: inherit; } .widget-date-h-change-font.native .b-font:before, .widget-date-h-change-font.disabled .b-font:before { content: "\e660"; - color: #808080; + color: inherit; } .pull-down-font .b-font:before { content: "\e608"; - color: #808080; + color: inherit; } .pull-down-font.native .b-font:before, .pull-down-font.disabled .b-font:before { content: "\e608"; - color: #808080; + color: inherit; } .pull-down-h-font .b-font:before { content: "\e608"; - color: #808080; + color: inherit; } .pull-down-h-font:hover .b-font:before, .pull-down-h-font:focus .b-font:before, .pull-down-h-font.hover .b-font:before { content: "\e608"; - color: #808080; + color: inherit; } .pull-down-h-font.native .b-font:before, .pull-down-h-font.disabled .b-font:before { content: "\e608"; - color: #808080; + color: inherit; } .pull-down-ha-font .b-font:before { content: "\e608"; - color: #808080; + color: inherit; } .pull-down-ha-font:hover .b-font:before, .pull-down-ha-font:focus .b-font:before, .pull-down-ha-font.hover .b-font:before { content: "\e608"; - color: #808080; + color: inherit; } .pull-down-ha-font:active .b-font:before, .pull-down-ha-font.active .b-font:before { @@ -1851,41 +1865,41 @@ textarea::-webkit-scrollbar-thumb { .pull-down-ha-font.native .b-font:before, .pull-down-ha-font.disabled .b-font:before { content: "\e608"; - color: #808080; + color: inherit; } .delete-field-font .b-font:before { content: "\e605"; - color: #808080; + color: inherit; } .delete-field-font.native .b-font:before, .delete-field-font.disabled .b-font:before { content: "\e605"; - color: #808080; + color: inherit; } .delete-field-h-font .b-font:before { content: "\e605"; - color: #808080; + color: inherit; } .delete-field-h-font:hover .b-font:before, .delete-field-h-font:focus .b-font:before, .delete-field-h-font.hover .b-font:before { content: "\e605"; - color: #808080; + color: inherit; } .delete-field-h-font.native .b-font:before, .delete-field-h-font.disabled .b-font:before { content: "\e605"; - color: #808080; + color: inherit; } .delete-field-ha-font .b-font:before { content: "\e605"; - color: #808080; + color: inherit; } .delete-field-ha-font:hover .b-font:before, .delete-field-ha-font:focus .b-font:before, .delete-field-ha-font.hover .b-font:before { content: "\e605"; - color: #808080; + color: inherit; } .delete-field-ha-font:active .b-font:before, .delete-field-ha-font.active .b-font:before { @@ -1895,92 +1909,92 @@ textarea::-webkit-scrollbar-thumb { .delete-field-ha-font.native .b-font:before, .delete-field-ha-font.disabled .b-font:before { content: "\e605"; - color: #808080; + color: inherit; } .toolbar-save-font .b-font:before { content: "\e617"; - color: #808080; + color: inherit; } .toolbar-save-font:hover .b-font:before, .toolbar-save-font:focus .b-font:before, .toolbar-save-font.hover .b-font:before { content: "\e617"; - color: #808080; + color: inherit; } .toolbar-save-font.native .b-font:before, .toolbar-save-font.disabled .b-font:before { content: "\e617"; - color: #808080; + color: inherit; } .toolbar-undo-font .b-font:before { content: "\e619"; - color: #808080; + color: inherit; } .toolbar-undo-font:hover .b-font:before, .toolbar-undo-font:focus .b-font:before, .toolbar-undo-font.hover .b-font:before { content: "\e619"; - color: #808080; + color: inherit; } .toolbar-undo-font.native .b-font:before, .toolbar-undo-font.disabled .b-font:before { content: "\e619"; - color: #808080; + color: inherit; } .toolbar-redo-font .b-font:before { content: "\e625"; - color: #808080; + color: inherit; } .toolbar-redo-font:hover .b-font:before, .toolbar-redo-font:focus .b-font:before, .toolbar-redo-font.hover .b-font:before { content: "\e625"; - color: #808080; + color: inherit; } .toolbar-redo-font.native .b-font:before, .toolbar-redo-font.disabled .b-font:before { content: "\e625"; - color: #808080; + color: inherit; } .toolbar-edit-font .b-font:before { content: "\e631"; - color: #808080; + color: inherit; } .toolbar-edit-font:hover .b-font:before, .toolbar-edit-font:focus .b-font:before, .toolbar-edit-font.hover .b-font:before { content: "\e631"; - color: #808080; + color: inherit; } .toolbar-edit-font.native .b-font:before, .toolbar-edit-font.disabled .b-font:before { content: "\e631"; - color: #808080; + color: inherit; } .toolbar-preview-font .b-font:before { content: "\e65f"; - color: #808080; + color: inherit; } .toolbar-preview-font:hover .b-font:before, .toolbar-preview-font:focus .b-font:before, .toolbar-preview-font.hover .b-font:before { content: "\e65f"; - color: #808080; + color: inherit; } .toolbar-preview-font.native .b-font:before, .toolbar-preview-font.disabled .b-font:before { content: "\e65f"; - color: #808080; + color: inherit; } .chart-table-font .b-font:before { content: "\e60e"; - color: #808080; + color: inherit; } .chart-table-font:hover .b-font:before, .chart-table-font:focus .b-font:before, .chart-table-font.hover .b-font:before { content: "\e60e"; - color: #808080; + color: inherit; } .chart-table-font:active .b-font:before, .chart-table-font.active .b-font:before { @@ -1990,17 +2004,17 @@ textarea::-webkit-scrollbar-thumb { .chart-table-font.native .b-font:before, .chart-table-font.disabled .b-font:before { content: "\e60e"; - color: #808080; + color: inherit; } .chart-axis-font .b-font:before { content: "\e626"; - color: #808080; + color: inherit; } .chart-axis-font:hover .b-font:before, .chart-axis-font:focus .b-font:before, .chart-axis-font.hover .b-font:before { content: "\e626"; - color: #808080; + color: inherit; } .chart-axis-font:active .b-font:before, .chart-axis-font.active .b-font:before { @@ -2010,17 +2024,17 @@ textarea::-webkit-scrollbar-thumb { .chart-axis-font.native .b-font:before, .chart-axis-font.disabled .b-font:before { content: "\e626"; - color: #808080; + color: inherit; } .chart-bar-font .b-font:before { content: "\e620"; - color: #808080; + color: inherit; } .chart-bar-font:hover .b-font:before, .chart-bar-font:focus .b-font:before, .chart-bar-font.hover .b-font:before { content: "\e620"; - color: #808080; + color: inherit; } .chart-bar-font:active .b-font:before, .chart-bar-font.active .b-font:before { @@ -2030,17 +2044,17 @@ textarea::-webkit-scrollbar-thumb { .chart-bar-font.native .b-font:before, .chart-bar-font.disabled .b-font:before { content: "\e620"; - color: #808080; + color: inherit; } .chart-accumulate-bar-font .b-font:before { content: "\e60a"; - color: #808080; + color: inherit; } .chart-accumulate-bar-font:hover .b-font:before, .chart-accumulate-bar-font:focus .b-font:before, .chart-accumulate-bar-font.hover .b-font:before { content: "\e60a"; - color: #808080; + color: inherit; } .chart-accumulate-bar-font:active .b-font:before, .chart-accumulate-bar-font.active .b-font:before { @@ -2050,17 +2064,17 @@ textarea::-webkit-scrollbar-thumb { .chart-accumulate-bar-font.native .b-font:before, .chart-accumulate-bar-font.disabled .b-font:before { content: "\e60a"; - color: #808080; + color: inherit; } .chart-pie-font .b-font:before { content: "\e618"; - color: #808080; + color: inherit; } .chart-pie-font:hover .b-font:before, .chart-pie-font:focus .b-font:before, .chart-pie-font.hover .b-font:before { content: "\e618"; - color: #808080; + color: inherit; } .chart-pie-font:active .b-font:before, .chart-pie-font.active .b-font:before { @@ -2070,17 +2084,17 @@ textarea::-webkit-scrollbar-thumb { .chart-pie-font.native .b-font:before, .chart-pie-font.disabled .b-font:before { content: "\e618"; - color: #808080; + color: inherit; } .chart-map-font .b-font:before { content: "\e62c"; - color: #808080; + color: inherit; } .chart-map-font:hover .b-font:before, .chart-map-font:focus .b-font:before, .chart-map-font.hover .b-font:before { content: "\e62c"; - color: #808080; + color: inherit; } .chart-map-font:active .b-font:before, .chart-map-font.active .b-font:before { @@ -2090,17 +2104,17 @@ textarea::-webkit-scrollbar-thumb { .chart-map-font.native .b-font:before, .chart-map-font.disabled .b-font:before { content: "\e62c"; - color: #808080; + color: inherit; } .chart-dashboard-font .b-font:before { content: "\e623"; - color: #808080; + color: inherit; } .chart-dashboard-font:hover .b-font:before, .chart-dashboard-font:focus .b-font:before, .chart-dashboard-font.hover .b-font:before { content: "\e623"; - color: #808080; + color: inherit; } .chart-dashboard-font:active .b-font:before, .chart-dashboard-font.active .b-font:before { @@ -2110,17 +2124,17 @@ textarea::-webkit-scrollbar-thumb { .chart-dashboard-font.native .b-font:before, .chart-dashboard-font.disabled .b-font:before { content: "\e623"; - color: #808080; + color: inherit; } .chart-doughnut-font .b-font:before { content: "\e624"; - color: #808080; + color: inherit; } .chart-doughnut-font:hover .b-font:before, .chart-doughnut-font:focus .b-font:before, .chart-doughnut-font.hover .b-font:before { content: "\e624"; - color: #808080; + color: inherit; } .chart-doughnut-font:active .b-font:before, .chart-doughnut-font.active .b-font:before { @@ -2130,17 +2144,17 @@ textarea::-webkit-scrollbar-thumb { .chart-doughnut-font.native .b-font:before, .chart-doughnut-font.disabled .b-font:before { content: "\e624"; - color: #808080; + color: inherit; } .chart-detail-font .b-font:before { content: "\e615"; - color: #808080; + color: inherit; } .chart-detail-font:hover .b-font:before, .chart-detail-font:focus .b-font:before, .chart-detail-font.hover .b-font:before { content: "\e615"; - color: #808080; + color: inherit; } .chart-detail-font:active .b-font:before, .chart-detail-font.active .b-font:before { @@ -2150,17 +2164,17 @@ textarea::-webkit-scrollbar-thumb { .chart-detail-font.native .b-font:before, .chart-detail-font.disabled .b-font:before { content: "\e615"; - color: #808080; + color: inherit; } .chart-more-font .b-font:before { content: "\e60d"; - color: #808080; + color: inherit; } .chart-more-font:hover .b-font:before, .chart-more-font:focus .b-font:before, .chart-more-font.hover .b-font:before { content: "\e60d"; - color: #808080; + color: inherit; } .chart-more-font:active .b-font:before, .chart-more-font.active .b-font:before { @@ -2170,17 +2184,17 @@ textarea::-webkit-scrollbar-thumb { .chart-more-font.native .b-font:before, .chart-more-font.disabled .b-font:before { content: "\e60d"; - color: #808080; + color: inherit; } .chart-bubble-font .b-font:before { content: "\e62a"; - color: #808080; + color: inherit; } .chart-bubble-font:hover .b-font:before, .chart-bubble-font:focus .b-font:before, .chart-bubble-font.hover .b-font:before { content: "\e62a"; - color: #808080; + color: inherit; } .chart-bubble-font:active .b-font:before, .chart-bubble-font.active .b-font:before { @@ -2190,17 +2204,17 @@ textarea::-webkit-scrollbar-thumb { .chart-bubble-font.native .b-font:before, .chart-bubble-font.disabled .b-font:before { content: "\e62a"; - color: #808080; + color: inherit; } .chart-scatter-font .b-font:before { content: "\e61d"; - color: #808080; + color: inherit; } .chart-scatter-font:hover .b-font:before, .chart-scatter-font:focus .b-font:before, .chart-scatter-font.hover .b-font:before { content: "\e61d"; - color: #808080; + color: inherit; } .chart-scatter-font:active .b-font:before, .chart-scatter-font.active .b-font:before { @@ -2210,17 +2224,17 @@ textarea::-webkit-scrollbar-thumb { .chart-scatter-font.native .b-font:before, .chart-scatter-font.disabled .b-font:before { content: "\e61d"; - color: #808080; + color: inherit; } .chart-radar-font .b-font:before { content: "\e614"; - color: #808080; + color: inherit; } .chart-radar-font:hover .b-font:before, .chart-radar-font:focus .b-font:before, .chart-radar-font.hover .b-font:before { content: "\e614"; - color: #808080; + color: inherit; } .chart-radar-font:active .b-font:before, .chart-radar-font.active .b-font:before { @@ -2230,17 +2244,17 @@ textarea::-webkit-scrollbar-thumb { .chart-radar-font.native .b-font:before, .chart-radar-font.disabled .b-font:before { content: "\e614"; - color: #808080; + color: inherit; } .chart-content-font .b-font:before { content: "\e621"; - color: #808080; + color: inherit; } .chart-content-font:hover .b-font:before, .chart-content-font:focus .b-font:before, .chart-content-font.hover .b-font:before { content: "\e621"; - color: #808080; + color: inherit; } .chart-content-font:active .b-font:before, .chart-content-font.active .b-font:before { @@ -2250,17 +2264,17 @@ textarea::-webkit-scrollbar-thumb { .chart-content-font.native .b-font:before, .chart-content-font.disabled .b-font:before { content: "\e621"; - color: #808080; + color: inherit; } .chart-image-font .b-font:before { content: "\e68d"; - color: #808080; + color: inherit; } .chart-image-font:hover .b-font:before, .chart-image-font:focus .b-font:before, .chart-image-font.hover .b-font:before { content: "\e68d"; - color: #808080; + color: inherit; } .chart-image-font:active .b-font:before, .chart-image-font.active .b-font:before { @@ -2270,17 +2284,17 @@ textarea::-webkit-scrollbar-thumb { .chart-image-font.native .b-font:before, .chart-image-font.disabled .b-font:before { content: "\e68d"; - color: #808080; + color: inherit; } .chart-web-font .b-font:before { content: "\e68c"; - color: #808080; + color: inherit; } .chart-web-font:hover .b-font:before, .chart-web-font:focus .b-font:before, .chart-web-font.hover .b-font:before { content: "\e68c"; - color: #808080; + color: inherit; } .chart-web-font:active .b-font:before, .chart-web-font.active .b-font:before { @@ -2290,17 +2304,17 @@ textarea::-webkit-scrollbar-thumb { .chart-web-font.native .b-font:before, .chart-web-font.disabled .b-font:before { content: "\e68c"; - color: #808080; + color: inherit; } .chart-string-font .b-font:before { content: "\e622"; - color: #808080; + color: inherit; } .chart-string-font:hover .b-font:before, .chart-string-font:focus .b-font:before, .chart-string-font.hover .b-font:before { content: "\e622"; - color: #808080; + color: inherit; } .chart-string-font:active .b-font:before, .chart-string-font.active .b-font:before { @@ -2310,17 +2324,17 @@ textarea::-webkit-scrollbar-thumb { .chart-string-font.native .b-font:before, .chart-string-font.disabled .b-font:before { content: "\e622"; - color: #808080; + color: inherit; } .chart-number-font .b-font:before { content: "\e61f"; - color: #808080; + color: inherit; } .chart-number-font:hover .b-font:before, .chart-number-font:focus .b-font:before, .chart-number-font.hover .b-font:before { content: "\e61f"; - color: #808080; + color: inherit; } .chart-number-font:active .b-font:before, .chart-number-font.active .b-font:before { @@ -2330,17 +2344,17 @@ textarea::-webkit-scrollbar-thumb { .chart-number-font.native .b-font:before, .chart-number-font.disabled .b-font:before { content: "\e61f"; - color: #808080; + color: inherit; } .chart-tree-font .b-font:before { content: "\e61e"; - color: #808080; + color: inherit; } .chart-tree-font:hover .b-font:before, .chart-tree-font:focus .b-font:before, .chart-tree-font.hover .b-font:before { content: "\e61e"; - color: #808080; + color: inherit; } .chart-tree-font:active .b-font:before, .chart-tree-font.active .b-font:before { @@ -2350,17 +2364,17 @@ textarea::-webkit-scrollbar-thumb { .chart-tree-font.native .b-font:before, .chart-tree-font.disabled .b-font:before { content: "\e61e"; - color: #808080; + color: inherit; } .chart-date-font .b-font:before { content: "\e61b"; - color: #808080; + color: inherit; } .chart-date-font:hover .b-font:before, .chart-date-font:focus .b-font:before, .chart-date-font.hover .b-font:before { content: "\e61b"; - color: #808080; + color: inherit; } .chart-date-font:active .b-font:before, .chart-date-font.active .b-font:before { @@ -2370,17 +2384,17 @@ textarea::-webkit-scrollbar-thumb { .chart-date-font.native .b-font:before, .chart-date-font.disabled .b-font:before { content: "\e61b"; - color: #808080; + color: inherit; } .chart-year-font .b-font:before { content: "\e628"; - color: #808080; + color: inherit; } .chart-year-font:hover .b-font:before, .chart-year-font:focus .b-font:before, .chart-year-font.hover .b-font:before { content: "\e628"; - color: #808080; + color: inherit; } .chart-year-font:active .b-font:before, .chart-year-font.active .b-font:before { @@ -2390,17 +2404,17 @@ textarea::-webkit-scrollbar-thumb { .chart-year-font.native .b-font:before, .chart-year-font.disabled .b-font:before { content: "\e628"; - color: #808080; + color: inherit; } .chart-month-font .b-font:before { content: "\e627"; - color: #808080; + color: inherit; } .chart-month-font:hover .b-font:before, .chart-month-font:focus .b-font:before, .chart-month-font.hover .b-font:before { content: "\e627"; - color: #808080; + color: inherit; } .chart-month-font:active .b-font:before, .chart-month-font.active .b-font:before { @@ -2410,17 +2424,17 @@ textarea::-webkit-scrollbar-thumb { .chart-month-font.native .b-font:before, .chart-month-font.disabled .b-font:before { content: "\e627"; - color: #808080; + color: inherit; } .chart-quarter-font .b-font:before { content: "\e629"; - color: #808080; + color: inherit; } .chart-quarter-font:hover .b-font:before, .chart-quarter-font:focus .b-font:before, .chart-quarter-font.hover .b-font:before { content: "\e629"; - color: #808080; + color: inherit; } .chart-quarter-font:active .b-font:before, .chart-quarter-font.active .b-font:before { @@ -2430,17 +2444,17 @@ textarea::-webkit-scrollbar-thumb { .chart-quarter-font.native .b-font:before, .chart-quarter-font.disabled .b-font:before { content: "\e629"; - color: #808080; + color: inherit; } .chart-ymd-font .b-font:before { content: "\e61c"; - color: #808080; + color: inherit; } .chart-ymd-font:hover .b-font:before, .chart-ymd-font:focus .b-font:before, .chart-ymd-font.hover .b-font:before { content: "\e61c"; - color: #808080; + color: inherit; } .chart-ymd-font:active .b-font:before, .chart-ymd-font.active .b-font:before { @@ -2450,17 +2464,17 @@ textarea::-webkit-scrollbar-thumb { .chart-ymd-font.native .b-font:before, .chart-ymd-font.disabled .b-font:before { content: "\e61c"; - color: #808080; + color: inherit; } .chart-date-range-font .b-font:before { content: "\e616"; - color: #808080; + color: inherit; } .chart-date-range-font:hover .b-font:before, .chart-date-range-font:focus .b-font:before, .chart-date-range-font.hover .b-font:before { content: "\e616"; - color: #808080; + color: inherit; } .chart-date-range-font:active .b-font:before, .chart-date-range-font.active .b-font:before { @@ -2470,17 +2484,17 @@ textarea::-webkit-scrollbar-thumb { .chart-date-range-font.native .b-font:before, .chart-date-range-font.disabled .b-font:before { content: "\e616"; - color: #808080; + color: inherit; } .chart-general-query-font .b-font:before { content: "\e62b"; - color: #808080; + color: inherit; } .chart-general-query-font:hover .b-font:before, .chart-general-query-font:focus .b-font:before, .chart-general-query-font.hover .b-font:before { content: "\e62b"; - color: #808080; + color: inherit; } .chart-general-query-font:active .b-font:before, .chart-general-query-font.active .b-font:before { @@ -2490,17 +2504,17 @@ textarea::-webkit-scrollbar-thumb { .chart-general-query-font.native .b-font:before, .chart-general-query-font.disabled .b-font:before { content: "\e62b"; - color: #808080; + color: inherit; } .chart-query-font .b-font:before { content: "\e609"; - color: #808080; + color: inherit; } .chart-query-font:hover .b-font:before, .chart-query-font:focus .b-font:before, .chart-query-font.hover .b-font:before { content: "\e609"; - color: #808080; + color: inherit; } .chart-query-font:active .b-font:before, .chart-query-font.active .b-font:before { @@ -2510,17 +2524,17 @@ textarea::-webkit-scrollbar-thumb { .chart-query-font.native .b-font:before, .chart-query-font.disabled .b-font:before { content: "\e609"; - color: #808080; + color: inherit; } .chart-reset-font .b-font:before { content: "\e61a"; - color: #808080; + color: inherit; } .chart-reset-font:hover .b-font:before, .chart-reset-font:focus .b-font:before, .chart-reset-font.hover .b-font:before { content: "\e61a"; - color: #808080; + color: inherit; } .chart-reset-font:active .b-font:before, .chart-reset-font.active .b-font:before { @@ -2530,17 +2544,17 @@ textarea::-webkit-scrollbar-thumb { .chart-reset-font.native .b-font:before, .chart-reset-font.disabled .b-font:before { content: "\e61a"; - color: #808080; + color: inherit; } .chart-textarea-font .b-font:before { content: "\e622"; - color: #808080; + color: inherit; } .chart-textarea-font:hover .b-font:before, .chart-textarea-font:focus .b-font:before, .chart-textarea-font.hover .b-font:before { content: "\e622"; - color: #808080; + color: inherit; } .chart-textarea-font:active .b-font:before, .chart-textarea-font.active .b-font:before { @@ -2550,17 +2564,17 @@ textarea::-webkit-scrollbar-thumb { .chart-textarea-font.native .b-font:before, .chart-textarea-font.disabled .b-font:before { content: "\e622"; - color: #808080; + color: inherit; } .chart-reuse-font .b-font:before { content: "\e60b"; - color: #808080; + color: inherit; } .chart-reuse-font:hover .b-font:before, .chart-reuse-font:focus .b-font:before, .chart-reuse-font.hover .b-font:before { content: "\e60b"; - color: #808080; + color: inherit; } .chart-reuse-font:active .b-font:before, .chart-reuse-font.active .b-font:before { @@ -2570,26 +2584,26 @@ textarea::-webkit-scrollbar-thumb { .chart-reuse-font.native .b-font:before, .chart-reuse-font.disabled .b-font:before { content: "\e60b"; - color: #808080; + color: inherit; } .chart-date-normal-font .b-font:before { content: "\e61b"; - color: #808080; + color: inherit; } .chart-date-normal-font.native .b-font:before, .chart-date-normal-font.disabled .b-font:before { content: "\e61b"; - color: #808080; + color: inherit; } .less-font .b-font:before { content: "\e633"; - color: #808080; + color: inherit; } .less-font:hover .b-font:before, .less-font:focus .b-font:before, .less-font.hover .b-font:before { content: "\e633"; - color: #808080; + color: inherit; } .less-font:active .b-font:before, .less-font.active .b-font:before { @@ -2599,17 +2613,17 @@ textarea::-webkit-scrollbar-thumb { .less-font.native .b-font:before, .less-font.disabled .b-font:before { content: "\e633"; - color: #808080; + color: inherit; } .less-equal-font .b-font:before { content: "\e636"; - color: #808080; + color: inherit; } .less-equal-font:hover .b-font:before, .less-equal-font:focus .b-font:before, .less-equal-font.hover .b-font:before { content: "\e636"; - color: #808080; + color: inherit; } .less-equal-font:active .b-font:before, .less-equal-font.active .b-font:before { @@ -2619,7 +2633,7 @@ textarea::-webkit-scrollbar-thumb { .less-equal-font.native .b-font:before, .less-equal-font.disabled .b-font:before { content: "\e636"; - color: #808080; + color: inherit; } .check-font .b-font:before { content: "\e611"; @@ -2721,30 +2735,30 @@ textarea::-webkit-scrollbar-thumb { } .select-data-field-string-group-font .b-font:before { content: "\e642"; - color: #808080; + color: inherit; } .select-data-field-string-group-font.native .b-font:before, .select-data-field-string-group-font.disabled .b-font:before { content: "\e642"; - color: #808080; + color: inherit; } .select-data-field-number-group-font .b-font:before { content: "\e641"; - color: #808080; + color: inherit; } .select-data-field-number-group-font.native .b-font:before, .select-data-field-number-group-font.disabled .b-font:before { content: "\e641"; - color: #808080; + color: inherit; } .select-data-field-date-group-font .b-font:before { content: "\e640"; - color: #808080; + color: inherit; } .select-data-field-date-group-font.native .b-font:before, .select-data-field-date-group-font.disabled .b-font:before { content: "\e640"; - color: #808080; + color: inherit; } .select-data-preview-font .b-font:before { content: "\e65f"; @@ -2768,18 +2782,18 @@ textarea::-webkit-scrollbar-thumb { } .detail-dimension-set-font .b-font:before { content: "\e678"; - color: #808080; + color: inherit; } .detail-dimension-set-font:hover .b-font:before, .detail-dimension-set-font:focus .b-font:before, .detail-dimension-set-font.hover .b-font:before { content: "\e678"; - color: #808080; + color: inherit; } .detail-dimension-set-font.native .b-font:before, .detail-dimension-set-font.disabled .b-font:before { content: "\e678"; - color: #808080; + color: inherit; } .detail-real-data-warning-font .b-font:before { content: "\e64e"; @@ -2858,18 +2872,18 @@ textarea::-webkit-scrollbar-thumb { } .dashboard-widget-combo-detail-set-font .b-font:before { content: "\e634"; - color: #808080; + color: inherit; } .dashboard-widget-combo-detail-set-font:hover .b-font:before, .dashboard-widget-combo-detail-set-font:focus .b-font:before, .dashboard-widget-combo-detail-set-font.hover .b-font:before { content: "\e634"; - color: #808080; + color: inherit; } .dashboard-widget-combo-detail-set-font.native .b-font:before, .dashboard-widget-combo-detail-set-font.disabled .b-font:before { content: "\e634"; - color: #808080; + color: inherit; } .group-add-font .b-font:before { content: "\e649"; @@ -2882,12 +2896,12 @@ textarea::-webkit-scrollbar-thumb { } .sortable-font .b-font:before { content: "\e63b"; - color: #808080; + color: inherit; } .sortable-font.native .b-font:before, .sortable-font.disabled .b-font:before { content: "\e63b"; - color: #808080; + color: inherit; } .text-bold-font .b-font:before { content: "\e64d"; @@ -3008,30 +3022,30 @@ textarea::-webkit-scrollbar-thumb { } .move-font .b-font:before { content: "\e65e"; - color: #808080; + color: inherit; } .move-font.native .b-font:before, .move-font.disabled .b-font:before { content: "\e65e"; - color: #808080; + color: inherit; } .share-font .b-font:before { content: "\e65a"; - color: #808080; + color: inherit; } .share-font.native .b-font:before, .share-font.disabled .b-font:before { content: "\e65a"; - color: #808080; + color: inherit; } .new-file-font .b-font:before { content: "\e65d"; - color: #808080; + color: inherit; } .new-file-font.native .b-font:before, .new-file-font.disabled .b-font:before { content: "\e65d"; - color: #808080; + color: inherit; } .file-font .b-font:before { content: "\e65b"; @@ -3053,13 +3067,13 @@ textarea::-webkit-scrollbar-thumb { } .letter-font .b-font:before { content: "\e659"; - color: #808080; + color: inherit; } .letter-font:hover .b-font:before, .letter-font:focus .b-font:before, .letter-font.hover .b-font:before { content: "\e659"; - color: #808080; + color: inherit; } .letter-font:active .b-font:before, .letter-font.active .b-font:before { @@ -3069,17 +3083,17 @@ textarea::-webkit-scrollbar-thumb { .letter-font.native .b-font:before, .letter-font.disabled .b-font:before { content: "\e659"; - color: #808080; + color: inherit; } .time-font .b-font:before { content: "\e658"; - color: #808080; + color: inherit; } .time-font:hover .b-font:before, .time-font:focus .b-font:before, .time-font.hover .b-font:before { content: "\e658"; - color: #808080; + color: inherit; } .time-font:active .b-font:before, .time-font.active .b-font:before { @@ -3089,16 +3103,16 @@ textarea::-webkit-scrollbar-thumb { .time-font.native .b-font:before, .time-font.disabled .b-font:before { content: "\e658"; - color: #808080; + color: inherit; } .rename-font .b-font:before { content: "\e687"; - color: #808080; + color: inherit; } .rename-font.native .b-font:before, .rename-font.disabled .b-font:before { content: "\e687"; - color: #808080; + color: inherit; } .delete-template-font .b-font:before { content: "\e605"; @@ -3200,12 +3214,12 @@ textarea::-webkit-scrollbar-thumb { } .refresh-table-font .b-font:before { content: "\e683"; - color: #808080; + color: inherit; } .refresh-table-font.native .b-font:before, .refresh-table-font.disabled .b-font:before { content: "\e683"; - color: #808080; + color: inherit; } .recover-chart-font-hightlight .b-font:before { content: "\e6b4"; @@ -3218,13 +3232,13 @@ textarea::-webkit-scrollbar-thumb { } .tables-tile-view-font .b-font:before { content: "\e685"; - color: #808080; + color: inherit; } .tables-tile-view-font:hover .b-font:before, .tables-tile-view-font:focus .b-font:before, .tables-tile-view-font.hover .b-font:before { content: "\e685"; - color: #808080; + color: inherit; } .tables-tile-view-font:active .b-font:before, .tables-tile-view-font.active .b-font:before { @@ -3234,17 +3248,17 @@ textarea::-webkit-scrollbar-thumb { .tables-tile-view-font.native .b-font:before, .tables-tile-view-font.disabled .b-font:before { content: "\e685"; - color: #808080; + color: inherit; } .tables-relation-view-font .b-font:before { content: "\e684"; - color: #808080; + color: inherit; } .tables-relation-view-font:hover .b-font:before, .tables-relation-view-font:focus .b-font:before, .tables-relation-view-font.hover .b-font:before { content: "\e684"; - color: #808080; + color: inherit; } .tables-relation-view-font:active .b-font:before, .tables-relation-view-font.active .b-font:before { @@ -3254,7 +3268,7 @@ textarea::-webkit-scrollbar-thumb { .tables-relation-view-font.native .b-font:before, .tables-relation-view-font.disabled .b-font:before { content: "\e684"; - color: #808080; + color: inherit; } .add-new-table-pull-down-font .b-font:before { content: "\e62d"; @@ -3287,18 +3301,18 @@ textarea::-webkit-scrollbar-thumb { } .edit-set-font .b-font:before { content: "\e634"; - color: #808080; + color: inherit; } .edit-set-font:hover .b-font:before, .edit-set-font:focus .b-font:before, .edit-set-font.hover .b-font:before { content: "\e634"; - color: #808080; + color: inherit; } .edit-set-font.native .b-font:before, .edit-set-font.disabled .b-font:before { content: "\e634"; - color: #808080; + color: inherit; } .new-analysis-font .b-font:before { content: "\e692"; @@ -3332,13 +3346,13 @@ textarea::-webkit-scrollbar-thumb { } .folder-list-view .b-font:before { content: "\e694"; - color: #808080; + color: inherit; } .folder-list-view:hover .b-font:before, .folder-list-view:focus .b-font:before, .folder-list-view.hover .b-font:before { content: "\e694"; - color: #808080; + color: inherit; } .folder-list-view:active .b-font:before, .folder-list-view.active .b-font:before { @@ -3348,17 +3362,17 @@ textarea::-webkit-scrollbar-thumb { .folder-list-view.native .b-font:before, .folder-list-view.disabled .b-font:before { content: "\e694"; - color: #808080; + color: inherit; } .folder-card-view .b-font:before { content: "\e685"; - color: #808080; + color: inherit; } .folder-card-view:hover .b-font:before, .folder-card-view:focus .b-font:before, .folder-card-view.hover .b-font:before { content: "\e685"; - color: #808080; + color: inherit; } .folder-card-view:active .b-font:before, .folder-card-view.active .b-font:before { @@ -3368,7 +3382,7 @@ textarea::-webkit-scrollbar-thumb { .folder-card-view.native .b-font:before, .folder-card-view.disabled .b-font:before { content: "\e685"; - color: #808080; + color: inherit; } .item-check-font .b-font:before { content: "\e611"; @@ -3497,28 +3511,28 @@ textarea::-webkit-scrollbar-thumb { } .primary-key-font .b-font:before { content: "\e67d;"; - color: #808080; + color: inherit; } .primary-key-font:hover .b-font:before, .primary-key-font:focus .b-font:before, .primary-key-font.hover .b-font:before { content: "\e67d;"; - color: #808080; + color: inherit; } .primary-key-font.native .b-font:before, .primary-key-font.disabled .b-font:before { content: "\e67d;"; - color: #808080; + color: inherit; } .table-open-row-style-font .b-font:before { content: "\e671"; - color: #808080; + color: inherit; } .table-open-row-style-font:hover .b-font:before, .table-open-row-style-font:focus .b-font:before, .table-open-row-style-font.hover .b-font:before { content: "\e671"; - color: #808080; + color: inherit; } .table-open-row-style-font:active .b-font:before, .table-open-row-style-font.active .b-font:before { @@ -3528,17 +3542,17 @@ textarea::-webkit-scrollbar-thumb { .table-open-row-style-font.native .b-font:before, .table-open-row-style-font.disabled .b-font:before { content: "\e671"; - color: #808080; + color: inherit; } .table-open-col-style-font .b-font:before { content: "\e672"; - color: #808080; + color: inherit; } .table-open-col-style-font:hover .b-font:before, .table-open-col-style-font:focus .b-font:before, .table-open-col-style-font.hover .b-font:before { content: "\e672"; - color: #808080; + color: inherit; } .table-open-col-style-font:active .b-font:before, .table-open-col-style-font.active .b-font:before { @@ -3548,7 +3562,7 @@ textarea::-webkit-scrollbar-thumb { .table-open-col-style-font.native .b-font:before, .table-open-col-style-font.disabled .b-font:before { content: "\e672"; - color: #808080; + color: inherit; } .calculate-function-font .b-font:before { content: "\e6a3"; @@ -3795,124 +3809,124 @@ textarea::-webkit-scrollbar-thumb { } .widget-combo-expand-font .b-font:before { content: "\e697"; - color: #808080; + color: inherit; } .widget-combo-expand-font.native .b-font:before, .widget-combo-expand-font.disabled .b-font:before { content: "\e697"; - color: #808080; + color: inherit; } .widget-combo-linkage-font .b-font:before { content: "\e63c"; - color: #808080; + color: inherit; } .widget-combo-linkage-font.native .b-font:before, .widget-combo-linkage-font.disabled .b-font:before { content: "\e63c"; - color: #808080; + color: inherit; } .widget-combo-rename-edit-font .b-font:before { content: "\e670"; - color: #808080; + color: inherit; } .widget-combo-rename-edit-font.native .b-font:before, .widget-combo-rename-edit-font.disabled .b-font:before { content: "\e670"; - color: #808080; + color: inherit; } .widget-combo-show-title-font .b-font:before { content: "\e64c"; - color: #808080; + color: inherit; } .widget-combo-show-title-font.native .b-font:before, .widget-combo-show-title-font.disabled .b-font:before { content: "\e64c"; - color: #808080; + color: inherit; } .widget-combo-title-left-font .b-font:before { content: "\e654"; - color: #808080; + color: inherit; } .widget-combo-title-left-font.native .b-font:before, .widget-combo-title-left-font.disabled .b-font:before { content: "\e654"; - color: #808080; + color: inherit; } .widget-combo-title-center-font .b-font:before { content: "\e64f"; - color: #808080; + color: inherit; } .widget-combo-title-center-font.native .b-font:before, .widget-combo-title-center-font.disabled .b-font:before { content: "\e64f"; - color: #808080; + color: inherit; } .widget-combo-show-filter-font .b-font:before { content: "\e60f"; - color: #808080; + color: inherit; } .widget-combo-show-filter-font.native .b-font:before, .widget-combo-show-filter-font.disabled .b-font:before { content: "\e60f"; - color: #808080; + color: inherit; } .widget-combo-export-excel-font .b-font:before { content: "\e635"; - color: #808080; + color: inherit; } .widget-combo-export-excel-font.native .b-font:before, .widget-combo-export-excel-font.disabled .b-font:before { content: "\e635"; - color: #808080; + color: inherit; } .widget-combo-copy .b-font:before { content: "\e610"; - color: #808080; + color: inherit; } .widget-combo-copy.native .b-font:before, .widget-combo-copy.disabled .b-font:before { content: "\e610"; - color: #808080; + color: inherit; } .widget-combo-delete .b-font:before { content: "\e605"; - color: #808080; + color: inherit; } .widget-combo-delete.native .b-font:before, .widget-combo-delete.disabled .b-font:before { content: "\e605"; - color: #808080; + color: inherit; } .widget-combo-asc-font .b-font:before { content: "\e63f"; - color: #808080; + color: inherit; } .widget-combo-asc-font.native .b-font:before, .widget-combo-asc-font.disabled .b-font:before { content: "\e63f"; - color: #808080; + color: inherit; } .widget-combo-des-font .b-font:before { content: "\e63a"; - color: #808080; + color: inherit; } .widget-combo-des-font.native .b-font:before, .widget-combo-des-font.disabled .b-font:before { content: "\e63a"; - color: #808080; + color: inherit; } .widget-combo-clear-font .b-font:before { content: "\e63d"; - color: #808080; + color: inherit; } .widget-combo-clear-font.native .b-font:before, .widget-combo-clear-font.disabled .b-font:before { content: "\e63d"; - color: #808080; + color: inherit; } .detail-table-popup-font .b-font:before { content: "\e6ac"; - color: #808080; + color: inherit; } .detail-table-popup-font:hover .b-font:before, .detail-table-popup-font:focus .b-font:before, @@ -3923,7 +3937,7 @@ textarea::-webkit-scrollbar-thumb { .detail-table-popup-font.native .b-font:before, .detail-table-popup-font.disabled .b-font:before { content: "\e6ac"; - color: #808080; + color: inherit; } .chart-drill-up .b-font:before { content: "\e6ad"; @@ -3945,21 +3959,21 @@ textarea::-webkit-scrollbar-thumb { } .report-filter-open-font .b-font:before { content: "\e648"; - color: #808080; + color: inherit; } .report-filter-open-font.native .b-font:before, .report-filter-open-font.disabled .b-font:before { content: "\e648"; - color: #808080; + color: inherit; } .report-filter-close-font .b-font:before { content: "\e645"; - color: #808080; + color: inherit; } .report-filter-close-font.native .b-font:before, .report-filter-close-font.disabled .b-font:before { content: "\e645"; - color: #808080; + color: inherit; } .report-apply-hangout-normal-font .b-font:before { content: "\e66d"; @@ -4080,21 +4094,21 @@ textarea::-webkit-scrollbar-thumb { } .drill-push-up-font .b-font:before { content: "\e630"; - color: #808080; + color: inherit; } .drill-push-up-font.native .b-font:before, .drill-push-up-font.disabled .b-font:before { content: "\e630"; - color: #808080; + color: inherit; } .drill-push-down-font .b-font:before { content: "\e62d"; - color: #808080; + color: inherit; } .drill-push-down-font.native .b-font:before, .drill-push-down-font.disabled .b-font:before { content: "\e62d"; - color: #808080; + color: inherit; } .drag-tag-font .b-font:before { content: "\e600"; diff --git a/dist/resource/ZeroClipboard.swf b/docs/resource/ZeroClipboard.swf similarity index 100% rename from dist/resource/ZeroClipboard.swf rename to docs/resource/ZeroClipboard.swf diff --git a/dist/third/farbtastic/marker.png b/docs/third/farbtastic/marker.png similarity index 100% rename from dist/third/farbtastic/marker.png rename to docs/third/farbtastic/marker.png diff --git a/dist/third/farbtastic/mask.png b/docs/third/farbtastic/mask.png similarity index 100% rename from dist/third/farbtastic/mask.png rename to docs/third/farbtastic/mask.png diff --git a/dist/third/farbtastic/wheel.png b/docs/third/farbtastic/wheel.png similarity index 100% rename from dist/third/farbtastic/wheel.png rename to docs/third/farbtastic/wheel.png diff --git a/dist/third/ztree/img/line_conn.gif b/docs/third/ztree/img/line_conn.gif similarity index 100% rename from dist/third/ztree/img/line_conn.gif rename to docs/third/ztree/img/line_conn.gif diff --git a/dist/third/ztree/img/loading.gif b/docs/third/ztree/img/loading.gif similarity index 100% rename from dist/third/ztree/img/loading.gif rename to docs/third/ztree/img/loading.gif diff --git a/dist/third/ztree/img/zTreeStandard.gif b/docs/third/ztree/img/zTreeStandard.gif similarity index 100% rename from dist/third/ztree/img/zTreeStandard.gif rename to docs/third/ztree/img/zTreeStandard.gif diff --git a/dist/third/ztree/img/zTreeStandard.png b/docs/third/ztree/img/zTreeStandard.png similarity index 100% rename from dist/third/ztree/img/zTreeStandard.png rename to docs/third/ztree/img/zTreeStandard.png diff --git a/dist/widget.css b/docs/widget.css similarity index 96% rename from dist/widget.css rename to docs/widget.css index 8b7bfd0aa..0d9edf19b 100644 --- a/dist/widget.css +++ b/docs/widget.css @@ -139,35 +139,12 @@ /****添加计算宽度的--运算符直接需要space****/ /****** common color(常用颜色,可用于普遍场景) *****/ /**** custom color(自定义颜色,用于特定场景) ****/ -.bi-down-list-combo .down-list-group.bi-combo-hover .bi-down-list-group-item, -.bi-down-list-combo .down-list-group.bi-combo-hover .bi-down-list-group-item .b-font:before { - background-color: #f4f4f4; -} -.bi-down-list-combo .down-list-group.bi-combo-hover .bi-down-list-group-item:disabled, -.bi-down-list-combo .down-list-group.bi-combo-hover .bi-down-list-group-item.disabled, -.bi-down-list-combo .down-list-group.bi-combo-hover .bi-down-list-group-item:disabled .b-font:before, -.bi-down-list-combo .down-list-group.bi-combo-hover .bi-down-list-group-item.disabled .b-font:before { - background-color: #ffffff; -} .bi-down-list-combo .bi-down-list-spliter { border-top: 1px solid #eaeaea; } /****添加计算宽度的--运算符直接需要space****/ /****** common color(常用颜色,可用于普遍场景) *****/ /**** custom color(自定义颜色,用于特定场景) ****/ -.bi-down-list-popup .bi-down-list-item:hover, -.bi-down-list-popup .bi-down-list-item.hover { - background-color: #f4f4f4; -} -.bi-down-list-popup .bi-down-list-item.disabled, -.bi-down-list-popup .bi-down-list-item.disabled:hover, -.bi-down-list-popup .bi-down-list-item.disabled:active { - background-color: #ffffff; -} -.bi-down-list-popup .bi-down-list-item:active { - color: #009de3; - background-color: #f4f4f4; -} .bi-down-list-popup .bi-down-list-item .list-item-text { max-width: 203px; } @@ -359,6 +336,9 @@ background-color: #ffffff; z-index: 1; } +.bi-theme-dark .bi-multi-select-check-selected-button { + background-color: #191a2c; +} /****添加计算宽度的--运算符直接需要space****/ /****** common color(常用颜色,可用于普遍场景) *****/ /**** custom color(自定义颜色,用于特定场景) ****/ diff --git a/dist/widget.js b/docs/widget.js similarity index 99% rename from dist/widget.js rename to docs/widget.js index f3289fdcd..99ffd64b5 100644 --- a/dist/widget.js +++ b/docs/widget.js @@ -5222,7 +5222,7 @@ BI.DatePaneWidget = BI.inherit(BI.Widget, { direction: "top", element: this, logic: { - dynamic: true + dynamic: false }, type: "bi.navigation", tab: this.datePicker, @@ -5250,7 +5250,7 @@ BI.DatePaneWidget = BI.inherit(BI.Widget, { var calendar = BI.createWidget({ type: "bi.calendar", logic: { - dynamic: true + dynamic: false }, min: this.options.min, max: this.options.max, @@ -5670,7 +5670,7 @@ BI.shortcut("bi.down_list_group", BI.DownListGroup);BI.DownListItem = BI.inherit _defaultConfig: function () { var conf = BI.DownListItem.superclass._defaultConfig.apply(this, arguments); return BI.extend(conf, { - baseCls: "bi-down-list-item", + baseCls: "bi-down-list-item bi-list-item-active", cls: "", height: 25, logic: { @@ -12846,7 +12846,7 @@ BI.PageTable = BI.inherit(BI.Widget, { this.table = BI.createWidget(o.el, { type: "bi.sequence_table", width: o.width, - height: o.height - 30, + height: o.height && o.height - 30, isNeedResize: true, isResizeAdapt: false, @@ -12905,7 +12905,7 @@ BI.PageTable = BI.inherit(BI.Widget, { vpage: vpage, hpage: hpage }, function (items, header, crossItems, crossHeader) { - self.table.setVPage ? self.table.setVPage(vpage) : self.table.setCurrentPage(vpage); + self.table.setVPage ? self.table.setVPage(vpage) : self.table.setValue(vpage); self.table.setHPage && self.table.setHPage(hpage); self.populate.apply(self, arguments); }); @@ -12970,7 +12970,23 @@ BI.PageTable = BI.inherit(BI.Widget, { setHeight: function (height) { BI.PageTable.superclass.setHeight.apply(this, arguments); - this.table.setHeight(height - 30); + var showPager = false; + if (this.pager.alwaysShowPager) { + showPager = true; + } else if (this.pager.hasHNext && this.pager.hasHNext()) { + showPager = true; + } else if (this.pager.hasHPrev && this.pager.hasHPrev()) { + showPager = true; + } else if (this.pager.hasVNext && this.pager.hasVNext()) { + showPager = true; + } else if (this.pager.hasVPrev && this.pager.hasVPrev()) { + showPager = true; + } else if (this.pager.hasNext && this.pager.hasNext()) { + showPager = true; + } else if (this.pager.hasPrev && this.pager.hasPrev()) { + showPager = true; + } + this.table.setHeight(height - (showPager ? 30 : 0)); }, setColumnSize: function (columnSize) { @@ -15957,7 +15973,7 @@ BI.SequenceTable = BI.inherit(BI.Widget, { headerRowSize: o.headerRowSize, rowSize: o.rowSize, width: 60, - height: o.height - BI.GridTableScrollbar.SIZE, + height: o.height && o.height - BI.GridTableScrollbar.SIZE, headerCellStyleGetter: o.headerCellStyleGetter, summaryCellStyleGetter: o.summaryCellStyleGetter, diff --git a/src/base/combination/navigation.js b/src/base/combination/navigation.js index c119f92bb..1ce7d4342 100644 --- a/src/base/combination/navigation.js +++ b/src/base/combination/navigation.js @@ -9,12 +9,9 @@ BI.Navigation = BI.inherit(BI.Widget, { logic: { dynamic: false }, - defaultShowIndex: 0, - tab: { - type: "bi.button_group", - items: [], - layouts: [] - }, + single: false, + defaultShowIndex: false, + tab: false, cardCreator: function (v) { return BI.createWidget(); }, @@ -52,7 +49,7 @@ BI.Navigation = BI.inherit(BI.Widget, { }, afterCardCreated: BI.bind(this.afterCardCreated, this), afterCardShow: BI.bind(this.afterCardShow, this) - }) + }); }, mounted: function () { @@ -62,6 +59,18 @@ BI.Navigation = BI.inherit(BI.Widget, { } }, + _deleteOtherCards: function (currCardName) { + var self = this, o = this.options; + if (o.single === true) { + BI.each(this.cardMap, function (name, card) { + if (name !== (currCardName + "")) { + self.layout.deleteCardByName(name); + delete self.cardMap[name]; + } + }); + } + }, + afterCardCreated: function (v) { var self = this; this.cardMap[v].on(BI.Controller.EVENT_CHANGE, function (type, value, obj) { @@ -69,12 +78,13 @@ BI.Navigation = BI.inherit(BI.Widget, { if (type === BI.Events.CLICK) { self.fireEvent(BI.Navigation.EVENT_CHANGE, obj); } - }) + }); this.options.afterCardCreated.apply(this, arguments); }, afterCardShow: function (v) { this.showIndex = v; + this._deleteOtherCards(v); this.options.afterCardShow.apply(this, arguments); }, @@ -85,16 +95,23 @@ BI.Navigation = BI.inherit(BI.Widget, { } }, - setSelect: function (v) { - this.showIndex = v; + _assertCard: function (v) { if (!this.layout.isCardExisted(v)) { var card = this.options.cardCreator(v); this.cardMap[v] = card; this.layout.addCardByName(v, card); this.afterCardCreated(v); } + }, + + setSelect: function (v) { + this._assertCard(); this.layout.showCardByName(v); - BI.nextTick(BI.bind(this.afterCardShow, this, v)); + this._deleteOtherCards(v); + if (this.showIndex !== v) { + this.showIndex = v; + BI.nextTick(BI.bind(this.afterCardShow, this, v)); + } }, getSelect: function () { diff --git a/src/base/combination/tab.js b/src/base/combination/tab.js index 0c0b5e7fe..f3c1ea203 100644 --- a/src/base/combination/tab.js +++ b/src/base/combination/tab.js @@ -7,6 +7,7 @@ BI.Tab = BI.inherit(BI.Widget, { return BI.extend(BI.Tab.superclass._defaultConfig.apply(this, arguments), { baseCls: "bi-tab", direction: "top",//top, bottom, left, right, custom + single: false, //是不是单页面 logic: { dynamic: false }, @@ -46,6 +47,7 @@ BI.Tab = BI.inherit(BI.Widget, { return card; }, afterCardShow: function (v) { + self._deleteOtherCards(v); self.curr = v; } }); @@ -54,6 +56,18 @@ BI.Tab = BI.inherit(BI.Widget, { }); }, + _deleteOtherCards: function (currCardName) { + var self = this, o = this.options; + if (o.single === true) { + BI.each(this.cardMap, function (name, card) { + if (name !== (currCardName + "")) { + self.layout.deleteCardByName(name); + delete self.cardMap[name]; + } + }); + } + }, + _assertCard: function (v) { if (!this.layout.isCardExisted(v)) { var card = this.options.cardCreator(v); @@ -73,6 +87,7 @@ BI.Tab = BI.inherit(BI.Widget, { this.tab && this.tab.setValue(v); this._assertCard(v); this.layout.showCardByName(v); + this._deleteOtherCards(v); if (this.curr !== v) { this.curr = v; } diff --git a/src/base/single/editor/editor.textarea.js b/src/base/single/editor/editor.textarea.js index 23fb87664..1c0afb044 100644 --- a/src/base/single/editor/editor.textarea.js +++ b/src/base/single/editor/editor.textarea.js @@ -136,6 +136,7 @@ BI.TextAreaEditor = BI.inherit(BI.Single, { setValue: function (value) { this.content.element.val(value); + this._checkWaterMark(); }, setStyle: function (style) { diff --git a/src/base/table/table.collection.js b/src/base/table/table.collection.js index 65b56b954..59267c613 100644 --- a/src/base/table/table.collection.js +++ b/src/base/table/table.collection.js @@ -23,8 +23,7 @@ BI.CollectionTable = BI.inherit(BI.Widget, { }); }, - _init: function () { - BI.CollectionTable.superclass._init.apply(this, arguments); + render: function () { var self = this, o = this.options; this._width = 0; this._height = 0; @@ -160,6 +159,10 @@ BI.CollectionTable = BI.inherit(BI.Widget, { }); this._width = o.width - BI.GridTableScrollbar.SIZE; this._height = o.height - BI.GridTableScrollbar.SIZE; + }, + + mounted: function () { + var o = this.options; if (o.items.length > 0 || o.header.length < 0) { this._digest(); this._populate(); diff --git a/src/base/table/table.collection.quick.js b/src/base/table/table.collection.quick.js index 9cada8003..ab1cd926f 100644 --- a/src/base/table/table.collection.quick.js +++ b/src/base/table/table.collection.quick.js @@ -12,8 +12,8 @@ BI.QuickCollectionTable = BI.inherit(BI.CollectionTable, { }); }, - _init: function () { - BI.QuickCollectionTable.superclass._init.apply(this, arguments); + render: function () { + BI.QuickCollectionTable.superclass.render.apply(this, arguments); var self = this, o = this.options; this.topLeftCollection.setOverflowX(false); this.topLeftCollection.setOverflowY(false); @@ -23,6 +23,11 @@ BI.QuickCollectionTable = BI.inherit(BI.CollectionTable, { this.bottomLeftCollection.setOverflowY(false); this.bottomRightCollection.setOverflowX(false); this.bottomRightCollection.setOverflowY(false); + }, + + mounted: function () { + BI.QuickCollectionTable.superclass.mounted.apply(this, arguments); + var self = this; this._leftWheelHandler = new BI.WheelHandler( BI.bind(this._onWheelY, this), BI.bind(this._shouldHandleX, this), diff --git a/src/base/table/table.grid.js b/src/base/table/table.grid.js index 4c357ed38..73d42b385 100644 --- a/src/base/table/table.grid.js +++ b/src/base/table/table.grid.js @@ -20,8 +20,7 @@ BI.GridTable = BI.inherit(BI.Widget, { }); }, - _init: function () { - BI.GridTable.superclass._init.apply(this, arguments); + render: function () { var self = this, o = this.options; this._width = 0; this._height = 0; @@ -164,6 +163,10 @@ BI.GridTable = BI.inherit(BI.Widget, { this._height = o.height - BI.GridTableScrollbar.SIZE; this.header = this._getHeader(); this.items = this._getItems(); + }, + + mounted: function () { + var o = this.options; if (o.items.length > 0) { this._populate(); } diff --git a/src/base/table/table.grid.quick.js b/src/base/table/table.grid.quick.js index bfa5196b6..5ade73e43 100644 --- a/src/base/table/table.grid.quick.js +++ b/src/base/table/table.grid.quick.js @@ -12,8 +12,8 @@ BI.QuickGridTable = BI.inherit(BI.GridTable, { }); }, - _init: function () { - BI.QuickGridTable.superclass._init.apply(this, arguments); + render: function () { + BI.QuickGridTable.superclass.render.apply(this, arguments); var self = this, o = this.options; this.topLeftGrid.setOverflowX(false); this.topLeftGrid.setOverflowY(false); @@ -23,6 +23,11 @@ BI.QuickGridTable = BI.inherit(BI.GridTable, { this.bottomLeftGrid.setOverflowY(false); this.bottomRightGrid.setOverflowX(false); this.bottomRightGrid.setOverflowY(false); + }, + + mounted: function () { + BI.QuickGridTable.superclass.mounted.apply(this, arguments); + var self = this; this._leftWheelHandler = new BI.WheelHandler( BI.bind(this._onWheelY, this), BI.bind(this._shouldHandleX, this), diff --git a/src/base/table/table.grid.scrollbar.js b/src/base/table/table.grid.scrollbar.js index bf8364612..6faf27cc0 100644 --- a/src/base/table/table.grid.scrollbar.js +++ b/src/base/table/table.grid.scrollbar.js @@ -28,8 +28,7 @@ BI.GridTableScrollbar = BI.inherit(BI.Widget, { }) }, - _init: function () { - BI.GridTableScrollbar.superclass._init.apply(this, arguments); + render: function () { var self = this, o = this.options; this.focused = false; this.isDragging = false; @@ -47,6 +46,10 @@ BI.GridTableScrollbar = BI.inherit(BI.Widget, { top: 0 }] }); + }, + + mounted: function () { + var self = this, o = this.options; var onWheel = o.orientation === 'horizontal' ? this._onWheelX : this._onWheelY; this._wheelHandler = new BI.WheelHandler( BI.bind(onWheel, this), @@ -401,6 +404,12 @@ BI.GridTableHorizontalScrollbar = BI.inherit(BI.Widget, { populate: function () { this.scrollbar.populate(); + var o = this.options; + if (o.size < 1 || o.contentSize <= o.size) { + this.setVisible(false); + return; + } + this.setVisible(true); } }); BI.GridTableHorizontalScrollbar.EVENT_SCROLL = "EVENT_SCROLL"; diff --git a/src/base/table/table.js b/src/base/table/table.js index d37e894e6..8652d0543 100644 --- a/src/base/table/table.js +++ b/src/base/table/table.js @@ -887,11 +887,9 @@ BI.Table = BI.inherit(BI.Widget, { }; this._initNormalScroll(); - BI.Resizers.add(this.getName(), function (e) { - if (self.element.is(":visible") && BI.isWindow(e.target)) { - self._resize(); - self.fireEvent(BI.Table.EVENT_TABLE_RESIZE); - } + BI.ResizeDetector.addResizeListener(this, function () { + self._resize(); + self.fireEvent(BI.Table.EVENT_TABLE_RESIZE); }); BI.nextTick(function () { if (self.element.is(":visible")) { @@ -1917,7 +1915,6 @@ BI.Table = BI.inherit(BI.Widget, { }, empty: function () { - BI.Resizers.remove(this.getName()); BI.Table.superclass.empty.apply(this, arguments); }, diff --git a/src/base/tree/treeview.js b/src/base/tree/treeview.js index 6e5de0e26..f7b149086 100644 --- a/src/base/tree/treeview.js +++ b/src/base/tree/treeview.js @@ -14,10 +14,6 @@ BI.TreeView = BI.inherit(BI.Pane, { }, _init: function () { BI.TreeView.superclass._init.apply(this, arguments); - - - - this._stop = false; this.container = BI.createWidget(); @@ -494,10 +490,10 @@ BI.TreeView = BI.inherit(BI.Pane, { } }); BI.extend(BI.TreeView, { - REQ_TYPE_INIT_DATA: 1, - REQ_TYPE_ADJUST_DATA: 2, - REQ_TYPE_CALCULATE_SELECT_DATA: 3, - REQ_TYPE_SELECTED_DATA: 4 + REQ_TYPE_INIT_DATA: 0, + REQ_TYPE_ADJUST_DATA: 1, + REQ_TYPE_CALCULATE_SELECT_DATA: 2, + REQ_TYPE_SELECTED_DATA: 3 }); BI.TreeView.EVENT_CHANGE = "EVENT_CHANGE"; diff --git a/src/case/editor/editor.record.js b/src/case/editor/editor.record.js deleted file mode 100644 index 995aa3f78..000000000 --- a/src/case/editor/editor.record.js +++ /dev/null @@ -1,227 +0,0 @@ -/** - * guy - * 记录内容的输入框 - * @class BI.RecordEditor - * @extends BI.Single - */ -BI.RecordEditor = BI.inherit(BI.Single, { - _defaultConfig: function () { - var conf = BI.RecordEditor.superclass._defaultConfig.apply(this, arguments); - return BI.extend(conf, { - baseCls: (conf.baseCls || "") + " bi-record-editor", - hgap: 4, - vgap: 2, - lgap: 0, - rgap: 0, - tgap: 0, - bgap: 0, - validationChecker: BI.emptyFn, - quitChecker: BI.emptyFn, - allowBlank: true, - watermark: "", - errorText: "", - height: 30 - }) - }, - - _init: function () { - BI.RecordEditor.superclass._init.apply(this, arguments); - this.contents = []; - 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.textContainer = BI.createWidget({ - type: "bi.vertical_adapt", - hgap: 2, - height: o.height - }); - this.editor.on(BI.Controller.EVENT_CHANGE, function () { - self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); - }); - this.editor.on(BI.Editor.EVENT_FOCUS, function () { - self._checkInputState(); - self.fireEvent(BI.RecordEditor.EVENT_FOCUS, arguments); - }); - this.editor.on(BI.Editor.EVENT_BLUR, function () { - self._checkInputState(); - self.fireEvent(BI.RecordEditor.EVENT_BLUR, arguments); - }); - this.editor.on(BI.Editor.EVENT_CLICK, function () { - self.fireEvent(BI.RecordEditor.EVENT_CLICK, arguments); - }); - this.editor.on(BI.Editor.EVENT_CHANGE, function () { - self.fireEvent(BI.RecordEditor.EVENT_CHANGE, arguments); - }); - this.editor.on(BI.Editor.EVENT_KEY_DOWN, function (v) { - self.fireEvent(BI.RecordEditor.EVENT_KEY_DOWN, arguments); - }); - - this.editor.on(BI.Editor.EVENT_VALID, function () { - self.fireEvent(BI.RecordEditor.EVENT_VALID, arguments); - }); - this.editor.on(BI.Editor.EVENT_SPACE, function () { - self.fireEvent(BI.RecordEditor.EVENT_SPACE, arguments); - }); - this.editor.on(BI.Editor.EVENT_CONFIRM, function () { - self.setState(self.getValue()); - self.editor.isValid() && self.editor.setValue(""); - self.fireEvent(BI.RecordEditor.EVENT_CONFIRM, arguments); - }); - this.editor.on(BI.Editor.EVENT_START, function () { - self.fireEvent(BI.RecordEditor.EVENT_START, arguments); - }); - this.editor.on(BI.Editor.EVENT_PAUSE, function () { - self.fireEvent(BI.RecordEditor.EVENT_PAUSE, arguments); - }); - this.editor.on(BI.Editor.EVENT_STOP, function () { - self.fireEvent(BI.RecordEditor.EVENT_STOP, arguments); - }); - this.editor.on(BI.Editor.EVENT_ENTER, function () { - self.fireEvent(BI.RecordEditor.EVENT_ENTER, arguments); - }); - this.editor.on(BI.Editor.EVENT_BACKSPACE, function () { - self._checkInputState(); - }); - this.editor.on(BI.Editor.EVENT_REMOVE, function () { - if (!BI.isEmpty(self.contents)) { - self.contents.pop().destroy(); - self.setValue(self.getValue()); - self._adjustInputWidth(); - } - }); - this.editor.on(BI.Editor.EVENT_ERROR, function () { - self.fireEvent(BI.RecordEditor.EVENT_ERROR, arguments); - }); - this.editor.on(BI.Editor.EVENT_RESTRICT, function () { - self.fireEvent(BI.RecordEditor.EVENT_RESTRICT, arguments); - }); - this.editor.on(BI.Editor.EVENT_EMPTY, function () { - self.fireEvent(BI.RecordEditor.EVENT_EMPTY, arguments); - }); - BI.createWidget({ - type: "bi.inline", - element: this, - items: [this.textContainer, this.editor] - }); - BI.ResizeDetector.addResizeListener(this, BI.bind(this._adjustInputWidth, this)); - this._adjustInputWidth(); - }, - - _adjustInputWidth: function () { - BI.nextTick(BI.bind(function () { - this.editor.element.css("width", this.element.width() - this.textContainer.element.outerWidth() - 10); - }, this)); - }, - - _checkInputState: function () { - if (BI.isEmpty(this.contents)) { - this.editor.enableWarterMark(); - } else { - this.editor.disableWarterMark(); - } - }, - - focus: function () { - this.editor.focus(); - }, - - blur: function () { - this.editor.blur(); - }, - - isValid: function () { - return this.editor.isValid(); - }, - - setErrorText: function (text) { - this.editor.setErrorText(text); - }, - - getErrorText: function () { - return this.editor.getErrorText(); - }, - - isEditing: function () { - return this.editor.isEditing(); - }, - - getLastValidValue: function () { - return this.editor.getLastValidValue(); - }, - - setValue: function (k) { - this.editor.setValue(k); - }, - - getValue: function () { - return this.editor.getValue(); - }, - - getState: function () { - var values = BI.map(this.contents, function (i, lb) { - return lb.getText(); - }); - if (BI.isNotEmptyString(this.editor.getValue())) { - return values.concat([this.editor.getValue()]); - } - return values; - }, - - setState: function (v) { - BI.RecordEditor.superclass.setValue.apply(this, arguments); - v = BI.isArray(v) ? v : (v == "" ? [] : [v]); - var contents = this.contents = []; - BI.each(v, function (i, lb) { - contents.push(BI.createWidget({ - type: "bi.label", - height: 25, - cls: "record-editor-text", - text: lb - })) - }); - this.textContainer.empty(); - this.textContainer.populate(contents); - this.editor.isValid() && this.editor.setValue(""); - this._checkInputState(); - this._adjustInputWidth(); - }, - - destroy: function () { - BI.Resizers.remove(this.getName()); - BI.RecordEditor.superclass.destroy.apply(this, arguments); - } -}); -BI.RecordEditor.EVENT_CHANGE = "EVENT_CHANGE"; -BI.RecordEditor.EVENT_FOCUS = "EVENT_FOCUS"; -BI.RecordEditor.EVENT_BLUR = "EVENT_BLUR"; -BI.RecordEditor.EVENT_CLICK = "EVENT_CLICK"; -BI.RecordEditor.EVENT_KEY_DOWN = "EVENT_KEY_DOWN"; - -BI.RecordEditor.EVENT_START = "EVENT_START"; -BI.RecordEditor.EVENT_PAUSE = "EVENT_PAUSE"; -BI.RecordEditor.EVENT_STOP = "EVENT_STOP"; -BI.RecordEditor.EVENT_CONFIRM = "EVENT_CONFIRM"; -BI.RecordEditor.EVENT_VALID = "EVENT_VALID"; -BI.RecordEditor.EVENT_ERROR = "EVENT_ERROR"; -BI.RecordEditor.EVENT_ENTER = "EVENT_ENTER"; -BI.RecordEditor.EVENT_RESTRICT = "EVENT_RESTRICT"; -BI.RecordEditor.EVENT_SPACE = "EVENT_SPACE"; -BI.RecordEditor.EVENT_EMPTY = "EVENT_EMPTY"; - -BI.shortcut("bi.record_editor", BI.RecordEditor); \ No newline at end of file diff --git a/src/case/pager/pager.all.count.js b/src/case/pager/pager.all.count.js index 432428f32..fee63982f 100644 --- a/src/case/pager/pager.all.count.js +++ b/src/case/pager/pager.all.count.js @@ -119,6 +119,8 @@ BI.AllCountPager = BI.inherit(BI.Widget, { }) }, + alwaysShowPager: true, + setAllPages: function (v) { this.allPages.setText("/" + v); this.allPages.setTitle(v); @@ -153,10 +155,6 @@ BI.AllCountPager = BI.inherit(BI.Widget, { this.pager.setVisible(b); }, - getAliasWidth: function () { - return this.options.width - 100; - }, - populate: function () { this.pager.populate(); } diff --git a/src/case/pager/pager.direction.js b/src/case/pager/pager.direction.js index 3ae115dd4..c946cf7f3 100644 --- a/src/case/pager/pager.direction.js +++ b/src/case/pager/pager.direction.js @@ -249,6 +249,7 @@ BI.DirectionPager = BI.inherit(BI.Widget, { this.setVPagerVisible(true); vShow = true; } + this.setVisible(hShow || vShow); var num = [74, 111, -9, 28]; var items = this.layout.attr("items"); diff --git a/src/case/table/table.adaptive.js b/src/case/table/table.adaptive.js index febaf611e..88017193e 100644 --- a/src/case/table/table.adaptive.js +++ b/src/case/table/table.adaptive.js @@ -34,10 +34,6 @@ BI.AdaptiveTable = BI.inherit(BI.Widget, { regionColumnSize: [], - headerCellStyleGetter: BI.emptyFn, - summaryCellStyleGetter: BI.emptyFn, - sequenceCellStyleGetter: BI.emptyFn, - header: [], items: [], //二维数组 @@ -74,10 +70,6 @@ BI.AdaptiveTable = BI.inherit(BI.Widget, { regionColumnSize: data.regionColumnSize, - headerCellStyleGetter: o.headerCellStyleGetter, - summaryCellStyleGetter: o.summaryCellStyleGetter, - sequenceCellStyleGetter: o.sequenceCellStyleGetter, - header: o.header, items: o.items, //交叉表头 diff --git a/src/case/table/table.dynamicsummarylayertree.js b/src/case/table/table.dynamicsummarylayertree.js index d7e8599c2..79794c80a 100644 --- a/src/case/table/table.dynamicsummarylayertree.js +++ b/src/case/table/table.dynamicsummarylayertree.js @@ -25,6 +25,8 @@ BI.DynamicSummaryLayerTreeTable = BI.inherit(BI.Widget, { mergeRule: BI.emptyFn, columnSize: [], + minColumnSize: [], + maxColumnSize: [], headerRowSize: 25, footerRowSize: 25, rowSize: 25, @@ -208,9 +210,6 @@ BI.DynamicSummaryLayerTreeTable = BI.inherit(BI.Widget, { headerRowSize: o.headerRowSize, rowSize: o.rowSize, regionColumnSize: o.regionColumnSize, - headerCellStyleGetter: o.headerCellStyleGetter, - summaryCellStyleGetter: o.summaryCellStyleGetter, - sequenceCellStyleGetter: o.sequenceCellStyleGetter, header: data.header, items: data.items }); diff --git a/src/case/table/table.dynamicsummarytree.js b/src/case/table/table.dynamicsummarytree.js index 02f686399..f53b8c49b 100644 --- a/src/case/table/table.dynamicsummarytree.js +++ b/src/case/table/table.dynamicsummarytree.js @@ -25,6 +25,8 @@ BI.DynamicSummaryTreeTable = BI.inherit(BI.Widget, { mergeRule: BI.emptyFn, columnSize: [], + minColumnSize: [], + maxColumnSize: [], headerRowSize: 25, footerRowSize: 25, rowSize: 25, @@ -74,15 +76,13 @@ BI.DynamicSummaryTreeTable = BI.inherit(BI.Widget, { mergeRule: o.mergeRule, columnSize: o.columnSize, + minColumnSize: o.minColumnSize, + maxColumnSize: o.maxColumnSize, headerRowSize: o.headerRowSize, rowSize: o.rowSize, regionColumnSize: o.regionColumnSize, - headerCellStyleGetter: o.headerCellStyleGetter, - summaryCellStyleGetter: o.summaryCellStyleGetter, - sequenceCellStyleGetter: o.sequenceCellStyleGetter, - header: data.header, items: data.items }); @@ -91,12 +91,18 @@ BI.DynamicSummaryTreeTable = BI.inherit(BI.Widget, { }); this.table.on(BI.Table.EVENT_TABLE_AFTER_REGION_RESIZE, function () { o.regionColumnSize = this.getRegionColumnSize(); - o.columnSize = this.getColumnSize(); + var columnSize = this.getColumnSize(); + var length = o.columnSize.length - columnSize.length; + o.columnSize = columnSize.slice(); + o.columnSize.splice(columnSize.length, length, ""); self.fireEvent(BI.Table.EVENT_TABLE_AFTER_REGION_RESIZE, arguments); }); this.table.on(BI.Table.EVENT_TABLE_AFTER_COLUMN_RESIZE, function () { o.regionColumnSize = this.getRegionColumnSize(); - o.columnSize = this.getColumnSize(); + var columnSize = this.getColumnSize(); + var length = o.columnSize.length - columnSize.length; + o.columnSize = columnSize.slice(); + o.columnSize.splice(columnSize.length, length, ""); self.fireEvent(BI.Table.EVENT_TABLE_AFTER_COLUMN_RESIZE, arguments); }); }, @@ -138,7 +144,7 @@ BI.DynamicSummaryTreeTable = BI.inherit(BI.Widget, { }, getColumnSize: function () { - return this.table.getColumnSize(); + return this.options.columnSize; }, setRegionColumnSize: function (columnSize) { @@ -333,12 +339,19 @@ BI.extend(BI.DynamicSummaryTreeTable, { }); if (cols.length > 0) { + var nHeader = [], nItems = []; BI.each(header, function (i, node) { - BI.removeAt(node, cols); + var nNode = node.slice(); + BI.removeAt(nNode, cols); + nHeader.push(nNode); }); BI.each(items, function (i, node) { - BI.removeAt(node, cols); + var nNode = node.slice(); + BI.removeAt(nNode, cols); + nItems.push(nNode);; }); + header = nHeader; + items = nItems; } return {items: items, header: header, deletedCols: cols}; } diff --git a/src/case/table/table.layertree.js b/src/case/table/table.layertree.js index a84682014..565969c5a 100644 --- a/src/case/table/table.layertree.js +++ b/src/case/table/table.layertree.js @@ -188,9 +188,6 @@ BI.LayerTreeTable = BI.inherit(BI.Widget, { headerRowSize: o.headerRowSize, rowSize: o.rowSize, regionColumnSize: o.regionColumnSize, - headerCellStyleGetter: o.headerCellStyleGetter, - summaryCellStyleGetter: o.summaryCellStyleGetter, - sequenceCellStyleGetter: o.sequenceCellStyleGetter, header: data.header, items: data.items }); diff --git a/src/case/table/table.tree.js b/src/case/table/table.tree.js index d07d096a0..99e92b7c0 100644 --- a/src/case/table/table.tree.js +++ b/src/case/table/table.tree.js @@ -79,10 +79,6 @@ BI.TableTree = BI.inherit(BI.Widget, { regionColumnSize: o.regionColumnSize, - headerCellStyleGetter: o.headerCellStyleGetter, - summaryCellStyleGetter: o.summaryCellStyleGetter, - sequenceCellStyleGetter: o.sequenceCellStyleGetter, - header: data.header, items: data.items }); diff --git a/src/core/base.js b/src/core/base.js index cdee5f2d5..9a39342cf 100644 --- a/src/core/base.js +++ b/src/core/base.js @@ -9,9 +9,6 @@ if (!window.BI) { } ; !(function ($, undefined) { - _.extend(BI, { - version: "2.0" - }); var traverse = function (func, context) { return function (value, key, obj) { return func.call(context, key, value, obj); diff --git a/src/core/controller/controller.layer.js b/src/core/controller/controller.layer.js index b6ed98721..e42d938af 100644 --- a/src/core/controller/controller.layer.js +++ b/src/core/controller/controller.layer.js @@ -68,7 +68,8 @@ BI.LayerController = BI.inherit(BI.Controller, { return this.get(name); } var widget = BI.createWidget((op.render || {}), { - type: "bi.layout" + type: "bi.layout", + cls: op.cls }); var layout = BI.createWidget({ type: "bi.absolute", diff --git a/src/core/func/function.js b/src/core/func/function.js index 9dc982554..5ad687db6 100644 --- a/src/core/func/function.js +++ b/src/core/func/function.js @@ -6,23 +6,6 @@ $(function () { BI.Func = {}; var formulas = {}; BI.extend(BI.Func, { - /** - * 创建唯一的名字 - * @param array - * @param name - * @returns {*} - */ - createDistinctName: function (array, name) { - var src = name, idx = 1; - name = name || ""; - while (true) { - if (!ArrayUtils.getItemByName(array, name)) { - break; - } - name = src + (idx++); - } - return name; - }, /** * 获取搜索结果 @@ -70,60 +53,6 @@ $(function () { finded: finded } }, - - /** - * 公式合法性验证 - */ - checkFormulaValidation: function (str) { - if (!BI.isEmptyString(str)) { - if (BI.has(formulas, str)) { - return formulas[str]; - } - formulas[str] = false; - var response = BI.requestSync("fr_bi_base", "check_validation_of_expression", {expression: str}); - if (response.validation === "invalid") { - formulas[str] = false; - } else if (response.validation === "valid") { - formulas[str] = true; - } - return formulas[str]; - } else { - return true; - } - }, - - getFormulaStringFromFormulaValue: function (formulaValue) { - var formulaString = ""; - var regx = /\$[\{][^\}]*[\}]|\w*\w|\$\{[^\$\(\)\+\-\*\/)\$,]*\w\}|\$\{[^\$\(\)\+\-\*\/]*\w\}|\$\{[^\$\(\)\+\-\*\/]*[\u4e00-\u9fa5]\}|\w|(.)/g; - var result = formulaValue.match(regx); - BI.each(result, function (i, item) { - var fieldRegx = /\$[\{][^\}]*[\}]/; - var str = item.match(fieldRegx); - if (BI.isNotEmptyArray(str)) { - formulaString = formulaString + str[0].substring(2, item.length - 1); - } else { - formulaString = formulaString + item; - } - }); - return formulaString; - }, - - formatAddress: function (address) { - var temp = ''; - var url1 = /[a-zA-z]+:\/\/[^\s]*/; - var url2 = /\/[^\s]*/; - if (address.match(url1) || address.match(url2)) { - temp = address; - } else if (BI.isNotEmptyString(address)) { - temp = "http://" + address; - } - return temp; - }, - - getCompleteImageUrl: function (url) { - return BI.servletURL + "?op=fr_bi&cmd=get_uploaded_image&image_id=" + url; - } - }); /** @@ -176,24 +105,26 @@ $(function () { }); }, - getImageWidthAndHeight: function (src) { - return BI.requestSync("fr_bi_base", "get_image_size", { - src: src - }); - }, - isDarkColor: function (hex) { if (!hex) { return false; } var rgb = this.rgb2json(this.hex2rgb(hex)); - var grayLevel = (rgb.r * 0.299 + rgb.g * 0.587 + rgb.b * 0.114); - if (grayLevel < 192) { + var grayLevel = Math.round(rgb.r * 0.299 + rgb.g * 0.587 + rgb.b * 0.114); + if (grayLevel < 140) { return true; } return false; }, + //获取对比颜色 + getContrastColor: function (color) { + if (this.isDarkColor(color)) { + return "#ffffff"; + } + return "#1a1a1a"; + }, + rgb2hex: function (rgbColour) { if (!rgbColour || rgbColour.substr(0, 3) != "rgb") { return ""; diff --git a/src/core/version.js b/src/core/version.js new file mode 100644 index 000000000..a850da743 --- /dev/null +++ b/src/core/version.js @@ -0,0 +1 @@ +BI.version = "2.0"; \ No newline at end of file diff --git a/src/core/widget.js b/src/core/widget.js index 693734fc9..bd372a063 100644 --- a/src/core/widget.js +++ b/src/core/widget.js @@ -191,6 +191,10 @@ BI.Widget = BI.inherit(BI.OB, { this.destroyed && this.destroyed(); }, + isMounted: function () { + return this._isMounted; + }, + setWidth: function (w) { this.options.width = w; this._initElementWidth(); diff --git a/src/core/wrapper/layout/layout.card.js b/src/core/wrapper/layout/layout.card.js index aa0921291..201b3ccbf 100644 --- a/src/core/wrapper/layout/layout.card.js +++ b/src/core/wrapper/layout/layout.card.js @@ -63,7 +63,7 @@ BI.CardLayout = BI.inherit(BI.Layout, { isCardExisted: function (cardName) { return BI.some(this.options.items, function (i, item) { - return item.cardName === cardName && item.el; + return item.cardName == cardName && item.el; }); }, diff --git a/src/css/base/chart/chart.combine.css b/src/css/base/chart/chart.combine.css deleted file mode 100644 index 1c94930a0..000000000 --- a/src/css/base/chart/chart.combine.css +++ /dev/null @@ -1,11 +0,0 @@ -/****添加计算宽度的--运算符直接需要space****/ -/****** common color(常用颜色,可用于普遍场景) *****/ -/**** custom color(自定义颜色,用于特定场景) ****/ -.bi-combine-chart .bi-linkage-list { - background-color: #ffffff; - border: 1px solid #eaeaea; - z-index: 1000000000; -} -.bi-combine-chart .bi-linkage-list .bi-linkage-list-item:hover { - background-color: #f4f4f4; -} diff --git a/src/css/base/single/input/input.css b/src/css/base/single/input/input.css index c2425f2f3..fa262401b 100644 --- a/src/css/base/single/input/input.css +++ b/src/css/base/single/input/input.css @@ -17,6 +17,3 @@ border: none; color: #e85050 !important; } -.bi-input.disabled { - background-color: white; -} diff --git a/src/css/base/table/table.grid.scrollbar.css b/src/css/base/table/table.grid.scrollbar.css index 289bc820c..700a03a17 100644 --- a/src/css/base/table/table.grid.scrollbar.css +++ b/src/css/base/table/table.grid.scrollbar.css @@ -7,6 +7,7 @@ transition-timing-function: ease; user-select: none; background-color: rgba(0, 0, 0, 0.1); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000); border-radius: 5px; } .scrollbar-layout-main-vertical { @@ -26,6 +27,7 @@ left: 0; transition-property: background-color; background-color: rgba(0, 0, 0, 0.1); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000); } /* Touching the scroll-track directly makes the scroll-track bolder */ .scrollbar-layout-main-horizontal.public-scrollbar-main-active, @@ -80,11 +82,19 @@ .public-scrollbar-face:after { background-color: #c2c2c2; } +.bi-theme-dark .public-scrollbar-face:after { + background-color: #7d7d7d; +} .public-scrollbar-main:hover .public-scrollbar-face:after, .public-scrollbar-main-active .public-scrollbar-face:after, .public-scrollbar-faceActive:after { background-color: #7d7d7d; } +.bi-theme-dark .public-scrollbar-main:hover .public-scrollbar-face:after, +.bi-theme-dark .public-scrollbar-main-active .public-scrollbar-face:after, +.bi-theme-dark .public-scrollbar-faceActive:after { + background-color: #c2c2c2; +} .horizontal-scrollbar { bottom: 0; position: absolute; diff --git a/src/css/base/view/popupview.css b/src/css/base/view/popupview.css index 79efbe2dd..09d70b917 100644 --- a/src/css/base/view/popupview.css +++ b/src/css/base/view/popupview.css @@ -28,3 +28,7 @@ .bi-list-view .list-view-toolbar > .first-element { border-left: none; } +.bi-theme-dark .bi-list-view .list-view-outer { + color: #b2b2b2; + background: #191a2c; +} diff --git a/src/css/core/utils/common.css b/src/css/core/utils/common.css index c71debf98..23708de8e 100644 --- a/src/css/core/utils/common.css +++ b/src/css/core/utils/common.css @@ -56,6 +56,16 @@ .bi-list-item.disabled:active { background-color: #ffffff; } +.bi-theme-dark .bi-list-item:hover, +.bi-theme-dark .bi-list-item.hover { + background-color: #04070d; + 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; +} .bi-list-item-effect.active, .bi-list-item-effect:active { color: #009de3; @@ -63,7 +73,16 @@ .bi-list-item-effect.disabled, .bi-list-item-effect.disabled:hover, .bi-list-item-effect.disabled:active { - color: #1a1a1a; + color: #c4c6c6; +} +.bi-theme-dark .bi-list-item-effect.active, +.bi-theme-dark .bi-list-item-effect:active { + color: #009de3; +} +.bi-theme-dark .bi-list-item-effect.disabled, +.bi-theme-dark .bi-list-item-effect.disabled:hover, +.bi-theme-dark .bi-list-item-effect.disabled:active { + color: #c4c6c6; } .bi-list-item-hover:hover, .bi-list-item-hover.hover { @@ -73,9 +92,20 @@ .bi-list-item-hover.disabled, .bi-list-item-hover.disabled:hover, .bi-list-item-hover.disabled:active { - color: #1a1a1a; + color: #c4c6c6; background-color: #ffffff; } +.bi-theme-dark .bi-list-item-hover:hover, +.bi-theme-dark .bi-list-item-hover.hover { + color: #009de3; + background-color: #04070d; +} +.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; + background-color: transparent; +} .bi-list-item-active:hover, .bi-list-item-active.hover { background-color: #f4f4f4; @@ -90,6 +120,21 @@ .bi-list-item-active.disabled:active { background-color: #ffffff; } +.bi-theme-dark .bi-list-item-active:hover, +.bi-theme-dark .bi-list-item-active.hover { + background-color: #04070d; + color: #ffffff; +} +.bi-theme-dark .bi-list-item-active.active, +.bi-theme-dark .bi-list-item-active:active { + color: #009de3; + background-color: #04070d; +} +.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; +} .bi-list-item-select:hover, .bi-list-item-select.hover { color: #009de3; @@ -115,3 +160,28 @@ .bi-list-item-select.disabled:active .bi-high-light { color: #c4c6c6 !important; } +.bi-theme-dark .list-item-select:hover, +.bi-theme-dark .list-item-select.hover { + color: #009de3; + background-color: #04070d; +} +.bi-theme-dark .list-item-select:active, +.bi-theme-dark .list-item-select.active { + color: #ffffff; + background-color: #009de3; +} +.bi-theme-dark .list-item-select:active .bi-high-light, +.bi-theme-dark .list-item-select.active .bi-high-light { + color: #ffffff; +} +.bi-theme-dark .list-item-select.disabled, +.bi-theme-dark .list-item-select.disabled:hover, +.bi-theme-dark .list-item-select.disabled:active { + color: #c4c6c6 !important; + background-color: transparent !important; +} +.bi-theme-dark .list-item-select.disabled .bi-high-light, +.bi-theme-dark .list-item-select.disabled:hover .bi-high-light, +.bi-theme-dark .list-item-select.disabled:active .bi-high-light { + color: #c4c6c6 !important; +} diff --git a/src/css/resource/app.css b/src/css/resource/app.css index 3b1b57c1c..85b8a7464 100644 --- a/src/css/resource/app.css +++ b/src/css/resource/app.css @@ -106,3 +106,17 @@ textarea::-webkit-scrollbar-thumb { border-radius: 0; background-color: #e2e2e2; } +.bi-theme-dark div::-webkit-scrollbar, +.bi-theme-dark textarea::-webkit-scrollbar { + -webkit-appearance: none; + background-color: #191a2c; + width: 6px; + height: 6px; +} +.bi-theme-dark div::-webkit-scrollbar-thumb, +.bi-theme-dark textarea::-webkit-scrollbar-thumb { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + background-color: #7d7d7d; +} diff --git a/src/css/resource/font.css b/src/css/resource/font.css index e197e78c1..a9cc42dd2 100644 --- a/src/css/resource/font.css +++ b/src/css/resource/font.css @@ -2,12 +2,12 @@ /**** custom color(自定义颜色,用于特定场景) ****/ .close-font .b-font:before { content: "\e600"; - color: #808080; + color: inherit; } .close-font.native .b-font:before, .close-font.disabled .b-font:before { content: "\e600"; - color: #808080; + color: inherit; } .close-red-font .b-font:before { content: "\e600"; @@ -20,28 +20,28 @@ } .close-h-font .b-font:before { content: "\e600"; - color: #808080; + color: inherit; } .close-h-font:hover .b-font:before, .close-h-font:focus .b-font:before, .close-h-font.hover .b-font:before { content: "\e600"; - color: #808080; + color: inherit; } .close-h-font.native .b-font:before, .close-h-font.disabled .b-font:before { content: "\e600"; - color: #808080; + color: inherit; } .close-e-font .b-font:before { content: "\e600"; - color: #808080; + color: inherit; } .close-e-font:hover .b-font:before, .close-e-font:focus .b-font:before, .close-e-font.hover .b-font:before { content: "\e600"; - color: #808080; + color: inherit; } .close-e-font.active .b-font:before { content: "\e600"; @@ -54,17 +54,17 @@ .close-e-font.native .b-font:before, .close-e-font.disabled .b-font:before { content: "\e600"; - color: #808080; + color: inherit; } .close-ha-font .b-font:before { content: "\e600"; - color: #808080; + color: inherit; } .close-ha-font:hover .b-font:before, .close-ha-font:focus .b-font:before, .close-ha-font.hover .b-font:before { content: "\e600"; - color: #808080; + color: inherit; } .close-ha-font:active .b-font:before, .close-ha-font.active .b-font:before { @@ -74,11 +74,11 @@ .close-ha-font.native .b-font:before, .close-ha-font.disabled .b-font:before { content: "\e600"; - color: #808080; + color: inherit; } .search-close-h-font .b-font:before { content: "\e600"; - color: #808080; + color: inherit; } .search-close-h-font:hover .b-font:before, .search-close-h-font:focus .b-font:before, @@ -89,41 +89,41 @@ .search-close-h-font.native .b-font:before, .search-close-h-font.disabled .b-font:before { content: "\e600"; - color: #808080; + color: inherit; } .trigger-font .b-font:before { content: "\e603"; - color: #808080; + color: inherit; } .trigger-font.native .b-font:before, .trigger-font.disabled .b-font:before { content: "\e603"; - color: #808080; + color: inherit; } .trigger-h-font .b-font:before { content: "\e603"; - color: #808080; + color: inherit; } .trigger-h-font:hover .b-font:before, .trigger-h-font:focus .b-font:before, .trigger-h-font.hover .b-font:before { content: "\e603"; - color: #808080; + color: inherit; } .trigger-h-font.native .b-font:before, .trigger-h-font.disabled .b-font:before { content: "\e603"; - color: #808080; + color: inherit; } .trigger-ha-font .b-font:before { content: "\e603"; - color: #808080; + color: inherit; } .trigger-ha-font:hover .b-font:before, .trigger-ha-font:focus .b-font:before, .trigger-ha-font.hover .b-font:before { content: "\e603"; - color: #808080; + color: inherit; } .trigger-ha-font:active .b-font:before, .trigger-ha-font.active .b-font:before { @@ -133,41 +133,41 @@ .trigger-ha-font.native .b-font:before, .trigger-ha-font.disabled .b-font:before { content: "\e603"; - color: #808080; + color: inherit; } .pre-page-font .b-font:before { content: "\e601"; - color: #808080; + color: inherit; } .pre-page-font.native .b-font:before, .pre-page-font.disabled .b-font:before { content: "\e601"; - color: #808080; + color: inherit; } .pre-page-h-font .b-font:before { content: "\e601"; - color: #808080; + color: inherit; } .pre-page-h-font:hover .b-font:before, .pre-page-h-font:focus .b-font:before, .pre-page-h-font.hover .b-font:before { content: "\e601"; - color: #808080; + color: inherit; } .pre-page-h-font.native .b-font:before, .pre-page-h-font.disabled .b-font:before { content: "\e601"; - color: #808080; + color: inherit; } .pre-page-ha-font .b-font:before { content: "\e601"; - color: #808080; + color: inherit; } .pre-page-ha-font:hover .b-font:before, .pre-page-ha-font:focus .b-font:before, .pre-page-ha-font.hover .b-font:before { content: "\e601"; - color: #808080; + color: inherit; } .pre-page-ha-font:active .b-font:before, .pre-page-ha-font.active .b-font:before { @@ -177,41 +177,41 @@ .pre-page-ha-font.native .b-font:before, .pre-page-ha-font.disabled .b-font:before { content: "\e601"; - color: #808080; + color: inherit; } .next-page-font .b-font:before { content: "\e602"; - color: #808080; + color: inherit; } .next-page-font.native .b-font:before, .next-page-font.disabled .b-font:before { content: "\e602"; - color: #808080; + color: inherit; } .next-page-h-font .b-font:before { content: "\e602"; - color: #808080; + color: inherit; } .next-page-h-font:hover .b-font:before, .next-page-h-font:focus .b-font:before, .next-page-h-font.hover .b-font:before { content: "\e602"; - color: #808080; + color: inherit; } .next-page-h-font.native .b-font:before, .next-page-h-font.disabled .b-font:before { content: "\e602"; - color: #808080; + color: inherit; } .next-page-ha-font .b-font:before { content: "\e602"; - color: #808080; + color: inherit; } .next-page-ha-font:hover .b-font:before, .next-page-ha-font:focus .b-font:before, .next-page-ha-font.hover .b-font:before { content: "\e602"; - color: #808080; + color: inherit; } .next-page-ha-font:active .b-font:before, .next-page-ha-font.active .b-font:before { @@ -221,41 +221,41 @@ .next-page-ha-font.native .b-font:before, .next-page-ha-font.disabled .b-font:before { content: "\e602"; - color: #808080; + color: inherit; } .search-font .b-font:before { content: "\e604"; - color: #808080; + color: inherit; } .search-font.native .b-font:before, .search-font.disabled .b-font:before { content: "\e604"; - color: #808080; + color: inherit; } .search-h-font .b-font:before { content: "\e604"; - color: #808080; + color: inherit; } .search-h-font:hover .b-font:before, .search-h-font:focus .b-font:before, .search-h-font.hover .b-font:before { content: "\e604"; - color: #808080; + color: inherit; } .search-h-font.native .b-font:before, .search-h-font.disabled .b-font:before { content: "\e604"; - color: #808080; + color: inherit; } .search-ha-font .b-font:before { content: "\e604"; - color: #808080; + color: inherit; } .search-ha-font:hover .b-font:before, .search-ha-font:focus .b-font:before, .search-ha-font.hover .b-font:before { content: "\e604"; - color: #808080; + color: inherit; } .search-ha-font:active .b-font:before, .search-ha-font.active .b-font:before { @@ -265,41 +265,41 @@ .search-ha-font.native .b-font:before, .search-ha-font.disabled .b-font:before { content: "\e604"; - color: #808080; + color: inherit; } .share-font .b-font:before { content: "\e65a"; - color: #808080; + color: inherit; } .share-font.native .b-font:before, .share-font.disabled .b-font:before { content: "\e65a"; - color: #808080; + color: inherit; } .share-h-font .b-font:before { content: "\e65a"; - color: #808080; + color: inherit; } .share-h-font:hover .b-font:before, .share-h-font:focus .b-font:before, .share-h-font.hover .b-font:before { content: "\e65a"; - color: #808080; + color: inherit; } .share-h-font.native .b-font:before, .share-h-font.disabled .b-font:before { content: "\e65a"; - color: #808080; + color: inherit; } .share-ha-font .b-font:before { content: "\e65a"; - color: #808080; + color: inherit; } .share-ha-font:hover .b-font:before, .share-ha-font:focus .b-font:before, .share-ha-font.hover .b-font:before { content: "\e65a"; - color: #808080; + color: inherit; } .share-ha-font:active .b-font:before, .share-ha-font.active .b-font:before { @@ -309,7 +309,7 @@ .share-ha-font.native .b-font:before, .share-ha-font.disabled .b-font:before { content: "\e65a"; - color: #808080; + color: inherit; } /**维度/指标 下拉列表图标字体 ~begin~**/ .delete-font .b-font:before { @@ -850,21 +850,21 @@ } .hyper-link-font .b-font:before { content: "\e688"; - color: #808080; + color: inherit; } .hyper-link-font.native .b-font:before, .hyper-link-font.disabled .b-font:before { content: "\e688"; - color: #808080; + color: inherit; } .filter-font .b-font:before { content: "\e60f"; - color: #808080; + color: inherit; } .filter-font.native .b-font:before, .filter-font.disabled .b-font:before { content: "\e60f"; - color: #808080; + color: inherit; } .filter-h-font .b-font:before { content: "\e60f"; @@ -1037,21 +1037,21 @@ /** dashboard组件/控件 下拉列表图标字体 ~end~**/ .tree-node-triangle-expand-font .b-font:before { content: "\e608"; - color: #808080; + color: inherit; } .tree-node-triangle-expand-font.native .b-font:before, .tree-node-triangle-expand-font.disabled .b-font:before { content: "\e608"; - color: #808080; + color: inherit; } .tree-node-triangle-collapse-font .b-font:before { content: "\e607"; - color: #808080; + color: inherit; } .tree-node-triangle-collapse-font.native .b-font:before, .tree-node-triangle-collapse-font.disabled .b-font:before { content: "\e607"; - color: #808080; + color: inherit; } .row-pre-page-h-font .b-font:before { content: "\e6be"; @@ -1135,82 +1135,82 @@ } .widget-date-next-h-font .b-font:before { content: "\e62f"; - color: #808080; + color: inherit; } .widget-date-next-h-font:hover .b-font:before, .widget-date-next-h-font:focus .b-font:before, .widget-date-next-h-font.hover .b-font:before { content: "\e62f"; - color: #808080; + color: inherit; } .widget-date-next-h-font.native .b-font:before, .widget-date-next-h-font.disabled .b-font:before { content: "\e62f"; - color: #808080; + color: inherit; } .widget-date-pre-h-font .b-font:before { content: "\e62e"; - color: #808080; + color: inherit; } .widget-date-pre-h-font:hover .b-font:before, .widget-date-pre-h-font:focus .b-font:before, .widget-date-pre-h-font.hover .b-font:before { content: "\e62e"; - color: #808080; + color: inherit; } .widget-date-pre-h-font.native .b-font:before, .widget-date-pre-h-font.disabled .b-font:before { content: "\e62e"; - color: #808080; + color: inherit; } .widget-date-h-change-font .b-font:before { content: "\e660"; - color: #808080; + color: inherit; } .widget-date-h-change-font:hover .b-font:before, .widget-date-h-change-font:focus .b-font:before, .widget-date-h-change-font.hover .b-font:before { content: "\e660"; - color: #808080; + color: inherit; } .widget-date-h-change-font.native .b-font:before, .widget-date-h-change-font.disabled .b-font:before { content: "\e660"; - color: #808080; + color: inherit; } .pull-down-font .b-font:before { content: "\e608"; - color: #808080; + color: inherit; } .pull-down-font.native .b-font:before, .pull-down-font.disabled .b-font:before { content: "\e608"; - color: #808080; + color: inherit; } .pull-down-h-font .b-font:before { content: "\e608"; - color: #808080; + color: inherit; } .pull-down-h-font:hover .b-font:before, .pull-down-h-font:focus .b-font:before, .pull-down-h-font.hover .b-font:before { content: "\e608"; - color: #808080; + color: inherit; } .pull-down-h-font.native .b-font:before, .pull-down-h-font.disabled .b-font:before { content: "\e608"; - color: #808080; + color: inherit; } .pull-down-ha-font .b-font:before { content: "\e608"; - color: #808080; + color: inherit; } .pull-down-ha-font:hover .b-font:before, .pull-down-ha-font:focus .b-font:before, .pull-down-ha-font.hover .b-font:before { content: "\e608"; - color: #808080; + color: inherit; } .pull-down-ha-font:active .b-font:before, .pull-down-ha-font.active .b-font:before { @@ -1220,41 +1220,41 @@ .pull-down-ha-font.native .b-font:before, .pull-down-ha-font.disabled .b-font:before { content: "\e608"; - color: #808080; + color: inherit; } .delete-field-font .b-font:before { content: "\e605"; - color: #808080; + color: inherit; } .delete-field-font.native .b-font:before, .delete-field-font.disabled .b-font:before { content: "\e605"; - color: #808080; + color: inherit; } .delete-field-h-font .b-font:before { content: "\e605"; - color: #808080; + color: inherit; } .delete-field-h-font:hover .b-font:before, .delete-field-h-font:focus .b-font:before, .delete-field-h-font.hover .b-font:before { content: "\e605"; - color: #808080; + color: inherit; } .delete-field-h-font.native .b-font:before, .delete-field-h-font.disabled .b-font:before { content: "\e605"; - color: #808080; + color: inherit; } .delete-field-ha-font .b-font:before { content: "\e605"; - color: #808080; + color: inherit; } .delete-field-ha-font:hover .b-font:before, .delete-field-ha-font:focus .b-font:before, .delete-field-ha-font.hover .b-font:before { content: "\e605"; - color: #808080; + color: inherit; } .delete-field-ha-font:active .b-font:before, .delete-field-ha-font.active .b-font:before { @@ -1264,92 +1264,92 @@ .delete-field-ha-font.native .b-font:before, .delete-field-ha-font.disabled .b-font:before { content: "\e605"; - color: #808080; + color: inherit; } .toolbar-save-font .b-font:before { content: "\e617"; - color: #808080; + color: inherit; } .toolbar-save-font:hover .b-font:before, .toolbar-save-font:focus .b-font:before, .toolbar-save-font.hover .b-font:before { content: "\e617"; - color: #808080; + color: inherit; } .toolbar-save-font.native .b-font:before, .toolbar-save-font.disabled .b-font:before { content: "\e617"; - color: #808080; + color: inherit; } .toolbar-undo-font .b-font:before { content: "\e619"; - color: #808080; + color: inherit; } .toolbar-undo-font:hover .b-font:before, .toolbar-undo-font:focus .b-font:before, .toolbar-undo-font.hover .b-font:before { content: "\e619"; - color: #808080; + color: inherit; } .toolbar-undo-font.native .b-font:before, .toolbar-undo-font.disabled .b-font:before { content: "\e619"; - color: #808080; + color: inherit; } .toolbar-redo-font .b-font:before { content: "\e625"; - color: #808080; + color: inherit; } .toolbar-redo-font:hover .b-font:before, .toolbar-redo-font:focus .b-font:before, .toolbar-redo-font.hover .b-font:before { content: "\e625"; - color: #808080; + color: inherit; } .toolbar-redo-font.native .b-font:before, .toolbar-redo-font.disabled .b-font:before { content: "\e625"; - color: #808080; + color: inherit; } .toolbar-edit-font .b-font:before { content: "\e631"; - color: #808080; + color: inherit; } .toolbar-edit-font:hover .b-font:before, .toolbar-edit-font:focus .b-font:before, .toolbar-edit-font.hover .b-font:before { content: "\e631"; - color: #808080; + color: inherit; } .toolbar-edit-font.native .b-font:before, .toolbar-edit-font.disabled .b-font:before { content: "\e631"; - color: #808080; + color: inherit; } .toolbar-preview-font .b-font:before { content: "\e65f"; - color: #808080; + color: inherit; } .toolbar-preview-font:hover .b-font:before, .toolbar-preview-font:focus .b-font:before, .toolbar-preview-font.hover .b-font:before { content: "\e65f"; - color: #808080; + color: inherit; } .toolbar-preview-font.native .b-font:before, .toolbar-preview-font.disabled .b-font:before { content: "\e65f"; - color: #808080; + color: inherit; } .chart-table-font .b-font:before { content: "\e60e"; - color: #808080; + color: inherit; } .chart-table-font:hover .b-font:before, .chart-table-font:focus .b-font:before, .chart-table-font.hover .b-font:before { content: "\e60e"; - color: #808080; + color: inherit; } .chart-table-font:active .b-font:before, .chart-table-font.active .b-font:before { @@ -1359,17 +1359,17 @@ .chart-table-font.native .b-font:before, .chart-table-font.disabled .b-font:before { content: "\e60e"; - color: #808080; + color: inherit; } .chart-axis-font .b-font:before { content: "\e626"; - color: #808080; + color: inherit; } .chart-axis-font:hover .b-font:before, .chart-axis-font:focus .b-font:before, .chart-axis-font.hover .b-font:before { content: "\e626"; - color: #808080; + color: inherit; } .chart-axis-font:active .b-font:before, .chart-axis-font.active .b-font:before { @@ -1379,17 +1379,17 @@ .chart-axis-font.native .b-font:before, .chart-axis-font.disabled .b-font:before { content: "\e626"; - color: #808080; + color: inherit; } .chart-bar-font .b-font:before { content: "\e620"; - color: #808080; + color: inherit; } .chart-bar-font:hover .b-font:before, .chart-bar-font:focus .b-font:before, .chart-bar-font.hover .b-font:before { content: "\e620"; - color: #808080; + color: inherit; } .chart-bar-font:active .b-font:before, .chart-bar-font.active .b-font:before { @@ -1399,17 +1399,17 @@ .chart-bar-font.native .b-font:before, .chart-bar-font.disabled .b-font:before { content: "\e620"; - color: #808080; + color: inherit; } .chart-accumulate-bar-font .b-font:before { content: "\e60a"; - color: #808080; + color: inherit; } .chart-accumulate-bar-font:hover .b-font:before, .chart-accumulate-bar-font:focus .b-font:before, .chart-accumulate-bar-font.hover .b-font:before { content: "\e60a"; - color: #808080; + color: inherit; } .chart-accumulate-bar-font:active .b-font:before, .chart-accumulate-bar-font.active .b-font:before { @@ -1419,17 +1419,17 @@ .chart-accumulate-bar-font.native .b-font:before, .chart-accumulate-bar-font.disabled .b-font:before { content: "\e60a"; - color: #808080; + color: inherit; } .chart-pie-font .b-font:before { content: "\e618"; - color: #808080; + color: inherit; } .chart-pie-font:hover .b-font:before, .chart-pie-font:focus .b-font:before, .chart-pie-font.hover .b-font:before { content: "\e618"; - color: #808080; + color: inherit; } .chart-pie-font:active .b-font:before, .chart-pie-font.active .b-font:before { @@ -1439,17 +1439,17 @@ .chart-pie-font.native .b-font:before, .chart-pie-font.disabled .b-font:before { content: "\e618"; - color: #808080; + color: inherit; } .chart-map-font .b-font:before { content: "\e62c"; - color: #808080; + color: inherit; } .chart-map-font:hover .b-font:before, .chart-map-font:focus .b-font:before, .chart-map-font.hover .b-font:before { content: "\e62c"; - color: #808080; + color: inherit; } .chart-map-font:active .b-font:before, .chart-map-font.active .b-font:before { @@ -1459,17 +1459,17 @@ .chart-map-font.native .b-font:before, .chart-map-font.disabled .b-font:before { content: "\e62c"; - color: #808080; + color: inherit; } .chart-dashboard-font .b-font:before { content: "\e623"; - color: #808080; + color: inherit; } .chart-dashboard-font:hover .b-font:before, .chart-dashboard-font:focus .b-font:before, .chart-dashboard-font.hover .b-font:before { content: "\e623"; - color: #808080; + color: inherit; } .chart-dashboard-font:active .b-font:before, .chart-dashboard-font.active .b-font:before { @@ -1479,17 +1479,17 @@ .chart-dashboard-font.native .b-font:before, .chart-dashboard-font.disabled .b-font:before { content: "\e623"; - color: #808080; + color: inherit; } .chart-doughnut-font .b-font:before { content: "\e624"; - color: #808080; + color: inherit; } .chart-doughnut-font:hover .b-font:before, .chart-doughnut-font:focus .b-font:before, .chart-doughnut-font.hover .b-font:before { content: "\e624"; - color: #808080; + color: inherit; } .chart-doughnut-font:active .b-font:before, .chart-doughnut-font.active .b-font:before { @@ -1499,17 +1499,17 @@ .chart-doughnut-font.native .b-font:before, .chart-doughnut-font.disabled .b-font:before { content: "\e624"; - color: #808080; + color: inherit; } .chart-detail-font .b-font:before { content: "\e615"; - color: #808080; + color: inherit; } .chart-detail-font:hover .b-font:before, .chart-detail-font:focus .b-font:before, .chart-detail-font.hover .b-font:before { content: "\e615"; - color: #808080; + color: inherit; } .chart-detail-font:active .b-font:before, .chart-detail-font.active .b-font:before { @@ -1519,17 +1519,17 @@ .chart-detail-font.native .b-font:before, .chart-detail-font.disabled .b-font:before { content: "\e615"; - color: #808080; + color: inherit; } .chart-more-font .b-font:before { content: "\e60d"; - color: #808080; + color: inherit; } .chart-more-font:hover .b-font:before, .chart-more-font:focus .b-font:before, .chart-more-font.hover .b-font:before { content: "\e60d"; - color: #808080; + color: inherit; } .chart-more-font:active .b-font:before, .chart-more-font.active .b-font:before { @@ -1539,17 +1539,17 @@ .chart-more-font.native .b-font:before, .chart-more-font.disabled .b-font:before { content: "\e60d"; - color: #808080; + color: inherit; } .chart-bubble-font .b-font:before { content: "\e62a"; - color: #808080; + color: inherit; } .chart-bubble-font:hover .b-font:before, .chart-bubble-font:focus .b-font:before, .chart-bubble-font.hover .b-font:before { content: "\e62a"; - color: #808080; + color: inherit; } .chart-bubble-font:active .b-font:before, .chart-bubble-font.active .b-font:before { @@ -1559,17 +1559,17 @@ .chart-bubble-font.native .b-font:before, .chart-bubble-font.disabled .b-font:before { content: "\e62a"; - color: #808080; + color: inherit; } .chart-scatter-font .b-font:before { content: "\e61d"; - color: #808080; + color: inherit; } .chart-scatter-font:hover .b-font:before, .chart-scatter-font:focus .b-font:before, .chart-scatter-font.hover .b-font:before { content: "\e61d"; - color: #808080; + color: inherit; } .chart-scatter-font:active .b-font:before, .chart-scatter-font.active .b-font:before { @@ -1579,17 +1579,17 @@ .chart-scatter-font.native .b-font:before, .chart-scatter-font.disabled .b-font:before { content: "\e61d"; - color: #808080; + color: inherit; } .chart-radar-font .b-font:before { content: "\e614"; - color: #808080; + color: inherit; } .chart-radar-font:hover .b-font:before, .chart-radar-font:focus .b-font:before, .chart-radar-font.hover .b-font:before { content: "\e614"; - color: #808080; + color: inherit; } .chart-radar-font:active .b-font:before, .chart-radar-font.active .b-font:before { @@ -1599,17 +1599,17 @@ .chart-radar-font.native .b-font:before, .chart-radar-font.disabled .b-font:before { content: "\e614"; - color: #808080; + color: inherit; } .chart-content-font .b-font:before { content: "\e621"; - color: #808080; + color: inherit; } .chart-content-font:hover .b-font:before, .chart-content-font:focus .b-font:before, .chart-content-font.hover .b-font:before { content: "\e621"; - color: #808080; + color: inherit; } .chart-content-font:active .b-font:before, .chart-content-font.active .b-font:before { @@ -1619,17 +1619,17 @@ .chart-content-font.native .b-font:before, .chart-content-font.disabled .b-font:before { content: "\e621"; - color: #808080; + color: inherit; } .chart-image-font .b-font:before { content: "\e68d"; - color: #808080; + color: inherit; } .chart-image-font:hover .b-font:before, .chart-image-font:focus .b-font:before, .chart-image-font.hover .b-font:before { content: "\e68d"; - color: #808080; + color: inherit; } .chart-image-font:active .b-font:before, .chart-image-font.active .b-font:before { @@ -1639,17 +1639,17 @@ .chart-image-font.native .b-font:before, .chart-image-font.disabled .b-font:before { content: "\e68d"; - color: #808080; + color: inherit; } .chart-web-font .b-font:before { content: "\e68c"; - color: #808080; + color: inherit; } .chart-web-font:hover .b-font:before, .chart-web-font:focus .b-font:before, .chart-web-font.hover .b-font:before { content: "\e68c"; - color: #808080; + color: inherit; } .chart-web-font:active .b-font:before, .chart-web-font.active .b-font:before { @@ -1659,17 +1659,17 @@ .chart-web-font.native .b-font:before, .chart-web-font.disabled .b-font:before { content: "\e68c"; - color: #808080; + color: inherit; } .chart-string-font .b-font:before { content: "\e622"; - color: #808080; + color: inherit; } .chart-string-font:hover .b-font:before, .chart-string-font:focus .b-font:before, .chart-string-font.hover .b-font:before { content: "\e622"; - color: #808080; + color: inherit; } .chart-string-font:active .b-font:before, .chart-string-font.active .b-font:before { @@ -1679,17 +1679,17 @@ .chart-string-font.native .b-font:before, .chart-string-font.disabled .b-font:before { content: "\e622"; - color: #808080; + color: inherit; } .chart-number-font .b-font:before { content: "\e61f"; - color: #808080; + color: inherit; } .chart-number-font:hover .b-font:before, .chart-number-font:focus .b-font:before, .chart-number-font.hover .b-font:before { content: "\e61f"; - color: #808080; + color: inherit; } .chart-number-font:active .b-font:before, .chart-number-font.active .b-font:before { @@ -1699,17 +1699,17 @@ .chart-number-font.native .b-font:before, .chart-number-font.disabled .b-font:before { content: "\e61f"; - color: #808080; + color: inherit; } .chart-tree-font .b-font:before { content: "\e61e"; - color: #808080; + color: inherit; } .chart-tree-font:hover .b-font:before, .chart-tree-font:focus .b-font:before, .chart-tree-font.hover .b-font:before { content: "\e61e"; - color: #808080; + color: inherit; } .chart-tree-font:active .b-font:before, .chart-tree-font.active .b-font:before { @@ -1719,17 +1719,17 @@ .chart-tree-font.native .b-font:before, .chart-tree-font.disabled .b-font:before { content: "\e61e"; - color: #808080; + color: inherit; } .chart-date-font .b-font:before { content: "\e61b"; - color: #808080; + color: inherit; } .chart-date-font:hover .b-font:before, .chart-date-font:focus .b-font:before, .chart-date-font.hover .b-font:before { content: "\e61b"; - color: #808080; + color: inherit; } .chart-date-font:active .b-font:before, .chart-date-font.active .b-font:before { @@ -1739,17 +1739,17 @@ .chart-date-font.native .b-font:before, .chart-date-font.disabled .b-font:before { content: "\e61b"; - color: #808080; + color: inherit; } .chart-year-font .b-font:before { content: "\e628"; - color: #808080; + color: inherit; } .chart-year-font:hover .b-font:before, .chart-year-font:focus .b-font:before, .chart-year-font.hover .b-font:before { content: "\e628"; - color: #808080; + color: inherit; } .chart-year-font:active .b-font:before, .chart-year-font.active .b-font:before { @@ -1759,17 +1759,17 @@ .chart-year-font.native .b-font:before, .chart-year-font.disabled .b-font:before { content: "\e628"; - color: #808080; + color: inherit; } .chart-month-font .b-font:before { content: "\e627"; - color: #808080; + color: inherit; } .chart-month-font:hover .b-font:before, .chart-month-font:focus .b-font:before, .chart-month-font.hover .b-font:before { content: "\e627"; - color: #808080; + color: inherit; } .chart-month-font:active .b-font:before, .chart-month-font.active .b-font:before { @@ -1779,17 +1779,17 @@ .chart-month-font.native .b-font:before, .chart-month-font.disabled .b-font:before { content: "\e627"; - color: #808080; + color: inherit; } .chart-quarter-font .b-font:before { content: "\e629"; - color: #808080; + color: inherit; } .chart-quarter-font:hover .b-font:before, .chart-quarter-font:focus .b-font:before, .chart-quarter-font.hover .b-font:before { content: "\e629"; - color: #808080; + color: inherit; } .chart-quarter-font:active .b-font:before, .chart-quarter-font.active .b-font:before { @@ -1799,17 +1799,17 @@ .chart-quarter-font.native .b-font:before, .chart-quarter-font.disabled .b-font:before { content: "\e629"; - color: #808080; + color: inherit; } .chart-ymd-font .b-font:before { content: "\e61c"; - color: #808080; + color: inherit; } .chart-ymd-font:hover .b-font:before, .chart-ymd-font:focus .b-font:before, .chart-ymd-font.hover .b-font:before { content: "\e61c"; - color: #808080; + color: inherit; } .chart-ymd-font:active .b-font:before, .chart-ymd-font.active .b-font:before { @@ -1819,17 +1819,17 @@ .chart-ymd-font.native .b-font:before, .chart-ymd-font.disabled .b-font:before { content: "\e61c"; - color: #808080; + color: inherit; } .chart-date-range-font .b-font:before { content: "\e616"; - color: #808080; + color: inherit; } .chart-date-range-font:hover .b-font:before, .chart-date-range-font:focus .b-font:before, .chart-date-range-font.hover .b-font:before { content: "\e616"; - color: #808080; + color: inherit; } .chart-date-range-font:active .b-font:before, .chart-date-range-font.active .b-font:before { @@ -1839,17 +1839,17 @@ .chart-date-range-font.native .b-font:before, .chart-date-range-font.disabled .b-font:before { content: "\e616"; - color: #808080; + color: inherit; } .chart-general-query-font .b-font:before { content: "\e62b"; - color: #808080; + color: inherit; } .chart-general-query-font:hover .b-font:before, .chart-general-query-font:focus .b-font:before, .chart-general-query-font.hover .b-font:before { content: "\e62b"; - color: #808080; + color: inherit; } .chart-general-query-font:active .b-font:before, .chart-general-query-font.active .b-font:before { @@ -1859,17 +1859,17 @@ .chart-general-query-font.native .b-font:before, .chart-general-query-font.disabled .b-font:before { content: "\e62b"; - color: #808080; + color: inherit; } .chart-query-font .b-font:before { content: "\e609"; - color: #808080; + color: inherit; } .chart-query-font:hover .b-font:before, .chart-query-font:focus .b-font:before, .chart-query-font.hover .b-font:before { content: "\e609"; - color: #808080; + color: inherit; } .chart-query-font:active .b-font:before, .chart-query-font.active .b-font:before { @@ -1879,17 +1879,17 @@ .chart-query-font.native .b-font:before, .chart-query-font.disabled .b-font:before { content: "\e609"; - color: #808080; + color: inherit; } .chart-reset-font .b-font:before { content: "\e61a"; - color: #808080; + color: inherit; } .chart-reset-font:hover .b-font:before, .chart-reset-font:focus .b-font:before, .chart-reset-font.hover .b-font:before { content: "\e61a"; - color: #808080; + color: inherit; } .chart-reset-font:active .b-font:before, .chart-reset-font.active .b-font:before { @@ -1899,17 +1899,17 @@ .chart-reset-font.native .b-font:before, .chart-reset-font.disabled .b-font:before { content: "\e61a"; - color: #808080; + color: inherit; } .chart-textarea-font .b-font:before { content: "\e622"; - color: #808080; + color: inherit; } .chart-textarea-font:hover .b-font:before, .chart-textarea-font:focus .b-font:before, .chart-textarea-font.hover .b-font:before { content: "\e622"; - color: #808080; + color: inherit; } .chart-textarea-font:active .b-font:before, .chart-textarea-font.active .b-font:before { @@ -1919,17 +1919,17 @@ .chart-textarea-font.native .b-font:before, .chart-textarea-font.disabled .b-font:before { content: "\e622"; - color: #808080; + color: inherit; } .chart-reuse-font .b-font:before { content: "\e60b"; - color: #808080; + color: inherit; } .chart-reuse-font:hover .b-font:before, .chart-reuse-font:focus .b-font:before, .chart-reuse-font.hover .b-font:before { content: "\e60b"; - color: #808080; + color: inherit; } .chart-reuse-font:active .b-font:before, .chart-reuse-font.active .b-font:before { @@ -1939,26 +1939,26 @@ .chart-reuse-font.native .b-font:before, .chart-reuse-font.disabled .b-font:before { content: "\e60b"; - color: #808080; + color: inherit; } .chart-date-normal-font .b-font:before { content: "\e61b"; - color: #808080; + color: inherit; } .chart-date-normal-font.native .b-font:before, .chart-date-normal-font.disabled .b-font:before { content: "\e61b"; - color: #808080; + color: inherit; } .less-font .b-font:before { content: "\e633"; - color: #808080; + color: inherit; } .less-font:hover .b-font:before, .less-font:focus .b-font:before, .less-font.hover .b-font:before { content: "\e633"; - color: #808080; + color: inherit; } .less-font:active .b-font:before, .less-font.active .b-font:before { @@ -1968,17 +1968,17 @@ .less-font.native .b-font:before, .less-font.disabled .b-font:before { content: "\e633"; - color: #808080; + color: inherit; } .less-equal-font .b-font:before { content: "\e636"; - color: #808080; + color: inherit; } .less-equal-font:hover .b-font:before, .less-equal-font:focus .b-font:before, .less-equal-font.hover .b-font:before { content: "\e636"; - color: #808080; + color: inherit; } .less-equal-font:active .b-font:before, .less-equal-font.active .b-font:before { @@ -1988,7 +1988,7 @@ .less-equal-font.native .b-font:before, .less-equal-font.disabled .b-font:before { content: "\e636"; - color: #808080; + color: inherit; } .check-font .b-font:before { content: "\e611"; @@ -2090,30 +2090,30 @@ } .select-data-field-string-group-font .b-font:before { content: "\e642"; - color: #808080; + color: inherit; } .select-data-field-string-group-font.native .b-font:before, .select-data-field-string-group-font.disabled .b-font:before { content: "\e642"; - color: #808080; + color: inherit; } .select-data-field-number-group-font .b-font:before { content: "\e641"; - color: #808080; + color: inherit; } .select-data-field-number-group-font.native .b-font:before, .select-data-field-number-group-font.disabled .b-font:before { content: "\e641"; - color: #808080; + color: inherit; } .select-data-field-date-group-font .b-font:before { content: "\e640"; - color: #808080; + color: inherit; } .select-data-field-date-group-font.native .b-font:before, .select-data-field-date-group-font.disabled .b-font:before { content: "\e640"; - color: #808080; + color: inherit; } .select-data-preview-font .b-font:before { content: "\e65f"; @@ -2137,18 +2137,18 @@ } .detail-dimension-set-font .b-font:before { content: "\e678"; - color: #808080; + color: inherit; } .detail-dimension-set-font:hover .b-font:before, .detail-dimension-set-font:focus .b-font:before, .detail-dimension-set-font.hover .b-font:before { content: "\e678"; - color: #808080; + color: inherit; } .detail-dimension-set-font.native .b-font:before, .detail-dimension-set-font.disabled .b-font:before { content: "\e678"; - color: #808080; + color: inherit; } .detail-real-data-warning-font .b-font:before { content: "\e64e"; @@ -2227,18 +2227,18 @@ } .dashboard-widget-combo-detail-set-font .b-font:before { content: "\e634"; - color: #808080; + color: inherit; } .dashboard-widget-combo-detail-set-font:hover .b-font:before, .dashboard-widget-combo-detail-set-font:focus .b-font:before, .dashboard-widget-combo-detail-set-font.hover .b-font:before { content: "\e634"; - color: #808080; + color: inherit; } .dashboard-widget-combo-detail-set-font.native .b-font:before, .dashboard-widget-combo-detail-set-font.disabled .b-font:before { content: "\e634"; - color: #808080; + color: inherit; } .group-add-font .b-font:before { content: "\e649"; @@ -2251,12 +2251,12 @@ } .sortable-font .b-font:before { content: "\e63b"; - color: #808080; + color: inherit; } .sortable-font.native .b-font:before, .sortable-font.disabled .b-font:before { content: "\e63b"; - color: #808080; + color: inherit; } .text-bold-font .b-font:before { content: "\e64d"; @@ -2377,30 +2377,30 @@ } .move-font .b-font:before { content: "\e65e"; - color: #808080; + color: inherit; } .move-font.native .b-font:before, .move-font.disabled .b-font:before { content: "\e65e"; - color: #808080; + color: inherit; } .share-font .b-font:before { content: "\e65a"; - color: #808080; + color: inherit; } .share-font.native .b-font:before, .share-font.disabled .b-font:before { content: "\e65a"; - color: #808080; + color: inherit; } .new-file-font .b-font:before { content: "\e65d"; - color: #808080; + color: inherit; } .new-file-font.native .b-font:before, .new-file-font.disabled .b-font:before { content: "\e65d"; - color: #808080; + color: inherit; } .file-font .b-font:before { content: "\e65b"; @@ -2422,13 +2422,13 @@ } .letter-font .b-font:before { content: "\e659"; - color: #808080; + color: inherit; } .letter-font:hover .b-font:before, .letter-font:focus .b-font:before, .letter-font.hover .b-font:before { content: "\e659"; - color: #808080; + color: inherit; } .letter-font:active .b-font:before, .letter-font.active .b-font:before { @@ -2438,17 +2438,17 @@ .letter-font.native .b-font:before, .letter-font.disabled .b-font:before { content: "\e659"; - color: #808080; + color: inherit; } .time-font .b-font:before { content: "\e658"; - color: #808080; + color: inherit; } .time-font:hover .b-font:before, .time-font:focus .b-font:before, .time-font.hover .b-font:before { content: "\e658"; - color: #808080; + color: inherit; } .time-font:active .b-font:before, .time-font.active .b-font:before { @@ -2458,16 +2458,16 @@ .time-font.native .b-font:before, .time-font.disabled .b-font:before { content: "\e658"; - color: #808080; + color: inherit; } .rename-font .b-font:before { content: "\e687"; - color: #808080; + color: inherit; } .rename-font.native .b-font:before, .rename-font.disabled .b-font:before { content: "\e687"; - color: #808080; + color: inherit; } .delete-template-font .b-font:before { content: "\e605"; @@ -2569,12 +2569,12 @@ } .refresh-table-font .b-font:before { content: "\e683"; - color: #808080; + color: inherit; } .refresh-table-font.native .b-font:before, .refresh-table-font.disabled .b-font:before { content: "\e683"; - color: #808080; + color: inherit; } .recover-chart-font-hightlight .b-font:before { content: "\e6b4"; @@ -2587,13 +2587,13 @@ } .tables-tile-view-font .b-font:before { content: "\e685"; - color: #808080; + color: inherit; } .tables-tile-view-font:hover .b-font:before, .tables-tile-view-font:focus .b-font:before, .tables-tile-view-font.hover .b-font:before { content: "\e685"; - color: #808080; + color: inherit; } .tables-tile-view-font:active .b-font:before, .tables-tile-view-font.active .b-font:before { @@ -2603,17 +2603,17 @@ .tables-tile-view-font.native .b-font:before, .tables-tile-view-font.disabled .b-font:before { content: "\e685"; - color: #808080; + color: inherit; } .tables-relation-view-font .b-font:before { content: "\e684"; - color: #808080; + color: inherit; } .tables-relation-view-font:hover .b-font:before, .tables-relation-view-font:focus .b-font:before, .tables-relation-view-font.hover .b-font:before { content: "\e684"; - color: #808080; + color: inherit; } .tables-relation-view-font:active .b-font:before, .tables-relation-view-font.active .b-font:before { @@ -2623,7 +2623,7 @@ .tables-relation-view-font.native .b-font:before, .tables-relation-view-font.disabled .b-font:before { content: "\e684"; - color: #808080; + color: inherit; } .add-new-table-pull-down-font .b-font:before { content: "\e62d"; @@ -2656,18 +2656,18 @@ } .edit-set-font .b-font:before { content: "\e634"; - color: #808080; + color: inherit; } .edit-set-font:hover .b-font:before, .edit-set-font:focus .b-font:before, .edit-set-font.hover .b-font:before { content: "\e634"; - color: #808080; + color: inherit; } .edit-set-font.native .b-font:before, .edit-set-font.disabled .b-font:before { content: "\e634"; - color: #808080; + color: inherit; } .new-analysis-font .b-font:before { content: "\e692"; @@ -2701,13 +2701,13 @@ } .folder-list-view .b-font:before { content: "\e694"; - color: #808080; + color: inherit; } .folder-list-view:hover .b-font:before, .folder-list-view:focus .b-font:before, .folder-list-view.hover .b-font:before { content: "\e694"; - color: #808080; + color: inherit; } .folder-list-view:active .b-font:before, .folder-list-view.active .b-font:before { @@ -2717,17 +2717,17 @@ .folder-list-view.native .b-font:before, .folder-list-view.disabled .b-font:before { content: "\e694"; - color: #808080; + color: inherit; } .folder-card-view .b-font:before { content: "\e685"; - color: #808080; + color: inherit; } .folder-card-view:hover .b-font:before, .folder-card-view:focus .b-font:before, .folder-card-view.hover .b-font:before { content: "\e685"; - color: #808080; + color: inherit; } .folder-card-view:active .b-font:before, .folder-card-view.active .b-font:before { @@ -2737,7 +2737,7 @@ .folder-card-view.native .b-font:before, .folder-card-view.disabled .b-font:before { content: "\e685"; - color: #808080; + color: inherit; } .item-check-font .b-font:before { content: "\e611"; @@ -2866,28 +2866,28 @@ } .primary-key-font .b-font:before { content: "\e67d;"; - color: #808080; + color: inherit; } .primary-key-font:hover .b-font:before, .primary-key-font:focus .b-font:before, .primary-key-font.hover .b-font:before { content: "\e67d;"; - color: #808080; + color: inherit; } .primary-key-font.native .b-font:before, .primary-key-font.disabled .b-font:before { content: "\e67d;"; - color: #808080; + color: inherit; } .table-open-row-style-font .b-font:before { content: "\e671"; - color: #808080; + color: inherit; } .table-open-row-style-font:hover .b-font:before, .table-open-row-style-font:focus .b-font:before, .table-open-row-style-font.hover .b-font:before { content: "\e671"; - color: #808080; + color: inherit; } .table-open-row-style-font:active .b-font:before, .table-open-row-style-font.active .b-font:before { @@ -2897,17 +2897,17 @@ .table-open-row-style-font.native .b-font:before, .table-open-row-style-font.disabled .b-font:before { content: "\e671"; - color: #808080; + color: inherit; } .table-open-col-style-font .b-font:before { content: "\e672"; - color: #808080; + color: inherit; } .table-open-col-style-font:hover .b-font:before, .table-open-col-style-font:focus .b-font:before, .table-open-col-style-font.hover .b-font:before { content: "\e672"; - color: #808080; + color: inherit; } .table-open-col-style-font:active .b-font:before, .table-open-col-style-font.active .b-font:before { @@ -2917,7 +2917,7 @@ .table-open-col-style-font.native .b-font:before, .table-open-col-style-font.disabled .b-font:before { content: "\e672"; - color: #808080; + color: inherit; } .calculate-function-font .b-font:before { content: "\e6a3"; @@ -3164,124 +3164,124 @@ } .widget-combo-expand-font .b-font:before { content: "\e697"; - color: #808080; + color: inherit; } .widget-combo-expand-font.native .b-font:before, .widget-combo-expand-font.disabled .b-font:before { content: "\e697"; - color: #808080; + color: inherit; } .widget-combo-linkage-font .b-font:before { content: "\e63c"; - color: #808080; + color: inherit; } .widget-combo-linkage-font.native .b-font:before, .widget-combo-linkage-font.disabled .b-font:before { content: "\e63c"; - color: #808080; + color: inherit; } .widget-combo-rename-edit-font .b-font:before { content: "\e670"; - color: #808080; + color: inherit; } .widget-combo-rename-edit-font.native .b-font:before, .widget-combo-rename-edit-font.disabled .b-font:before { content: "\e670"; - color: #808080; + color: inherit; } .widget-combo-show-title-font .b-font:before { content: "\e64c"; - color: #808080; + color: inherit; } .widget-combo-show-title-font.native .b-font:before, .widget-combo-show-title-font.disabled .b-font:before { content: "\e64c"; - color: #808080; + color: inherit; } .widget-combo-title-left-font .b-font:before { content: "\e654"; - color: #808080; + color: inherit; } .widget-combo-title-left-font.native .b-font:before, .widget-combo-title-left-font.disabled .b-font:before { content: "\e654"; - color: #808080; + color: inherit; } .widget-combo-title-center-font .b-font:before { content: "\e64f"; - color: #808080; + color: inherit; } .widget-combo-title-center-font.native .b-font:before, .widget-combo-title-center-font.disabled .b-font:before { content: "\e64f"; - color: #808080; + color: inherit; } .widget-combo-show-filter-font .b-font:before { content: "\e60f"; - color: #808080; + color: inherit; } .widget-combo-show-filter-font.native .b-font:before, .widget-combo-show-filter-font.disabled .b-font:before { content: "\e60f"; - color: #808080; + color: inherit; } .widget-combo-export-excel-font .b-font:before { content: "\e635"; - color: #808080; + color: inherit; } .widget-combo-export-excel-font.native .b-font:before, .widget-combo-export-excel-font.disabled .b-font:before { content: "\e635"; - color: #808080; + color: inherit; } .widget-combo-copy .b-font:before { content: "\e610"; - color: #808080; + color: inherit; } .widget-combo-copy.native .b-font:before, .widget-combo-copy.disabled .b-font:before { content: "\e610"; - color: #808080; + color: inherit; } .widget-combo-delete .b-font:before { content: "\e605"; - color: #808080; + color: inherit; } .widget-combo-delete.native .b-font:before, .widget-combo-delete.disabled .b-font:before { content: "\e605"; - color: #808080; + color: inherit; } .widget-combo-asc-font .b-font:before { content: "\e63f"; - color: #808080; + color: inherit; } .widget-combo-asc-font.native .b-font:before, .widget-combo-asc-font.disabled .b-font:before { content: "\e63f"; - color: #808080; + color: inherit; } .widget-combo-des-font .b-font:before { content: "\e63a"; - color: #808080; + color: inherit; } .widget-combo-des-font.native .b-font:before, .widget-combo-des-font.disabled .b-font:before { content: "\e63a"; - color: #808080; + color: inherit; } .widget-combo-clear-font .b-font:before { content: "\e63d"; - color: #808080; + color: inherit; } .widget-combo-clear-font.native .b-font:before, .widget-combo-clear-font.disabled .b-font:before { content: "\e63d"; - color: #808080; + color: inherit; } .detail-table-popup-font .b-font:before { content: "\e6ac"; - color: #808080; + color: inherit; } .detail-table-popup-font:hover .b-font:before, .detail-table-popup-font:focus .b-font:before, @@ -3292,7 +3292,7 @@ .detail-table-popup-font.native .b-font:before, .detail-table-popup-font.disabled .b-font:before { content: "\e6ac"; - color: #808080; + color: inherit; } .chart-drill-up .b-font:before { content: "\e6ad"; @@ -3314,21 +3314,21 @@ } .report-filter-open-font .b-font:before { content: "\e648"; - color: #808080; + color: inherit; } .report-filter-open-font.native .b-font:before, .report-filter-open-font.disabled .b-font:before { content: "\e648"; - color: #808080; + color: inherit; } .report-filter-close-font .b-font:before { content: "\e645"; - color: #808080; + color: inherit; } .report-filter-close-font.native .b-font:before, .report-filter-close-font.disabled .b-font:before { content: "\e645"; - color: #808080; + color: inherit; } .report-apply-hangout-normal-font .b-font:before { content: "\e66d"; @@ -3449,21 +3449,21 @@ } .drill-push-up-font .b-font:before { content: "\e630"; - color: #808080; + color: inherit; } .drill-push-up-font.native .b-font:before, .drill-push-up-font.disabled .b-font:before { content: "\e630"; - color: #808080; + color: inherit; } .drill-push-down-font .b-font:before { content: "\e62d"; - color: #808080; + color: inherit; } .drill-push-down-font.native .b-font:before, .drill-push-down-font.disabled .b-font:before { content: "\e62d"; - color: #808080; + color: inherit; } .drag-tag-font .b-font:before { content: "\e600"; diff --git a/src/css/theme/dark.css b/src/css/theme/dark.css new file mode 100644 index 000000000..203568cd4 --- /dev/null +++ b/src/css/theme/dark.css @@ -0,0 +1,10 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ +.bi-theme-dark { + background-color: #191a2c; + color: #b2b2b2; +} +.bi-theme-dark .bi-input { + color: #ffffff; +} diff --git a/src/css/base/single/editor/editor.record.css b/src/css/theme/default.css similarity index 68% rename from src/css/base/single/editor/editor.record.css rename to src/css/theme/default.css index 5252e6e7f..2f6491e13 100644 --- a/src/css/base/single/editor/editor.record.css +++ b/src/css/theme/default.css @@ -1,7 +1,3 @@ /****添加计算宽度的--运算符直接需要space****/ /****** common color(常用颜色,可用于普遍场景) *****/ /**** custom color(自定义颜色,用于特定场景) ****/ -.bi-record-editor .record-editor-text { - font-size: 12px; - background: #f4f4f4; -} diff --git a/src/css/theme/light.css b/src/css/theme/light.css new file mode 100644 index 000000000..2f6491e13 --- /dev/null +++ b/src/css/theme/light.css @@ -0,0 +1,3 @@ +/****添加计算宽度的--运算符直接需要space****/ +/****** common color(常用颜色,可用于普遍场景) *****/ +/**** custom color(自定义颜色,用于特定场景) ****/ diff --git a/src/css/widget/downlist/combo.downlist.css b/src/css/widget/downlist/combo.downlist.css index edfed09c6..5e01fa845 100644 --- a/src/css/widget/downlist/combo.downlist.css +++ b/src/css/widget/downlist/combo.downlist.css @@ -1,16 +1,6 @@ /****添加计算宽度的--运算符直接需要space****/ /****** common color(常用颜色,可用于普遍场景) *****/ /**** custom color(自定义颜色,用于特定场景) ****/ -.bi-down-list-combo .down-list-group.bi-combo-hover .bi-down-list-group-item, -.bi-down-list-combo .down-list-group.bi-combo-hover .bi-down-list-group-item .b-font:before { - background-color: #f4f4f4; -} -.bi-down-list-combo .down-list-group.bi-combo-hover .bi-down-list-group-item:disabled, -.bi-down-list-combo .down-list-group.bi-combo-hover .bi-down-list-group-item.disabled, -.bi-down-list-combo .down-list-group.bi-combo-hover .bi-down-list-group-item:disabled .b-font:before, -.bi-down-list-combo .down-list-group.bi-combo-hover .bi-down-list-group-item.disabled .b-font:before { - background-color: #ffffff; -} .bi-down-list-combo .bi-down-list-spliter { border-top: 1px solid #eaeaea; } diff --git a/src/css/widget/downlist/popup.downlist.css b/src/css/widget/downlist/popup.downlist.css index 0d6086147..0e82c44b1 100644 --- a/src/css/widget/downlist/popup.downlist.css +++ b/src/css/widget/downlist/popup.downlist.css @@ -1,19 +1,6 @@ /****添加计算宽度的--运算符直接需要space****/ /****** common color(常用颜色,可用于普遍场景) *****/ /**** custom color(自定义颜色,用于特定场景) ****/ -.bi-down-list-popup .bi-down-list-item:hover, -.bi-down-list-popup .bi-down-list-item.hover { - background-color: #f4f4f4; -} -.bi-down-list-popup .bi-down-list-item.disabled, -.bi-down-list-popup .bi-down-list-item.disabled:hover, -.bi-down-list-popup .bi-down-list-item.disabled:active { - background-color: #ffffff; -} -.bi-down-list-popup .bi-down-list-item:active { - color: #009de3; - background-color: #f4f4f4; -} .bi-down-list-popup .bi-down-list-item .list-item-text { max-width: 203px; } diff --git a/src/css/widget/multiselect/trigger/button.checkselected.css b/src/css/widget/multiselect/trigger/button.checkselected.css index 5756a2ff7..1ebfc22ab 100644 --- a/src/css/widget/multiselect/trigger/button.checkselected.css +++ b/src/css/widget/multiselect/trigger/button.checkselected.css @@ -10,3 +10,6 @@ background-color: #ffffff; z-index: 1; } +.bi-theme-dark .bi-multi-select-check-selected-button { + background-color: #191a2c; +} diff --git a/src/less/base/chart/chart.combine.less b/src/less/base/chart/chart.combine.less deleted file mode 100644 index 5a0426106..000000000 --- a/src/less/base/chart/chart.combine.less +++ /dev/null @@ -1,13 +0,0 @@ -@import "../../bibase"; -.bi-combine-chart { - & .bi-linkage-list { - background-color: @background-color-default; - border: 1px solid @border-color-line; - z-index: @zIndex-tip; - & .bi-linkage-list-item { - &:hover { - background-color: @color-bi-background-gray; - } - } - } -} \ No newline at end of file diff --git a/src/less/base/single/editor/editor.record.less b/src/less/base/single/editor/editor.record.less deleted file mode 100644 index 9e20a744b..000000000 --- a/src/less/base/single/editor/editor.record.less +++ /dev/null @@ -1,8 +0,0 @@ -@import "../../../bibase"; - -.bi-record-editor{ - .record-editor-text{ - font-size: @font-size-12; - background: @color-bi-background-gray; - } -} \ No newline at end of file diff --git a/src/less/base/single/input/input.less b/src/less/base/single/input/input.less index 382527f87..c82699fb5 100644 --- a/src/less/base/single/input/input.less +++ b/src/less/base/single/input/input.less @@ -16,7 +16,4 @@ border: none; color:@color-bi-text-warning !important; } - &.disabled{ - background-color: white; - } } \ No newline at end of file diff --git a/src/less/base/table/table.grid.scrollbar.less b/src/less/base/table/table.grid.scrollbar.less index 408c42002..de809ce30 100644 --- a/src/less/base/table/table.grid.scrollbar.less +++ b/src/less/base/table/table.grid.scrollbar.less @@ -7,14 +7,15 @@ transition-timing-function: ease; user-select: none; background-color: rgba(0, 0, 0, 0.1); - border-radius:5px; + filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000)"; + border-radius: 5px; } .scrollbar-layout-main-vertical { bottom: 0; right: 0; top: 0; - transition-property: background-color ; + transition-property: background-color; width: 10px; } @@ -27,8 +28,9 @@ bottom: 0; height: 10px; left: 0; - transition-property: background-color ; + transition-property: background-color; background-color: rgba(0, 0, 0, 0.1); + filter:~"progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000)"; } /* Touching the scroll-track directly makes the scroll-track bolder */ @@ -104,12 +106,26 @@ background-color: #c2c2c2; } +.bi-theme-dark { + .public-scrollbar-face:after { + background-color: #7d7d7d; + } +} + .public-scrollbar-main:hover .public-scrollbar-face:after, .public-scrollbar-main-active .public-scrollbar-face:after, .public-scrollbar-faceActive:after { background-color: #7d7d7d; } +.bi-theme-dark { + .public-scrollbar-main:hover .public-scrollbar-face:after, + .public-scrollbar-main-active .public-scrollbar-face:after, + .public-scrollbar-faceActive:after { + background-color: #c2c2c2; + } +} + //horizontalScrollbar .horizontal-scrollbar { bottom: 0; diff --git a/src/less/base/view/popupview.less b/src/less/base/view/popupview.less index 74b58045b..4894479c5 100644 --- a/src/less/base/view/popupview.less +++ b/src/less/base/view/popupview.less @@ -1,6 +1,5 @@ @import "../../bibase"; - /**********BI.BIListView*************/ .bi-list-view { position: fixed !important; @@ -8,11 +7,11 @@ overflow-x: visible !important; overflow: visible !important; cursor: default; - & .list-view-outer{ + & .list-view-outer { border: 1px solid @color-bi-split-dark; .border-radius(2px); color: @color-bi-text-black; - background:@color-bi-background-default; + background: @color-bi-background-default; } & .list-view-toolbar { border-top: 1px solid @color-bi-split-light; @@ -21,8 +20,17 @@ & > .center-element { border-left: 1px solid @color-bi-split-light; } - & > .first-element{ + & > .first-element { border-left: none; } } +} + +.bi-theme-dark { + .bi-list-view { + & .list-view-outer { + color: @color-bi-text-theme-dark; + background: @color-bi-background-theme-dark; + } + } } \ No newline at end of file diff --git a/src/less/core/utils/common.less b/src/less/core/utils/common.less index 9b0835127..7dd5086ee 100644 --- a/src/less/core/utils/common.less +++ b/src/less/core/utils/common.less @@ -39,33 +39,119 @@ } //resize -.bi-resizer{ - background:@color-bi-background-virtual-blue; +.bi-resizer { + background: @color-bi-background-virtual-blue; .opacity(0.8); z-index: @zIndex-tip; } -.bi-z-index-mask{ +.bi-z-index-mask { background-color: @color-bi-background-black; .opacity(0.5); } +@color-list-item-hover: #04070d; .bi-list-item { .list-item(); } +.bi-theme-dark { + .bi-list-item { + &:hover, &.hover { + background-color: @color-list-item-hover; + color: @color-bi-text; + } + &.disabled { + &, &:hover, &:active { + background-color: transparent; + } + } + } +} + .bi-list-item-effect { .list-item-effect(); } +.bi-theme-dark { + .bi-list-item-effect { + &.active, &:active { + color: @color-bi-text-highlight; + } + &.disabled { + &, &:hover, &:active { + color: @color-bi-text-disabled; + } + } + } +} + .bi-list-item-hover { .list-item-hover(); } +.bi-theme-dark { + .bi-list-item-hover { + &:hover, &.hover { + color: @color-bi-text-highlight; + background-color: @color-list-item-hover; + } + &.disabled { + &, &:hover, &:active { + color: @color-bi-text-disabled; + background-color: transparent; + } + } + } +} + .bi-list-item-active { .list-item-active(); } +.bi-theme-dark { + .bi-list-item-active { + &:hover, &.hover { + background-color: @color-list-item-hover; + color: @color-bi-text; + } + &.active, &:active { + color: @color-bi-text-highlight; + background-color: @color-list-item-hover; + } + &.disabled { + &, &:hover, &:active { + background-color: transparent; + } + } + } +} + .bi-list-item-select { .list-item-select(); +} + +.bi-theme-dark { + .list-item-select { + &:hover, &.hover { + color: @color-bi-text-highlight; + background-color: @color-list-item-hover; + } + &:active, &.active { + color: @color-bi-text; + background-color: @color-bi-background-highlight; + & .bi-high-light { + color: @color-bi-text; + } + } + &.disabled { + &, &:hover, &:active { + color: @color-bi-text-disabled !important; + background-color: transparent !important; + & .bi-high-light { + color: @color-bi-text-disabled !important; + } + } + } + } } \ No newline at end of file diff --git a/src/less/image.less b/src/less/image.less index 78ffd747c..9ae872c9f 100644 --- a/src/less/image.less +++ b/src/less/image.less @@ -168,9 +168,9 @@ } // -@color-bi-font-native: #808080; +@color-bi-font-native: inherit; //active -@color-bi-font-hover: #808080; +@color-bi-font-hover: inherit; //hover @color-bi-font-active: #009de3; diff --git a/src/less/lib/colors.less b/src/less/lib/colors.less index 97c56da69..1d15c62a0 100644 --- a/src/less/lib/colors.less +++ b/src/less/lib/colors.less @@ -3,8 +3,10 @@ // 色彩库,从constant.less中获取相关颜色,不要出现#xxxxxx /****** common color(常用颜色,可用于普遍场景) *****/ -//黑色字体颜色 +//默认字体颜色 @color-bi-text-black: @font-color-normal; +//深色主题默认字体颜色 +@color-bi-text-theme-dark: #b2b2b2; //深灰色字体颜色 @color-bi-text-dark: @font-color-dark; //灰色字体颜色 @@ -26,6 +28,8 @@ //默认背景 @color-bi-background-default: @background-color-default; +//深色主题默认背景 +@color-bi-background-theme-dark: #191A2C; //普通背景 @color-bi-background-normal: @background-color-normal; //黑色背景 diff --git a/src/less/lib/style.less b/src/less/lib/style.less index 4ee150879..6b5bcc74a 100644 --- a/src/less/lib/style.less +++ b/src/less/lib/style.less @@ -21,7 +21,7 @@ } &.disabled { &, &:hover, &:active { - color: @color-bi-text-black; + color: @color-bi-text-disabled; } } } @@ -34,7 +34,7 @@ } &.disabled { &, &:hover, &:active { - color: @color-bi-text-black; + color: @color-bi-text-disabled; background-color: @color-bi-background-default; } } diff --git a/src/less/resource/app.less b/src/less/resource/app.less index c41df04a8..12f841f65 100644 --- a/src/less/resource/app.less +++ b/src/less/resource/app.less @@ -107,4 +107,18 @@ div, textarea { .border-radius(0); background-color: @scroll-thumb-color; } +} +.bi-theme-dark{ + div, textarea { + &::-webkit-scrollbar { + -webkit-appearance: none; + background-color: @color-bi-background-theme-dark; + width: 6px; + height: 6px; + } + &::-webkit-scrollbar-thumb { + .border-radius(0); + background-color: #7d7d7d; + } + } } \ No newline at end of file diff --git a/src/less/theme/dark.less b/src/less/theme/dark.less new file mode 100644 index 000000000..7957da6f1 --- /dev/null +++ b/src/less/theme/dark.less @@ -0,0 +1,9 @@ +@import "../bibase"; + +.bi-theme-dark { + background-color: @color-bi-background-theme-dark; + color: @color-bi-text-theme-dark; + & .bi-input { + color: @color-bi-text; + } +} \ No newline at end of file diff --git a/src/less/theme/default.less b/src/less/theme/default.less new file mode 100644 index 000000000..0edd5d4ac --- /dev/null +++ b/src/less/theme/default.less @@ -0,0 +1,5 @@ +@import "../bibase"; + +.bi-theme-default{ + +} \ No newline at end of file diff --git a/src/less/theme/light.less b/src/less/theme/light.less new file mode 100644 index 000000000..d0c863424 --- /dev/null +++ b/src/less/theme/light.less @@ -0,0 +1,4 @@ +@import "../bibase"; + +.bi-theme-light { +} \ No newline at end of file diff --git a/src/less/widget/downlist/combo.downlist.less b/src/less/widget/downlist/combo.downlist.less index 726ffb663..1c9c95f5b 100644 --- a/src/less/widget/downlist/combo.downlist.less +++ b/src/less/widget/downlist/combo.downlist.less @@ -4,18 +4,6 @@ .bi-down-list-combo{ & .down-list-group{ - &.bi-combo-hover{ - & .bi-down-list-group-item{ - &, & .b-font:before{ - background-color: @color-bi-background-gray; - } - &:disabled, &.disabled{ - &, & .b-font:before{ - background-color: @color-bi-background-default - } - } - } - } } & .bi-down-list-spliter{ border-top: 1px solid @color-bi-split-light; diff --git a/src/less/widget/downlist/popup.downlist.less b/src/less/widget/downlist/popup.downlist.less index 78e10e04a..0dd179e4b 100644 --- a/src/less/widget/downlist/popup.downlist.less +++ b/src/less/widget/downlist/popup.downlist.less @@ -2,18 +2,6 @@ .bi-down-list-popup { & .bi-down-list-item { - &:hover, &.hover { - background-color: @color-bi-background-gray; - } - &.disabled { - &, &:hover, &:active { - background-color: @color-bi-background-default; - } - } - &:active { - color: @color-bi-text-highlight; - background-color: @color-bi-background-gray; - } & .list-item-text { max-width: 203px; } diff --git a/src/less/widget/multiselect/trigger/button.checkselected.less b/src/less/widget/multiselect/trigger/button.checkselected.less index 20645ae5e..a185e1d0e 100644 --- a/src/less/widget/multiselect/trigger/button.checkselected.less +++ b/src/less/widget/multiselect/trigger/button.checkselected.less @@ -6,4 +6,10 @@ color: @color-bi-text-highlight; background-color: @color-bi-background-default; z-index: 1; +} + +.bi-theme-dark { + .bi-multi-select-check-selected-button { + background-color: @color-bi-background-theme-dark; + } } \ No newline at end of file diff --git a/src/third/jquery.mousewheel.js b/src/third/jquery.mousewheel.js index d53edb74e..597366353 100644 --- a/src/third/jquery.mousewheel.js +++ b/src/third/jquery.mousewheel.js @@ -42,9 +42,6 @@ } else { this.onmousewheel = handler; } - // Store the line height and page height for this particular element - $.data(this, 'mousewheel-line-height', special.getLineHeight(this)); - $.data(this, 'mousewheel-page-height', special.getPageHeight(this)); }, teardown: function() { @@ -55,22 +52,6 @@ } else { this.onmousewheel = null; } - // Clean up the data we added to the element - $.removeData(this, 'mousewheel-line-height'); - $.removeData(this, 'mousewheel-page-height'); - }, - - getLineHeight: function(elem) { - var $elem = $(elem), - $parent = $elem['offsetParent' in $.fn ? 'offsetParent' : 'parent'](); - if (!$parent.length) { - $parent = $('body'); - } - return parseInt($parent.css('fontSize'), 10) || parseInt($elem.css('fontSize'), 10) || 16; - }, - - getPageHeight: function(elem) { - return $(elem).height(); }, settings: { @@ -136,12 +117,12 @@ // * deltaMode 1 is by lines // * deltaMode 2 is by pages if ( orgEvent.deltaMode === 1 ) { - var lineHeight = $.data(this, 'mousewheel-line-height'); + var lineHeight = 40; delta *= lineHeight; deltaY *= lineHeight; deltaX *= lineHeight; } else if ( orgEvent.deltaMode === 2 ) { - var pageHeight = $.data(this, 'mousewheel-page-height'); + var pageHeight = 800; delta *= pageHeight; deltaY *= pageHeight; deltaX *= pageHeight; diff --git a/src/widget/downlist/item.downlist.js b/src/widget/downlist/item.downlist.js index 0016e2345..5f8ffeaff 100644 --- a/src/widget/downlist/item.downlist.js +++ b/src/widget/downlist/item.downlist.js @@ -2,7 +2,7 @@ BI.DownListItem = BI.inherit(BI.Single, { _defaultConfig: function () { var conf = BI.DownListItem.superclass._defaultConfig.apply(this, arguments); return BI.extend(conf, { - baseCls: "bi-down-list-item", + baseCls: "bi-down-list-item bi-list-item-active", cls: "", height: 25, logic: { diff --git a/src/widget/pagetable/pagetable.js b/src/widget/pagetable/pagetable.js index 03d884bae..87ea99a45 100644 --- a/src/widget/pagetable/pagetable.js +++ b/src/widget/pagetable/pagetable.js @@ -78,7 +78,7 @@ BI.PageTable = BI.inherit(BI.Widget, { this.table = BI.createWidget(o.el, { type: "bi.sequence_table", width: o.width, - height: o.height - 30, + height: o.height && o.height - 30, isNeedResize: true, isResizeAdapt: false, @@ -137,7 +137,7 @@ BI.PageTable = BI.inherit(BI.Widget, { vpage: vpage, hpage: hpage }, function (items, header, crossItems, crossHeader) { - self.table.setVPage ? self.table.setVPage(vpage) : self.table.setCurrentPage(vpage); + self.table.setVPage ? self.table.setVPage(vpage) : self.table.setValue(vpage); self.table.setHPage && self.table.setHPage(hpage); self.populate.apply(self, arguments); }); @@ -202,7 +202,23 @@ BI.PageTable = BI.inherit(BI.Widget, { setHeight: function (height) { BI.PageTable.superclass.setHeight.apply(this, arguments); - this.table.setHeight(height - 30); + var showPager = false; + if (this.pager.alwaysShowPager) { + showPager = true; + } else if (this.pager.hasHNext && this.pager.hasHNext()) { + showPager = true; + } else if (this.pager.hasHPrev && this.pager.hasHPrev()) { + showPager = true; + } else if (this.pager.hasVNext && this.pager.hasVNext()) { + showPager = true; + } else if (this.pager.hasVPrev && this.pager.hasVPrev()) { + showPager = true; + } else if (this.pager.hasNext && this.pager.hasNext()) { + showPager = true; + } else if (this.pager.hasPrev && this.pager.hasPrev()) { + showPager = true; + } + this.table.setHeight(height - (showPager ? 30 : 0)); }, setColumnSize: function (columnSize) { diff --git a/src/widget/sequencetable/sequencetable.js b/src/widget/sequencetable/sequencetable.js index d1e6fca7b..bfb4bc463 100644 --- a/src/widget/sequencetable/sequencetable.js +++ b/src/widget/sequencetable/sequencetable.js @@ -66,7 +66,7 @@ BI.SequenceTable = BI.inherit(BI.Widget, { headerRowSize: o.headerRowSize, rowSize: o.rowSize, width: 60, - height: o.height - BI.GridTableScrollbar.SIZE, + height: o.height && o.height - BI.GridTableScrollbar.SIZE, headerCellStyleGetter: o.headerCellStyleGetter, summaryCellStyleGetter: o.summaryCellStyleGetter,