Merge branch 'master' of ssh://code.fineres.com:7999/~claire.tang/fineui

changelog.md

@@ -1,5 +1,7 @@
 # 更新日志
 2.0(2020-11)
+- bi.textarea_editor添加setWatermark方法
+- 生命周期可以通过属性传递来操作
 - 修复了颜色选择器hex框不能输入为空的问题
 - 增加纯文本组件bi.pure_text
 - store支持webworker,引入多线程机制

dist/2.0/fineui.js

@@ -1,4 +1,4 @@
-/*! time: 2020-11-25 17:20:34 */
+/*! time: 2020-11-26 11:40:31 */
 /******/ (function(modules) { // webpackBootstrap
 /******/ 	// The module cache
 /******/ 	var installedModules = {};
@@ -14215,6 +14215,7 @@ module.exports = function (exec) {
 })();
 
 
+
 /***/ }),
 /* 302 */
 /***/ (function(module, exports) {
@@ -30226,7 +30227,7 @@ BI.TextAreaEditor = BI.inherit(BI.Single, {
         });
     },
 
-    render: function() {
+    render: function () {
         var o = this.options, self = this;
         this.content = BI.createWidget({
             type: "bi.layout",
@@ -30235,7 +30236,7 @@ BI.TextAreaEditor = BI.inherit(BI.Single, {
             height: "100%",
             cls: "bi-textarea textarea-editor-content display-block"
         });
-        this.content.element.css({resize: "none"});
+        this.content.element.css({ resize: "none" });
         BI.createWidget({
             type: "bi.absolute",
             element: this,
@@ -30385,6 +30386,11 @@ BI.TextAreaEditor = BI.inherit(BI.Single, {
         return this.style;
     },
 
+    setWatermark: function (v) {
+        this.options.watermark = v;
+        this._checkWaterMark();
+    },
+
     _setValid: function (b) {
         BI.TextAreaEditor.superclass._setValid.apply(this, arguments);
         // this.content.setValid(b);
@@ -30401,6 +30407,7 @@ BI.TextAreaEditor.EVENT_BLUR = "EVENT_BLUR";
 BI.TextAreaEditor.EVENT_FOCUS = "EVENT_FOCUS";
 BI.shortcut("bi.textarea_editor", BI.TextAreaEditor);
 
+
 /***/ }),
 /* 420 */
 /***/ (function(module, exports) {

dist/demo.js

@@ -1,4 +1,4 @@
-/*! time: 2020-11-25 17:20:34 */
+/*! time: 2020-11-26 11:40:31 */
 /******/ (function(modules) { // webpackBootstrap
 /******/ 	// The module cache
 /******/ 	var installedModules = {};
@@ -14215,6 +14215,7 @@ module.exports = function (exec) {
 })();
 
 
+
 /***/ }),
 /* 302 */
 /***/ (function(module, exports) {
@@ -30226,7 +30227,7 @@ BI.TextAreaEditor = BI.inherit(BI.Single, {
         });
     },
 
-    render: function() {
+    render: function () {
         var o = this.options, self = this;
         this.content = BI.createWidget({
             type: "bi.layout",
@@ -30235,7 +30236,7 @@ BI.TextAreaEditor = BI.inherit(BI.Single, {
             height: "100%",
             cls: "bi-textarea textarea-editor-content display-block"
         });
-        this.content.element.css({resize: "none"});
+        this.content.element.css({ resize: "none" });
         BI.createWidget({
             type: "bi.absolute",
             element: this,
@@ -30385,6 +30386,11 @@ BI.TextAreaEditor = BI.inherit(BI.Single, {
         return this.style;
     },
 
+    setWatermark: function (v) {
+        this.options.watermark = v;
+        this._checkWaterMark();
+    },
+
     _setValid: function (b) {
         BI.TextAreaEditor.superclass._setValid.apply(this, arguments);
         // this.content.setValid(b);
@@ -30401,6 +30407,7 @@ BI.TextAreaEditor.EVENT_BLUR = "EVENT_BLUR";
 BI.TextAreaEditor.EVENT_FOCUS = "EVENT_FOCUS";
 BI.shortcut("bi.textarea_editor", BI.TextAreaEditor);
 
+
 /***/ }),
 /* 420 */
 /***/ (function(module, exports) {

dist/fineui.js

@@ -1,4 +1,4 @@
-/*! time: 2020-11-25 17:20:34 */
+/*! time: 2020-11-26 11:40:31 */
 /******/ (function(modules) { // webpackBootstrap
 /******/ 	// The module cache
 /******/ 	var installedModules = {};
@@ -14215,6 +14215,7 @@ module.exports = function (exec) {
 })();
 
 
+
 /***/ }),
 /* 302 */
 /***/ (function(module, exports) {
@@ -30226,7 +30227,7 @@ BI.TextAreaEditor = BI.inherit(BI.Single, {
         });
     },
 
-    render: function() {
+    render: function () {
         var o = this.options, self = this;
         this.content = BI.createWidget({
             type: "bi.layout",
@@ -30235,7 +30236,7 @@ BI.TextAreaEditor = BI.inherit(BI.Single, {
             height: "100%",
             cls: "bi-textarea textarea-editor-content display-block"
         });
-        this.content.element.css({resize: "none"});
+        this.content.element.css({ resize: "none" });
         BI.createWidget({
             type: "bi.absolute",
             element: this,
@@ -30385,6 +30386,11 @@ BI.TextAreaEditor = BI.inherit(BI.Single, {
         return this.style;
     },
 
+    setWatermark: function (v) {
+        this.options.watermark = v;
+        this._checkWaterMark();
+    },
+
     _setValid: function (b) {
         BI.TextAreaEditor.superclass._setValid.apply(this, arguments);
         // this.content.setValid(b);
@@ -30401,6 +30407,7 @@ BI.TextAreaEditor.EVENT_BLUR = "EVENT_BLUR";
 BI.TextAreaEditor.EVENT_FOCUS = "EVENT_FOCUS";
 BI.shortcut("bi.textarea_editor", BI.TextAreaEditor);
 
+
 /***/ }),
 /* 420 */
 /***/ (function(module, exports) {

dist/fineui_without_jquery_polyfill.js

@@ -1,4 +1,4 @@
-/*! time: 2020-11-25 17:20:34 */
+/*! time: 2020-11-26 11:40:31 */
 /******/ (function(modules) { // webpackBootstrap
 /******/ 	// The module cache
 /******/ 	var installedModules = {};
@@ -10242,6 +10242,7 @@ BI.Req = {
 })();
 
 
+
 /***/ }),
 /* 302 */
 /***/ (function(module, exports) {
@@ -26253,7 +26254,7 @@ BI.TextAreaEditor = BI.inherit(BI.Single, {
         });
     },
 
-    render: function() {
+    render: function () {
         var o = this.options, self = this;
         this.content = BI.createWidget({
             type: "bi.layout",
@@ -26262,7 +26263,7 @@ BI.TextAreaEditor = BI.inherit(BI.Single, {
             height: "100%",
             cls: "bi-textarea textarea-editor-content display-block"
         });
-        this.content.element.css({resize: "none"});
+        this.content.element.css({ resize: "none" });
         BI.createWidget({
             type: "bi.absolute",
             element: this,
@@ -26412,6 +26413,11 @@ BI.TextAreaEditor = BI.inherit(BI.Single, {
         return this.style;
     },
 
+    setWatermark: function (v) {
+        this.options.watermark = v;
+        this._checkWaterMark();
+    },
+
     _setValid: function (b) {
         BI.TextAreaEditor.superclass._setValid.apply(this, arguments);
         // this.content.setValid(b);
@@ -26428,6 +26434,7 @@ BI.TextAreaEditor.EVENT_BLUR = "EVENT_BLUR";
 BI.TextAreaEditor.EVENT_FOCUS = "EVENT_FOCUS";
 BI.shortcut("bi.textarea_editor", BI.TextAreaEditor);
 
+
 /***/ }),
 /* 420 */
 /***/ (function(module, exports) {

dist/utils.js

@@ -1,4 +1,4 @@
-/*! time: 2020-11-25 17:20:34 */
+/*! time: 2020-11-26 11:40:31 */
 /******/ (function(modules) { // webpackBootstrap
 /******/ 	// The module cache
 /******/ 	var installedModules = {};

package.json

@@ -1,6 +1,6 @@
 {
   "name": "fineui",
-  "version": "2.0.20201125172226",
+  "version": "2.0.20201126114159",
   "description": "fineui",
   "main": "dist/fineui.min.js",
   "types": "dist/lib/index.d.ts",

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

@@ -16,7 +16,7 @@ BI.TextAreaEditor = BI.inherit(BI.Single, {
         });
     },
 
-    render: function() {
+    render: function () {
         var o = this.options, self = this;
         this.content = BI.createWidget({
             type: "bi.layout",
@@ -25,7 +25,7 @@ BI.TextAreaEditor = BI.inherit(BI.Single, {
             height: "100%",
             cls: "bi-textarea textarea-editor-content display-block"
         });
-        this.content.element.css({resize: "none"});
+        this.content.element.css({ resize: "none" });
         BI.createWidget({
             type: "bi.absolute",
             element: this,
@@ -175,6 +175,11 @@ BI.TextAreaEditor = BI.inherit(BI.Single, {
         return this.style;
     },
 
+    setWatermark: function (v) {
+        this.options.watermark = v;
+        this._checkWaterMark();
+    },
+
     _setValid: function (b) {
         BI.TextAreaEditor.superclass._setValid.apply(this, arguments);
         // this.content.setValid(b);
@@ -189,4 +194,4 @@ BI.TextAreaEditor = BI.inherit(BI.Single, {
 BI.TextAreaEditor.EVENT_CHANGE = "EVENT_CHANGE";
 BI.TextAreaEditor.EVENT_BLUR = "EVENT_BLUR";
 BI.TextAreaEditor.EVENT_FOCUS = "EVENT_FOCUS";
-BI.shortcut("bi.textarea_editor", BI.TextAreaEditor);
+BI.shortcut("bi.textarea_editor", BI.TextAreaEditor);

src/core/__test__/context.test.js

@@ -1,5 +1,5 @@
 /**
- * Created by windy on 2018/01/23.
+ * Created by guy on 2018/01/23.
  */
 describe("contextTest", function () {
 

src/core/__test__/widget.test.js

@@ -0,0 +1,38 @@
+/**
+ * Created by guy on 2018/01/23.
+ */
+describe("widgetTest", function () {
+
+    before(function () {
+    });
+
+    /**
+     * test_author_guy
+     */
+    it("widget生命周期测试", function () {
+
+        var Demo = BI.inherit(BI.Widget, {
+            render: function () {
+                return {
+                    type: "bi.label",
+                    text: "old"
+                };
+            }
+        });
+        BI.shortcut("demo.demo", Demo);
+
+        var demo = BI.Test.createWidget({
+            type: "demo.demo",
+            render: function () {
+                return {
+                    type: "bi.label",
+                    text: "new"
+                };
+            }
+        });
+
+        expect(demo.element.text()).to.equal("new");
+        demo.destroy();
+    });
+
+});

src/core/widget.js

@@ -658,3 +658,4 @@
         return widget._mount(true, false, false, predicate);
     };
 })();
+

src/less/base/segment/segment.less

@@ -30,7 +30,7 @@
       border-bottom: 1px solid @color-bi-border-line-theme-dark;
     }
     & > .first-element{
-      border-left: 1px solid @color-bi-background-default-theme-dark;
+      border-left: 1px solid @color-bi-border-line-theme-dark;
     }
     &.disabled > .first-element{
       border-left: 1px solid @color-bi-border-line-theme-dark;
@@ -41,4 +41,4 @@
       }
     }
   }
-}
+}

src/less/core/utils/common.less

@@ -927,35 +927,83 @@ textarea {
     }
   }
   &.disabled {
-    color: @color-bi-text-disabled !important;
-    & .bi-input {
-      color: @color-bi-text-disabled !important;
-    }
-    & .bi-textarea {
-      color: @color-bi-text-disabled !important;
-    }
-    background-color: transparent !important;
-    & .bi-high-light {
+    &, &:hover, &:active {
       color: @color-bi-text-disabled !important;
-    }
-    &.bi-high-light-border {
-      border-color: @color-bi-border-disabled;
-    }
-    &.hover, &.active {
-      color: @color-bi-text !important;
       & .bi-input {
-        color: @color-bi-text !important;
+        color: @color-bi-text-disabled !important;
       }
       & .bi-textarea {
-        color: @color-bi-text !important;
+        color: @color-bi-text-disabled !important;
       }
-      background-color: @color-bi-background-dark-gray !important;
+      background-color: transparent !important;
       & .bi-high-light {
         color: @color-bi-text-disabled !important;
       }
       &.bi-high-light-border {
         border-color: @color-bi-border-disabled;
       }
+      &.hover, &.active {
+        color: @color-bi-text !important;
+        & .bi-input {
+          color: @color-bi-text !important;
+        }
+        & .bi-textarea {
+          color: @color-bi-text !important;
+        }
+        background-color: @color-bi-background-dark-gray !important;
+        & .bi-high-light {
+          color: @color-bi-text-disabled !important;
+        }
+        &.bi-high-light-border {
+          border-color: @color-bi-border-disabled;
+        }
+      }
+    }
+  }
+}
+
+.bi-theme-dark {
+  .bi-list-item-select {
+    &:hover, &.hover {
+      color: @color-bi-text;
+      & .bi-input {
+        color: @color-bi-text;
+      }
+      & .bi-textarea {
+        color: @color-bi-text;
+      }
+      .background-color(@color-bi-background-default, 5%);
+    }
+    &:active, &.active {
+      color: @color-bi-text;
+      & .bi-input {
+        color: @color-bi-text;
+      }
+      & .bi-textarea {
+        color: @color-bi-text;
+      }
+      background-color: @color-bi-background-highlight;
+      & .bi-high-light {
+        color: @color-bi-text;
+      }
+    }
+    &.disabled {
+      &, &:hover, &:active {
+        background-color: transparent !important;
+        color: @color-bi-text-disabled-theme-dark !important;
+        & .bi-input {
+          color: @color-bi-text-disabled-theme-dark !important;
+        }
+        & .bi-textarea {
+          color: @color-bi-text-disabled-theme-dark !important;
+        }
+        & .bi-high-light {
+          color: @color-bi-text-disabled-theme-dark !important;
+        }
+      }
+      &.hover, &.active {
+        background-color: @background-color-black-theme-dark !important;
+      }
     }
   }
 }
@@ -1031,7 +1079,7 @@ textarea {
     &.active {
       background-color: @color-bi-background-default-theme-dark;
     }
-    
+
     &.disabled {
       &, &:hover, &:active {
         background-color: transparent !important;
@@ -1046,6 +1094,9 @@ textarea {
           color: @color-bi-text-disabled-theme-dark !important;
         }
       }
+      &.active {
+        background-color: @background-color-black-theme-dark !important;
+      }
     }
   }
 }
@@ -1095,49 +1146,6 @@ textarea {
   }
 }
 
-.bi-theme-dark {
-  .bi-list-item-select {
-    &:hover, &.hover {
-      color: @color-bi-text;
-      & .bi-input {
-        color: @color-bi-text;
-      }
-      & .bi-textarea {
-        color: @color-bi-text;
-      }
-      .background-color(@color-bi-background-default, 5%);
-    }
-    &:active, &.active {
-      color: @color-bi-text;
-      & .bi-input {
-        color: @color-bi-text;
-      }
-      & .bi-textarea {
-        color: @color-bi-text;
-      }
-      background-color: @color-bi-background-highlight;
-      & .bi-high-light {
-        color: @color-bi-text;
-      }
-    }
-    &.disabled {
-      &, &:hover, &:active {
-        background-color: transparent !important;
-        color: @color-bi-text-disabled-theme-dark !important;
-        & .bi-input {
-          color: @color-bi-text-disabled-theme-dark !important;
-        }
-        & .bi-textarea {
-          color: @color-bi-text-disabled-theme-dark !important;
-        }
-        & .bi-high-light {
-          color: @color-bi-text-disabled-theme-dark !important;
-        }
-      }
-    }
-  }
-}
-
 //去掉list-item效果
 .bi-list-item-none {
   &:hover, &.hover {