shineout 1.8.4 → 1.8.5

package/css/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/css/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/css/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/css/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/dist/shineout.js

@@ -19878,17 +19878,22 @@ function (_Component) {
         });
       }
 
+      var cloneProps = {
+        value: value,
+        error: error,
+        onChange: this.handleChange
+      };
+
+      if (disabled !== undefined) {
+        cloneProps.disabled = disabled;
+      }
+
       if (
       /*#__PURE__*/
       Object(react__WEBPACK_IMPORTED_MODULE_6__["isValidElement"])(children)) {
         return (
           /*#__PURE__*/
-          Object(react__WEBPACK_IMPORTED_MODULE_6__["cloneElement"])(children, {
-            value: value,
-            error: error,
-            onChange: this.handleChange,
-            disabled: disabled
-          })
+          Object(react__WEBPACK_IMPORTED_MODULE_6__["cloneElement"])(children, cloneProps)
         );
       }
 
@@ -34865,7 +34870,9 @@ function (_Component) {
     _this.handleBlur = _this.handleBlur.bind(Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_4__["default"])(_this));
     _this.geHandleMax = _this.geHandleMax.bind(Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_4__["default"])(_this));
     _this.handlePaste = _this.handlePaste.bind(Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_4__["default"])(_this));
-    _this.focusInput = _this.focusInput.bind(Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_4__["default"])(_this)); // for mutiple select
+    _this.focusInput = _this.focusInput.bind(Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_4__["default"])(_this));
+    _this.handleCompositionStart = _this.handleCompositionStart.bind(Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_4__["default"])(_this));
+    _this.handleCompositionEnd = _this.handleCompositionEnd.bind(Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_4__["default"])(_this)); // for mutiple select
 
     _this.props.setInputReset(_this.reset.bind(Object(_Users_10008649_Desktop_workspace_fe_shein_shineout_node_modules_babel_preset_react_app_node_modules_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_4__["default"])(_this))); // set focus func to Select
 
@@ -34922,7 +34929,7 @@ function (_Component) {
     value: function geHandleMax(e) {
       var maxLength = this.props.maxLength;
 
-      if (!maxLength) {
+      if (!maxLength || this.composition) {
         return true;
       }
 
@@ -35048,6 +35055,17 @@ function (_Component) {
       if (text === txt) return;
       this.props.onInputBlur(text);
     }
+  }, {
+    key: "handleCompositionStart",
+    value: function handleCompositionStart() {
+      this.composition = true;
+    }
+  }, {
+    key: "handleCompositionEnd",
+    value: function handleCompositionEnd(e) {
+      this.composition = false;
+      this.handleInput(e);
+    }
   }, {
     key: "render",
     value: function render() {
@@ -35064,7 +35082,9 @@ function (_Component) {
         contentEditable: focus || this.state.editable,
         onFocus: handleFocus,
         onBlur: this.handleBlur,
-        title: !focus && Object(_utils_is__WEBPACK_IMPORTED_MODULE_12__["isString"])(value) ? value : null
+        title: !focus && Object(_utils_is__WEBPACK_IMPORTED_MODULE_12__["isString"])(value) ? value : null,
+        onCompositionStart: this.handleCompositionStart,
+        onCompositionEnd: this.handleCompositionEnd
       };
 
       if (
@@ -35089,7 +35109,7 @@ function (_Component) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 192,
+            lineNumber: 205,
             columnNumber: 12
           }
         }))
@@ -60297,7 +60317,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony default export */ __webpack_exports__["default"] = ({
   utils: _utils__WEBPACK_IMPORTED_MODULE_0__,
-  version: '1.8.4'
+  version: '1.8.5'
 });