@kdcloudjs/kdesign 1.7.33-stable.8 → 1.7.33-stable.9

package/dist/kdesign.js

@@ -1,6 +1,6 @@
 /*!
  * 
- *   @kdcloudjs/kdesign v1.7.33-stable.7
+ *   @kdcloudjs/kdesign v1.7.33-stable.8
  * 
  *   Copyright 2020-present, Kingdee, Inc.
  *   All rights reserved.
@@ -20691,6 +20691,10 @@ var InternalInputNumber = function InternalInputNumber(props, ref) {
     _useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState3, 2),
     forceUpdate = _useState4[0],
     setForceUpdate = _useState4[1];
+  var _useState5 = Object(react__WEBPACK_IMPORTED_MODULE_11__["useState"])(''),
+    _useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_1___default()(_useState5, 2),
+    compositionValue = _useState6[0],
+    setCompositionValue = _useState6[1];
   var inputStatus = Object(react__WEBPACK_IMPORTED_MODULE_11__["useRef"])({
     isHandleChange: false,
     inputFocused: false
@@ -20700,6 +20704,7 @@ var InternalInputNumber = function InternalInputNumber(props, ref) {
   var inputNumberRef = ref || thisInputNumberRef;
   var stepMouseDownDelayTimer = Object(react__WEBPACK_IMPORTED_MODULE_11__["useRef"])(null);
   var stepMouseDownIntervalTimer = Object(react__WEBPACK_IMPORTED_MODULE_11__["useRef"])(null);
+  var refIszComposition = Object(react__WEBPACK_IMPORTED_MODULE_11__["useRef"])(false);
   var isScopeValid = function isScopeValid(value) {
     if (value === '') return true;
     var numberValue = parseFloat(value) || 0;
@@ -20744,14 +20749,20 @@ var InternalInputNumber = function InternalInputNumber(props, ref) {
   };
   var handleChange = function handleChange(event) {
     inputStatus.current.isHandleChange = true;
-    var legalNumber = verifiValue(event.target.value);
-    updateSelectionRangePosition(event);
-    if (legalNumber === false) {
-      setForceUpdate(forceUpdate + 1);
-      return false;
+    var newValue = event.target.value;
+    if (!refIszComposition.current) {
+      compositionValue && setCompositionValue('');
+      var legalNumber = verifiValue(newValue);
+      if (legalNumber === false) {
+        setForceUpdate(forceUpdate + 1);
+        return false;
+      }
+      value === undefined && setInputValue(legalNumber);
+      onChange && onChange(handleEventAttachValue(event, numberMode ? Number(legalNumber) : legalNumber));
+      updateSelectionRangePosition(event);
+    } else {
+      setCompositionValue(newValue);
     }
-    value === undefined && setInputValue(legalNumber);
-    onChange && onChange(handleEventAttachValue(event, numberMode ? Number(legalNumber) : legalNumber));
   };
   var handleFocus = function handleFocus(event) {
     inputStatus.current.inputFocused = true;
@@ -20944,9 +20955,19 @@ var InternalInputNumber = function InternalInputNumber(props, ref) {
     inputValue: displayedInputValue,
     forceUpdate: forceUpdate
   });
+  var handleComposition = function handleComposition(e) {
+    refIszComposition.current = e.type !== 'compositionend';
+    if (!refIszComposition.current) {
+      setCompositionValue('');
+      handleChange(e);
+    }
+  };
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_11___default.a.createElement(_input__WEBPACK_IMPORTED_MODULE_12__["default"], _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, others, {
+    onCompositionStart: handleComposition,
+    onCompositionUpdate: handleComposition,
+    onCompositionEnd: handleComposition,
     ref: inputNumberRef,
-    value: displayedInputValue,
+    value: compositionValue || displayedInputValue,
     prefix: prefix,
     suffix: suffix,
     onChange: handleChange,