@easyv/react-components 0.0.8 → 0.0.10

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,6 +73,7 @@ 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,
@@ -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/dist/Modal/index.js

@@ -1,3 +1,20 @@
+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); }
+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; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import { Modal } from '@arco-design/web-react';
 import "./index.less";
-export default Modal;
+var originModalConfirm = Modal.confirm;
+export default Modal;
+function confirm(props) {
+  var _props$okButtonProps, _props$autoFocus;
+  return originModalConfirm(_objectSpread(_objectSpread({}, props), {}, {
+    okButtonProps: _objectSpread({
+      autoFocus: true
+    }, (_props$okButtonProps = props.okButtonProps) !== null && _props$okButtonProps !== void 0 ? _props$okButtonProps : {}),
+    autoFocus: (_props$autoFocus = props.autoFocus) !== null && _props$autoFocus !== void 0 ? _props$autoFocus : false
+  }));
+}
+Modal.confirm = confirm;

package/dist/Modal/index.less

@@ -5,3 +5,11 @@
     }
   }
 }
+
+.arco-modal-simple {
+  width: 360px;
+
+  .arco-modal-footer {
+    text-align: right;
+  }
+}

package/package.json

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