@douyinfe/semi-ui 2.36.0-beta.0 → 2.36.0

package/lib/cjs/index.js

@@ -561,175 +561,89 @@ Object.defineProperty(exports, "withFormState", {
     return _form.withFormState;
   }
 });
-
 require("./_base/base.css");
-
 var _anchor = _interopRequireDefault(require("./anchor"));
-
 var _autoComplete = _interopRequireDefault(require("./autoComplete"));
-
 var _avatar = _interopRequireDefault(require("./avatar"));
-
 var _avatarGroup = _interopRequireDefault(require("./avatar/avatarGroup"));
-
 var _backtop = _interopRequireDefault(require("./backtop"));
-
 var _badge = _interopRequireDefault(require("./badge"));
-
 var _banner = _interopRequireDefault(require("./banner"));
-
 var _breadcrumb = _interopRequireDefault(require("./breadcrumb"));
-
 var _button = _interopRequireDefault(require("./button"));
-
 var _buttonGroup = _interopRequireDefault(require("./button/buttonGroup"));
-
 var _calendar = _interopRequireDefault(require("./calendar"));
-
 var _card = _interopRequireDefault(require("./card"));
-
 var _cardGroup = _interopRequireDefault(require("./card/cardGroup"));
-
 var _carousel = _interopRequireDefault(require("./carousel"));
-
 var _cascader = _interopRequireDefault(require("./cascader"));
-
 var _checkbox = _interopRequireDefault(require("./checkbox"));
-
 var _checkboxGroup = _interopRequireDefault(require("./checkbox/checkboxGroup"));
-
 var _collapse = _interopRequireDefault(require("./collapse"));
-
 var _collapsible = _interopRequireDefault(require("./collapsible"));
-
 var _configProvider = _interopRequireDefault(require("./configProvider"));
-
 var _datePicker = _interopRequireDefault(require("./datePicker"));
-
 var _descriptions = _interopRequireDefault(require("./descriptions"));
-
 var _divider = _interopRequireDefault(require("./divider"));
-
 var _empty = _interopRequireDefault(require("./empty"));
-
 var _modal = _interopRequireDefault(require("./modal"));
-
 var _dropdown = _interopRequireDefault(require("./dropdown"));
-
 var _dropdownMenu = _interopRequireDefault(require("./dropdown/dropdownMenu"));
-
 var _dropdownItem = _interopRequireDefault(require("./dropdown/dropdownItem"));
-
 var _dropdownDivider = _interopRequireDefault(require("./dropdown/dropdownDivider"));
-
 var _grid = require("./grid");
-
 var _layout = require("./layout");
-
 var _list = _interopRequireDefault(require("./list"));
-
 var _iconButton = _interopRequireDefault(require("./iconButton"));
-
 var _icons = _interopRequireDefault(require("./icons"));
-
 var _input = _interopRequireDefault(require("./input"));
-
 var _inputGroup = _interopRequireDefault(require("./input/inputGroup"));
-
 var _textarea = _interopRequireDefault(require("./input/textarea"));
-
 var _inputNumber = _interopRequireDefault(require("./inputNumber"));
-
 var _navigation = _interopRequireDefault(require("./navigation"));
-
 var _Item = _interopRequireDefault(require("./navigation/Item"));
-
 var _SubNav = _interopRequireDefault(require("./navigation/SubNav"));
-
 var _notification = _interopRequireDefault(require("./notification"));
-
 var _overflowList = _interopRequireDefault(require("./overflowList"));
-
 var _pagination = _interopRequireDefault(require("./pagination"));
-
 var _popconfirm = _interopRequireDefault(require("./popconfirm"));
-
 var _popover = _interopRequireDefault(require("./popover"));
-
 var _progress = _interopRequireDefault(require("./progress"));
-
 var _radio = _interopRequireDefault(require("./radio"));
-
 var _radioGroup = _interopRequireDefault(require("./radio/radioGroup"));
-
 var _rating = _interopRequireDefault(require("./rating"));
-
 var _scrollList = _interopRequireDefault(require("./scrollList"));
-
 var _scrollItem = _interopRequireDefault(require("./scrollList/scrollItem"));
-
 var _select = _interopRequireDefault(require("./select"));
-
 var _sideSheet = _interopRequireDefault(require("./sideSheet"));
-
 var _skeleton = _interopRequireDefault(require("./skeleton"));
-
 var _slider = _interopRequireDefault(require("./slider"));
-
 var _space = _interopRequireDefault(require("./space"));
-
 var _spin = _interopRequireDefault(require("./spin"));
-
 var _splitButtonGroup = _interopRequireDefault(require("./button/splitButtonGroup"));
-
 var _step = _interopRequireDefault(require("./steps/step"));
-
 var _steps = _interopRequireDefault(require("./steps"));
-
 var _switch = _interopRequireDefault(require("./switch"));
-
 var _table = _interopRequireDefault(require("./table"));
-
 var _tabs = _interopRequireDefault(require("./tabs"));
-
 var _TabPane = _interopRequireDefault(require("./tabs/TabPane"));
-
 var _tag = _interopRequireDefault(require("./tag"));
-
 var _group = _interopRequireDefault(require("./tag/group"));
-
 var _tagInput = _interopRequireDefault(require("./tagInput"));
-
 var _timeline = _interopRequireDefault(require("./timeline"));
-
 var _timePicker = _interopRequireDefault(require("./timePicker"));
-
 var _toast = _interopRequireWildcard(require("./toast"));
-
 var _tooltip = _interopRequireDefault(require("./tooltip"));
-
 var _tree = _interopRequireDefault(require("./tree"));
-
 var _treeSelect = _interopRequireDefault(require("./treeSelect"));
-
 var _upload = _interopRequireDefault(require("./upload"));
-
 var _typography = _interopRequireDefault(require("./typography"));
-
 var _transfer = _interopRequireDefault(require("./transfer"));
-
 var _highlight = _interopRequireDefault(require("./highlight"));
-
 var _localeProvider = _interopRequireDefault(require("./locale/localeProvider"));
-
 var _localeConsumer = _interopRequireDefault(require("./locale/localeConsumer"));
-
 var _form = require("./form");
-
 var _image = _interopRequireWildcard(require("./image"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/cjs/input/index.d.ts

@@ -5,9 +5,9 @@ import BaseComponent from '../_base/baseComponent';
 import '@douyinfe/semi-foundation/lib/cjs/input/input.css';
 export type { InputGroupProps } from './inputGroup';
 export type { TextAreaProps } from './textarea';
-export declare type InputSize = 'small' | 'large' | 'default';
-export declare type InputMode = 'password';
-export declare type ValidateStatus = "default" | "error" | "warning" | "success";
+export type InputSize = 'small' | 'large' | 'default';
+export type InputMode = 'password';
+export type ValidateStatus = "default" | "error" | "warning" | "success";
 export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'prefix' | 'size' | 'autoFocus' | 'placeholder' | 'onFocus' | 'onBlur'> {
     'aria-label'?: React.AriaAttributes['aria-label'];
     'aria-describedby'?: React.AriaAttributes['aria-describedby'];

package/lib/cjs/input/index.js

@@ -4,40 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Input = void 0;
-
 var _isUndefined2 = _interopRequireDefault(require("lodash/isUndefined"));
-
 var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
-
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
-
 var _isString2 = _interopRequireDefault(require("lodash/isString"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _foundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/input/foundation"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/input/constants");
-
 var _utils = require("../_utils");
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 require("@douyinfe/semi-foundation/lib/cjs/input/input.css");
-
 var _semiIcons = require("@douyinfe/semi-icons");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
-
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
@@ -45,64 +28,50 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
 };
 /* eslint-disable no-unused-vars, max-len, @typescript-eslint/no-unused-vars */
 
-
 const prefixCls = _constants.cssClasses.PREFIX;
 const sizeSet = _constants.strings.SIZE;
 const statusSet = _constants.strings.STATUS;
 const modeSet = _constants.strings.MODE;
-
 class Input extends _baseComponent.default {
   constructor(props) {
     super(props);
-
     this.handleClear = e => {
       this.foundation.handleClear(e);
     };
-
     this.handleClick = e => {
       this.foundation.handleClick(e);
     };
-
     this.handleMouseOver = e => {
       this.setState({
         isHovering: true
       });
     };
-
     this.handleMouseLeave = e => {
       this.setState({
         isHovering: false
       });
     };
-
     this.handleModeChange = mode => {
       this.foundation.handleModeChange(mode);
     };
-
     this.handleClickEye = e => {
       this.foundation.handleClickEye(e);
     };
-
     this.handleMouseDown = e => {
       this.foundation.handleMouseDown(e);
     };
-
     this.handleMouseUp = e => {
       this.foundation.handleMouseUp(e);
     };
-
     this.handleModeEnterPress = e => {
       this.foundation.handleModeEnterPress(e);
     };
-
     this.handleClickPrefixOrSuffix = e => {
       this.foundation.handleClickPrefixOrSuffix(e);
     };
-
     this.handlePreventMouseDown = e => {
       this.foundation.handlePreventMouseDown(e);
     };
-
     this.state = {
       value: '',
       cachedValue: null,
@@ -118,7 +87,6 @@ class Input extends _baseComponent.default {
     this.suffixRef = /*#__PURE__*/_react.default.createRef();
     this.foundation = new _foundation.default(this.adapter);
   }
-
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       setValue: value => this.setState({
@@ -160,33 +128,26 @@ class Input extends _baseComponent.default {
       isEventTarget: e => e && e.target === e.currentTarget
     });
   }
-
   static getDerivedStateFromProps(props, state) {
     const willUpdateStates = {};
-
     if (props.value !== state.cachedValue) {
       willUpdateStates.value = props.value;
       willUpdateStates.cachedValue = props.value;
     }
-
     return willUpdateStates;
   }
-
   componentDidUpdate(prevProps) {
     const {
       mode
     } = this.props;
-
     if (prevProps.mode !== mode) {
       this.handleModeChange(mode);
     }
   }
-
   renderPrepend() {
     const {
       addonBefore
     } = this.props;
-
     if (addonBefore) {
       const prefixWrapperCls = (0, _classnames.default)({
         [`${prefixCls}-prepend`]: true,
@@ -198,15 +159,12 @@ class Input extends _baseComponent.default {
         "x-semi-prop": "addonBefore"
       }, addonBefore);
     }
-
     return null;
   }
-
   renderAppend() {
     const {
       addonAfter
     } = this.props;
-
     if (addonAfter) {
       const prefixWrapperCls = (0, _classnames.default)({
         [`${prefixCls}-append`]: true,
@@ -218,17 +176,15 @@ class Input extends _baseComponent.default {
         "x-semi-prop": "addonAfter"
       }, addonAfter);
     }
-
     return null;
   }
-
   renderClearBtn() {
     const clearCls = (0, _classnames.default)(`${prefixCls}-clearbtn`);
     const {
       clearIcon
     } = this.props;
-    const allowClear = this.foundation.isAllowClear(); // use onMouseDown to fix issue 1203
-
+    const allowClear = this.foundation.isAllowClear();
+    // use onMouseDown to fix issue 1203
     if (allowClear) {
       return (
         /*#__PURE__*/
@@ -239,10 +195,8 @@ class Input extends _baseComponent.default {
         }, clearIcon ? clearIcon : /*#__PURE__*/_react.default.createElement(_semiIcons.IconClear, null))
       );
     }
-
     return null;
   }
-
   renderModeBtn() {
     const {
       eyeClosed
@@ -252,11 +206,10 @@ class Input extends _baseComponent.default {
       disabled
     } = this.props;
     const modeCls = (0, _classnames.default)(`${prefixCls}-modebtn`);
-    const modeIcon = eyeClosed ? /*#__PURE__*/_react.default.createElement(_semiIcons.IconEyeClosedSolid, null) : /*#__PURE__*/_react.default.createElement(_semiIcons.IconEyeOpened, null); // alway show password button for a11y
-
+    const modeIcon = eyeClosed ? /*#__PURE__*/_react.default.createElement(_semiIcons.IconEyeClosedSolid, null) : /*#__PURE__*/_react.default.createElement(_semiIcons.IconEyeOpened, null);
+    // alway show password button for a11y
     const showModeBtn = mode === 'password' && !disabled;
     const ariaLabel = eyeClosed ? 'Show password' : 'Hidden password';
-
     if (showModeBtn) {
       return /*#__PURE__*/_react.default.createElement("div", {
         role: "button",
@@ -269,10 +222,8 @@ class Input extends _baseComponent.default {
         onKeyPress: this.handleModeEnterPress
       }, modeIcon);
     }
-
     return null;
   }
-
   renderPrefix() {
     const {
       prefix,
@@ -280,11 +231,9 @@ class Input extends _baseComponent.default {
       insetLabelId
     } = this.props;
     const labelNode = prefix || insetLabel;
-
     if (!labelNode) {
       return null;
     }
-
     const prefixWrapperCls = (0, _classnames.default)({
       [`${prefixCls}-prefix`]: true,
       [`${prefixCls}-inset-label`]: insetLabel,
@@ -303,7 +252,6 @@ class Input extends _baseComponent.default {
       }, labelNode)
     );
   }
-
   showClearBtn() {
     const {
       value,
@@ -316,17 +264,14 @@ class Input extends _baseComponent.default {
     } = this.props;
     return Boolean(value) && showClear && !disabled && (isFocus || isHovering);
   }
-
   renderSuffix(suffixAllowClear) {
     const {
       suffix,
       hideSuffix
     } = this.props;
-
     if (!suffix) {
       return null;
     }
-
     const suffixWrapperCls = (0, _classnames.default)({
       [`${prefixCls}-suffix`]: true,
       [`${prefixCls}-suffix-text`]: suffix && (0, _isString2.default)(suffix),
@@ -344,12 +289,10 @@ class Input extends _baseComponent.default {
       }, suffix)
     );
   }
-
   getInputRef() {
     const {
       forwardRef
     } = this.props;
-
     if (!(0, _isUndefined2.default)(forwardRef)) {
       if (typeof forwardRef === 'function') {
         return node => {
@@ -363,44 +306,41 @@ class Input extends _baseComponent.default {
         return forwardRef;
       }
     }
-
     return this.inputRef;
   }
-
   render() {
     const _a = this.props,
-          {
-      addonAfter,
-      addonBefore,
-      autofocus,
-      clearIcon,
-      className,
-      disabled,
-      defaultValue,
-      placeholder,
-      prefix,
-      mode,
-      insetLabel,
-      insetLabelId,
-      validateStatus,
-      type,
-      readonly,
-      size,
-      suffix,
-      style,
-      showClear,
-      onEnterPress,
-      onClear,
-      hideSuffix,
-      inputStyle,
-      forwardRef,
-      maxLength,
-      getValueLength,
-      preventScroll,
-      borderless
-    } = _a,
-          rest = __rest(_a, ["addonAfter", "addonBefore", "autofocus", "clearIcon", "className", "disabled", "defaultValue", "placeholder", "prefix", "mode", "insetLabel", "insetLabelId", "validateStatus", "type", "readonly", "size", "suffix", "style", "showClear", "onEnterPress", "onClear", "hideSuffix", "inputStyle", "forwardRef", "maxLength", "getValueLength", "preventScroll", "borderless"]);
-
+      {
+        addonAfter,
+        addonBefore,
+        autofocus,
+        clearIcon,
+        className,
+        disabled,
+        defaultValue,
+        placeholder,
+        prefix,
+        mode,
+        insetLabel,
+        insetLabelId,
+        validateStatus,
+        type,
+        readonly,
+        size,
+        suffix,
+        style,
+        showClear,
+        onEnterPress,
+        onClear,
+        hideSuffix,
+        inputStyle,
+        forwardRef,
+        maxLength,
+        getValueLength,
+        preventScroll,
+        borderless
+      } = _a,
+      rest = __rest(_a, ["addonAfter", "addonBefore", "autofocus", "clearIcon", "className", "disabled", "defaultValue", "placeholder", "prefix", "mode", "insetLabel", "insetLabelId", "validateStatus", "type", "readonly", "size", "suffix", "style", "showClear", "onEnterPress", "onClear", "hideSuffix", "inputStyle", "forwardRef", "maxLength", "getValueLength", "preventScroll", "borderless"]);
     const {
       value,
       isFocus,
@@ -454,19 +394,15 @@ class Input extends _baseComponent.default {
       onKeyPress: e => this.foundation.handleKeyPress(e),
       value: inputValue
     });
-
     if (!(0, _isFunction2.default)(getValueLength)) {
       inputProps.maxLength = maxLength;
     }
-
     if (stateMinLength) {
       inputProps.minLength = stateMinLength;
     }
-
     if (validateStatus === 'error') {
       inputProps['aria-invalid'] = 'true';
     }
-
     return (
       /*#__PURE__*/
       // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
@@ -481,9 +417,7 @@ class Input extends _baseComponent.default {
       })), this.renderClearBtn(), this.renderSuffix(suffixAllowClear), this.renderModeBtn(), this.renderAppend())
     );
   }
-
 }
-
 exports.Input = Input;
 Input.propTypes = {
   'aria-label': _propTypes.default.string,
@@ -551,10 +485,8 @@ Input.defaultProps = {
   validateStatus: 'default',
   borderless: false
 };
-
 const ForwardInput = /*#__PURE__*/_react.default.forwardRef((props, ref) => /*#__PURE__*/_react.default.createElement(Input, Object.assign({}, props, {
   forwardRef: ref
 })));
-
 var _default = ForwardInput;
 exports.default = _default;

package/lib/cjs/input/inputGroup.d.ts

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import BaseComponent from '../_base/baseComponent';
 import { LabelProps } from '../form/label';
 import { noop } from '@douyinfe/semi-foundation/lib/cjs/utils/function';
-export declare type InputSize = 'small' | 'large' | 'default';
+export type InputSize = 'small' | 'large' | 'default';
 export interface InputGroupProps {
     className?: string;
     children?: React.ReactNode;