@easyv/react-components 0.0.6 → 0.0.8

package/dist/Input/index.js

@@ -1,5 +1,5 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["bordered", "className"],
+var _excluded = ["bordered", "className", "enableEmpty", "value", "onBlurChange"],
   _excluded2 = ["bordered", "className", "onSearch"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -24,8 +24,12 @@ var XInput = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$bordered = props.bordered,
     bordered = _props$bordered === void 0 ? true : _props$bordered,
     className = props.className,
+    enableEmpty = props.enableEmpty,
+    value = props.value,
+    onBlurChange = props.onBlurChange,
     restProps = _objectWithoutProperties(props, _excluded);
-  var isHalfControll = ('onBlurChange' in props);
+  var isHalfControlled = onBlurChange !== undefined;
+  var isControlled = ('value' in props);
   var _useState = useState('value' in props ? props.value : undefined),
     _useState2 = _slicedToArray(_useState, 2),
     localValue = _useState2[0],
@@ -33,10 +37,10 @@ var XInput = /*#__PURE__*/forwardRef(function (props, ref) {
   var refValue = useRef(localValue);
   refValue.current = localValue;
   useEffect(function () {
-    if (isHalfControll && props.value !== localValue) {
+    if (isHalfControlled && props.value !== localValue) {
       setLocalValue(props.value);
     }
-  }, [props.value, isHalfControll]);
+  }, [props.value, isHalfControlled]);
   var handlePressEnter = useCallback(function (e) {
     return e.currentTarget.blur();
   }, []);
@@ -45,14 +49,14 @@ var XInput = /*#__PURE__*/forwardRef(function (props, ref) {
   }, []);
   var handleBlur = useCallback(function () {
     if (refValue.current !== undefined && refValue.current !== props.value) {
-      if (props.enableEmpty) {
+      if (enableEmpty || refValue.current !== '') {
         var _props$onBlurChange;
         (_props$onBlurChange = props.onBlurChange) === null || _props$onBlurChange === void 0 ? void 0 : _props$onBlurChange.call(props, refValue.current);
       } else {
         setLocalValue(props.value);
       }
     }
-  }, []);
+  }, [props.value]);
   var halfControlledProps = {
     value: localValue,
     onChange: handleChange,
@@ -64,7 +68,9 @@ var XInput = /*#__PURE__*/forwardRef(function (props, ref) {
       'arco-input-borderless': !bordered
     }),
     onPressEnter: handlePressEnter
-  }, isHalfControll ? halfControlledProps : {}), restProps));
+  }, isHalfControlled ? halfControlledProps : isControlled ? {
+    value: value
+  } : {}), restProps));
 });
 var InputSearch = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$bordered = _ref.bordered,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@easyv/react-components",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "description": "a react component library base on arco design",
   "license": "MIT",
   "module": "dist/index.js",