@easyv/react-components 0.0.7 → 0.0.9

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", "enableEmpty", "value", "onBlurChange"],
+var _excluded = ["bordered", "className", "enableEmpty", "value", "autoSelect", "onBlur", "onFocus", "onChange", "onPressEnter", "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; }
@@ -26,6 +26,11 @@ var XInput = /*#__PURE__*/forwardRef(function (props, ref) {
     className = props.className,
     enableEmpty = props.enableEmpty,
     value = props.value,
+    autoSelect = props.autoSelect,
+    onBlur = props.onBlur,
+    onFocus = props.onFocus,
+    onChange = props.onChange,
+    onPressEnter = props.onPressEnter,
     onBlurChange = props.onBlurChange,
     restProps = _objectWithoutProperties(props, _excluded);
   var isHalfControlled = onBlurChange !== undefined;
@@ -41,13 +46,25 @@ var XInput = /*#__PURE__*/forwardRef(function (props, ref) {
       setLocalValue(props.value);
     }
   }, [props.value, isHalfControlled]);
+
+  // 回车失去焦点
   var handlePressEnter = useCallback(function (e) {
-    return e.currentTarget.blur();
+    e.currentTarget.blur();
+    onPressEnter === null || onPressEnter === void 0 ? void 0 : onPressEnter(e);
   }, []);
-  var handleChange = useCallback(function (value) {
+
+  // 聚焦自动选中
+  var handleFocus = useCallback(function (e) {
+    if (autoSelect) {
+      e.currentTarget.select();
+    }
+    onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
+  }, []);
+  var handleChange = useCallback(function (value, e) {
     setLocalValue(value);
+    onChange === null || onChange === void 0 ? void 0 : onChange(value, e);
   }, []);
-  var handleBlur = useCallback(function () {
+  var handleBlur = useCallback(function (e) {
     if (refValue.current !== undefined && refValue.current !== props.value) {
       if (enableEmpty || refValue.current !== '') {
         var _props$onBlurChange;
@@ -56,7 +73,8 @@ var XInput = /*#__PURE__*/forwardRef(function (props, ref) {
         setLocalValue(props.value);
       }
     }
-  }, []);
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+  }, [props.value]);
   var halfControlledProps = {
     value: localValue,
     onChange: handleChange,
@@ -67,10 +85,16 @@ var XInput = /*#__PURE__*/forwardRef(function (props, ref) {
     className: classNames(className, {
       'arco-input-borderless': !bordered
     }),
-    onPressEnter: handlePressEnter
+    onPressEnter: handlePressEnter,
+    onFocus: handleFocus
   }, isHalfControlled ? halfControlledProps : isControlled ? {
-    value: value
-  } : {}), restProps));
+    value: value,
+    onBlur: onBlur,
+    onChange: onChange
+  } : {
+    onBlur: onBlur,
+    onChange: onChange
+  }), restProps));
 });
 var InputSearch = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$bordered = _ref.bordered,

package/dist/Input/interface.d.ts

@@ -3,6 +3,7 @@ import type { InputSearchProps, RefInputType } from '@arco-design/web-react/es/I
 interface XInputProps extends InputProps {
     enableEmpty?: boolean;
     bordered?: boolean;
+    autoSelect?: boolean;
     onBlurChange?: (value: string) => void;
 }
 interface XInputSearchProps extends InputSearchProps {

package/package.json

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