整理

Gruntfile.js

@@ -103,7 +103,7 @@ module.exports = function (grunt) {
                 dest: "dist/widget.js"
             },
             coreCss: {
-                src: ['src/css/core/**/*.css', 'src/css/utils/**/*.css'],
+                src: ['src/css/core/**/*.css'],
                 dest: 'dist/core.css'
             },
             baseCss: {
@@ -114,6 +114,10 @@ module.exports = function (grunt) {
                 src: ['src/css/widget/**/*.css'],
                 dest: 'dist/widget.css'
             },
+            resourceCss: {
+                src: ['src/css/resource/**/*.css'],
+                dest: 'dist/resource.css'
+            },
 
             demoJs: {
                 src: ['demo/version.js', 'demo/app.js', 'demo/js/**/*.js', 'demo/config.js'],
@@ -199,7 +203,7 @@ module.exports = function (grunt) {
                 dest: "bi/widget.js"
             },
             bi_coreCss: {
-                src: ['src/css/core/**/*.css', 'src/css/utils/**/*.css'],
+                src: ['src/css/core/**/*.css'],
                 dest: 'bi/core.css'
             },
             bi_baseCss: {

bi/base.css

@@ -58,57 +58,36 @@
   -webkit-box-shadow: 0px 0px 2px 1px #d4dadd inset;
   -moz-box-shadow: 0px 0px 2px 1px #d4dadd inset;
 }
-/**
+/****添加计算宽度的--运算符直接需要space****/
- * Farbtastic Color Picker 1.2
+/****** common color(常用颜色,可用于普遍场景) *****/
- * © 2008 Steven Wittens
+/**** custom color(自定义颜色,用于特定场景) ****/
- *
+.bi-color-picker-button {
- * This program is free software; you can redistribute it and/or modify
+  background-color: #eaeaea;
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation; either version 2 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program; if not, write to the Free Software
- * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA
- */
-.farbtastic {
-  position: relative;
 }
-.farbtastic * {
+.bi-color-picker-button .color-picker-button-mask {
-  position: absolute;
+  border: 1px solid #1a1a1a;
-  cursor: crosshair;
 }
-.farbtastic,
+/****添加计算宽度的--运算符直接需要space****/
-.farbtastic .wheel {
+/****** common color(常用颜色,可用于普遍场景) *****/
-  width: 195px;
+/**** custom color(自定义颜色,用于特定场景) ****/
-  height: 195px;
+.bi-color-picker > .center-element {
-}
+  border-left: 1px solid #ffffff;
-.farbtastic .color,
+  border-top: 1px solid #ffffff;
-.farbtastic .overlay {
+}
-  top: 47px;
+/****添加计算宽度的--运算符直接需要space****/
-  left: 47px;
+/****** common color(常用颜色,可用于普遍场景) *****/
-  width: 101px;
+/**** custom color(自定义颜色,用于特定场景) ****/
-  height: 101px;
+.bi-color-picker-editor .color-picker-editor-label {
-}
+  color: #808080;
-.farbtastic .wheel {
+}
-  background: url(farbtastic/wheel.png) no-repeat;
+.bi-color-picker-editor .color-picker-editor-display {
-  width: 195px;
+  background: #ffffff;
-  height: 195px;
+  -webkit-border-radius: 2px;
-}
+  -moz-border-radius: 2px;
-.farbtastic .overlay {
+  border-radius: 2px;
-  background: url(farbtastic/mask.png) no-repeat;
+  box-shadow: 0px 0px 2px 1px #d4dadd inset;
-}
+  -webkit-box-shadow: 0px 0px 2px 1px #d4dadd inset;
-.farbtastic .marker {
+  -moz-box-shadow: 0px 0px 2px 1px #d4dadd inset;
-  width: 17px;
-  height: 17px;
-  margin: -8px 0 0 -8px;
-  overflow: hidden;
-  background: url(farbtastic/marker.png) no-repeat;
 }
 /****添加计算宽度的--运算符直接需要space****/
 /****** common color(常用颜色,可用于普遍场景) *****/
@@ -1407,294 +1386,6 @@ li.CodeMirror-hint-active {
   opacity: 1;
   filter: alpha(opacity=100);
 }
-/*-------------------------------------
-zTree Style
-
-version:	3.5.17
-author:		Hunter.z
-email:		hunter.z@263.net
-website:	http://code.google.com/p/jquerytree/
-
--------------------------------------*/
-.ztree * {
-  padding: 0;
-  margin: 0;
-}
-.ztree {
-  margin: 0;
-  padding: 5px;
-}
-.ztree li {
-  padding: 0;
-  margin: 0;
-  list-style: none;
-  line-height: 14px;
-  text-align: left;
-  white-space: nowrap;
-  outline: 0;
-}
-.ztree li ul {
-  margin: 0;
-  padding: 0 0 0 18px;
-}
-.ztree li ul.line {
-  background: url(icon/tree-vertical-line-1.png) 0 0 repeat-y;
-}
-.ztree li a {
-  padding: 1px 3px 0 0;
-  margin: 0;
-  cursor: pointer;
-  height: 24px;
-  background-color: transparent;
-  text-decoration: none;
-  vertical-align: top;
-  display: inline-block;
-}
-.ztree li a.curSelectedNode_Edit {
-  padding-top: 0px;
-  background-color: #FFE6B0;
-  color: black;
-  height: 16px;
-  border: 1px #FFB951 solid;
-  opacity: 0.8;
-}
-.ztree li a.tmpTargetNode_inner {
-  padding-top: 0px;
-  background-color: #316AC5;
-  color: white;
-  height: 16px;
-  border: 1px #316AC5 solid;
-  opacity: 0.8;
-  filter: alpha(opacity=80);
-}
-.ztree li a input.rename {
-  height: 14px;
-  width: 80px;
-  padding: 0;
-  margin: 0;
-  font-size: 12px;
-  border: 1px #7EC4CC solid;
-  *border: 0px;
-}
-.ztree li span {
-  line-height: 24px;
-  margin-right: 2px;
-}
-.ztree li span.button {
-  line-height: 0;
-  margin: 0;
-  width: 16px;
-  height: 16px;
-  display: inline-block;
-  vertical-align: middle;
-  border: 0 none;
-  cursor: pointer;
-  outline: none;
-  background-color: transparent;
-  background-repeat: no-repeat;
-  background-attachment: scroll;
-  background-image: url("ztree/img/zTreeStandard.png");
-  *background-image: url("ztree/img/zTreeStandard.gif");
-}
-.ztree li span.button.chk {
-  width: 16px;
-  height: 16px;
-  margin: 0 3px 0 0;
-  cursor: auto;
-}
-.ztree li span.button.chk.checkbox_false_full {
-  background-image: url("icon/check-box-normal.png");
-}
-.ztree li span.button.chk.checkbox_false_full_focus {
-  background-image: url("icon/check-box-normal.png");
-}
-.ztree li span.button.chk.checkbox_false_part {
-  background-image: url("icon/half_selected.png");
-}
-.ztree li span.button.chk.checkbox_false_part_focus {
-  background-image: url("icon/half_selected.png");
-}
-.ztree li span.button.chk.checkbox_false_disable {
-  background-position: 0 -56px;
-}
-.ztree li span.button.chk.checkbox_true_full {
-  background-image: url("icon/check-box-active.png");
-}
-.ztree li span.button.chk.checkbox_true_full_focus {
-  background-image: url("icon/check-box-active.png");
-}
-.ztree li span.button.chk.checkbox_true_part {
-  background-image: url("icon/half_selected.png");
-}
-.ztree li span.button.chk.checkbox_true_part_focus {
-  background-image: url("icon/half_selected.png");
-}
-.ztree li span.button.chk.checkbox_true_disable {
-  background-position: -14px -56px;
-}
-.ztree li span.button.chk.radio_false_full {
-  background-position: -28px 0;
-}
-.ztree li span.button.chk.radio_false_full_focus {
-  background-position: -28px -14px;
-}
-.ztree li span.button.chk.radio_false_part {
-  background-position: -28px -28px;
-}
-.ztree li span.button.chk.radio_false_part_focus {
-  background-position: -28px -42px;
-}
-.ztree li span.button.chk.radio_false_disable {
-  background-position: -28px -56px;
-}
-.ztree li span.button.chk.radio_true_full {
-  background-position: -42px 0;
-}
-.ztree li span.button.chk.radio_true_full_focus {
-  background-position: -42px -14px;
-}
-.ztree li span.button.chk.radio_true_part {
-  background-position: -42px -28px;
-}
-.ztree li span.button.chk.radio_true_part_focus {
-  background-position: -42px -42px;
-}
-.ztree li span.button.chk.radio_true_disable {
-  background-position: -42px -56px;
-}
-.ztree li span.button.switch {
-  width: 25px;
-  height: 25px;
-}
-.ztree li span.button.root_open {
-  background-image: url("icon/tree-expand-1.png");
-}
-.ztree li span.button.root_close {
-  background-image: url("icon/tree-collapse-1.png");
-}
-.ztree li span.button.roots_open {
-  background-image: url("icon/tree-expand-2.png");
-}
-.ztree li span.button.roots_close {
-  background-image: url("icon/tree-collapse-2.png");
-}
-.ztree li span.button.center_open {
-  background-image: url("icon/tree-expand-3.png");
-}
-.ztree li span.button.center_close {
-  background-image: url("icon/tree-collapse-3.png");
-}
-.ztree li span.button.bottom_open {
-  background-image: url("icon/tree-expand-4.png");
-}
-.ztree li span.button.bottom_close {
-  background-image: url("icon/tree-collapse-4.png");
-}
-.ztree li span.button.noline_open {
-  background-position: -92px -72px;
-}
-.ztree li span.button.noline_close {
-  background-position: -74px -72px;
-}
-.ztree li span.button.root_docu {
-  background: none;
-}
-.ztree li span.button.roots_docu {
-  background-image: url("icon/tree-vertical-line-2.png");
-}
-.ztree li span.button.center_docu {
-  background-image: url("icon/tree-vertical-line-3.png");
-}
-.ztree li span.button.bottom_docu {
-  background-image: url("icon/tree-vertical-line-4.png");
-}
-.ztree li span.button.noline_docu {
-  background: none;
-}
-.ztree li span.button.ico_open {
-  margin-right: 2px;
-  background-position: -110px -16px;
-  vertical-align: top;
-  *vertical-align: middle;
-}
-.ztree li span.button.ico_close {
-  margin-right: 2px;
-  background-position: -110px 0;
-  vertical-align: top;
-  *vertical-align: middle;
-}
-.ztree li span.button.ico_docu {
-  margin-right: 2px;
-  background-position: -110px -32px;
-  vertical-align: top;
-  *vertical-align: middle;
-}
-.ztree li span.button.edit {
-  margin-right: 2px;
-  background-position: -110px -48px;
-  vertical-align: top;
-  *vertical-align: middle;
-}
-.ztree li span.button.remove {
-  margin-right: 2px;
-  background-position: -110px -64px;
-  vertical-align: top;
-  *vertical-align: middle;
-}
-.ztree li span.button.ico_loading {
-  width: 0px;
-  margin-right: 2px;
-  background: url("ztree/img/loading.gif") no-repeat scroll 0 0 transparent;
-  vertical-align: top;
-  *vertical-align: middle;
-}
-ul.tmpTargetzTree {
-  background-color: #FFE6B0;
-  opacity: 0.8;
-  filter: alpha(opacity=80);
-}
-span.tmpzTreeMove_arrow {
-  width: 16px;
-  height: 16px;
-  display: inline-block;
-  padding: 0;
-  margin: 2px 0 0 1px;
-  border: 0 none;
-  position: absolute;
-  background-color: transparent;
-  background-repeat: no-repeat;
-  background-attachment: scroll;
-  background-position: -110px -80px;
-  background-image: url("ztree/img/zTreeStandard.png");
-  *background-image: url("ztree/img/zTreeStandard.gif");
-}
-ul.ztree.zTreeDragUL {
-  margin: 0;
-  padding: 0;
-  position: absolute;
-  width: auto;
-  height: auto;
-  overflow: hidden;
-  background-color: #cfcfcf;
-  border: 1px #00B83F dotted;
-  opacity: 0.8;
-  filter: alpha(opacity=80);
-}
-.zTreeMask {
-  z-index: 10000;
-  background-color: #cfcfcf;
-  opacity: 0.0;
-  filter: alpha(opacity=0);
-  position: absolute;
-}
-/* level style*/
-/*.ztree li span.button.level0 {
-	display:none;
-}
-.ztree li ul.level0 {
-	padding:0;
-	background:none;
-}*/
 /****添加计算宽度的--运算符直接需要space****/
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/

bi/base.js

@@ -2352,6 +2352,7 @@ BI.Broadcasts = new BI.BroadcastController();
 BI.StyleLoaders = new BI.StyleLoaderManager();
 
 BI.servletURL = "dist/";
+BI.resourceURL = "dist/resource";
 BI.i18n = {};/**
  * canvas绘图
  *

bi/case.js

@@ -12458,7 +12458,7 @@ BI.ZeroClip = BI.inherit(BI.BasicButton, {
         
         BI.nextTick(function () {
             self.element.zclip({
-                path: BI.servletURL + "resources/ZeroClipboard.swf",
+                path: BI.resourceURL + "ZeroClipboard.swf",
                 copy: o.copy,
                 beforeCopy: o.beforeCopy,
                 afterCopy: o.afterCopy

demo.html

@@ -10,6 +10,8 @@
           href="./dist/base.css"/>
     <link rel="stylesheet" type="text/css"
           href="./dist/widget.css"/>
+    <link rel="stylesheet" type="text/css"
+          href="./dist/resource.css"/>
     <link rel="stylesheet" type="text/css"
           href="demo/dist/demo.css"/>
 

dist/base.css

@@ -58,57 +58,36 @@
   -webkit-box-shadow: 0px 0px 2px 1px #d4dadd inset;
   -moz-box-shadow: 0px 0px 2px 1px #d4dadd inset;
 }
-/**
+/****添加计算宽度的--运算符直接需要space****/
- * Farbtastic Color Picker 1.2
+/****** common color(常用颜色,可用于普遍场景) *****/
- * © 2008 Steven Wittens
+/**** custom color(自定义颜色,用于特定场景) ****/
- *
+.bi-color-picker-button {
- * This program is free software; you can redistribute it and/or modify
+  background-color: #eaeaea;
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation; either version 2 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program; if not, write to the Free Software
- * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA
- */
-.farbtastic {
-  position: relative;
 }
-.farbtastic * {
+.bi-color-picker-button .color-picker-button-mask {
-  position: absolute;
+  border: 1px solid #1a1a1a;
-  cursor: crosshair;
 }
-.farbtastic,
+/****添加计算宽度的--运算符直接需要space****/
-.farbtastic .wheel {
+/****** common color(常用颜色,可用于普遍场景) *****/
-  width: 195px;
+/**** custom color(自定义颜色,用于特定场景) ****/
-  height: 195px;
+.bi-color-picker > .center-element {
-}
+  border-left: 1px solid #ffffff;
-.farbtastic .color,
+  border-top: 1px solid #ffffff;
-.farbtastic .overlay {
+}
-  top: 47px;
+/****添加计算宽度的--运算符直接需要space****/
-  left: 47px;
+/****** common color(常用颜色,可用于普遍场景) *****/
-  width: 101px;
+/**** custom color(自定义颜色,用于特定场景) ****/
-  height: 101px;
+.bi-color-picker-editor .color-picker-editor-label {
-}
+  color: #808080;
-.farbtastic .wheel {
+}
-  background: url(third/farbtastic/wheel.png) no-repeat;
+.bi-color-picker-editor .color-picker-editor-display {
-  width: 195px;
+  background: #ffffff;
-  height: 195px;
+  -webkit-border-radius: 2px;
-}
+  -moz-border-radius: 2px;
-.farbtastic .overlay {
+  border-radius: 2px;
-  background: url(third/farbtastic/mask.png) no-repeat;
+  box-shadow: 0px 0px 2px 1px #d4dadd inset;
-}
+  -webkit-box-shadow: 0px 0px 2px 1px #d4dadd inset;
-.farbtastic .marker {
+  -moz-box-shadow: 0px 0px 2px 1px #d4dadd inset;
-  width: 17px;
-  height: 17px;
-  margin: -8px 0 0 -8px;
-  overflow: hidden;
-  background: url(third/farbtastic/marker.png) no-repeat;
 }
 /****添加计算宽度的--运算符直接需要space****/
 /****** common color(常用颜色,可用于普遍场景) *****/
@@ -1407,294 +1386,6 @@ li.CodeMirror-hint-active {
   opacity: 1;
   filter: alpha(opacity=100);
 }
-/*-------------------------------------
-zTree Style
-
-version:	3.5.17
-author:		Hunter.z
-email:		hunter.z@263.net
-website:	http://code.google.com/p/jquerytree/
-
--------------------------------------*/
-.ztree * {
-  padding: 0;
-  margin: 0;
-}
-.ztree {
-  margin: 0;
-  padding: 5px;
-}
-.ztree li {
-  padding: 0;
-  margin: 0;
-  list-style: none;
-  line-height: 14px;
-  text-align: left;
-  white-space: nowrap;
-  outline: 0;
-}
-.ztree li ul {
-  margin: 0;
-  padding: 0 0 0 18px;
-}
-.ztree li ul.line {
-  background: url(icon/tree-vertical-line-1.png) 0 0 repeat-y;
-}
-.ztree li a {
-  padding: 1px 3px 0 0;
-  margin: 0;
-  cursor: pointer;
-  height: 24px;
-  background-color: transparent;
-  text-decoration: none;
-  vertical-align: top;
-  display: inline-block;
-}
-.ztree li a.curSelectedNode_Edit {
-  padding-top: 0px;
-  background-color: #FFE6B0;
-  color: black;
-  height: 16px;
-  border: 1px #FFB951 solid;
-  opacity: 0.8;
-}
-.ztree li a.tmpTargetNode_inner {
-  padding-top: 0px;
-  background-color: #316AC5;
-  color: white;
-  height: 16px;
-  border: 1px #316AC5 solid;
-  opacity: 0.8;
-  filter: alpha(opacity=80);
-}
-.ztree li a input.rename {
-  height: 14px;
-  width: 80px;
-  padding: 0;
-  margin: 0;
-  font-size: 12px;
-  border: 1px #7EC4CC solid;
-  *border: 0px;
-}
-.ztree li span {
-  line-height: 24px;
-  margin-right: 2px;
-}
-.ztree li span.button {
-  line-height: 0;
-  margin: 0;
-  width: 16px;
-  height: 16px;
-  display: inline-block;
-  vertical-align: middle;
-  border: 0 none;
-  cursor: pointer;
-  outline: none;
-  background-color: transparent;
-  background-repeat: no-repeat;
-  background-attachment: scroll;
-  background-image: url("third/ztree/img/zTreeStandard.png");
-  *background-image: url("third/ztree/img/zTreeStandard.gif");
-}
-.ztree li span.button.chk {
-  width: 16px;
-  height: 16px;
-  margin: 0 3px 0 0;
-  cursor: auto;
-}
-.ztree li span.button.chk.checkbox_false_full {
-  background-image: url("icon/check-box-normal.png");
-}
-.ztree li span.button.chk.checkbox_false_full_focus {
-  background-image: url("icon/check-box-normal.png");
-}
-.ztree li span.button.chk.checkbox_false_part {
-  background-image: url("icon/half_selected.png");
-}
-.ztree li span.button.chk.checkbox_false_part_focus {
-  background-image: url("icon/half_selected.png");
-}
-.ztree li span.button.chk.checkbox_false_disable {
-  background-position: 0 -56px;
-}
-.ztree li span.button.chk.checkbox_true_full {
-  background-image: url("icon/check-box-active.png");
-}
-.ztree li span.button.chk.checkbox_true_full_focus {
-  background-image: url("icon/check-box-active.png");
-}
-.ztree li span.button.chk.checkbox_true_part {
-  background-image: url("icon/half_selected.png");
-}
-.ztree li span.button.chk.checkbox_true_part_focus {
-  background-image: url("icon/half_selected.png");
-}
-.ztree li span.button.chk.checkbox_true_disable {
-  background-position: -14px -56px;
-}
-.ztree li span.button.chk.radio_false_full {
-  background-position: -28px 0;
-}
-.ztree li span.button.chk.radio_false_full_focus {
-  background-position: -28px -14px;
-}
-.ztree li span.button.chk.radio_false_part {
-  background-position: -28px -28px;
-}
-.ztree li span.button.chk.radio_false_part_focus {
-  background-position: -28px -42px;
-}
-.ztree li span.button.chk.radio_false_disable {
-  background-position: -28px -56px;
-}
-.ztree li span.button.chk.radio_true_full {
-  background-position: -42px 0;
-}
-.ztree li span.button.chk.radio_true_full_focus {
-  background-position: -42px -14px;
-}
-.ztree li span.button.chk.radio_true_part {
-  background-position: -42px -28px;
-}
-.ztree li span.button.chk.radio_true_part_focus {
-  background-position: -42px -42px;
-}
-.ztree li span.button.chk.radio_true_disable {
-  background-position: -42px -56px;
-}
-.ztree li span.button.switch {
-  width: 25px;
-  height: 25px;
-}
-.ztree li span.button.root_open {
-  background-image: url("icon/tree-expand-1.png");
-}
-.ztree li span.button.root_close {
-  background-image: url("icon/tree-collapse-1.png");
-}
-.ztree li span.button.roots_open {
-  background-image: url("icon/tree-expand-2.png");
-}
-.ztree li span.button.roots_close {
-  background-image: url("icon/tree-collapse-2.png");
-}
-.ztree li span.button.center_open {
-  background-image: url("icon/tree-expand-3.png");
-}
-.ztree li span.button.center_close {
-  background-image: url("icon/tree-collapse-3.png");
-}
-.ztree li span.button.bottom_open {
-  background-image: url("icon/tree-expand-4.png");
-}
-.ztree li span.button.bottom_close {
-  background-image: url("icon/tree-collapse-4.png");
-}
-.ztree li span.button.noline_open {
-  background-position: -92px -72px;
-}
-.ztree li span.button.noline_close {
-  background-position: -74px -72px;
-}
-.ztree li span.button.root_docu {
-  background: none;
-}
-.ztree li span.button.roots_docu {
-  background-image: url("icon/tree-vertical-line-2.png");
-}
-.ztree li span.button.center_docu {
-  background-image: url("icon/tree-vertical-line-3.png");
-}
-.ztree li span.button.bottom_docu {
-  background-image: url("icon/tree-vertical-line-4.png");
-}
-.ztree li span.button.noline_docu {
-  background: none;
-}
-.ztree li span.button.ico_open {
-  margin-right: 2px;
-  background-position: -110px -16px;
-  vertical-align: top;
-  *vertical-align: middle;
-}
-.ztree li span.button.ico_close {
-  margin-right: 2px;
-  background-position: -110px 0;
-  vertical-align: top;
-  *vertical-align: middle;
-}
-.ztree li span.button.ico_docu {
-  margin-right: 2px;
-  background-position: -110px -32px;
-  vertical-align: top;
-  *vertical-align: middle;
-}
-.ztree li span.button.edit {
-  margin-right: 2px;
-  background-position: -110px -48px;
-  vertical-align: top;
-  *vertical-align: middle;
-}
-.ztree li span.button.remove {
-  margin-right: 2px;
-  background-position: -110px -64px;
-  vertical-align: top;
-  *vertical-align: middle;
-}
-.ztree li span.button.ico_loading {
-  width: 0px;
-  margin-right: 2px;
-  background: url("third/ztree/img/loading.gif") no-repeat scroll 0 0 transparent;
-  vertical-align: top;
-  *vertical-align: middle;
-}
-ul.tmpTargetzTree {
-  background-color: #FFE6B0;
-  opacity: 0.8;
-  filter: alpha(opacity=80);
-}
-span.tmpzTreeMove_arrow {
-  width: 16px;
-  height: 16px;
-  display: inline-block;
-  padding: 0;
-  margin: 2px 0 0 1px;
-  border: 0 none;
-  position: absolute;
-  background-color: transparent;
-  background-repeat: no-repeat;
-  background-attachment: scroll;
-  background-position: -110px -80px;
-  background-image: url("third/ztree/img/zTreeStandard.png");
-  *background-image: url("third/ztree/img/zTreeStandard.gif");
-}
-ul.ztree.zTreeDragUL {
-  margin: 0;
-  padding: 0;
-  position: absolute;
-  width: auto;
-  height: auto;
-  overflow: hidden;
-  background-color: #cfcfcf;
-  border: 1px #00B83F dotted;
-  opacity: 0.8;
-  filter: alpha(opacity=80);
-}
-.zTreeMask {
-  z-index: 10000;
-  background-color: #cfcfcf;
-  opacity: 0.0;
-  filter: alpha(opacity=0);
-  position: absolute;
-}
-/* level style*/
-/*.ztree li span.button.level0 {
-	display:none;
-}
-.ztree li ul.level0 {
-	padding:0;
-	background:none;
-}*/
 /****添加计算宽度的--运算符直接需要space****/
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/

dist/base.js

@@ -2352,6 +2352,7 @@ BI.Broadcasts = new BI.BroadcastController();
 BI.StyleLoaders = new BI.StyleLoaderManager();
 
 BI.servletURL = "dist/";
+BI.resourceURL = "dist/resource";
 BI.i18n = {};/**
  * canvas绘图
  *

dist/case.js

@@ -12458,7 +12458,7 @@ BI.ZeroClip = BI.inherit(BI.BasicButton, {
         
         BI.nextTick(function () {
             self.element.zclip({
-                path: BI.servletURL + "resources/ZeroClipboard.swf",
+                path: BI.resourceURL + "ZeroClipboard.swf",
                 copy: o.copy,
                 beforeCopy: o.beforeCopy,
                 afterCopy: o.afterCopy

src/base/base.js

@@ -8,4 +8,5 @@ BI.Broadcasts = new BI.BroadcastController();
 BI.StyleLoaders = new BI.StyleLoaderManager();
 
 BI.servletURL = "dist/";
+BI.resourceURL = "dist/resource";
 BI.i18n = {};

src/case/zclip/zclip.js

@@ -19,7 +19,7 @@ BI.ZeroClip = BI.inherit(BI.BasicButton, {
         
         BI.nextTick(function () {
             self.element.zclip({
-                path: BI.servletURL + "resources/ZeroClipboard.swf",
+                path: BI.resourceURL + "ZeroClipboard.swf",
                 copy: o.copy,
                 beforeCopy: o.beforeCopy,
                 afterCopy: o.afterCopy

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

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

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

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

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

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

src/css/core/reset.css

@@ -0,0 +1,128 @@
+/* http://meyerweb.com/eric/tools/css/reset/
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+  display: block;
+}
+body {
+  line-height: 1;
+}
+ol,
+ul {
+  list-style: none;
+}
+blockquote,
+q {
+  quotes: none;
+}
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+  content: '';
+  content: none;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}

src/css/resource/background.css

@@ -0,0 +1,523 @@
+.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');
+  _background: none;
+}
+.first-line-conn-background {
+  background: url('icon/tree-vertical-line-2.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-2.png');
+  _background: none;
+}
+.last-line-conn-background {
+  background: url('icon/tree-vertical-line-4.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-4.png');
+  _background: none;
+}
+.mid-line-conn-background {
+  background: url('icon/tree-vertical-line-3.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-3.png');
+  _background: none;
+}
+.loading-background {
+  background: url('icon/loading.gif') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/loading.gif');
+  _background: none;
+}
+.loading-background-f25 {
+  background: url('background/F.25.gif') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/F.25.gif');
+  _background: none;
+}
+.loading-background-e50 {
+  background: url('background/E.50.gif') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/E.50.gif');
+  _background: none;
+}
+.loading-background-d100 {
+  background: url('background/D.100.gif') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/D.100.gif');
+  _background: none;
+}
+.axis-tip-background {
+  background: url('background/charts/axis.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/axis.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.axis-accu-tip-background {
+  background: url('background/charts/axis_accu.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/axis_accu.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.axis-percent-tip-background {
+  background: url('background/charts/axis_percent.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/axis_percent.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.axis-compare-tip-background {
+  background: url('background/charts/axis_compare.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/axis_compare.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.axis-fall-tip-background {
+  background: url('background/charts/axis_fall.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/axis_fall.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.bubble-tip-background {
+  background: url('background/charts/bubble.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/bubble.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.bubble-force-tip-background {
+  background: url('background/charts/bubble_force.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/bubble_force.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.dashboard-tip-background {
+  background: url('background/charts/dashboard.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/dashboard.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.donut-tip-background {
+  background: url('background/charts/donut.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/donut.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.funnel-tip-background {
+  background: url('background/charts/funnel.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/funnel.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.map-tip-background {
+  background: url('background/charts/map.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/map.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.map-gis-tip-background {
+  background: url('background/charts/map_gis.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/map_gis.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.map-svg-tip-background {
+  background: url('background/charts/map_svg.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/map_svg.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.map-svg-c-tip-background {
+  background: url('background/charts/map_svg_c.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/map_svg_c.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.map-svg-g-tip-background {
+  background: url('background/charts/map_svg_g.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/map_svg_g.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.pie-tip-background {
+  background: url('background/charts/pie.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/pie.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.radar-tip-background {
+  background: url('background/charts/radar.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/radar.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.radar-accu-tip-background {
+  background: url('background/charts/radar_accu.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/radar_accu.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.area-tip-background {
+  background: url('background/charts/area.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/area.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.area-accu-tip-background {
+  background: url('background/charts/area_accu.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/area_accu.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.area-compare-tip-background {
+  background: url('background/charts/area_compare.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/area_compare.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.area-percent-tip-background {
+  background: url('background/charts/area_percent.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/area_percent.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.area-range-tip-background {
+  background: url('background/charts/area_range.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/area_range.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.bar-tip-background {
+  background: url('background/charts/bar.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/bar.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.bar-accu-tip-background {
+  background: url('background/charts/bar_accu.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/bar_accu.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.bar-compare-tip-background {
+  background: url('background/charts/bar_compare.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/bar_compare.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.combine-tip-background {
+  background: url('background/charts/combine.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/combine.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.combine-m-tip-background {
+  background: url('background/charts/combine_m.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/combine_m.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.line-tip-background {
+  background: url('background/charts/line.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/line.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.scatter-tip-background {
+  background: url('background/charts/scatter.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/scatter.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.table-complex-tip-background {
+  background: url('background/charts/table_complex.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/table_complex.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.table-cross-tip-background {
+  background: url('background/charts/table_cross.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/table_cross.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.table-group-tip-background {
+  background: url('background/charts/table_group.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/table_group.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.table-detail-tip-background {
+  background: url('background/charts/table_detail.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/table_detail.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.axis-text-tip-background {
+  background: url('background/charts/text/axis_text.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/axis_text.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.axis-accu-text-tip-background {
+  background: url('background/charts/text/axis_accu_text.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/axis_accu_text.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.axis-percent-text-tip-background {
+  background: url('background/charts/text/axis_percent_text.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/axis_percent_text.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.axis-compare-text-tip-background {
+  background: url('background/charts/text/axis_compare_text.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/axis_compare_text.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.axis-fall-text-tip-background {
+  background: url('background/charts/text/axis_fall_text.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/axis_fall_text.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.bubble-text-tip-background {
+  background: url('background/charts/text/bubble_text.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/bubble_text.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.bubble-force-text-tip-background {
+  background: url('background/charts/text/bubble_force_text.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/bubble_force_text.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.dashboard-text-tip-background {
+  background: url('background/charts/text/dashboard_text.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/dashboard_text.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.donut-text-tip-background {
+  background: url('background/charts/text/donut_text.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/donut_text.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.funnel-text-tip-background {
+  background: url('background/charts/text/funnel_text.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/funnel_text.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.map-text-tip-background {
+  background: url('background/charts/text/map_text.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/map_text.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.map-gis-text-tip-background {
+  background: url('background/charts/text/map_gis_text.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/map_gis_text.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.map-svg-text-tip-background {
+  background: url('background/charts/text/map_svg_text.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/map_svg_text.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.map-svg-c-text-tip-background {
+  background: url('background/charts/text/map_svg_c_text.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/map_svg_c_text.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.map-svg-g-text-tip-background {
+  background: url('background/charts/text/map_svg_g_text.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/map_svg_g_text.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.pie-text-tip-background {
+  background: url('background/charts/text/pie_text.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/pie_text.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.radar-text-tip-background {
+  background: url('background/charts/text/radar_text.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/radar_text.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.radar-accu-text-tip-background {
+  background: url('background/charts/text/radar_accu_text.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/radar_accu_text.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.area-text-tip-background {
+  background: url('background/charts/text/area_text.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/area_text.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.area-accu-text-tip-background {
+  background: url('background/charts/text/area_accu_text.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/area_accu_text.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.area-compare-text-tip-background {
+  background: url('background/charts/text/area_compare_text.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/area_compare_text.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.area-percent-text-tip-background {
+  background: url('background/charts/text/area_percent_text.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/area_percent_text.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.area-range-text-tip-background {
+  background: url('background/charts/text/area_range_text.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/area_range_text.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.bar-text-tip-background {
+  background: url('background/charts/text/bar_text.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/bar_text.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.bar-accu-text-tip-background {
+  background: url('background/charts/text/bar_accu_text.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/bar_accu_text.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.bar-compare-text-tip-background {
+  background: url('background/charts/text/bar_compare_text.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/bar_compare_text.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.combine-text-tip-background {
+  background: url('background/charts/text/combine_text.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/combine_text.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.combine-m-text-tip-background {
+  background: url('background/charts/text/combine_m_text.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/combine_m_text.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.line-text-tip-background {
+  background: url('background/charts/text/line_text.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/line_text.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.scatter-text-tip-background {
+  background: url('background/charts/text/text/scatter_text.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/text/scatter_text.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.table-complex-text-tip-background {
+  background: url('background/charts/text/table_complex_text.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/table_complex_text.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.table-cross-text-tip-background {
+  background: url('background/charts/text/table_cross_text.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/table_cross_text.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.table-group-text-tip-background {
+  background: url('background/charts/text/table_group_text.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/table_group_text.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.table-detail-text-tip-background {
+  background: url('background/charts/text/table_detail_text.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/charts/text/table_detail_text.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}
+.data-miss-background {
+  background: url('background/data_miss.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background/data_miss.png');
+  _background: none;
+  background-color: #ffffff;
+  z-index: 2;
+}

src/css/resources/app.css

@@ -0,0 +1,120 @@
+/****添加计算宽度的--运算符直接需要space****/
+/****** common color(常用颜色,可用于普遍场景) *****/
+/**** custom color(自定义颜色,用于特定场景) ****/
+@font-face {
+  font-family: 'bi';
+  src: url('font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/iconfont.woff') format('woff'), /* chrome、firefox */ url('font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('font/iconfont.svg#svgFontName') format('svg');
+  
+  /*  iOS 4.1- */
+}
+.b-font {
+  font-family: "bi";
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -webkit-text-stroke-width: 0.2px;
+  -moz-osx-font-smoothing: grayscale;
+}
+html,
+button,
+input,
+select,
+textarea,
+* {
+  font-family: "Microsoft YaHei", "Hiragino Sans GB W3";
+}
+html,
+body,
+div,
+ul,
+li,
+img,
+a,
+span,
+p,
+* {
+  margin: 0px;
+}
+html {
+  height: 100%;
+  overflow: hidden;
+}
+body {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  top: 0;
+  left: 0;
+  background-repeat: repeat;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  -o-user-select: none;
+  user-select: none;
+  color: #1a1a1a;
+  font: normal 12px "Microsoft YaHei", "Hiragino Sans GB W3";
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-decoration: none;
+  -kthml-user-focus: normal;
+  -moz-user-focus: normal;
+  -moz-outline: 0 none;
+  outline: 0 none;
+}
+#wrapper {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  overflow: hidden;
+  overflow-x: hidden;
+  overflow-y: hidden;
+}
+a {
+  outline: none;
+  text-decoration: none;
+}
+a:focus {
+  outline: 0;
+}
+input,
+textarea {
+  margin: 0;
+  padding: 0;
+  outline: none;
+  border: 1px solid #cccccc;
+}
+ul,
+ol {
+  margin: 0;
+  padding: 0;
+}
+ul {
+  list-style: disc;
+}
+li {
+  list-style-type: none;
+}
+i {
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -webkit-text-stroke-width: 0.2px;
+  -moz-osx-font-smoothing: grayscale;
+}
+div::-webkit-scrollbar,
+textarea::-webkit-scrollbar {
+  -webkit-appearance: none;
+  background-color: #f4f4f4;
+  width: 6px;
+  height: 6px;
+}
+div::-webkit-scrollbar-thumb,
+textarea::-webkit-scrollbar-thumb {
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-radius: 0;
+  background-color: #e2e2e2;
+}

src/less/base/colorchooser/colorpicker/button.colorpicker.less

@@ -1,4 +1,4 @@
-@import "../../bibase";
+@import "../../../bibase";
 
 .bi-color-picker-button{
   background-color: @color-bi-background-light;

src/less/base/colorchooser/colorpicker/colorpicker.less

@@ -1,4 +1,4 @@
-@import "../../bibase";
+@import "../../../bibase";
 
 .bi-color-picker{
   & > .center-element{

src/less/base/colorchooser/colorpicker/editor.colorpicker.less

@@ -1,4 +1,4 @@
-@import "../../bibase";
+@import "../../../bibase";
 
 .bi-color-picker-editor{
   & .color-picker-editor-label{

src/less/utils/special.less

@@ -1,4 +0,0 @@
-@import "../bibase";
-@import "../image";
-@import "../lib/icon";
-