add

bi/base.css

@@ -20,6 +20,35 @@
   -webkit-box-shadow: 0px 0px 2px 1px #d4dadd inset;
   -moz-box-shadow: 0px 0px 2px 1px #d4dadd inset;
 }
+.farbtastic {
+  position: relative;
+}
+.farbtastic * {
+  position: absolute;
+  cursor: crosshair;
+}
+.farbtastic,
+.farbtastic .wheel {
+  width: 195px;
+  height: 195px;
+}
+.farbtastic .color,
+.farbtastic .overlay {
+  top: 47px;
+  left: 47px;
+  width: 101px;
+  height: 101px;
+}
+.farbtastic .wheel {
+  width: 195px;
+  height: 195px;
+}
+.farbtastic .marker {
+  width: 17px;
+  height: 17px;
+  margin: -8px 0 0 -8px;
+  overflow: hidden;
+}
 .bi-bubble-combo .button-combo-triangle-wrapper {
   position: fixed !important;
 }
@@ -1208,6 +1237,237 @@ li.CodeMirror-hint-active {
 .bi-branch-tree .bi-branch-tree-view {
   min-width: 300px;
 }
+.bi-display-tree .ztree * {
+  color: #999999;
+}
+.bi-display-tree .ztree li a,
+.bi-display-tree .ztree li span {
+  cursor: default !important;
+}
+.bi-display-tree .ztree li a:hover {
+  text-decoration: none;
+}
+.bi-display-tree .ztree li a.curSelectedNode {
+  padding-top: 1px;
+  border: none;
+  background-color: inherit;
+  opacity: 1;
+  filter: alpha(opacity=100);
+}
+.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 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;
+}
+.ztree li span.button.chk {
+  width: 16px;
+  height: 16px;
+  margin: 0 3px 0 0;
+  cursor: auto;
+}
+.ztree li span.button.chk.checkbox_false_disable {
+  background-position: 0 -56px;
+}
+.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.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.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;
+  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;
+}
+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;
+}*/
 .bi-trigger .bi-trigger-icon-button {
   font-size: 16px;
 }

dist/base.css

@@ -20,6 +20,35 @@
   -webkit-box-shadow: 0px 0px 2px 1px #d4dadd inset;
   -moz-box-shadow: 0px 0px 2px 1px #d4dadd inset;
 }
+.farbtastic {
+  position: relative;
+}
+.farbtastic * {
+  position: absolute;
+  cursor: crosshair;
+}
+.farbtastic,
+.farbtastic .wheel {
+  width: 195px;
+  height: 195px;
+}
+.farbtastic .color,
+.farbtastic .overlay {
+  top: 47px;
+  left: 47px;
+  width: 101px;
+  height: 101px;
+}
+.farbtastic .wheel {
+  width: 195px;
+  height: 195px;
+}
+.farbtastic .marker {
+  width: 17px;
+  height: 17px;
+  margin: -8px 0 0 -8px;
+  overflow: hidden;
+}
 .bi-bubble-combo .button-combo-triangle-wrapper {
   position: fixed !important;
 }
@@ -1208,6 +1237,237 @@ li.CodeMirror-hint-active {
 .bi-branch-tree .bi-branch-tree-view {
   min-width: 300px;
 }
+.bi-display-tree .ztree * {
+  color: #999999;
+}
+.bi-display-tree .ztree li a,
+.bi-display-tree .ztree li span {
+  cursor: default !important;
+}
+.bi-display-tree .ztree li a:hover {
+  text-decoration: none;
+}
+.bi-display-tree .ztree li a.curSelectedNode {
+  padding-top: 1px;
+  border: none;
+  background-color: inherit;
+  opacity: 1;
+  filter: alpha(opacity=100);
+}
+.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 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;
+}
+.ztree li span.button.chk {
+  width: 16px;
+  height: 16px;
+  margin: 0 3px 0 0;
+  cursor: auto;
+}
+.ztree li span.button.chk.checkbox_false_disable {
+  background-position: 0 -56px;
+}
+.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.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.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;
+  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;
+}
+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;
+}*/
 .bi-trigger .bi-trigger-icon-button {
   font-size: 16px;
 }

dist/bundle.css

@@ -1596,6 +1596,35 @@ i {
   -webkit-box-shadow: 0px 0px 2px 1px #d4dadd inset;
   -moz-box-shadow: 0px 0px 2px 1px #d4dadd inset;
 }
+.farbtastic {
+  position: relative;
+}
+.farbtastic * {
+  position: absolute;
+  cursor: crosshair;
+}
+.farbtastic,
+.farbtastic .wheel {
+  width: 195px;
+  height: 195px;
+}
+.farbtastic .color,
+.farbtastic .overlay {
+  top: 47px;
+  left: 47px;
+  width: 101px;
+  height: 101px;
+}
+.farbtastic .wheel {
+  width: 195px;
+  height: 195px;
+}
+.farbtastic .marker {
+  width: 17px;
+  height: 17px;
+  margin: -8px 0 0 -8px;
+  overflow: hidden;
+}
 .bi-bubble-combo .button-combo-triangle-wrapper {
   position: fixed !important;
 }
@@ -2784,147 +2813,378 @@ li.CodeMirror-hint-active {
 .bi-branch-tree .bi-branch-tree-view {
   min-width: 300px;
 }
-.bi-trigger .bi-trigger-icon-button {
+.bi-display-tree .ztree * {
-  font-size: 16px;
+  color: #999999;
 }
-.bi-select-text-trigger {
+.bi-display-tree .ztree li a,
-  -webkit-border-radius: 2px;
+.bi-display-tree .ztree li span {
-  -moz-border-radius: 2px;
+  cursor: default !important;
-  border-radius: 2px;
 }
-.bi-small-select-text-trigger {
+.bi-display-tree .ztree li a:hover {
-  -webkit-border-radius: 2px;
+  text-decoration: none;
-  -moz-border-radius: 2px;
-  border-radius: 2px;
 }
-/**********BI.BIListView*************/
+.bi-display-tree .ztree li a.curSelectedNode {
-.bi-popup-view {
+  padding-top: 1px;
-  position: fixed !important;
+  border: none;
-  overflow-y: visible !important;
+  background-color: inherit;
-  overflow-x: visible !important;
+  opacity: 1;
-  overflow: visible !important;
+  filter: alpha(opacity=100);
-  cursor: default;
 }
-.bi-popup-view .list-view-outer {
+.ztree * {
-  -webkit-border-radius: 2px;
+  padding: 0;
-  -moz-border-radius: 2px;
+  margin: 0;
-  border-radius: 2px;
 }
-.bi-popup-view .list-view-toolbar {
+.ztree {
-  line-height: 30px;
+  margin: 0;
+  padding: 5px;
 }
-.bi-popup-view .list-view-toolbar > .center-element {
+.ztree li {
-  border-left: 1px solid #d4dadd;
+  padding: 0;
+  margin: 0;
+  list-style: none;
+  line-height: 14px;
+  text-align: left;
+  white-space: nowrap;
+  outline: 0;
 }
-.bi-popup-view .list-view-toolbar > .first-element {
+.ztree li ul {
-  border-left: none;
+  margin: 0;
+  padding: 0 0 0 18px;
 }
-.bi-theme-dark .bi-popup-view .list-view-toolbar > .center-element {
+.ztree li a {
-  border-left: 1px solid #525466;
+  padding: 1px 3px 0 0;
+  margin: 0;
+  cursor: pointer;
+  height: 24px;
+  background-color: transparent;
+  text-decoration: none;
+  vertical-align: top;
+  display: inline-block;
 }
-.bi-theme-dark .bi-popup-view .list-view-toolbar > .first-element {
+.ztree li a.curSelectedNode_Edit {
-  border-left: none;
+  padding-top: 0px;
+  background-color: #FFE6B0;
+  color: black;
+  height: 16px;
+  border: 1px #FFB951 solid;
+  opacity: 0.8;
 }
-.bi-arrangement .arrangement-helper {
+.ztree li a.tmpTargetNode_inner {
-  background: #3f8ce8;
+  padding-top: 0px;
-  z-index: 1000000000;
+  background-color: #316AC5;
+  color: white;
+  height: 16px;
+  border: 1px #316AC5 solid;
+  opacity: 0.8;
+  filter: alpha(opacity=80);
 }
-.bi-arrangement .arrangement-block {
+.ztree li a input.rename {
-  z-index: 1000000000;
+  height: 14px;
+  width: 80px;
+  padding: 0;
+  margin: 0;
+  font-size: 12px;
+  border: 1px #7EC4CC solid;
+  *border: 0px;
 }
-.bi-arrangement .arrangement-drop-container {
+.ztree li span {
-  z-index: 1000000000;
+  line-height: 24px;
+  margin-right: 2px;
 }
-.bi-arrangement .arrangement-drop-container .arrangement-drop-region {
+.ztree li span.button {
-  overflow: hidden;
+  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;
 }
-.bi-arrangement .arrangement-drop-container .drop-devider {
+.ztree li span.button.chk {
-  z-index: 1000000001;
+  width: 16px;
-  background: #3f8ce8;
+  height: 16px;
+  margin: 0 3px 0 0;
+  cursor: auto;
 }
-.bi-arrangement .arrangement-drop-container .top-left,
+.ztree li span.button.chk.checkbox_false_disable {
-.bi-arrangement .arrangement-drop-container .top-right,
+  background-position: 0 -56px;
-.bi-arrangement .arrangement-drop-container .bottom-left,
-.bi-arrangement .arrangement-drop-container .bottom-right,
-.bi-arrangement .arrangement-drop-container .top-left-second,
-.bi-arrangement .arrangement-drop-container .top-right-second,
-.bi-arrangement .arrangement-drop-container .bottom-left-second,
-.bi-arrangement .arrangement-drop-container .bottom-right-second,
-.bi-arrangement .arrangement-drop-container .top-center,
-.bi-arrangement .arrangement-drop-container .bottom-center,
-.bi-arrangement .arrangement-drop-container .left-center,
-.bi-arrangement .arrangement-drop-container .right-center,
-.bi-arrangement .arrangement-drop-container .top-center-second,
-.bi-arrangement .arrangement-drop-container .bottom-center-second,
-.bi-arrangement .arrangement-drop-container .left-center-second,
-.bi-arrangement .arrangement-drop-container .right-center-second {
-  z-index: 1000000001;
-  background: #3f8ce8;
 }
-.bi-arrangement-droppable {
+.ztree li span.button.chk.checkbox_true_disable {
-  z-index: 100000;
+  background-position: -14px -56px;
 }
-.bi-date-trigger {
+.ztree li span.button.chk.radio_false_full {
-  -webkit-border-radius: 2px;
+  background-position: -28px 0;
-  -moz-border-radius: 2px;
-  border-radius: 2px;
 }
-.bi-down-list-popup .bi-down-list-item .list-item-text {
+.ztree li span.button.chk.radio_false_full_focus {
-  max-width: 203px;
+  background-position: -28px -14px;
 }
-.bi-excel-table > div.bottom-right > div > div > table {
+.ztree li span.button.chk.radio_false_part {
-  border-right: 1px solid #d4dadd;
+  background-position: -28px -28px;
 }
-.bi-theme-dark .bi-excel-table > div.bottom-right > div > div > table {
+.ztree li span.button.chk.radio_false_part_focus {
-  border-right: 1px solid #525466;
+  background-position: -28px -42px;
 }
-.bi-excel-table-header-cell {
+.ztree li span.button.chk.radio_false_disable {
-  font-weight: bold;
+  background-position: -28px -56px;
 }
-.bi-file-manager-nav-button .file-manager-nav-button-text {
+.ztree li span.button.chk.radio_true_full {
-  max-width: 200px;
+  background-position: -42px 0;
 }
-.bi-file-manager-nav-button .file-manager-nav-button-text.active {
+.ztree li span.button.chk.radio_true_full_focus {
-  background-color: #eff1f4;
+  background-position: -42px -14px;
-  color: #999999;
 }
-.bi-file-manager-nav-button .file-manager-nav-button-triangle {
+.ztree li span.button.chk.radio_true_part {
-  z-index: 1;
+  background-position: -42px -28px;
 }
-.bi-theme-dark .bi-file-manager-nav-button .file-manager-nav-button-text.active {
+.ztree li span.button.chk.radio_true_part_focus {
-  background-color: #191b2b;
+  background-position: -42px -42px;
-  color: #999999;
 }
-.bi-fine-tuning-number-editor {
+.ztree li span.button.chk.radio_true_disable {
-  -webkit-border-radius: 2px;
+  background-position: -42px -56px;
-  -moz-border-radius: 2px;
-  border-radius: 2px;
 }
-.bi-interactive-arrangement .interactive-arrangement-dragtag-line {
+.ztree li span.button.switch {
-  z-index: 1000000000;
+  width: 25px;
-  background-color: #f07d0a;
+  height: 25px;
 }
-.bi-interactive-arrangement .interactive-arrangement-dragtag-icon {
+.ztree li span.button.noline_open {
-  z-index: 1000000000;
+  background-position: -92px -72px;
 }
-.bi-month-trigger {
+.ztree li span.button.noline_close {
-  -webkit-border-radius: 2px;
+  background-position: -74px -72px;
-  -moz-border-radius: 2px;
-  border-radius: 2px;
 }
-.bi-multidate-combo {
+.ztree li span.button.root_docu {
-  -webkit-border-radius: 2px;
+  background: none;
-  -moz-border-radius: 2px;
-  border-radius: 2px;
 }
-.bi-multidate-popup .bi-multidate-popup-label {
+.ztree li span.button.noline_docu {
-  color: #3f8ce8;
+  background: none;
-  font-size: 14px;
 }
-.bi-multidate-popup .bi-multidate-popup-item:active,
+.ztree li span.button.ico_open {
-.bi-multidate-popup .bi-multidate-popup-item.active {
+  margin-right: 2px;
-  background-color: #3f8ce8;
+  background-position: -110px -16px;
-  color: #ffffff;
+  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;
+  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;
+}
+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;
+}*/
+.bi-trigger .bi-trigger-icon-button {
+  font-size: 16px;
+}
+.bi-select-text-trigger {
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+}
+.bi-small-select-text-trigger {
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+}
+/**********BI.BIListView*************/
+.bi-popup-view {
+  position: fixed !important;
+  overflow-y: visible !important;
+  overflow-x: visible !important;
+  overflow: visible !important;
+  cursor: default;
+}
+.bi-popup-view .list-view-outer {
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+}
+.bi-popup-view .list-view-toolbar {
+  line-height: 30px;
+}
+.bi-popup-view .list-view-toolbar > .center-element {
+  border-left: 1px solid #d4dadd;
+}
+.bi-popup-view .list-view-toolbar > .first-element {
+  border-left: none;
+}
+.bi-theme-dark .bi-popup-view .list-view-toolbar > .center-element {
+  border-left: 1px solid #525466;
+}
+.bi-theme-dark .bi-popup-view .list-view-toolbar > .first-element {
+  border-left: none;
+}
+.bi-arrangement .arrangement-helper {
+  background: #3f8ce8;
+  z-index: 1000000000;
+}
+.bi-arrangement .arrangement-block {
+  z-index: 1000000000;
+}
+.bi-arrangement .arrangement-drop-container {
+  z-index: 1000000000;
+}
+.bi-arrangement .arrangement-drop-container .arrangement-drop-region {
+  overflow: hidden;
+}
+.bi-arrangement .arrangement-drop-container .drop-devider {
+  z-index: 1000000001;
+  background: #3f8ce8;
+}
+.bi-arrangement .arrangement-drop-container .top-left,
+.bi-arrangement .arrangement-drop-container .top-right,
+.bi-arrangement .arrangement-drop-container .bottom-left,
+.bi-arrangement .arrangement-drop-container .bottom-right,
+.bi-arrangement .arrangement-drop-container .top-left-second,
+.bi-arrangement .arrangement-drop-container .top-right-second,
+.bi-arrangement .arrangement-drop-container .bottom-left-second,
+.bi-arrangement .arrangement-drop-container .bottom-right-second,
+.bi-arrangement .arrangement-drop-container .top-center,
+.bi-arrangement .arrangement-drop-container .bottom-center,
+.bi-arrangement .arrangement-drop-container .left-center,
+.bi-arrangement .arrangement-drop-container .right-center,
+.bi-arrangement .arrangement-drop-container .top-center-second,
+.bi-arrangement .arrangement-drop-container .bottom-center-second,
+.bi-arrangement .arrangement-drop-container .left-center-second,
+.bi-arrangement .arrangement-drop-container .right-center-second {
+  z-index: 1000000001;
+  background: #3f8ce8;
+}
+.bi-arrangement-droppable {
+  z-index: 100000;
+}
+.bi-date-trigger {
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+}
+.bi-down-list-popup .bi-down-list-item .list-item-text {
+  max-width: 203px;
+}
+.bi-excel-table > div.bottom-right > div > div > table {
+  border-right: 1px solid #d4dadd;
+}
+.bi-theme-dark .bi-excel-table > div.bottom-right > div > div > table {
+  border-right: 1px solid #525466;
+}
+.bi-excel-table-header-cell {
+  font-weight: bold;
+}
+.bi-file-manager-nav-button .file-manager-nav-button-text {
+  max-width: 200px;
+}
+.bi-file-manager-nav-button .file-manager-nav-button-text.active {
+  background-color: #eff1f4;
+  color: #999999;
+}
+.bi-file-manager-nav-button .file-manager-nav-button-triangle {
+  z-index: 1;
+}
+.bi-theme-dark .bi-file-manager-nav-button .file-manager-nav-button-text.active {
+  background-color: #191b2b;
+  color: #999999;
+}
+.bi-fine-tuning-number-editor {
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+}
+.bi-interactive-arrangement .interactive-arrangement-dragtag-line {
+  z-index: 1000000000;
+  background-color: #f07d0a;
+}
+.bi-interactive-arrangement .interactive-arrangement-dragtag-icon {
+  z-index: 1000000000;
+}
+.bi-month-trigger {
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+}
+.bi-multidate-combo {
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+}
+.bi-multidate-popup .bi-multidate-popup-label {
+  color: #3f8ce8;
+  font-size: 14px;
+}
+.bi-multidate-popup .bi-multidate-popup-item:active,
+.bi-multidate-popup .bi-multidate-popup-item.active {
+  background-color: #3f8ce8;
+  color: #ffffff;
   -webkit-border-radius: 2px 2px 0 0;
   -moz-border-radius: 2px 2px 0 0;
   border-radius: 2px 2px 0 0;
@@ -4965,405 +5225,3 @@ textarea::-webkit-scrollbar-thumb:hover {
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fanruan.coding.me/fineui/dist/images/1x/icon/half_selected.png');
   _background: none;
 }
-/**
- * Farbtastic Color Picker 1.2
- * © 2008 Steven Wittens
- *
- * This program is free software; you can redistribute it and/or modify
- * 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 * {
-  position: absolute;
-  cursor: crosshair;
-}
-.farbtastic,
-.farbtastic .wheel {
-  width: 195px;
-  height: 195px;
-}
-.farbtastic .color,
-.farbtastic .overlay {
-  top: 47px;
-  left: 47px;
-  width: 101px;
-  height: 101px;
-}
-.farbtastic .wheel {
-  background: url("https://fanruan.coding.me/fineui/dist/images/1x/third/farbtastic/wheel.png") no-repeat;
-  width: 195px;
-  height: 195px;
-}
-.farbtastic .overlay {
-  background: url("https://fanruan.coding.me/fineui/dist/images/1x/third/farbtastic/mask.png") no-repeat;
-}
-.farbtastic .marker {
-  width: 17px;
-  height: 17px;
-  margin: -8px 0 0 -8px;
-  overflow: hidden;
-  background: url("https://fanruan.coding.me/fineui/dist/images/1x/third/farbtastic/marker.png") no-repeat;
-}
-.bi-display-tree .ztree * {
-  color: #999999;
-}
-.bi-display-tree .ztree li span.button.switch.center_open {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x//icon/tree-vertical-line-3.png");
-}
-.bi-display-tree .ztree li span.button.switch.roots_open {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x//icon/tree-vertical-line-2.png");
-}
-.bi-display-tree .ztree li span.button.switch.bottom_open {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x//icon/tree-vertical-line-4.png");
-}
-.bi-display-tree .ztree li a,
-.bi-display-tree .ztree li span {
-  cursor: default !important;
-}
-.bi-display-tree .ztree li a:hover {
-  text-decoration: none;
-}
-.bi-display-tree .ztree li a.curSelectedNode {
-  padding-top: 1px;
-  border: none;
-  background-color: inherit;
-  opacity: 1;
-  filter: alpha(opacity=100);
-}
-/*-------------------------------------
-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("https://fanruan.coding.me/fineui/dist/images/1x/icon/tree-vertical-line-1.png") 0 0 repeat-y;
-}
-.bi-theme-dark .ztree li ul.line {
-  background: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/dark/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("https://fanruan.coding.me/fineui/dist/images/1x/third/ztree/img/zTreeStandard.png");
-  *background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/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("https://fanruan.coding.me/fineui/dist/images/1x/icon/check-box-normal.png");
-}
-.ztree li span.button.chk.checkbox_false_full_focus {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/check-box-normal.png");
-}
-.ztree li span.button.chk.checkbox_false_part {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/half_selected.png");
-}
-.ztree li span.button.chk.checkbox_false_part_focus {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/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("https://fanruan.coding.me/fineui/dist/images/1x/icon/check-box-active.png");
-}
-.ztree li span.button.chk.checkbox_true_full_focus {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/check-box-active.png");
-}
-.ztree li span.button.chk.checkbox_true_part {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/half_selected.png");
-}
-.ztree li span.button.chk.checkbox_true_part_focus {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/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("https://fanruan.coding.me/fineui/dist/images/1x/icon/tree-expand-1.png");
-}
-.bi-theme-dark .ztree li span.button.root_open {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-expand-1.png");
-}
-.ztree li span.button.root_close {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/tree-collapse-1.png");
-}
-.bi-theme-dark .ztree li span.button.root_close {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-collapse-1.png");
-}
-.ztree li span.button.roots_open {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/tree-expand-2.png");
-}
-.bi-theme-dark .ztree li span.button.roots_open {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-expand-2.png");
-}
-.ztree li span.button.roots_close {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/tree-collapse-2.png");
-}
-.bi-theme-dark .ztree li span.button.roots_close {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-collapse-2.png");
-}
-.ztree li span.button.center_open {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/tree-expand-3.png");
-}
-.bi-theme-dark .ztree li span.button.center_open {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-expand-3.png");
-}
-.ztree li span.button.center_close {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/tree-collapse-3.png");
-}
-.bi-theme-dark .ztree li span.button.center_close {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-collapse-3.png");
-}
-.ztree li span.button.bottom_open {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/tree-expand-4.png");
-}
-.bi-theme-dark .ztree li span.button.bottom_open {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-expand-4.png");
-}
-.ztree li span.button.bottom_close {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/tree-collapse-4.png");
-}
-.bi-theme-dark .ztree li span.button.bottom_close {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/dark/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("https://fanruan.coding.me/fineui/dist/images/1x/icon/tree-vertical-line-2.png");
-}
-.bi-theme-dark .ztree li span.button.roots_docu {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-vertical-line-2.png");
-}
-.ztree li span.button.center_docu {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/tree-vertical-line-3.png");
-}
-.bi-theme-dark .ztree li span.button.center_docu {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-vertical-line-3.png");
-}
-.ztree li span.button.bottom_docu {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/tree-vertical-line-4.png");
-}
-.bi-theme-dark .ztree li span.button.bottom_docu {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/dark/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("https://fanruan.coding.me/fineui/dist/images/1x/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("https://fanruan.coding.me/fineui/dist/images/1x/third/ztree/img/zTreeStandard.png");
-  *background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/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;
-}*/

dist/index.html

@@ -9,7 +9,7 @@
       <link rel="stylesheet" type="text/css" href="widget.css" />
       <link rel="stylesheet" type="text/css" href="resource.css" />
       <link rel="stylesheet" type="text/css" href="demo.css" />
-      <link rel="stylesheet" type="text/css" href="slider.css" />
+      <link rel="stylesheet" type="text/css" href="sliders.css" />
 
       <script src="config.js"></script>
       <script src="polyfill.js"></script>
@@ -18,7 +18,7 @@
       <script src="base.js"></script>
       <script src="case.js"></script>
       <script src="widget.js"></script>
-      <script src="slider.js"></script>
+      <script src="sliders.js"></script>
       <!--图表-->
       <!--<script src="vancharts-all.js"></script>-->
       <!--<script src="biconst.js"></script>-->

dist/resource.css

@@ -77,6 +77,201 @@ textarea::-webkit-scrollbar-thumb:hover {
   background-color: rgba(204, 204, 204, 0.7);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3cccccc,endColorstr=#b3cccccc);
 }
+.farbtastic .wheel {
+  background: url('images/1x/background/wheel.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/wheel.png');
+  _background: none;
+}
+.farbtastic .overlay {
+  background: url('images/1x/background/mask.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/mask.png');
+  _background: none;
+}
+.farbtastic .marker {
+  background: url('images/1x/background/marker.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/marker.png');
+  _background: none;
+}
+.bi-display-tree .ztree li span.button.switch.center_open {
+  background: url('images/1x/icon/tree-vertical-line-3.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-vertical-line-3.png');
+  _background: none;
+}
+.bi-display-tree .ztree li span.button.switch.roots_open {
+  background: url('images/1x/icon/tree-vertical-line-2.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-vertical-line-2.png');
+  _background: none;
+}
+.bi-display-tree .ztree li span.button.switch.bottom_open {
+  background: url('images/1x/icon/tree-vertical-line-4.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-vertical-line-4.png');
+  _background: none;
+}
+.ztree li ul.line {
+  background: url('images/1x/icon/tree-vertical-line-1.png') repeat-y 0 0;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-vertical-line-1.png');
+  _background: none;
+}
+.bi-theme-dark .ztree li ul.line {
+  background: url('images/1x/icon/dark/tree-vertical-line-1.png') repeat-y 0 0;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-vertical-line-1.png');
+  _background: none;
+}
+.ztree li span.button.chk.checkbox_false_full {
+  background: url('images/1x/icon/check-box-normal.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check-box-normal.png');
+  _background: none;
+}
+.ztree li span.button.chk.checkbox_false_full_focus {
+  background: url('images/1x/icon/check-box-normal.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check-box-normal.png');
+  _background: none;
+}
+.ztree li span.button.chk.checkbox_false_part {
+  background: url('images/1x/icon/half_selected.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/half_selected.png');
+  _background: none;
+}
+.ztree li span.button.chk.checkbox_false_part_focus {
+  background: url('images/1x/icon/half_selected.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/half_selected.png');
+  _background: none;
+}
+.ztree li span.button.chk.checkbox_true_full {
+  background: url('images/1x/icon/check-box-active.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check-box-active.png');
+  _background: none;
+}
+.ztree li span.button.chk.checkbox_true_full_focus {
+  background: url('images/1x/icon/check-box-active.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check-box-active.png');
+  _background: none;
+}
+.ztree li span.button.chk.checkbox_true_part {
+  background: url('images/1x/icon/half_selected.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/half_selected.png');
+  _background: none;
+}
+.ztree li span.button.chk.checkbox_true_part_focus {
+  background: url('images/1x/icon/half_selected.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/half_selected.png');
+  _background: none;
+}
+.ztree li span.button.root_open {
+  background: url('images/1x/icon/tree-expand-1.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-expand-1.png');
+  _background: none;
+}
+.bi-theme-dark .ztree li span.button.root_open {
+  background: url('images/1x/icon/dark/tree-expand-1.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-expand-1.png');
+  _background: none;
+}
+.ztree li span.button.root_close {
+  background: url('images/1x/icon/tree-collapse-1.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-collapse-1.png');
+  _background: none;
+}
+.bi-theme-dark .ztree li span.button.root_close {
+  background: url('images/1x/icon/dark/tree-collapse-1.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-collapse-1.png');
+  _background: none;
+}
+.ztree li span.button.roots_open {
+  background: url('images/1x/icon/tree-expand-2.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-expand-2.png');
+  _background: none;
+}
+.bi-theme-dark .ztree li span.button.roots_open {
+  background: url('images/1x/icon/dark/tree-expand-2.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-expand-2.png');
+  _background: none;
+}
+.ztree li span.button.roots_close {
+  background: url('images/1x/icon/tree-collapse-2.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-collapse-2.png');
+  _background: none;
+}
+.bi-theme-dark .ztree li span.button.roots_close {
+  background: url('images/1x/icon/dark/tree-collapse-2.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-collapse-2.png');
+  _background: none;
+}
+.ztree li span.button.center_open {
+  background: url('images/1x/icon/tree-expand-3.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-expand-3.png');
+  _background: none;
+}
+.bi-theme-dark .ztree li span.button.center_open {
+  background: url('images/1x/icon/dark/tree-expand-3.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-expand-3.png');
+  _background: none;
+}
+.ztree li span.button.center_close {
+  background: url('images/1x/icon/tree-collapse-3.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-collapse-3.png');
+  _background: none;
+}
+.bi-theme-dark .ztree li span.button.center_close {
+  background: url('images/1x/icon/dark/tree-collapse-3.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-collapse-3.png');
+  _background: none;
+}
+.ztree li span.button.bottom_open {
+  background: url('images/1x/icon/tree-expand-4.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-expand-4.png');
+  _background: none;
+}
+.bi-theme-dark .ztree li span.button.bottom_open {
+  background: url('images/1x/icon/dark/tree-expand-4.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-expand-4.png');
+  _background: none;
+}
+.ztree li span.button.bottom_close {
+  background: url('images/1x/icon/tree-collapse-4.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-collapse-4.png');
+  _background: none;
+}
+.bi-theme-dark .ztree li span.button.bottom_close {
+  background: url('images/1x/icon/dark/tree-collapse-4.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-collapse-4.png');
+  _background: none;
+}
+.ztree li span.button.roots_docu {
+  background: url('images/1x/icon/tree-vertical-line-2.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-vertical-line-2.png');
+  _background: none;
+}
+.bi-theme-dark .ztree li span.button.roots_docu {
+  background: url('images/1x/icon/dark/tree-vertical-line-2.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-vertical-line-2.png');
+  _background: none;
+}
+.ztree li span.button.center_docu {
+  background: url('images/1x/icon/tree-vertical-line-3.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-vertical-line-3.png');
+  _background: none;
+}
+.bi-theme-dark .ztree li span.button.center_docu {
+  background: url('images/1x/icon/dark/tree-vertical-line-3.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-vertical-line-3.png');
+  _background: none;
+}
+.ztree li span.button.bottom_docu {
+  background: url('images/1x/icon/tree-vertical-line-4.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-vertical-line-4.png');
+  _background: none;
+}
+.bi-theme-dark .ztree li span.button.bottom_docu {
+  background: url('images/1x/icon/dark/tree-vertical-line-4.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-vertical-line-4.png');
+  _background: none;
+}
+.ztree li span.button.ico_loading {
+  background: url('images/1x/icon/loading.gif') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/loading.gif');
+  _background: none;
+}
 .base-line-conn-background {
   background: url('images/1x/icon/tree-vertical-line-1.png') repeat-y 0 0;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-vertical-line-1.png');
@@ -1809,405 +2004,3 @@ textarea::-webkit-scrollbar-thumb:hover {
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/half_selected.png');
   _background: none;
 }
-/**
- * Farbtastic Color Picker 1.2
- * © 2008 Steven Wittens
- *
- * This program is free software; you can redistribute it and/or modify
- * 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 * {
-  position: absolute;
-  cursor: crosshair;
-}
-.farbtastic,
-.farbtastic .wheel {
-  width: 195px;
-  height: 195px;
-}
-.farbtastic .color,
-.farbtastic .overlay {
-  top: 47px;
-  left: 47px;
-  width: 101px;
-  height: 101px;
-}
-.farbtastic .wheel {
-  background: url("images/1x/third/farbtastic/wheel.png") no-repeat;
-  width: 195px;
-  height: 195px;
-}
-.farbtastic .overlay {
-  background: url("images/1x/third/farbtastic/mask.png") no-repeat;
-}
-.farbtastic .marker {
-  width: 17px;
-  height: 17px;
-  margin: -8px 0 0 -8px;
-  overflow: hidden;
-  background: url("images/1x/third/farbtastic/marker.png") no-repeat;
-}
-.bi-display-tree .ztree * {
-  color: #999999;
-}
-.bi-display-tree .ztree li span.button.switch.center_open {
-  background-image: url("images/1x//icon/tree-vertical-line-3.png");
-}
-.bi-display-tree .ztree li span.button.switch.roots_open {
-  background-image: url("images/1x//icon/tree-vertical-line-2.png");
-}
-.bi-display-tree .ztree li span.button.switch.bottom_open {
-  background-image: url("images/1x//icon/tree-vertical-line-4.png");
-}
-.bi-display-tree .ztree li a,
-.bi-display-tree .ztree li span {
-  cursor: default !important;
-}
-.bi-display-tree .ztree li a:hover {
-  text-decoration: none;
-}
-.bi-display-tree .ztree li a.curSelectedNode {
-  padding-top: 1px;
-  border: none;
-  background-color: inherit;
-  opacity: 1;
-  filter: alpha(opacity=100);
-}
-/*-------------------------------------
-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("images/1x/icon/tree-vertical-line-1.png") 0 0 repeat-y;
-}
-.bi-theme-dark .ztree li ul.line {
-  background: url("images/1x/icon/dark/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("images/1x/third/ztree/img/zTreeStandard.png");
-  *background-image: url("images/1x/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("images/1x/icon/check-box-normal.png");
-}
-.ztree li span.button.chk.checkbox_false_full_focus {
-  background-image: url("images/1x/icon/check-box-normal.png");
-}
-.ztree li span.button.chk.checkbox_false_part {
-  background-image: url("images/1x/icon/half_selected.png");
-}
-.ztree li span.button.chk.checkbox_false_part_focus {
-  background-image: url("images/1x/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("images/1x/icon/check-box-active.png");
-}
-.ztree li span.button.chk.checkbox_true_full_focus {
-  background-image: url("images/1x/icon/check-box-active.png");
-}
-.ztree li span.button.chk.checkbox_true_part {
-  background-image: url("images/1x/icon/half_selected.png");
-}
-.ztree li span.button.chk.checkbox_true_part_focus {
-  background-image: url("images/1x/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("images/1x/icon/tree-expand-1.png");
-}
-.bi-theme-dark .ztree li span.button.root_open {
-  background-image: url("images/1x/icon/dark/tree-expand-1.png");
-}
-.ztree li span.button.root_close {
-  background-image: url("images/1x/icon/tree-collapse-1.png");
-}
-.bi-theme-dark .ztree li span.button.root_close {
-  background-image: url("images/1x/icon/dark/tree-collapse-1.png");
-}
-.ztree li span.button.roots_open {
-  background-image: url("images/1x/icon/tree-expand-2.png");
-}
-.bi-theme-dark .ztree li span.button.roots_open {
-  background-image: url("images/1x/icon/dark/tree-expand-2.png");
-}
-.ztree li span.button.roots_close {
-  background-image: url("images/1x/icon/tree-collapse-2.png");
-}
-.bi-theme-dark .ztree li span.button.roots_close {
-  background-image: url("images/1x/icon/dark/tree-collapse-2.png");
-}
-.ztree li span.button.center_open {
-  background-image: url("images/1x/icon/tree-expand-3.png");
-}
-.bi-theme-dark .ztree li span.button.center_open {
-  background-image: url("images/1x/icon/dark/tree-expand-3.png");
-}
-.ztree li span.button.center_close {
-  background-image: url("images/1x/icon/tree-collapse-3.png");
-}
-.bi-theme-dark .ztree li span.button.center_close {
-  background-image: url("images/1x/icon/dark/tree-collapse-3.png");
-}
-.ztree li span.button.bottom_open {
-  background-image: url("images/1x/icon/tree-expand-4.png");
-}
-.bi-theme-dark .ztree li span.button.bottom_open {
-  background-image: url("images/1x/icon/dark/tree-expand-4.png");
-}
-.ztree li span.button.bottom_close {
-  background-image: url("images/1x/icon/tree-collapse-4.png");
-}
-.bi-theme-dark .ztree li span.button.bottom_close {
-  background-image: url("images/1x/icon/dark/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("images/1x/icon/tree-vertical-line-2.png");
-}
-.bi-theme-dark .ztree li span.button.roots_docu {
-  background-image: url("images/1x/icon/dark/tree-vertical-line-2.png");
-}
-.ztree li span.button.center_docu {
-  background-image: url("images/1x/icon/tree-vertical-line-3.png");
-}
-.bi-theme-dark .ztree li span.button.center_docu {
-  background-image: url("images/1x/icon/dark/tree-vertical-line-3.png");
-}
-.ztree li span.button.bottom_docu {
-  background-image: url("images/1x/icon/tree-vertical-line-4.png");
-}
-.bi-theme-dark .ztree li span.button.bottom_docu {
-  background-image: url("images/1x/icon/dark/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("images/1x/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("images/1x/third/ztree/img/zTreeStandard.png");
-  *background-image: url("images/1x/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;
-}*/

docs/START.md

@@ -1,37 +1,37 @@
 
-1. bower安装
-```
-bower install fineui
-```
-2. 第一个demo
 
+#### 第一个demo
 ```html
 <html>
-<head>
+    <head>
-      <meta charset="utf-8">
+          <meta charset="utf-8">
-      <title></title>
+          <title></title>
-      <link rel="stylesheet" type="text/css" href="bower_components/dist/bundle.css" />
+          <link rel="stylesheet" type="text/css" href="https://fanruan.coding.me/fineui/dist/bundle.min.css" />
-      <script src="bower_components/dist/bundle.js"></script>
+          <script src="https://coding.net/u/fanruan/p/fineui/git/raw/master/dist/bundle.min.js"></script>
-</head>
+    </head>
-
+    <body>
-<body>
+          <script>
-      <script>
+            $(function(){
-        $(function(){
+                BI.createWidget({
-            BI.createWidget({
+                    type:"bi.absolute",
-                type:"bi.absolute",
+                    element: "body",
-                element: "body",
+                    items: [{
-                items: [{
+                        el:{
-                    el:{
+                            type: "bi.button",
-                        type: "bi.button",
+                            text: "这是一个按钮"
-                        text: "这是一个按钮"
+                        },
-                    },
+                        left: 100,
-                    left: 100,
+                        top: 100
-                    top: 100
+                    }]
-                }]
+                })
             })
-        })
+          </script>
-      </script>
+    </body>
-</body>
-
 </html>
 ```
+#### 源码集成配置
+[http://www.finedevelop.com/pages/viewpage.action?pageId=16056735](http://www.finedevelop.com/pages/viewpage.action?pageId=16056735)
+
+#### 源码集成Demo
+BI的组件就是集成的fineui进行开发的
+[https://coding.net/u/fanruan/p/bi-components/](https://coding.net/u/fanruan/p/bi-components/)

public/css/third/farbtastic/farbtastic.css

@@ -1,52 +0,0 @@
-/**
- * Farbtastic Color Picker 1.2
- * © 2008 Steven Wittens
- *
- * This program is free software; you can redistribute it and/or modify
- * 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 * {
-  position: absolute;
-  cursor: crosshair;
-}
-.farbtastic,
-.farbtastic .wheel {
-  width: 195px;
-  height: 195px;
-}
-.farbtastic .color,
-.farbtastic .overlay {
-  top: 47px;
-  left: 47px;
-  width: 101px;
-  height: 101px;
-}
-.farbtastic .wheel {
-  background: url("https://fanruan.coding.me/fineui/dist/images/1x/third/farbtastic/wheel.png") no-repeat;
-  width: 195px;
-  height: 195px;
-}
-.farbtastic .overlay {
-  background: url("https://fanruan.coding.me/fineui/dist/images/1x/third/farbtastic/mask.png") no-repeat;
-}
-.farbtastic .marker {
-  width: 17px;
-  height: 17px;
-  margin: -8px 0 0 -8px;
-  overflow: hidden;
-  background: url("https://fanruan.coding.me/fineui/dist/images/1x/third/farbtastic/marker.png") no-repeat;
-}

public/css/third/ztree/display.tree.css

@@ -1,26 +0,0 @@
-.bi-display-tree .ztree * {
-  color: #999999;
-}
-.bi-display-tree .ztree li span.button.switch.center_open {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x//icon/tree-vertical-line-3.png");
-}
-.bi-display-tree .ztree li span.button.switch.roots_open {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x//icon/tree-vertical-line-2.png");
-}
-.bi-display-tree .ztree li span.button.switch.bottom_open {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x//icon/tree-vertical-line-4.png");
-}
-.bi-display-tree .ztree li a,
-.bi-display-tree .ztree li span {
-  cursor: default !important;
-}
-.bi-display-tree .ztree li a:hover {
-  text-decoration: none;
-}
-.bi-display-tree .ztree li a.curSelectedNode {
-  padding-top: 1px;
-  border: none;
-  background-color: inherit;
-  opacity: 1;
-  filter: alpha(opacity=100);
-}

public/css/third/ztree/zTreeStyle.css

@@ -1,324 +0,0 @@
-/*-------------------------------------
-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("https://fanruan.coding.me/fineui/dist/images/1x/icon/tree-vertical-line-1.png") 0 0 repeat-y;
-}
-.bi-theme-dark .ztree li ul.line {
-  background: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/dark/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("https://fanruan.coding.me/fineui/dist/images/1x/third/ztree/img/zTreeStandard.png");
-  *background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/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("https://fanruan.coding.me/fineui/dist/images/1x/icon/check-box-normal.png");
-}
-.ztree li span.button.chk.checkbox_false_full_focus {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/check-box-normal.png");
-}
-.ztree li span.button.chk.checkbox_false_part {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/half_selected.png");
-}
-.ztree li span.button.chk.checkbox_false_part_focus {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/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("https://fanruan.coding.me/fineui/dist/images/1x/icon/check-box-active.png");
-}
-.ztree li span.button.chk.checkbox_true_full_focus {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/check-box-active.png");
-}
-.ztree li span.button.chk.checkbox_true_part {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/half_selected.png");
-}
-.ztree li span.button.chk.checkbox_true_part_focus {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/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("https://fanruan.coding.me/fineui/dist/images/1x/icon/tree-expand-1.png");
-}
-.bi-theme-dark .ztree li span.button.root_open {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-expand-1.png");
-}
-.ztree li span.button.root_close {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/tree-collapse-1.png");
-}
-.bi-theme-dark .ztree li span.button.root_close {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-collapse-1.png");
-}
-.ztree li span.button.roots_open {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/tree-expand-2.png");
-}
-.bi-theme-dark .ztree li span.button.roots_open {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-expand-2.png");
-}
-.ztree li span.button.roots_close {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/tree-collapse-2.png");
-}
-.bi-theme-dark .ztree li span.button.roots_close {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-collapse-2.png");
-}
-.ztree li span.button.center_open {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/tree-expand-3.png");
-}
-.bi-theme-dark .ztree li span.button.center_open {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-expand-3.png");
-}
-.ztree li span.button.center_close {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/tree-collapse-3.png");
-}
-.bi-theme-dark .ztree li span.button.center_close {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-collapse-3.png");
-}
-.ztree li span.button.bottom_open {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/tree-expand-4.png");
-}
-.bi-theme-dark .ztree li span.button.bottom_open {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-expand-4.png");
-}
-.ztree li span.button.bottom_close {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/tree-collapse-4.png");
-}
-.bi-theme-dark .ztree li span.button.bottom_close {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/dark/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("https://fanruan.coding.me/fineui/dist/images/1x/icon/tree-vertical-line-2.png");
-}
-.bi-theme-dark .ztree li span.button.roots_docu {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-vertical-line-2.png");
-}
-.ztree li span.button.center_docu {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/tree-vertical-line-3.png");
-}
-.bi-theme-dark .ztree li span.button.center_docu {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/dark/tree-vertical-line-3.png");
-}
-.ztree li span.button.bottom_docu {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/tree-vertical-line-4.png");
-}
-.bi-theme-dark .ztree li span.button.bottom_docu {
-  background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/icon/dark/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("https://fanruan.coding.me/fineui/dist/images/1x/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("https://fanruan.coding.me/fineui/dist/images/1x/third/ztree/img/zTreeStandard.png");
-  *background-image: url("https://fanruan.coding.me/fineui/dist/images/1x/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;
-}*/

public/less/third/farbtastic/farbtastic.less

@@ -1,2 +0,0 @@
-@import "../../../../src/less/resource/third/farbtastic/farbtastic";
-@import "../../var";

public/less/third/ztree/display.tree.less

@@ -1,2 +0,0 @@
-@import "../../../../src/less/resource/third/ztree/display.tree.less";
-@import "../../var";

public/less/third/ztree/zTreeStyle.less

@@ -1,2 +0,0 @@
-@import "../../../../src/less/resource/third/ztree/zTreeStyle";
-@import "../../var";

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

@@ -1,3 +0,0 @@
-.bi-branch-tree .bi-branch-tree-view {
-  min-width: 300px;
-}

src/css/resource/background.css

@@ -1,3 +1,198 @@
+.farbtastic .wheel {
+  background: url('images/1x/background/wheel.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/wheel.png');
+  _background: none;
+}
+.farbtastic .overlay {
+  background: url('images/1x/background/mask.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/mask.png');
+  _background: none;
+}
+.farbtastic .marker {
+  background: url('images/1x/background/marker.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/marker.png');
+  _background: none;
+}
+.bi-display-tree .ztree li span.button.switch.center_open {
+  background: url('images/1x/icon/tree-vertical-line-3.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-vertical-line-3.png');
+  _background: none;
+}
+.bi-display-tree .ztree li span.button.switch.roots_open {
+  background: url('images/1x/icon/tree-vertical-line-2.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-vertical-line-2.png');
+  _background: none;
+}
+.bi-display-tree .ztree li span.button.switch.bottom_open {
+  background: url('images/1x/icon/tree-vertical-line-4.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-vertical-line-4.png');
+  _background: none;
+}
+.ztree li ul.line {
+  background: url('images/1x/icon/tree-vertical-line-1.png') repeat-y 0 0;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-vertical-line-1.png');
+  _background: none;
+}
+.bi-theme-dark .ztree li ul.line {
+  background: url('images/1x/icon/dark/tree-vertical-line-1.png') repeat-y 0 0;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-vertical-line-1.png');
+  _background: none;
+}
+.ztree li span.button.chk.checkbox_false_full {
+  background: url('images/1x/icon/check-box-normal.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check-box-normal.png');
+  _background: none;
+}
+.ztree li span.button.chk.checkbox_false_full_focus {
+  background: url('images/1x/icon/check-box-normal.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check-box-normal.png');
+  _background: none;
+}
+.ztree li span.button.chk.checkbox_false_part {
+  background: url('images/1x/icon/half_selected.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/half_selected.png');
+  _background: none;
+}
+.ztree li span.button.chk.checkbox_false_part_focus {
+  background: url('images/1x/icon/half_selected.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/half_selected.png');
+  _background: none;
+}
+.ztree li span.button.chk.checkbox_true_full {
+  background: url('images/1x/icon/check-box-active.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check-box-active.png');
+  _background: none;
+}
+.ztree li span.button.chk.checkbox_true_full_focus {
+  background: url('images/1x/icon/check-box-active.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check-box-active.png');
+  _background: none;
+}
+.ztree li span.button.chk.checkbox_true_part {
+  background: url('images/1x/icon/half_selected.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/half_selected.png');
+  _background: none;
+}
+.ztree li span.button.chk.checkbox_true_part_focus {
+  background: url('images/1x/icon/half_selected.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/half_selected.png');
+  _background: none;
+}
+.ztree li span.button.root_open {
+  background: url('images/1x/icon/tree-expand-1.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-expand-1.png');
+  _background: none;
+}
+.bi-theme-dark .ztree li span.button.root_open {
+  background: url('images/1x/icon/dark/tree-expand-1.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-expand-1.png');
+  _background: none;
+}
+.ztree li span.button.root_close {
+  background: url('images/1x/icon/tree-collapse-1.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-collapse-1.png');
+  _background: none;
+}
+.bi-theme-dark .ztree li span.button.root_close {
+  background: url('images/1x/icon/dark/tree-collapse-1.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-collapse-1.png');
+  _background: none;
+}
+.ztree li span.button.roots_open {
+  background: url('images/1x/icon/tree-expand-2.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-expand-2.png');
+  _background: none;
+}
+.bi-theme-dark .ztree li span.button.roots_open {
+  background: url('images/1x/icon/dark/tree-expand-2.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-expand-2.png');
+  _background: none;
+}
+.ztree li span.button.roots_close {
+  background: url('images/1x/icon/tree-collapse-2.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-collapse-2.png');
+  _background: none;
+}
+.bi-theme-dark .ztree li span.button.roots_close {
+  background: url('images/1x/icon/dark/tree-collapse-2.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-collapse-2.png');
+  _background: none;
+}
+.ztree li span.button.center_open {
+  background: url('images/1x/icon/tree-expand-3.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-expand-3.png');
+  _background: none;
+}
+.bi-theme-dark .ztree li span.button.center_open {
+  background: url('images/1x/icon/dark/tree-expand-3.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-expand-3.png');
+  _background: none;
+}
+.ztree li span.button.center_close {
+  background: url('images/1x/icon/tree-collapse-3.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-collapse-3.png');
+  _background: none;
+}
+.bi-theme-dark .ztree li span.button.center_close {
+  background: url('images/1x/icon/dark/tree-collapse-3.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-collapse-3.png');
+  _background: none;
+}
+.ztree li span.button.bottom_open {
+  background: url('images/1x/icon/tree-expand-4.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-expand-4.png');
+  _background: none;
+}
+.bi-theme-dark .ztree li span.button.bottom_open {
+  background: url('images/1x/icon/dark/tree-expand-4.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-expand-4.png');
+  _background: none;
+}
+.ztree li span.button.bottom_close {
+  background: url('images/1x/icon/tree-collapse-4.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-collapse-4.png');
+  _background: none;
+}
+.bi-theme-dark .ztree li span.button.bottom_close {
+  background: url('images/1x/icon/dark/tree-collapse-4.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-collapse-4.png');
+  _background: none;
+}
+.ztree li span.button.roots_docu {
+  background: url('images/1x/icon/tree-vertical-line-2.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-vertical-line-2.png');
+  _background: none;
+}
+.bi-theme-dark .ztree li span.button.roots_docu {
+  background: url('images/1x/icon/dark/tree-vertical-line-2.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-vertical-line-2.png');
+  _background: none;
+}
+.ztree li span.button.center_docu {
+  background: url('images/1x/icon/tree-vertical-line-3.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-vertical-line-3.png');
+  _background: none;
+}
+.bi-theme-dark .ztree li span.button.center_docu {
+  background: url('images/1x/icon/dark/tree-vertical-line-3.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-vertical-line-3.png');
+  _background: none;
+}
+.ztree li span.button.bottom_docu {
+  background: url('images/1x/icon/tree-vertical-line-4.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-vertical-line-4.png');
+  _background: none;
+}
+.bi-theme-dark .ztree li span.button.bottom_docu {
+  background: url('images/1x/icon/dark/tree-vertical-line-4.png') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree-vertical-line-4.png');
+  _background: none;
+}
+.ztree li span.button.ico_loading {
+  background: url('images/1x/icon/loading.gif') no-repeat center center;
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/loading.gif');
+  _background: none;
+}
 .base-line-conn-background {
   background: url('images/1x/icon/tree-vertical-line-1.png') repeat-y 0 0;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree-vertical-line-1.png');

src/css/resource/third/farbtastic/farbtastic.css

@@ -1,52 +0,0 @@
-/**
- * Farbtastic Color Picker 1.2
- * © 2008 Steven Wittens
- *
- * This program is free software; you can redistribute it and/or modify
- * 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 * {
-  position: absolute;
-  cursor: crosshair;
-}
-.farbtastic,
-.farbtastic .wheel {
-  width: 195px;
-  height: 195px;
-}
-.farbtastic .color,
-.farbtastic .overlay {
-  top: 47px;
-  left: 47px;
-  width: 101px;
-  height: 101px;
-}
-.farbtastic .wheel {
-  background: url("images/1x/third/farbtastic/wheel.png") no-repeat;
-  width: 195px;
-  height: 195px;
-}
-.farbtastic .overlay {
-  background: url("images/1x/third/farbtastic/mask.png") no-repeat;
-}
-.farbtastic .marker {
-  width: 17px;
-  height: 17px;
-  margin: -8px 0 0 -8px;
-  overflow: hidden;
-  background: url("images/1x/third/farbtastic/marker.png") no-repeat;
-}

src/css/resource/third/ztree/display.tree.css

@@ -1,26 +0,0 @@
-.bi-display-tree .ztree * {
-  color: #999999;
-}
-.bi-display-tree .ztree li span.button.switch.center_open {
-  background-image: url("images/1x//icon/tree-vertical-line-3.png");
-}
-.bi-display-tree .ztree li span.button.switch.roots_open {
-  background-image: url("images/1x//icon/tree-vertical-line-2.png");
-}
-.bi-display-tree .ztree li span.button.switch.bottom_open {
-  background-image: url("images/1x//icon/tree-vertical-line-4.png");
-}
-.bi-display-tree .ztree li a,
-.bi-display-tree .ztree li span {
-  cursor: default !important;
-}
-.bi-display-tree .ztree li a:hover {
-  text-decoration: none;
-}
-.bi-display-tree .ztree li a.curSelectedNode {
-  padding-top: 1px;
-  border: none;
-  background-color: inherit;
-  opacity: 1;
-  filter: alpha(opacity=100);
-}

src/css/resource/third/ztree/zTreeStyle.css

@@ -1,324 +0,0 @@
-/*-------------------------------------
-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("images/1x/icon/tree-vertical-line-1.png") 0 0 repeat-y;
-}
-.bi-theme-dark .ztree li ul.line {
-  background: url("images/1x/icon/dark/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("images/1x/third/ztree/img/zTreeStandard.png");
-  *background-image: url("images/1x/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("images/1x/icon/check-box-normal.png");
-}
-.ztree li span.button.chk.checkbox_false_full_focus {
-  background-image: url("images/1x/icon/check-box-normal.png");
-}
-.ztree li span.button.chk.checkbox_false_part {
-  background-image: url("images/1x/icon/half_selected.png");
-}
-.ztree li span.button.chk.checkbox_false_part_focus {
-  background-image: url("images/1x/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("images/1x/icon/check-box-active.png");
-}
-.ztree li span.button.chk.checkbox_true_full_focus {
-  background-image: url("images/1x/icon/check-box-active.png");
-}
-.ztree li span.button.chk.checkbox_true_part {
-  background-image: url("images/1x/icon/half_selected.png");
-}
-.ztree li span.button.chk.checkbox_true_part_focus {
-  background-image: url("images/1x/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("images/1x/icon/tree-expand-1.png");
-}
-.bi-theme-dark .ztree li span.button.root_open {
-  background-image: url("images/1x/icon/dark/tree-expand-1.png");
-}
-.ztree li span.button.root_close {
-  background-image: url("images/1x/icon/tree-collapse-1.png");
-}
-.bi-theme-dark .ztree li span.button.root_close {
-  background-image: url("images/1x/icon/dark/tree-collapse-1.png");
-}
-.ztree li span.button.roots_open {
-  background-image: url("images/1x/icon/tree-expand-2.png");
-}
-.bi-theme-dark .ztree li span.button.roots_open {
-  background-image: url("images/1x/icon/dark/tree-expand-2.png");
-}
-.ztree li span.button.roots_close {
-  background-image: url("images/1x/icon/tree-collapse-2.png");
-}
-.bi-theme-dark .ztree li span.button.roots_close {
-  background-image: url("images/1x/icon/dark/tree-collapse-2.png");
-}
-.ztree li span.button.center_open {
-  background-image: url("images/1x/icon/tree-expand-3.png");
-}
-.bi-theme-dark .ztree li span.button.center_open {
-  background-image: url("images/1x/icon/dark/tree-expand-3.png");
-}
-.ztree li span.button.center_close {
-  background-image: url("images/1x/icon/tree-collapse-3.png");
-}
-.bi-theme-dark .ztree li span.button.center_close {
-  background-image: url("images/1x/icon/dark/tree-collapse-3.png");
-}
-.ztree li span.button.bottom_open {
-  background-image: url("images/1x/icon/tree-expand-4.png");
-}
-.bi-theme-dark .ztree li span.button.bottom_open {
-  background-image: url("images/1x/icon/dark/tree-expand-4.png");
-}
-.ztree li span.button.bottom_close {
-  background-image: url("images/1x/icon/tree-collapse-4.png");
-}
-.bi-theme-dark .ztree li span.button.bottom_close {
-  background-image: url("images/1x/icon/dark/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("images/1x/icon/tree-vertical-line-2.png");
-}
-.bi-theme-dark .ztree li span.button.roots_docu {
-  background-image: url("images/1x/icon/dark/tree-vertical-line-2.png");
-}
-.ztree li span.button.center_docu {
-  background-image: url("images/1x/icon/tree-vertical-line-3.png");
-}
-.bi-theme-dark .ztree li span.button.center_docu {
-  background-image: url("images/1x/icon/dark/tree-vertical-line-3.png");
-}
-.ztree li span.button.bottom_docu {
-  background-image: url("images/1x/icon/tree-vertical-line-4.png");
-}
-.bi-theme-dark .ztree li span.button.bottom_docu {
-  background-image: url("images/1x/icon/dark/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("images/1x/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("images/1x/third/ztree/img/zTreeStandard.png");
-  *background-image: url("images/1x/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;
-}*/

src/less/base/colorchooser/farbtastic/farbtastic.less

@@ -0,0 +1,32 @@
+@import "../../../bibase";
+
+.farbtastic {
+  position: relative;
+}
+.farbtastic * {
+  position: absolute;
+  cursor: crosshair;
+}
+.farbtastic, .farbtastic .wheel {
+  width: 195px;
+  height: 195px;
+}
+.farbtastic .color, .farbtastic .overlay {
+  top: 47px;
+  left: 47px;
+  width: 101px;
+  height: 101px;
+}
+.farbtastic .wheel {
+  width: 195px;
+  height: 195px;
+}
+.farbtastic .overlay {
+}
+.farbtastic .marker {
+  width: 17px;
+  height: 17px;
+  margin: -8px 0 0 -8px;
+  overflow: hidden;
+}
+

src/less/base/tree/tree.display.less

@@ -0,0 +1,20 @@
+@import "../../bibase";
+
+.bi-display-tree{
+  .ztree * {
+    color: @color-bi-text-gray;
+  }
+
+  & .ztree li a, & .ztree li span{
+    cursor: default !important;
+  }
+  & .ztree li a:hover{
+    text-decoration: none;
+  }
+  & .ztree li a.curSelectedNode{
+    padding-top: 1px;
+    border: none;
+    background-color: inherit;
+    .opacity(1);
+  }
+}

src/less/base/tree/ztree.less

@@ -0,0 +1,263 @@
+@import "../../bibase";
+
+.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 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 {
+}
+
+.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.tmpTargetNode_prev {
+}
+
+.ztree li a.tmpTargetNode_next {
+}
+
+.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;
+}
+
+.ztree li span.button.chk {
+  width: 16px;
+  height: 16px;
+  margin: 0 3px 0 0;
+  cursor: auto
+}
+
+.ztree li span.button.chk.checkbox_false_disable {
+  background-position: 0 -56px
+}
+
+.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.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.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;
+  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;
+}
+
+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;
+}*/

src/less/lib/background.less

@@ -1,2 +1,6 @@
 @background-auto-color: "background/auto-color.png";
 @background-trans-color: "background/trans-color.png";
+
+@background-farbtastic-wheel:"background/wheel.png";
+@background-farbtastic-overlay:"background/mask.png";
+@background-farbtastic-marker:"background/marker.png";

src/less/lib/icon.less

@@ -41,3 +41,4 @@
 @icon-tree-vertical-line-4-theme-dark: "icon/dark/tree-vertical-line-4.png";
 
 @icon-loading: "icon/loading.gif";
+

src/less/resource/background.less

@@ -2,6 +2,187 @@
 @import "../lib/icon";
 @import "../lib/background";
 
+.farbtastic .wheel {
+  .imagePath(@background-farbtastic-wheel);
+}
+
+.farbtastic .overlay {
+  .imagePath(@background-farbtastic-overlay);
+}
+
+.farbtastic .marker {
+  .imagePath(@background-farbtastic-marker);
+}
+
+.bi-display-tree {
+  & .ztree li span.button.switch.center_open {
+    .imagePath(@icon-tree-vertical-line-3);
+  }
+
+  & .ztree li span.button.switch.roots_open {
+    .imagePath(@icon-tree-vertical-line-2);
+  }
+
+  & .ztree li span.button.switch.bottom_open {
+    .imagePath(@icon-tree-vertical-line-4);
+  }
+}
+
+.ztree li ul.line {
+  .imagePath(@icon-tree-vertical-line-1, 0, 0, repeat-y);
+}
+
+.bi-theme-dark {
+  .ztree li ul.line {
+    .imagePath(@icon-tree-vertical-line-1-theme-dark, 0, 0, repeat-y);
+  }
+}
+
+.ztree li span.button.chk.checkbox_false_full {
+  .imagePath(@icon-checkbox-normal);
+}
+
+.ztree li span.button.chk.checkbox_false_full_focus {
+  .imagePath(@icon-checkbox-normal);
+}
+
+.ztree li span.button.chk.checkbox_false_part {
+  .imagePath(@icon-half-select);
+}
+
+.ztree li span.button.chk.checkbox_false_part_focus {
+  .imagePath(@icon-half-select);
+}
+
+.ztree li span.button.chk.checkbox_true_full {
+  .imagePath(@icon-checkbox-active);
+}
+
+.ztree li span.button.chk.checkbox_true_full_focus {
+  .imagePath(@icon-checkbox-active);
+}
+
+.ztree li span.button.chk.checkbox_true_part {
+  .imagePath(@icon-half-select);
+}
+
+.ztree li span.button.chk.checkbox_true_part_focus {
+  .imagePath(@icon-half-select);
+}
+
+.ztree li span.button.root_open {
+  .imagePath(@icon-tree-expand-type1);
+}
+
+.bi-theme-dark {
+  .ztree li span.button.root_open {
+    .imagePath(@icon-tree-expand-type1-theme-dark);
+  }
+}
+
+.ztree li span.button.root_close {
+  .imagePath(@icon-tree-collapse-type1);
+}
+
+.bi-theme-dark {
+  .ztree li span.button.root_close {
+    .imagePath(@icon-tree-collapse-type1-theme-dark);
+  }
+}
+
+.ztree li span.button.roots_open {
+  .imagePath(@icon-tree-expand-type2);
+}
+
+.bi-theme-dark {
+  .ztree li span.button.roots_open {
+    .imagePath(@icon-tree-expand-type2-theme-dark);
+  }
+}
+
+.ztree li span.button.roots_close {
+  .imagePath(@icon-tree-collapse-type2);
+}
+
+.bi-theme-dark {
+  .ztree li span.button.roots_close {
+    .imagePath(@icon-tree-collapse-type2-theme-dark);
+  }
+}
+
+.ztree li span.button.center_open {
+  .imagePath(@icon-tree-expand-type3);
+}
+
+.bi-theme-dark {
+  .ztree li span.button.center_open {
+    .imagePath(@icon-tree-expand-type3-theme-dark);
+  }
+}
+
+.ztree li span.button.center_close {
+  .imagePath(@icon-tree-collapse-type3);
+}
+
+.bi-theme-dark {
+  .ztree li span.button.center_close {
+    .imagePath(@icon-tree-collapse-type3-theme-dark);
+  }
+}
+
+.ztree li span.button.bottom_open {
+  .imagePath(@icon-tree-expand-type4);
+}
+
+.bi-theme-dark {
+  .ztree li span.button.bottom_open {
+    .imagePath(@icon-tree-expand-type4-theme-dark);
+  }
+}
+
+.ztree li span.button.bottom_close {
+  .imagePath(@icon-tree-collapse-type4);
+}
+
+.bi-theme-dark {
+  .ztree li span.button.bottom_close {
+    .imagePath(@icon-tree-collapse-type4-theme-dark);
+  }
+}
+
+.ztree li span.button.roots_docu {
+  .imagePath(@icon-tree-vertical-line-2);
+}
+
+.bi-theme-dark {
+  .ztree li span.button.roots_docu {
+    .imagePath(@icon-tree-vertical-line-2-theme-dark);
+  }
+}
+
+.ztree li span.button.center_docu {
+  .imagePath(@icon-tree-vertical-line-3);
+}
+
+.bi-theme-dark {
+  .ztree li span.button.center_docu {
+    .imagePath(@icon-tree-vertical-line-3-theme-dark);
+  }
+}
+
+.ztree li span.button.bottom_docu {
+  .imagePath(@icon-tree-vertical-line-4);
+}
+
+.bi-theme-dark {
+  .ztree li span.button.bottom_docu {
+    .imagePath(@icon-tree-vertical-line-4-theme-dark);
+  }
+}
+.ztree li span.button.ico_loading {
+  .imagePath(@icon-loading);
+}
+
 .base-line-conn-background {
   .imagePath(@icon-tree-vertical-line-1, 0, 0, repeat-y);
 }

src/less/resource/third/farbtastic/farbtastic.less

@@ -1,53 +0,0 @@
-/**
- * Farbtastic Color Picker 1.2
- * © 2008 Steven Wittens
- *
- * This program is free software; you can redistribute it and/or modify
- * 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
- */
-@import "../../../bibase";
-
-.farbtastic {
-  position: relative;
-}
-.farbtastic * {
-  position: absolute;
-  cursor: crosshair;
-}
-.farbtastic, .farbtastic .wheel {
-  width: 195px;
-  height: 195px;
-}
-.farbtastic .color, .farbtastic .overlay {
-  top: 47px;
-  left: 47px;
-  width: 101px;
-  height: 101px;
-}
-.farbtastic .wheel {
-  background: url("@{imageUrl}third/farbtastic/wheel.png") no-repeat;
-  width: 195px;
-  height: 195px;
-}
-.farbtastic .overlay {
-  background: url("@{imageUrl}third/farbtastic/mask.png") no-repeat;
-}
-.farbtastic .marker {
-  width: 17px;
-  height: 17px;
-  margin: -8px 0 0 -8px;
-  overflow: hidden;
-  background: url("@{imageUrl}third/farbtastic/marker.png") no-repeat;
-}
-

src/less/resource/third/ztree/display.tree.less

@@ -1,30 +0,0 @@
-@import "../../../bibase";
-
-.bi-display-tree{
-  .ztree * {
-    color: @color-bi-text-gray;
-  }
-  & .ztree li span.button.switch.center_open{
-    background-image:url("@{imageUrl}/icon/tree-vertical-line-3.png");
-  }
-
-  & .ztree li span.button.switch.roots_open{
-    background-image:url("@{imageUrl}/icon/tree-vertical-line-2.png");
-  }
-
-  & .ztree li span.button.switch.bottom_open{
-    background-image:url("@{imageUrl}/icon/tree-vertical-line-4.png");
-  }
-  & .ztree li a, & .ztree li span{
-    cursor: default !important;
-  }
-  & .ztree li a:hover{
-    text-decoration: none;
-  }
-  & .ztree li a.curSelectedNode{
-    padding-top: 1px;
-    border: none;
-    background-color: inherit;
-    .opacity(1);
-  }
-}

src/less/resource/third/ztree/zTreeStyle.less

@@ -1,193 +0,0 @@
-/*-------------------------------------
-zTree Style
-
-version:	3.5.17
-author:		Hunter.z
-email:		hunter.z@263.net
-website:	http://code.google.com/p/jquerytree/
-
--------------------------------------*/
-@import "../../../bibase";
-
-.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("@{imageUrl}icon/tree-vertical-line-1.png") 0 0 repeat-y;}
-.bi-theme-dark{
-  .ztree li ul.line{ background:url("@{imageUrl}icon/dark/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 {}
-.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.tmpTargetNode_prev {}
-.ztree li a.tmpTargetNode_next {}
-.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("@{imageUrl}third/ztree/img/zTreeStandard.png"); *background-image:url("@{imageUrl}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("@{imageUrl}icon/check-box-normal.png");
-}
-.ztree li span.button.chk.checkbox_false_full_focus {
-  background-image:url("@{imageUrl}icon/check-box-normal.png");
-}
-.ztree li span.button.chk.checkbox_false_part {
-  background-image:url("@{imageUrl}icon/half_selected.png");
-}
-.ztree li span.button.chk.checkbox_false_part_focus {
-  background-image:url("@{imageUrl}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("@{imageUrl}icon/check-box-active.png");
-}
-.ztree li span.button.chk.checkbox_true_full_focus {
-  background-image:url("@{imageUrl}icon/check-box-active.png");
-}
-.ztree li span.button.chk.checkbox_true_part {
-  background-image:url("@{imageUrl}icon/half_selected.png");
-}
-.ztree li span.button.chk.checkbox_true_part_focus {
-  background-image:url("@{imageUrl}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("@{imageUrl}icon/tree-expand-1.png");
-}
-.bi-theme-dark{
-  .ztree li span.button.root_open{
-    background-image:url("@{imageUrl}icon/dark/tree-expand-1.png");
-  }
-}
-.ztree li span.button.root_close{
-  background-image:url("@{imageUrl}icon/tree-collapse-1.png");
-}
-.bi-theme-dark{
-  .ztree li span.button.root_close{
-    background-image:url("@{imageUrl}icon/dark/tree-collapse-1.png");
-  }
-}
-.ztree li span.button.roots_open{
-  background-image:url("@{imageUrl}icon/tree-expand-2.png");
-}
-.bi-theme-dark{
-  .ztree li span.button.roots_open{
-    background-image:url("@{imageUrl}icon/dark/tree-expand-2.png");
-  }
-}
-.ztree li span.button.roots_close{
-  background-image:url("@{imageUrl}icon/tree-collapse-2.png");
-}
-.bi-theme-dark{
-  .ztree li span.button.roots_close{
-    background-image:url("@{imageUrl}icon/dark/tree-collapse-2.png");
-  }
-}
-.ztree li span.button.center_open{
-  background-image:url("@{imageUrl}icon/tree-expand-3.png");
-}
-.bi-theme-dark{
-  .ztree li span.button.center_open{
-    background-image:url("@{imageUrl}icon/dark/tree-expand-3.png");
-  }
-}
-.ztree li span.button.center_close{
-  background-image:url("@{imageUrl}icon/tree-collapse-3.png");
-}
-.bi-theme-dark{
-  .ztree li span.button.center_close{
-    background-image:url("@{imageUrl}icon/dark/tree-collapse-3.png");
-  }
-}
-.ztree li span.button.bottom_open{
-  background-image:url("@{imageUrl}icon/tree-expand-4.png");
-}
-.bi-theme-dark{
-  .ztree li span.button.bottom_open{
-    background-image:url("@{imageUrl}icon/dark/tree-expand-4.png");
-  }
-}
-.ztree li span.button.bottom_close{
-  background-image:url("@{imageUrl}icon/tree-collapse-4.png");
-}
-.bi-theme-dark{
-  .ztree li span.button.bottom_close{
-    background-image:url("@{imageUrl}icon/dark/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("@{imageUrl}icon/tree-vertical-line-2.png");
-}
-.bi-theme-dark{
-  .ztree li span.button.roots_docu{
-    background-image:url("@{imageUrl}icon/dark/tree-vertical-line-2.png");
-  }
-}
-.ztree li span.button.center_docu{
-  background-image:url("@{imageUrl}icon/tree-vertical-line-3.png");
-}
-.bi-theme-dark{
-  .ztree li span.button.center_docu{
-    background-image:url("@{imageUrl}icon/dark/tree-vertical-line-3.png");
-  }
-}
-.ztree li span.button.bottom_docu{
-  background-image:url("@{imageUrl}icon/tree-vertical-line-4.png");
-}
-.bi-theme-dark{.ztree li span.button.bottom_docu{
-  background-image:url("@{imageUrl}icon/dark/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("@{imageUrl}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("@{imageUrl}third/ztree/img/zTreeStandard.png"); *background-image:url("@{imageUrl}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;
-}*/