shineout 1.8.4 → 1.8.5

package/es/Form/Field.js

@@ -53,13 +53,18 @@ function (_Component) {
       });
     }
 
+    var cloneProps = {
+      value: value,
+      error: error,
+      onChange: this.handleChange
+    };
+
+    if (disabled !== undefined) {
+      cloneProps.disabled = disabled;
+    }
+
     if (isValidElement(children)) {
-      return cloneElement(children, {
-        value: value,
-        error: error,
-        onChange: this.handleChange,
-        disabled: disabled
-      });
+      return cloneElement(children, cloneProps);
     }
 
     console.error(new Error('Form.Field expect a single ReactElement or a function.'));

package/es/Select/Input.js

@@ -29,7 +29,9 @@ function (_Component) {
     _this.handleBlur = _this.handleBlur.bind(_assertThisInitialized(_assertThisInitialized(_this)));
     _this.geHandleMax = _this.geHandleMax.bind(_assertThisInitialized(_assertThisInitialized(_this)));
     _this.handlePaste = _this.handlePaste.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.focusInput = _this.focusInput.bind(_assertThisInitialized(_assertThisInitialized(_this))); // for mutiple select
+    _this.focusInput = _this.focusInput.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    _this.handleCompositionStart = _this.handleCompositionStart.bind(_assertThisInitialized(_assertThisInitialized(_this)));
+    _this.handleCompositionEnd = _this.handleCompositionEnd.bind(_assertThisInitialized(_assertThisInitialized(_this))); // for mutiple select
 
     _this.props.setInputReset(_this.reset.bind(_assertThisInitialized(_assertThisInitialized(_this)))); // set focus func to Select
 
@@ -81,7 +83,7 @@ function (_Component) {
   _proto.geHandleMax = function geHandleMax(e) {
     var maxLength = this.props.maxLength;
 
-    if (!maxLength) {
+    if (!maxLength || this.composition) {
       return true;
     }
 
@@ -202,6 +204,15 @@ function (_Component) {
     this.props.onInputBlur(text);
   };
 
+  _proto.handleCompositionStart = function handleCompositionStart() {
+    this.composition = true;
+  };
+
+  _proto.handleCompositionEnd = function handleCompositionEnd(e) {
+    this.composition = false;
+    this.handleInput(e);
+  };
+
   _proto.render = function render() {
     var _this$props = this.props,
         text = _this$props.text,
@@ -216,7 +227,9 @@ function (_Component) {
       contentEditable: focus || this.state.editable,
       onFocus: handleFocus,
       onBlur: this.handleBlur,
-      title: !focus && isString(value) ? value : null
+      title: !focus && isString(value) ? value : null,
+      onCompositionStart: this.handleCompositionStart,
+      onCompositionEnd: this.handleCompositionEnd
     };
 
     if (isValidElement(value)) {

package/es/index.d.ts

@@ -2,7 +2,7 @@
 import './styles/normalize.less'
 import * as utils from './utils'
 
-export default { utils, version: '1.8.4' }
+export default { utils, version: '1.8.5' }
 export { utils }
 export { setLocale } from './locale'
 export { color, style } from './utils/expose'

package/es/index.js

@@ -3,7 +3,7 @@ import './styles/normalize.less';
 import * as utils from './utils';
 export default {
   utils: utils,
-  version: '1.8.4'
+  version: '1.8.5'
 };
 export { utils };
 export { setLocale } from './locale';

package/lib/Form/Field.js

@@ -64,13 +64,18 @@ function (_Component) {
       });
     }
 
+    var cloneProps = {
+      value: value,
+      error: error,
+      onChange: this.handleChange
+    };
+
+    if (disabled !== undefined) {
+      cloneProps.disabled = disabled;
+    }
+
     if ((0, _react.isValidElement)(children)) {
-      return (0, _react.cloneElement)(children, {
-        value: value,
-        error: error,
-        onChange: this.handleChange,
-        disabled: disabled
-      });
+      return (0, _react.cloneElement)(children, cloneProps);
     }
 
     console.error(new Error('Form.Field expect a single ReactElement or a function.'));

package/lib/Select/Input.js

@@ -46,7 +46,9 @@ function (_Component) {
     _this.handleBlur = _this.handleBlur.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     _this.geHandleMax = _this.geHandleMax.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
     _this.handlePaste = _this.handlePaste.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
-    _this.focusInput = _this.focusInput.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this))); // for mutiple select
+    _this.focusInput = _this.focusInput.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleCompositionStart = _this.handleCompositionStart.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)));
+    _this.handleCompositionEnd = _this.handleCompositionEnd.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this))); // for mutiple select
 
     _this.props.setInputReset(_this.reset.bind((0, _assertThisInitialized2.default)((0, _assertThisInitialized2.default)(_this)))); // set focus func to Select
 
@@ -98,7 +100,7 @@ function (_Component) {
   _proto.geHandleMax = function geHandleMax(e) {
     var maxLength = this.props.maxLength;
 
-    if (!maxLength) {
+    if (!maxLength || this.composition) {
       return true;
     }
 
@@ -219,6 +221,15 @@ function (_Component) {
     this.props.onInputBlur(text);
   };
 
+  _proto.handleCompositionStart = function handleCompositionStart() {
+    this.composition = true;
+  };
+
+  _proto.handleCompositionEnd = function handleCompositionEnd(e) {
+    this.composition = false;
+    this.handleInput(e);
+  };
+
   _proto.render = function render() {
     var _this$props = this.props,
         text = _this$props.text,
@@ -233,7 +244,9 @@ function (_Component) {
       contentEditable: focus || this.state.editable,
       onFocus: handleFocus,
       onBlur: this.handleBlur,
-      title: !focus && (0, _is.isString)(value) ? value : null
+      title: !focus && (0, _is.isString)(value) ? value : null,
+      onCompositionStart: this.handleCompositionStart,
+      onCompositionEnd: this.handleCompositionEnd
     };
 
     if ((0, _react.isValidElement)(value)) {

package/lib/index.d.ts

@@ -2,7 +2,7 @@
 import './styles/normalize.less'
 import * as utils from './utils'
 
-export default { utils, version: '1.8.4' }
+export default { utils, version: '1.8.5' }
 export { utils }
 export { setLocale } from './locale'
 export { color, style } from './utils/expose'

package/lib/index.js

@@ -222,6 +222,6 @@ exports.Upload = _Upload.default;
 // Created by scripts/src-index.js.
 var _default = {
   utils: utils,
-  version: '1.8.4'
+  version: '1.8.5'
 };
 exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shineout",
-  "version": "1.8.4",
+  "version": "1.8.5",
   "description": "Shein 前端组件库",
   "main": "./lib/index.js",
   "module": "./es/index.js",