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

package/lib/checkbox/CheckboxGroup.js

@@ -0,0 +1,65 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _utils = require("@autobest-ui/utils");
+var _Checkbox = _interopRequireDefault(require("./Checkbox"));
+var __assign = void 0 && (void 0).__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+function getCheckboxProp(checkboxProp, checkboxGroupProp) {
+  return (0, _utils.isUndef)(checkboxProp) ? checkboxGroupProp : checkboxProp;
+}
+var cls = 'ab-checkbox';
+var CheckboxGroup = function CheckboxGroup(_a) {
+  var onChange = _a.onChange,
+    groupName = _a.name,
+    options = _a.options,
+    className = _a.className,
+    disabled = _a.disabled,
+    reverse = _a.reverse,
+    theme = _a.theme;
+  if ((0, _utils.isEmptyArray)(options)) {
+    return null;
+  }
+  var onCheckboxChange = function onCheckboxChange(checked, name) {
+    var newOptions = options.map(function (item) {
+      if (item.name === name) {
+        return __assign(__assign({}, item), {
+          checked: checked
+        });
+      }
+      return item;
+    });
+    onChange(newOptions, groupName);
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)("".concat(cls, "-group"), className)
+  }, options.map(function (item) {
+    return /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
+      key: item.name,
+      name: item.name,
+      reverse: getCheckboxProp(item.reverse, reverse),
+      theme: getCheckboxProp(item.theme, theme),
+      disabled: getCheckboxProp(item.disabled, disabled),
+      checked: item.checked,
+      onChange: onCheckboxChange
+    }, item.name);
+  }));
+};
+var _default = CheckboxGroup;
+exports.default = _default;

package/lib/checkbox/index.d.ts

@@ -1,52 +1,4 @@
-import React from 'react';
-export interface CheckboxProps {
-    children?: React.ReactChild | React.ReactChild[];
-    /**
-     * checked变化的回调函数, 参数 checked: boolean
-     */
-    onChange: (checked: boolean, name?: string | number) => void;
-    /**
-     * 是否选中
-     */
-    checked?: boolean;
-    /**
-     * 初始是否选中
-     */
-    defaultChecked?: boolean;
-    /**
-     * checkbox样式
-     */
-    className?: string;
-    name?: string | number;
-    /**
-     * 勾选框尺寸，单位px
-     */
-    size?: number;
-    /**
-     * 是否禁用
-     */
-    disabled?: boolean;
-    /**
-     * 掉转文字和勾选框位置
-     */
-    reverse?: boolean;
-}
-interface CheckboxState {
-    visible: boolean;
-}
-declare class Checkbox extends React.Component<CheckboxProps, CheckboxState> {
-    static defaultProps: {
-        size: number;
-        disabled: boolean;
-        defaultChecked: boolean;
-        reverse: boolean;
-    };
-    constructor(props: any);
-    static getDerivedStateFromProps(nextProps: CheckboxProps, prevState: CheckboxState): {
-        visible: boolean;
-    };
-    onVisibleChange: () => void;
-    renderBox: () => JSX.Element;
-    render(): JSX.Element;
-}
-export default Checkbox;
+export type { CheckboxProps } from './Checkbox';
+export { default as Checkbox } from './Checkbox';
+export type { CheckboxGroupProps, CheckboxGroupOptionItem } from './CheckboxGroup';
+export { default as CheckboxGroup } from './CheckboxGroup';

package/lib/checkbox/index.js

@@ -4,119 +4,17 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var __extends = void 0 && (void 0).__extends || function () {
-  var _extendStatics = function extendStatics(d, b) {
-    _extendStatics = Object.setPrototypeOf || {
-      __proto__: []
-    } instanceof Array && function (d, b) {
-      d.__proto__ = b;
-    } || function (d, b) {
-      for (var p in b) {
-        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
-      }
-    };
-    return _extendStatics(d, b);
-  };
-  return function (d, b) {
-    if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-    _extendStatics(d, b);
-    function __() {
-      this.constructor = d;
-    }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-  };
-}();
-var cls = 'ab-checkbox';
-var Checkbox = /** @class */function (_super) {
-  __extends(Checkbox, _super);
-  function Checkbox(props) {
-    var _this = _super.call(this, props) || this;
-    _this.onVisibleChange = function () {
-      var _a = _this.props,
-        disabled = _a.disabled,
-        onChange = _a.onChange,
-        name = _a.name;
-      if (disabled) {
-        return;
-      }
-      var visible = !_this.state.visible;
-      if (!('checked' in _this.props)) {
-        _this.setState({
-          visible: visible
-        });
-      }
-      onChange(visible, name);
-    };
-    _this.renderBox = function () {
-      var _a;
-      var _b = _this.props,
-        className = _b.className,
-        disabled = _b.disabled,
-        size = _b.size;
-      var visible = _this.state.visible;
-      var innerStyle = {
-        width: "".concat(size, "px"),
-        height: "".concat(size, "px")
-      };
-      var iconStyle = {
-        width: "".concat(size * 6 / 16, "px"),
-        height: "".concat(size * 10 / 16, "px")
-      };
-      return /*#__PURE__*/_react.default.createElement("span", {
-        className: (0, _classnames.default)(cls, className, (_a = {}, _a["".concat(cls, "-checked")] = visible, _a["".concat(cls, "-disabled")] = disabled, _a))
-      }, /*#__PURE__*/_react.default.createElement("input", {
-        className: "".concat(cls, "-input"),
-        type: "checkbox",
-        onChange: _this.onVisibleChange
-      }), /*#__PURE__*/_react.default.createElement("span", {
-        className: "".concat(cls, "-inner"),
-        style: innerStyle
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        className: "".concat(cls, "-icon"),
-        style: iconStyle
-      })));
-    };
-    _this.state = {
-      visible: props.checked || props.defaultChecked
-    };
-    return _this;
+Object.defineProperty(exports, "Checkbox", {
+  enumerable: true,
+  get: function get() {
+    return _Checkbox.default;
   }
-  Checkbox.getDerivedStateFromProps = function (nextProps, prevState) {
-    // 如果父级传了 checked 则更新 state
-    if ('checked' in nextProps && nextProps.checked !== prevState.visible) {
-      return {
-        visible: nextProps.checked
-      };
-    }
-    return null;
-  };
-  Checkbox.prototype.render = function () {
-    var _a;
-    var _b = this.props,
-      className = _b.className,
-      disabled = _b.disabled,
-      children = _b.children,
-      reverse = _b.reverse;
-    // 只渲染复选框
-    if (!children) {
-      return this.renderBox();
-    }
-    return /*#__PURE__*/_react.default.createElement("label", {
-      className: (0, _classnames.default)("".concat(cls, "-wrap"), className, (_a = {}, _a["".concat(cls, "-reverse")] = reverse, _a["".concat(cls, "-disabled")] = disabled, _a))
-    }, this.renderBox(), children ? /*#__PURE__*/_react.default.createElement("span", {
-      className: "".concat(cls, "-content")
-    }, children) : null);
-  };
-  Checkbox.defaultProps = {
-    size: 16,
-    disabled: false,
-    defaultChecked: false,
-    reverse: false
-  };
-  return Checkbox;
-}(_react.default.Component);
-var _default = Checkbox;
-exports.default = _default;
+});
+Object.defineProperty(exports, "CheckboxGroup", {
+  enumerable: true,
+  get: function get() {
+    return _CheckboxGroup.default;
+  }
+});
+var _Checkbox = _interopRequireDefault(require("./Checkbox"));
+var _CheckboxGroup = _interopRequireDefault(require("./CheckboxGroup"));

package/lib/checkbox/style/index.css

@@ -1 +1 @@
-.ab-checkbox{display:inline-block;position:relative;font-size:0;cursor:pointer}.ab-checkbox-input{position:absolute;opacity:0;margin:0;padding:0;width:100%;height:100%;cursor:pointer;z-index:2}.ab-checkbox-inner{display:inline-block;position:relative;width:.16rem;height:.16rem;transition:.3s;border:.02rem solid #b0b0b0;border-radius:.02rem;background-color:#fff}.ab-checkbox-icon{visibility:hidden;position:absolute;width:.06rem;height:.1rem;left:20%;top:40%;transform:rotate(45deg) scale(0) translate(-50%,-50%);transition:.2s;border:.02rem solid #e84040;border-top:none;border-left:none}.ab-checkbox.ab-checkbox-checked .ab-checkbox-icon{visibility:visible;transform:rotate(45deg) scale(1) translate(-50%,-50%)}.ab-checkbox.ab-checkbox-disabled{cursor:not-allowed;color:rgba(0,0,0,.25)}.ab-checkbox.ab-checkbox-disabled .ab-checkbox-inner{border-color:#f0f0f0;background-color:#f5f5f5}.ab-checkbox.ab-checkbox-disabled .ab-checkbox-icon{border-color:#cecece}.ab-checkbox.ab-checkbox-disabled .ab-checkbox-content{text-decoration:none}.ab-checkbox-wrap{display:inline-block;position:relative;cursor:pointer}.ab-checkbox-wrap .ab-checkbox{position:absolute;transform:translateY(-50%);top:50%;left:0}.ab-checkbox-wrap:hover .ab-checkbox-content{text-decoration:underline}.ab-checkbox-content{padding-left:.24rem;display:inline-block}.ab-checkbox-wrap.ab-checkbox-reverse .ab-checkbox{left:auto;right:0}.ab-checkbox-wrap.ab-checkbox-reverse .ab-checkbox-content{padding-left:0;padding-right:.24rem}.ab-checkbox-wrap.ab-checkbox-disabled{cursor:not-allowed;color:rgba(0,0,0,.25)}.ab-checkbox-wrap.ab-checkbox-disabled .ab-checkbox-content{text-decoration:none}
+.ab-checkbox{display:inline-block;position:relative;font-size:0;cursor:pointer}.ab-checkbox-input{position:absolute;opacity:0;margin:0;padding:0;width:100%;height:100%;cursor:pointer;z-index:2}.ab-checkbox-white .ab-checkbox-icon{border-color:#e84040}.ab-checkbox-blue .ab-checkbox-icon{border-color:#fff}.ab-checkbox-blue .ab-checkbox-inner{transition:none}.ab-checkbox-blue.ab-checkbox-checked .ab-checkbox-inner{border:.01rem solid #0075ff;background-color:#0075ff}.ab-checkbox-inner{display:inline-block;position:relative;width:.16rem;height:.16rem;transition:.3s;border:.02rem solid #b0b0b0;border-radius:.02rem;background-color:#fff}.ab-checkbox-icon{visibility:hidden;position:absolute;width:.06rem;height:.1rem;left:20%;top:40%;transform:rotate(45deg) scale(0) translate(-50%,-50%);transition:.2s;border:.02rem solid #e84040;border-top:none;border-left:none}.ab-checkbox.ab-checkbox-checked .ab-checkbox-icon{visibility:visible;transform:rotate(45deg) scale(1) translate(-50%,-50%)}.ab-checkbox.ab-checkbox-disabled{cursor:not-allowed;color:rgba(0,0,0,.25)}.ab-checkbox.ab-checkbox-disabled .ab-checkbox-inner{border-color:#f0f0f0;background-color:#f5f5f5}.ab-checkbox.ab-checkbox-disabled .ab-checkbox-icon{border-color:#cecece}.ab-checkbox.ab-checkbox-disabled .ab-checkbox-content{text-decoration:none}.ab-checkbox-wrap{display:inline-block;position:relative;cursor:pointer}.ab-checkbox-wrap .ab-checkbox{position:absolute;transform:translateY(-50%);top:50%;left:0}.ab-checkbox-wrap:hover .ab-checkbox-content{text-decoration:underline}.ab-checkbox-wrap:hover .ab-checkbox-blue+.ab-checkbox-content{text-decoration:none}.ab-checkbox-content{padding-left:.24rem;display:inline-block}.ab-checkbox-wrap.ab-checkbox-reverse .ab-checkbox{left:auto;right:0}.ab-checkbox-wrap.ab-checkbox-reverse .ab-checkbox-content{padding-left:0;padding-right:.24rem}.ab-checkbox-wrap.ab-checkbox-disabled{cursor:not-allowed;color:rgba(0,0,0,.25)}.ab-checkbox-wrap.ab-checkbox-disabled .ab-checkbox-content{text-decoration:none}.ab-checkbox-group{display:flex;flex-wrap:wrap}.ab-checkbox-group .ab-checkbox-wrap{margin-right:.15rem}

package/lib/ellipsis/index.d.ts

@@ -1,7 +1,4 @@
 import React from 'react';
-declare type LessThan<N extends number, A extends any[] = []> = N extends A['length'] ? A[number] : LessThan<N, [...A, A['length']]>;
-declare type NumericRange<F extends number, T extends number> = Exclude<T | LessThan<T>, LessThan<F>>;
-export declare type EllipsisLinesType = NumericRange<1, 10>;
 export interface EllipsisProps {
     /**
      * 需要显示的文本
@@ -18,11 +15,7 @@ export interface EllipsisProps {
     /**
      * 桌面端限制显示的行数，若不传值，则桌面端会不做行数限值，显示全
      */
-    lines?: EllipsisLinesType;
-    /**
-     * 移动端限制显示的行数，若不传值，则移动端会不做行数限值，显示全
-     */
-    mobileLines?: EllipsisLinesType;
+    lines?: number;
     /**
      * title属性
      */

package/lib/ellipsis/index.js

@@ -22,34 +22,34 @@ var __assign = void 0 && (void 0).__assign || function () {
 };
 var cls = 'ab-ellipsis';
 function Ellipsis(props) {
-  var _a, _b;
   var children = props.children,
     maxHeight = props.maxHeight,
     className = props.className,
-    _c = props.lines,
-    lines = _c === void 0 ? 0 : _c,
-    title = props.title,
-    _d = props.mobileLines,
-    mobileLines = _d === void 0 ? 0 : _d;
-  var wrapCls = (0, _classnames.default)(cls, className, (_a = {}, _a["".concat(cls, "-line").concat(lines)] = lines > 0, _a), (_b = {}, _b["".concat(cls, "-m-line").concat(mobileLines)] = mobileLines > 0, _b));
+    _a = props.lines,
+    lines = _a === void 0 ? 0 : _a,
+    title = props.title;
+  var wrapCls = (0, _classnames.default)(cls, className);
   var style = maxHeight ? {
     maxHeight: maxHeight
   } : null;
   var titleParam = title ? {
     title: title
   } : null;
+  var lineStyle = lines > 0 ? {
+    '-webkit-line-clamp': "".concat(lines)
+  } : null;
   // 当children是单个标签元素时（非文本元素），将直接在该标签上加上style, className，title属性
   if (!(0, _reactIs.isFragment)(children) && (0, _reactIs.isElement)(children)) {
     var child = children;
     return /*#__PURE__*/_react.default.cloneElement(child, __assign(__assign({}, titleParam), {
       className: (0, _classnames.default)(wrapCls, child.props.className),
-      style: __assign(__assign({}, style), child.props.style)
+      style: __assign(__assign(__assign({}, style), lineStyle), child.props.style)
     }));
   }
   return /*#__PURE__*/_react.default.createElement("span", __assign({
     className: wrapCls
   }, titleParam, {
-    style: style
+    style: __assign(__assign({}, style), lineStyle)
   }), children);
 }
 var _default = /*#__PURE__*/_react.default.memo(Ellipsis);

package/lib/ellipsis/style/index.css

@@ -1 +1 @@
-.ab-ellipsis{overflow:hidden;display:block;display:-webkit-box;-webkit-box-orient:vertical}.ab-ellipsis.ab-ellipsis-line1{-webkit-line-clamp:1}.ab-ellipsis.ab-ellipsis-line2{-webkit-line-clamp:2}.ab-ellipsis.ab-ellipsis-line3{-webkit-line-clamp:3}.ab-ellipsis.ab-ellipsis-line4{-webkit-line-clamp:4}.ab-ellipsis.ab-ellipsis-line5{-webkit-line-clamp:5}.ab-ellipsis.ab-ellipsis-line6{-webkit-line-clamp:6}.ab-ellipsis.ab-ellipsis-line7{-webkit-line-clamp:7}.ab-ellipsis.ab-ellipsis-line8{-webkit-line-clamp:8}.ab-ellipsis.ab-ellipsis-line9{-webkit-line-clamp:9}@media only screen and (max-width:767px){.ab-ellipsis.ab-ellipsis-line1,.ab-ellipsis.ab-ellipsis-line2,.ab-ellipsis.ab-ellipsis-line3,.ab-ellipsis.ab-ellipsis-line4,.ab-ellipsis.ab-ellipsis-line5,.ab-ellipsis.ab-ellipsis-line6,.ab-ellipsis.ab-ellipsis-line7,.ab-ellipsis.ab-ellipsis-line8,.ab-ellipsis.ab-ellipsis-line9{-webkit-line-clamp:unset}.ab-ellipsis.ab-ellipsis-m-line1{-webkit-line-clamp:1}.ab-ellipsis.ab-ellipsis-m-line2{-webkit-line-clamp:2}.ab-ellipsis.ab-ellipsis-m-line3{-webkit-line-clamp:3}.ab-ellipsis.ab-ellipsis-m-line4{-webkit-line-clamp:4}.ab-ellipsis.ab-ellipsis-m-line5{-webkit-line-clamp:5}.ab-ellipsis.ab-ellipsis-m-line6{-webkit-line-clamp:6}.ab-ellipsis.ab-ellipsis-m-line7{-webkit-line-clamp:7}.ab-ellipsis.ab-ellipsis-m-line8{-webkit-line-clamp:8}.ab-ellipsis.ab-ellipsis-m-line9{-webkit-line-clamp:9}}
+.ab-ellipsis{overflow:hidden;display:block;display:-webkit-box;-webkit-box-orient:vertical}

package/lib/index.d.ts

@@ -1,6 +1,6 @@
 export type { AccordionProps } from './accordion';
 export { default as Accordion } from './accordion';
-export type { EllipsisProps, EllipsisLinesType } from './ellipsis';
+export type { EllipsisProps } from './ellipsis';
 export { default as Ellipsis } from './ellipsis';
 export type { AffixProps, GetFixedStateParams } from './affix';
 export { default as Affix } from './affix';
@@ -30,12 +30,14 @@ export type { InputValue, InputProps, TextAreaProps } from './input';
 export { Input, TextArea } from './input';
 export type { InputNumberProps } from './input-number';
 export { default as InputNumber } from './input-number';
+export type { InputPhoneProps } from './input-phone';
+export { default as InputPhone } from './input-phone';
 export type { LazyImageProps } from './lazy-image';
 export { default as LazyImage } from './lazy-image';
 export type { LinkItemProps, LinkListProps, LinkItemSubInfoProps } from './link-list';
 export { default as LinkList } from './link-list';
-export type { CheckboxProps } from './checkbox';
-export { default as Checkbox } from './checkbox';
+export type { CheckboxProps, CheckboxGroupProps, CheckboxGroupOptionItem } from './checkbox';
+export { Checkbox, CheckboxGroup } from './checkbox';
 export type { ScriptAttributes, ScriptProps } from './script';
 export { default as Script } from './script';
 export type { MessageProps, MessageConfig, MessageResult } from './message';
@@ -56,3 +58,6 @@ export type { LoadingIconProps } from './loading-icon';
 export { default as LoadingIcon } from './loading-icon';
 export type { TriggerProps, TriggerType, TriggerPlacement, ArrowStyleProps } from './trigger';
 export { default as Trigger } from './trigger';
+export { composeRef, supportRef, fillRef } from './trigger/ref';
+export type { RadioProps, RadioGroupProps, RadioValue, RadioOptionItem } from './radio';
+export { Radio, RadioGroup } from './radio';

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", {
@@ -77,6 +83,12 @@ Object.defineProperty(exports, "InputNumber", {
     return _inputNumber.default;
   }
 });
+Object.defineProperty(exports, "InputPhone", {
+  enumerable: true,
+  get: function get() {
+    return _inputPhone.default;
+  }
+});
 Object.defineProperty(exports, "LazyImage", {
   enumerable: true,
   get: function get() {
@@ -137,6 +149,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 +209,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"));
@@ -207,9 +249,10 @@ var _guide = _interopRequireDefault(require("./guide"));
 var _drawer = _interopRequireDefault(require("./drawer"));
 var _input = require("./input");
 var _inputNumber = _interopRequireDefault(require("./input-number"));
+var _inputPhone = _interopRequireDefault(require("./input-phone"));
 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 +263,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' | 'autoComplete'> {
     /**
      * 输入框默认值，用于非受控组件，配合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,11 @@ 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,
+      autoComplete = _a.autoComplete;
     var value = this.state.value;
     var isFileUpload = this.isFileUpload();
     return /*#__PURE__*/_react.default.createElement(_Adorn.default, {
@@ -171,21 +227,27 @@ 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'],
+      autoComplete: autoComplete
     }));
   };
   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