@autobest-ui/components 2.9.2 → 2.10.0-alpha.0

package/lib/index.js

@@ -26,7 +26,13 @@ Object.defineProperty(exports, "Carousel", {
 Object.defineProperty(exports, "Checkbox", {
   enumerable: true,
   get: function get() {
-    return _checkbox.default;
+    return _checkbox.Checkbox;
+  }
+});
+Object.defineProperty(exports, "CheckboxGroup", {
+  enumerable: true,
+  get: function get() {
+    return _checkbox.CheckboxGroup;
   }
 });
 Object.defineProperty(exports, "Collapse", {
@@ -137,6 +143,18 @@ Object.defineProperty(exports, "Popover", {
     return _popover.default;
   }
 });
+Object.defineProperty(exports, "Radio", {
+  enumerable: true,
+  get: function get() {
+    return _radio.Radio;
+  }
+});
+Object.defineProperty(exports, "RadioGroup", {
+  enumerable: true,
+  get: function get() {
+    return _radio.RadioGroup;
+  }
+});
 Object.defineProperty(exports, "Script", {
   enumerable: true,
   get: function get() {
@@ -185,12 +203,30 @@ Object.defineProperty(exports, "Trigger", {
     return _trigger.default;
   }
 });
+Object.defineProperty(exports, "composeRef", {
+  enumerable: true,
+  get: function get() {
+    return _ref.composeRef;
+  }
+});
+Object.defineProperty(exports, "fillRef", {
+  enumerable: true,
+  get: function get() {
+    return _ref.fillRef;
+  }
+});
 Object.defineProperty(exports, "message", {
   enumerable: true,
   get: function get() {
     return _message.default;
   }
 });
+Object.defineProperty(exports, "supportRef", {
+  enumerable: true,
+  get: function get() {
+    return _ref.supportRef;
+  }
+});
 var _accordion = _interopRequireDefault(require("./accordion"));
 var _ellipsis = _interopRequireDefault(require("./ellipsis"));
 var _affix = _interopRequireDefault(require("./affix"));
@@ -209,7 +245,7 @@ var _input = require("./input");
 var _inputNumber = _interopRequireDefault(require("./input-number"));
 var _lazyImage = _interopRequireDefault(require("./lazy-image"));
 var _linkList = _interopRequireDefault(require("./link-list"));
-var _checkbox = _interopRequireDefault(require("./checkbox"));
+var _checkbox = require("./checkbox");
 var _script = _interopRequireDefault(require("./script"));
 var _message = _interopRequireWildcard(require("./message"));
 var _table = _interopRequireDefault(require("./table"));
@@ -220,5 +256,7 @@ var _loadingContainer = _interopRequireDefault(require("./loading-container"));
 var _loadingBar = _interopRequireDefault(require("./loading-bar"));
 var _loadingIcon = _interopRequireDefault(require("./loading-icon"));
 var _trigger = _interopRequireDefault(require("./trigger"));
+var _ref = require("./trigger/ref");
+var _radio = require("./radio");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/lib/input/Input.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { AdornProps } from './Adorn';
 export declare type InputValue = string | File | undefined;
-export interface InputProps<T = InputValue> extends Omit<AdornProps, 'prefixCls' | 'children' | 'onBlur' | 'onFocus'>, Pick<React.InputHTMLAttributes<any>, 'placeholder' | 'style' | 'maxLength' | 'type' | 'accept'> {
+export interface InputProps<T = InputValue> extends Omit<AdornProps, 'prefixCls' | 'children' | 'onBlur' | 'onFocus'>, Pick<React.InputHTMLAttributes<any>, 'placeholder' | 'style' | 'maxLength' | 'type' | 'accept' | 'title' | 'aria-label' | 'onKeyUp'> {
     /**
      * 输入框默认值，用于非受控组件，配合ref使用
      */
@@ -34,6 +34,11 @@ export interface InputProps<T = InputValue> extends Omit<AdornProps, 'prefixCls'
      * 用户触发keydown时的回调，主要用于键盘监听
      */
     onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>, name?: string) => void;
+    /**
+     * 在网络慢时，组件已经渲染js文件还未加载，用户此时修改input框会不触发onChange事件
+     * 需要在组件加载后检测输入框内容，触发一次onChange
+     */
+    checkValueOnMounted?: boolean;
 }
 interface InputStates {
     value: string | undefined;
@@ -50,12 +55,19 @@ export declare class InputNotRef extends React.Component<InputPropsWithRef, Inpu
     static defaultProps: {
         defaultValue: string;
         type: string;
+        checkValueOnMounted: boolean;
     };
     constructor(props: InputPropsWithRef);
     static getDerivedStateFromProps(nextProps: InputPropsWithRef, prevStates: InputStates): InputStates;
     componentDidMount(): void;
     isFileUpload: () => boolean;
     getFileInfo: (element: HTMLInputElement) => File;
+    /**
+     * 在触发了onChange的前提下，如果当前为失焦状态，则触发一次onBlur
+     * @param value
+     */
+    onBlurOnMounted: (value: any) => void;
+    checkCurrentValue: () => void;
     /**
      * 修改value值的回调
      * @param ev

package/lib/input/Input.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.InputNotRef = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _utils = require("@autobest-ui/utils");
+var _components = require("@autobest-ui/components");
 var _Adorn = _interopRequireDefault(require("./Adorn"));
 var __extends = void 0 && (void 0).__extends || function () {
   var _extendStatics = function extendStatics(d, b) {
@@ -54,6 +55,53 @@ var InputNotRef = /** @class */function (_super) {
     _this.getFileInfo = function (element) {
       return element && element.files && element.files.length ? element.files[0] : undefined;
     };
+    /**
+     * 在触发了onChange的前提下，如果当前为失焦状态，则触发一次onBlur
+     * @param value
+     */
+    _this.onBlurOnMounted = function (value) {
+      var _a = _this.props,
+        onBlur = _a.onBlur,
+        autoFocus = _a.autoFocus,
+        name = _a.name;
+      if (!onBlur || autoFocus || document.activeElement === _this.inputRef.current) {
+        return;
+      }
+      onBlur(value, name);
+    };
+    _this.checkCurrentValue = function () {
+      if (!_this.inputRef.current) {
+        return;
+      }
+      if (_this.isFileUpload()) {
+        var file = _this.getFileInfo(_this.inputRef.current);
+        if (file) {
+          var _a = _this.props,
+            name_1 = _a.name,
+            onChange = _a.onChange;
+          if (onChange) {
+            onChange(file, name_1);
+          }
+          _this.onBlurOnMounted(file);
+        }
+        return;
+      }
+      var value = _this.inputRef.current.value;
+      if (!(0, _utils.isBlank)(value) && _this.state.value !== value) {
+        var _b = _this.props,
+          name_2 = _b.name,
+          onChange = _b.onChange;
+        if (onChange) {
+          onChange(value, name_2);
+          _this.onBlurOnMounted(value);
+          return;
+        }
+        _this.setState({
+          value: value
+        });
+        _this.onBlurOnMounted(value);
+      }
+    };
     /**
      * 修改value值的回调
      * @param ev
@@ -145,6 +193,10 @@ var InputNotRef = /** @class */function (_super) {
       }
       element.focus();
     }
+    if (this.props.checkValueOnMounted) {
+      // ssr在网络慢时，用户在js文件加载完前修改input框的会导致不触发onChange
+      this.checkCurrentValue();
+    }
   };
   InputNotRef.prototype.render = function () {
     var cls = this.prefixCls;
@@ -158,7 +210,10 @@ var InputNotRef = /** @class */function (_super) {
       className = _a.className,
       prefix = _a.prefix,
       suffix = _a.suffix,
-      maxLength = _a.maxLength;
+      maxLength = _a.maxLength,
+      title = _a.title,
+      onKeyUp = _a.onKeyUp,
+      name = _a.name;
     var value = this.state.value;
     var isFileUpload = this.isFileUpload();
     return /*#__PURE__*/_react.default.createElement(_Adorn.default, {
@@ -171,21 +226,26 @@ var InputNotRef = /** @class */function (_super) {
       suffix: suffix
     }, /*#__PURE__*/_react.default.createElement("input", {
       className: "".concat(cls, "-control"),
-      ref: (0, _utils.composeRef)(this.inputRef, upperRef),
+      ref: (0, _components.composeRef)(this.inputRef, upperRef),
       type: type,
       placeholder: placeholder,
       disabled: disabled,
       accept: accept,
       maxLength: maxLength,
       style: style,
+      name: name,
       value: isFileUpload ? undefined : value || '',
       onChange: this.onChange,
-      onKeyDown: this.onKeyDown
+      onKeyDown: this.onKeyDown,
+      title: title,
+      onKeyUp: onKeyUp,
+      "aria-label": this.props['aria-label']
     }));
   };
   InputNotRef.defaultProps = {
     defaultValue: '',
-    type: 'text'
+    type: 'text',
+    checkValueOnMounted: false
   };
   return InputNotRef;
 }(_react.default.Component);

package/lib/input/TextArea.d.ts

@@ -33,6 +33,11 @@ export interface TextAreaProps extends Omit<AdornProps, 'prefixCls' | 'children'
      * 用户触发keydown时的回调，主要用于键盘监听
      */
     onKeyDown?: (event: React.KeyboardEvent<HTMLTextAreaElement>, name?: string) => void;
+    /**
+     * 在网络慢时，组件已经渲染js文件还未加载，用户此时修改input框会不触发onChange事件
+     * 需要在组件加载后检测输入框内容，触发一次onChange
+     */
+    checkValueOnMounted?: boolean;
 }
 interface TextareaStates {
     value: string | undefined;
@@ -51,10 +56,13 @@ export declare class TextAreaNotRef extends React.Component<TextAreaPropsWithRef
         defaultValue: string;
         rows: number;
         maxlength: number;
+        checkValueOnMounted: boolean;
     };
     constructor(props: TextAreaPropsWithRef);
     static getDerivedStateFromProps(nextProps: TextAreaPropsWithRef, prevStates: TextareaStates): TextareaStates;
     componentDidMount(): void;
+    changeValue: (value: any, onBlurAfterChange?: boolean) => void;
+    checkCurrentValue: () => void;
     /**
      * 修改value值的回调
      * @param ev

package/lib/input/TextArea.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.TextAreaNotRef = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _components = require("@autobest-ui/components");
 var _utils = require("@autobest-ui/utils");
 var _Adorn = _interopRequireDefault(require("./Adorn"));
 var __extends = void 0 && (void 0).__extends || function () {
@@ -51,15 +52,10 @@ var TextAreaNotRef = /** @class */function (_super) {
     var _this = _super.call(this, props) || this;
     _this.prefixCls = 'ab-textarea';
     _this.textareaRef = /*#__PURE__*/_react.default.createRef();
-    /**
-     * 修改value值的回调
-     * @param ev
-     */
-    _this.onChange = function (ev) {
-      if (_this.props.disabled) {
-        return;
+    _this.changeValue = function (value, onBlurAfterChange) {
+      if (onBlurAfterChange === void 0) {
+        onBlurAfterChange = false;
       }
-      var value = ev.target.value;
       if (_this.props.maxLength > 0) {
         var currentLength = getValueLength(value);
         if (_this.props.maxLength && currentLength > _this.props.maxLength) {
@@ -71,14 +67,43 @@ var TextAreaNotRef = /** @class */function (_super) {
       }
       var _a = _this.props,
         onChange = _a.onChange,
-        name = _a.name;
+        name = _a.name,
+        onBlur = _a.onBlur;
       if (onChange) {
         onChange(value, name);
+        if (onBlurAfterChange && onBlur) {
+          onBlur(value, name);
+        }
         return;
       }
       _this.setState({
         value: value
       });
+      if (onBlurAfterChange && onBlur) {
+        onBlur(value, name);
+      }
+    };
+    _this.checkCurrentValue = function () {
+      if (!_this.textareaRef.current) {
+        return;
+      }
+      var value = _this.textareaRef.current.value;
+      if (!(0, _utils.isBlank)(value) && _this.state.value !== value) {
+        var autoFocus = _this.props.autoFocus;
+        // 在值改变了的前提下，如果当前为失焦状态，则触发一次onBlur
+        _this.changeValue(value, !autoFocus && document.activeElement !== _this.textareaRef.current);
+      }
+    };
+    /**
+     * 修改value值的回调
+     * @param ev
+     */
+    _this.onChange = function (ev) {
+      if (_this.props.disabled) {
+        return;
+      }
+      var value = ev.target.value;
+      _this.changeValue(value);
     };
     _this.onFocus = function (ev) {
       var _a = _this.props,
@@ -136,6 +161,9 @@ var TextAreaNotRef = /** @class */function (_super) {
       }
       element.focus();
     }
+    if (this.props.checkValueOnMounted) {
+      this.checkCurrentValue();
+    }
   };
   TextAreaNotRef.prototype.renderSuffix = function () {
     var maxLength = this.props.maxLength;
@@ -154,7 +182,8 @@ var TextAreaNotRef = /** @class */function (_super) {
       className = _a.className,
       prefix = _a.prefix,
       rows = _a.rows,
-      maxLength = _a.maxLength;
+      maxLength = _a.maxLength,
+      name = _a.name;
     var value = this.state.value;
     return /*#__PURE__*/_react.default.createElement(_Adorn.default, {
       prefixCls: cls,
@@ -166,11 +195,12 @@ var TextAreaNotRef = /** @class */function (_super) {
       suffix: this.renderSuffix()
     }, /*#__PURE__*/_react.default.createElement("textarea", {
       className: "".concat(cls, "-control"),
-      ref: (0, _utils.composeRef)(this.textareaRef, upperRef),
+      ref: (0, _components.composeRef)(this.textareaRef, upperRef),
       placeholder: placeholder,
       rows: rows,
       disabled: disabled,
       maxLength: maxLength,
+      name: name,
       style: style,
       value: value || '',
       onChange: this.onChange,
@@ -180,7 +210,8 @@ var TextAreaNotRef = /** @class */function (_super) {
   TextAreaNotRef.defaultProps = {
     defaultValue: '',
     rows: 5,
-    maxlength: 0
+    maxlength: 0,
+    checkValueOnMounted: false
   };
   return TextAreaNotRef;
 }(_react.default.Component);

package/lib/input-number/getParserOriginalValue.d.ts

@@ -0,0 +1,26 @@
+interface GetParserOriginalValueParams {
+    originalValue: string | number;
+    prevParserValue: string | number;
+    trimStartZero?: boolean;
+    precision?: number;
+    isRounding?: boolean;
+    min?: number;
+    max?: number;
+    skipError?: boolean;
+}
+/**
+ *
+ * @param originalValueParam
+ * @param trimStartZero
+ * @param prevParserValue
+ * @param precision
+ * @param isRounding
+ * @param min
+ * @param max
+ * @param skipError 遇到首位0、小于最小值、大于最大值问题，不对value进行处理，输出控制台警告
+ */
+export default function ({ originalValue: originalValueParam, trimStartZero, prevParserValue, precision, isRounding, min, max, skipError }: GetParserOriginalValueParams): {
+    parserValueStr: string | undefined;
+    parserValue: string | number | undefined;
+};
+export {};

package/lib/input-number/getParserOriginalValue.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = _default;
+var _utils = require("@autobest-ui/utils");
+var _constants = require("./constants");
+function consoleError(msg) {
+  if (process.env.NODE_ENV === 'development') {
+    // eslint-disable-next-line no-console
+    console.error(msg);
+  }
+}
+function getValueBetweenMinAndMax(value, min, max, skipError) {
+  var currentValue = parseFloat(value);
+  if (!(0, _utils.isBlank)(min) && currentValue < min) {
+    if (!skipError) {
+      return min;
+    }
+    consoleError('Value is smaller than min');
+  }
+  if (!(0, _utils.isBlank)(max) && currentValue > max) {
+    if (!skipError) {
+      return max;
+    }
+    consoleError('Value is greater than max');
+  }
+  return currentValue;
+}
+/**
+ *
+ * @param originalValueParam
+ * @param trimStartZero
+ * @param prevParserValue
+ * @param precision
+ * @param isRounding
+ * @param min
+ * @param max
+ * @param skipError 遇到首位0、小于最小值、大于最大值问题，不对value进行处理，输出控制台警告
+ */
+function _default(_a) {
+  var originalValueParam = _a.originalValue,
+    trimStartZero = _a.trimStartZero,
+    prevParserValue = _a.prevParserValue,
+    precision = _a.precision,
+    isRounding = _a.isRounding,
+    min = _a.min,
+    max = _a.max,
+    skipError = _a.skipError;
+  // 输入为空
+  if ((0, _utils.isBlank)(originalValueParam)) {
+    return {
+      parserValueStr: undefined,
+      parserValue: undefined
+    };
+  }
+  var originalValue = typeof originalValueParam === 'number' ? originalValueParam.toString() : originalValueParam;
+  var hasFirstZero = _constants.FirstZeroReg.test(originalValue);
+  if (!_constants.NumberReg.test(originalValue) || trimStartZero && hasFirstZero) {
+    if (!skipError) {
+      return {
+        parserValueStr: (0, _utils.isBlank)(prevParserValue) ? undefined : prevParserValue.toString(),
+        parserValue: prevParserValue
+      };
+    }
+    consoleError('Value has first 0');
+  }
+  var currentValue = getValueBetweenMinAndMax(originalValue, min, max, skipError);
+  var parserString = (0, _utils.toFixed)(currentValue, precision, isRounding);
+  if (hasFirstZero) {
+    // 补齐首位0
+    parserString = parserString.padStart(originalValue.split('.')[0].length, '0');
+  }
+  return {
+    parserValueStr: parserString,
+    parserValue: hasFirstZero ? parserString : (0, _utils.getNumberFromString)(parserString)
+  };
+}

package/lib/input-number/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { AddListenerEventHandler } from '@autobest-ui/utils';
+import { AddListenerEventRemoveHandler } from '@autobest-ui/utils';
 import { InputProps, InputValue } from '../input/Input';
-export interface InputNumberProps extends Omit<InputProps<number>, 'value' | 'defaultValue' | 'suffix' | 'onKeyDown'> {
+export interface InputNumberProps extends Omit<InputProps<number | string>, 'value' | 'defaultValue' | 'suffix' | 'onKeyDown'> {
     /**
      * 输入框默认值，用于非受控组件，配合ref使用
      */
@@ -42,15 +42,23 @@ export interface InputNumberProps extends Omit<InputProps<number>, 'value' | 'de
      * 值发生改变将会触发，onChange是不合法将不在触发，只在最后onBlur时再触发一次
      * 该方法主要用在用户输入内容判断上，不要在此方法中执行修改value的操作
      */
-    onContinualChange?: (originalValue: string | number | undefined, parserValue: number | undefined, name?: string) => void;
+    onContinualChange?: (originalValue: string | number | undefined, parserValue: string | number | undefined, name?: string) => void;
     /**
      * 用户触发keydown时的回调，主要用于键盘监听
      */
-    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>, parserValue: number | undefined, name?: string) => void;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>, parserValue: string | number | undefined, name?: string) => void;
+    /**
+     * 是否过滤开头的0，默认true过滤
+     */
+    trimStartZero?: boolean;
+    /**
+     * 处理用户输入值时是否要四舍五入，默认true
+     */
+    isRounding?: boolean;
 }
 interface InputNumberStates {
     originalValueStr: string | undefined;
-    parserValue: number | undefined;
+    parserValue: string | number | undefined;
 }
 interface InputNumberPropsWithRef extends InputNumberProps {
     /**
@@ -61,12 +69,14 @@ interface InputNumberPropsWithRef extends InputNumberProps {
 export declare class InputNumberNotRef extends React.Component<InputNumberPropsWithRef, InputNumberStates> {
     prefixCls: string;
     inputRef: React.RefObject<HTMLInputElement>;
-    keyboardHandler: AddListenerEventHandler;
+    keyboardHandler: AddListenerEventRemoveHandler;
     static defaultProps: {
         defaultValue: string;
         controls: boolean;
         step: number;
         keyboard: boolean;
+        trimStartZero: boolean;
+        isRounding: boolean;
     };
     constructor(props: InputNumberPropsWithRef);
     static getDerivedStateFromProps(nextProps: InputNumberPropsWithRef, prevStates: InputNumberStates): InputNumberStates;
@@ -75,7 +85,10 @@ export declare class InputNumberNotRef extends React.Component<InputNumberPropsW
      * 解析用户输入的内容，并返回解析后的结果
      * @param originalValue
      */
-    getParserOriginalValue: (originalValue: string) => string | undefined;
+    getParserOriginalValue: (originalValue: string) => {
+        parserValueStr: string;
+        parserValue: string | number;
+    };
     /**
      * 键盘和点击上下按钮更新value值
      * @param isUp