Browse Source

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

* commit '791ac9c5275056464af6dab16172373a58a0112c':
  update
  update
  BI-11282 402文本组件背景不受全局样式影响
  update
  BI-6175 滑块宽高
es6
guy 7 years ago
parent
commit
7d4cfeffd1
  1. 9
      bi/base.css
  2. 9
      bi/sliders.js
  3. 9
      dist/base.css
  4. 9
      dist/bundle.css
  5. 2
      dist/bundle.min.css
  6. 71
      dist/index.html
  7. 9
      dist/sliders.js
  8. 7
      src/addons/sliders/js/intervalslider/intervalslider.js
  9. 2
      src/addons/sliders/js/singleslider/singleslider.js
  10. 9
      src/css/base/single/input/input.css
  11. 2
      src/less/base/single/input/input.less

9
bi/base.css

@ -884,7 +884,8 @@ li.CodeMirror-hint-active {
filter: alpha(opacity=0); filter: alpha(opacity=0);
z-index: 2; z-index: 2;
} }
.bi-input { .bi-input,
.bi-textarea {
border: none; border: none;
outline: none; outline: none;
background-color: transparent; background-color: transparent;
@ -893,10 +894,12 @@ li.CodeMirror-hint-active {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.bi-input.bi-input-focus { .bi-input.bi-input-focus,
.bi-textarea.bi-input-focus {
border: none; border: none;
} }
.bi-input.bi-input-error { .bi-input.bi-input-error,
.bi-textarea.bi-input-error {
border: none; border: none;
color: #e85050 !important; color: #e85050 !important;
} }

9
bi/sliders.js

@ -6,7 +6,6 @@ BI.IntervalSlider = BI.inherit(BI.Widget, {
EDITOR_WIDTH: 58, EDITOR_WIDTH: 58,
EDITOR_R_GAP: 60, EDITOR_R_GAP: 60,
EDITOR_HEIGHT: 30, EDITOR_HEIGHT: 30,
HEIGHT: 28,
SLIDER_WIDTH_HALF: 15, SLIDER_WIDTH_HALF: 15,
SLIDER_WIDTH: 30, SLIDER_WIDTH: 30,
SLIDER_HEIGHT: 30, SLIDER_HEIGHT: 30,
@ -51,7 +50,6 @@ BI.IntervalSlider = BI.inherit(BI.Widget, {
cls: "slider-editor-button", cls: "slider-editor-button",
errorText: "", errorText: "",
allowBlank: false, allowBlank: false,
height: c.HEIGHT,
width: c.EDITOR_WIDTH, width: c.EDITOR_WIDTH,
validationChecker: function (v) { validationChecker: function (v) {
return self._checkValidation(v); return self._checkValidation(v);
@ -78,7 +76,6 @@ BI.IntervalSlider = BI.inherit(BI.Widget, {
cls: "slider-editor-button", cls: "slider-editor-button",
errorText: "", errorText: "",
allowBlank: false, allowBlank: false,
height: c.HEIGHT,
width: c.EDITOR_WIDTH, width: c.EDITOR_WIDTH,
validationChecker: function (v) { validationChecker: function (v) {
return self._checkValidation(v); return self._checkValidation(v);
@ -122,6 +119,10 @@ BI.IntervalSlider = BI.inherit(BI.Widget, {
var significantPercent = BI.parseFloat(percent.toFixed(1)); var significantPercent = BI.parseFloat(percent.toFixed(1));
self._setSliderOnePosition(significantPercent); self._setSliderOnePosition(significantPercent);
self.fireEvent(BI.IntervalSlider.EVENT_CHANGE); self.fireEvent(BI.IntervalSlider.EVENT_CHANGE);
ui.helper.removeClass("dragging");
},
start: function (e, ui) {
ui.helper.removeClass("dragging").addClass("dragging");
} }
}); });
@ -1183,7 +1184,6 @@ BI.SingleSlider = BI.inherit(BI.Widget, {
_constant: { _constant: {
EDITOR_WIDTH: 90, EDITOR_WIDTH: 90,
EDITOR_HEIGHT: 30, EDITOR_HEIGHT: 30,
HEIGHT: 28,
SLIDER_WIDTH_HALF: 15, SLIDER_WIDTH_HALF: 15,
SLIDER_WIDTH: 30, SLIDER_WIDTH: 30,
SLIDER_HEIGHT: 30, SLIDER_HEIGHT: 30,
@ -1276,7 +1276,6 @@ BI.SingleSlider = BI.inherit(BI.Widget, {
type: "bi.sign_editor", type: "bi.sign_editor",
cls: "slider-editor-button", cls: "slider-editor-button",
errorText: "", errorText: "",
height: c.HEIGHT,
width: c.EDITOR_WIDTH - 2, width: c.EDITOR_WIDTH - 2,
allowBlank: false, allowBlank: false,
validationChecker: function (v) { validationChecker: function (v) {

9
dist/base.css vendored

@ -884,7 +884,8 @@ li.CodeMirror-hint-active {
filter: alpha(opacity=0); filter: alpha(opacity=0);
z-index: 2; z-index: 2;
} }
.bi-input { .bi-input,
.bi-textarea {
border: none; border: none;
outline: none; outline: none;
background-color: transparent; background-color: transparent;
@ -893,10 +894,12 @@ li.CodeMirror-hint-active {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.bi-input.bi-input-focus { .bi-input.bi-input-focus,
.bi-textarea.bi-input-focus {
border: none; border: none;
} }
.bi-input.bi-input-error { .bi-input.bi-input-error,
.bi-textarea.bi-input-error {
border: none; border: none;
color: #e85050 !important; color: #e85050 !important;
} }

9
dist/bundle.css vendored

@ -2463,7 +2463,8 @@ li.CodeMirror-hint-active {
filter: alpha(opacity=0); filter: alpha(opacity=0);
z-index: 2; z-index: 2;
} }
.bi-input { .bi-input,
.bi-textarea {
border: none; border: none;
outline: none; outline: none;
background-color: transparent; background-color: transparent;
@ -2472,10 +2473,12 @@ li.CodeMirror-hint-active {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.bi-input.bi-input-focus { .bi-input.bi-input-focus,
.bi-textarea.bi-input-focus {
border: none; border: none;
} }
.bi-input.bi-input-error { .bi-input.bi-input-error,
.bi-textarea.bi-input-error {
border: none; border: none;
color: #e85050 !important; color: #e85050 !important;
} }

2
dist/bundle.min.css vendored

File diff suppressed because one or more lines are too long

71
dist/index.html vendored

@ -2,37 +2,56 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title></title> <title></title>
<link rel="stylesheet" type="text/css" href="core.css" /> <!--核心css文件-->
<link rel="stylesheet" type="text/css" href="base.css" /> <link rel="stylesheet" type="text/css" href="core.css"/>
<link rel="stylesheet" type="text/css" href="widget.css" /> <!--基础css文件, 包含一些最基本控件的样式-->
<link rel="stylesheet" type="text/css" href="resource.css" /> <link rel="stylesheet" type="text/css" href="base.css"/>
<link rel="stylesheet" type="text/css" href="demo.css" /> <!--BI控件样式-->
<link rel="stylesheet" type="text/css" href="sliders.css" /> <link rel="stylesheet" type="text/css" href="widget.css"/>
<!--资源样式, 包括font、icon、background、app-->
<link rel="stylesheet" type="text/css" href="resource.css"/>
<!--单值滑块、双值滑块控件样式-->
<link rel="stylesheet" type="text/css" href="sliders.css"/>
<!--当前demo定义的样式-->
<link rel="stylesheet" type="text/css" href="demo.css"/>
<script src="polyfill.js"></script> <!--IE9及以下兼容-->
<script src="core.js"></script> <script src="polyfill.js"></script>
<script src="fix/fix-1.0.js"></script> <!--核心js-->
<script src="fix/fix.js"></script> <script src="core.js"></script>
<script src="fix/fix.compact.js"></script> <!--fix1.0版本框架, 只用ui的话不用引入, 引入的顺序需在core.js之后, 可以和2.0版本同步使用或使用任一个均可-->
<script src="jqueryui.js"></script> <script src="fix/fix-1.0.js"></script>
<script src="base.js"></script> <!--fix2.0版本框架, 只用ui的话不用引入, 引入的顺序需在core.js之后-->
<script src="case.js"></script> <script src="fix/fix.js"></script>
<script src="widget.js"></script> <!--fix2.0版本框架, 只用ui的话不用引入, 引入的顺序需在core.js之后-->
<script src="sliders.js"></script> <script src="fix/fix.compact.js"></script>
<script src="config.js"></script>
<!--图表-->
<!--<script src="vancharts-all.js"></script>-->
<!--<script src="biconst.js"></script>-->
<!--图表用到的常量(直接拿的bi的常量)-->
<!--<script src="chart.js"></script>-->
<script src="demo.js"></script> <!--基础js, 包括最基本的控件-->
<script src="base.js"></script>
<!--基础js, 存放一些通用组件,如选色组件、富文本组件等-->
<script src="case.js"></script>
<!--BI控件js-->
<script src="widget.js"></script>
<!--jqueryui包括jquery的draggable、droppable、resizable-->
<script src="jqueryui.js"></script>
<!--单值滑块、双值滑块js, 因为用了jqueryui,所以提出来了-->
<script src="sliders.js"></script>
<!--工程配置文件,主要是BI.servletURL(根目录)、BI.resourceURL(资源路径)、BI.i18n(国际化)-->
<script src="config.js"></script>
<!--图表-->
<!--<script src="vancharts-all.js"></script>-->
<!--<script src="biconst.js"></script>-->
<!--图表用到的常量(直接拿的bi的常量)-->
<!--<script src="chart.js"></script>-->
<script src="demo.js"></script>
</head> </head>
<body> <body>
<div id="wrapper"></div> <div id="wrapper"></div>
</body> </body>
</html> </html>

9
dist/sliders.js vendored

@ -6,7 +6,6 @@ BI.IntervalSlider = BI.inherit(BI.Widget, {
EDITOR_WIDTH: 58, EDITOR_WIDTH: 58,
EDITOR_R_GAP: 60, EDITOR_R_GAP: 60,
EDITOR_HEIGHT: 30, EDITOR_HEIGHT: 30,
HEIGHT: 28,
SLIDER_WIDTH_HALF: 15, SLIDER_WIDTH_HALF: 15,
SLIDER_WIDTH: 30, SLIDER_WIDTH: 30,
SLIDER_HEIGHT: 30, SLIDER_HEIGHT: 30,
@ -51,7 +50,6 @@ BI.IntervalSlider = BI.inherit(BI.Widget, {
cls: "slider-editor-button", cls: "slider-editor-button",
errorText: "", errorText: "",
allowBlank: false, allowBlank: false,
height: c.HEIGHT,
width: c.EDITOR_WIDTH, width: c.EDITOR_WIDTH,
validationChecker: function (v) { validationChecker: function (v) {
return self._checkValidation(v); return self._checkValidation(v);
@ -78,7 +76,6 @@ BI.IntervalSlider = BI.inherit(BI.Widget, {
cls: "slider-editor-button", cls: "slider-editor-button",
errorText: "", errorText: "",
allowBlank: false, allowBlank: false,
height: c.HEIGHT,
width: c.EDITOR_WIDTH, width: c.EDITOR_WIDTH,
validationChecker: function (v) { validationChecker: function (v) {
return self._checkValidation(v); return self._checkValidation(v);
@ -122,6 +119,10 @@ BI.IntervalSlider = BI.inherit(BI.Widget, {
var significantPercent = BI.parseFloat(percent.toFixed(1)); var significantPercent = BI.parseFloat(percent.toFixed(1));
self._setSliderOnePosition(significantPercent); self._setSliderOnePosition(significantPercent);
self.fireEvent(BI.IntervalSlider.EVENT_CHANGE); self.fireEvent(BI.IntervalSlider.EVENT_CHANGE);
ui.helper.removeClass("dragging");
},
start: function (e, ui) {
ui.helper.removeClass("dragging").addClass("dragging");
} }
}); });
@ -1183,7 +1184,6 @@ BI.SingleSlider = BI.inherit(BI.Widget, {
_constant: { _constant: {
EDITOR_WIDTH: 90, EDITOR_WIDTH: 90,
EDITOR_HEIGHT: 30, EDITOR_HEIGHT: 30,
HEIGHT: 28,
SLIDER_WIDTH_HALF: 15, SLIDER_WIDTH_HALF: 15,
SLIDER_WIDTH: 30, SLIDER_WIDTH: 30,
SLIDER_HEIGHT: 30, SLIDER_HEIGHT: 30,
@ -1276,7 +1276,6 @@ BI.SingleSlider = BI.inherit(BI.Widget, {
type: "bi.sign_editor", type: "bi.sign_editor",
cls: "slider-editor-button", cls: "slider-editor-button",
errorText: "", errorText: "",
height: c.HEIGHT,
width: c.EDITOR_WIDTH - 2, width: c.EDITOR_WIDTH - 2,
allowBlank: false, allowBlank: false,
validationChecker: function (v) { validationChecker: function (v) {

7
src/addons/sliders/js/intervalslider/intervalslider.js

@ -6,7 +6,6 @@ BI.IntervalSlider = BI.inherit(BI.Widget, {
EDITOR_WIDTH: 58, EDITOR_WIDTH: 58,
EDITOR_R_GAP: 60, EDITOR_R_GAP: 60,
EDITOR_HEIGHT: 30, EDITOR_HEIGHT: 30,
HEIGHT: 28,
SLIDER_WIDTH_HALF: 15, SLIDER_WIDTH_HALF: 15,
SLIDER_WIDTH: 30, SLIDER_WIDTH: 30,
SLIDER_HEIGHT: 30, SLIDER_HEIGHT: 30,
@ -51,7 +50,6 @@ BI.IntervalSlider = BI.inherit(BI.Widget, {
cls: "slider-editor-button", cls: "slider-editor-button",
errorText: "", errorText: "",
allowBlank: false, allowBlank: false,
height: c.HEIGHT,
width: c.EDITOR_WIDTH, width: c.EDITOR_WIDTH,
validationChecker: function (v) { validationChecker: function (v) {
return self._checkValidation(v); return self._checkValidation(v);
@ -78,7 +76,6 @@ BI.IntervalSlider = BI.inherit(BI.Widget, {
cls: "slider-editor-button", cls: "slider-editor-button",
errorText: "", errorText: "",
allowBlank: false, allowBlank: false,
height: c.HEIGHT,
width: c.EDITOR_WIDTH, width: c.EDITOR_WIDTH,
validationChecker: function (v) { validationChecker: function (v) {
return self._checkValidation(v); return self._checkValidation(v);
@ -122,6 +119,10 @@ BI.IntervalSlider = BI.inherit(BI.Widget, {
var significantPercent = BI.parseFloat(percent.toFixed(1)); var significantPercent = BI.parseFloat(percent.toFixed(1));
self._setSliderOnePosition(significantPercent); self._setSliderOnePosition(significantPercent);
self.fireEvent(BI.IntervalSlider.EVENT_CHANGE); self.fireEvent(BI.IntervalSlider.EVENT_CHANGE);
ui.helper.removeClass("dragging");
},
start: function (e, ui) {
ui.helper.removeClass("dragging").addClass("dragging");
} }
}); });

2
src/addons/sliders/js/singleslider/singleslider.js

@ -5,7 +5,6 @@ BI.SingleSlider = BI.inherit(BI.Widget, {
_constant: { _constant: {
EDITOR_WIDTH: 90, EDITOR_WIDTH: 90,
EDITOR_HEIGHT: 30, EDITOR_HEIGHT: 30,
HEIGHT: 28,
SLIDER_WIDTH_HALF: 15, SLIDER_WIDTH_HALF: 15,
SLIDER_WIDTH: 30, SLIDER_WIDTH: 30,
SLIDER_HEIGHT: 30, SLIDER_HEIGHT: 30,
@ -98,7 +97,6 @@ BI.SingleSlider = BI.inherit(BI.Widget, {
type: "bi.sign_editor", type: "bi.sign_editor",
cls: "slider-editor-button", cls: "slider-editor-button",
errorText: "", errorText: "",
height: c.HEIGHT,
width: c.EDITOR_WIDTH - 2, width: c.EDITOR_WIDTH - 2,
allowBlank: false, allowBlank: false,
validationChecker: function (v) { validationChecker: function (v) {

9
src/css/base/single/input/input.css

@ -1,4 +1,5 @@
.bi-input { .bi-input,
.bi-textarea {
border: none; border: none;
outline: none; outline: none;
background-color: transparent; background-color: transparent;
@ -7,10 +8,12 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.bi-input.bi-input-focus { .bi-input.bi-input-focus,
.bi-textarea.bi-input-focus {
border: none; border: none;
} }
.bi-input.bi-input-error { .bi-input.bi-input-error,
.bi-textarea.bi-input-error {
border: none; border: none;
color: #e85050 !important; color: #e85050 !important;
} }

2
src/less/base/single/input/input.less

@ -1,6 +1,6 @@
@import "../../../bibase"; @import "../../../bibase";
.bi-input{ .bi-input, .bi-textarea{
border: none; border: none;
outline: none; outline: none;
background-color: transparent; background-color: transparent;

Loading…
Cancel
Save