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

package/lib/es/input/index.js

@@ -2,20 +2,15 @@ import _isUndefined from "lodash/isUndefined";
 import _isFunction from "lodash/isFunction";
 import _noop from "lodash/noop";
 import _isString from "lodash/isString";
-
 var __rest = this && this.__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]];
   }
   return t;
 };
 /* eslint-disable no-unused-vars, max-len, @typescript-eslint/no-unused-vars */
-
-
 import React from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
@@ -29,59 +24,46 @@ const prefixCls = cssClasses.PREFIX;
 const sizeSet = strings.SIZE;
 const statusSet = strings.STATUS;
 const modeSet = strings.MODE;
-
 class Input extends BaseComponent {
   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,
@@ -97,7 +79,6 @@ class Input extends BaseComponent {
     this.suffixRef = /*#__PURE__*/React.createRef();
     this.foundation = new InputFoundation(this.adapter);
   }
-
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       setValue: value => this.setState({
@@ -139,33 +120,26 @@ class Input extends BaseComponent {
       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 = cls({
         [`${prefixCls}-prepend`]: true,
@@ -177,15 +151,12 @@ class Input extends BaseComponent {
         "x-semi-prop": "addonBefore"
       }, addonBefore);
     }
-
     return null;
   }
-
   renderAppend() {
     const {
       addonAfter
     } = this.props;
-
     if (addonAfter) {
       const prefixWrapperCls = cls({
         [`${prefixCls}-append`]: true,
@@ -197,17 +168,15 @@ class Input extends BaseComponent {
         "x-semi-prop": "addonAfter"
       }, addonAfter);
     }
-
     return null;
   }
-
   renderClearBtn() {
     const clearCls = cls(`${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__*/
@@ -218,10 +187,8 @@ class Input extends BaseComponent {
         }, clearIcon ? clearIcon : /*#__PURE__*/React.createElement(IconClear, null))
       );
     }
-
     return null;
   }
-
   renderModeBtn() {
     const {
       eyeClosed
@@ -231,11 +198,10 @@ class Input extends BaseComponent {
       disabled
     } = this.props;
     const modeCls = cls(`${prefixCls}-modebtn`);
-    const modeIcon = eyeClosed ? /*#__PURE__*/React.createElement(IconEyeClosedSolid, null) : /*#__PURE__*/React.createElement(IconEyeOpened, null); // alway show password button for a11y
-
+    const modeIcon = eyeClosed ? /*#__PURE__*/React.createElement(IconEyeClosedSolid, null) : /*#__PURE__*/React.createElement(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.createElement("div", {
         role: "button",
@@ -248,10 +214,8 @@ class Input extends BaseComponent {
         onKeyPress: this.handleModeEnterPress
       }, modeIcon);
     }
-
     return null;
   }
-
   renderPrefix() {
     const {
       prefix,
@@ -259,11 +223,9 @@ class Input extends BaseComponent {
       insetLabelId
     } = this.props;
     const labelNode = prefix || insetLabel;
-
     if (!labelNode) {
       return null;
     }
-
     const prefixWrapperCls = cls({
       [`${prefixCls}-prefix`]: true,
       [`${prefixCls}-inset-label`]: insetLabel,
@@ -282,7 +244,6 @@ class Input extends BaseComponent {
       }, labelNode)
     );
   }
-
   showClearBtn() {
     const {
       value,
@@ -295,17 +256,14 @@ class Input extends BaseComponent {
     } = this.props;
     return Boolean(value) && showClear && !disabled && (isFocus || isHovering);
   }
-
   renderSuffix(suffixAllowClear) {
     const {
       suffix,
       hideSuffix
     } = this.props;
-
     if (!suffix) {
       return null;
     }
-
     const suffixWrapperCls = cls({
       [`${prefixCls}-suffix`]: true,
       [`${prefixCls}-suffix-text`]: suffix && _isString(suffix),
@@ -323,12 +281,10 @@ class Input extends BaseComponent {
       }, suffix)
     );
   }
-
   getInputRef() {
     const {
       forwardRef
     } = this.props;
-
     if (!_isUndefined(forwardRef)) {
       if (typeof forwardRef === 'function') {
         return node => {
@@ -342,44 +298,41 @@ class Input extends BaseComponent {
         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,
@@ -433,19 +386,15 @@ class Input extends BaseComponent {
       onKeyPress: e => this.foundation.handleKeyPress(e),
       value: inputValue
     });
-
     if (!_isFunction(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
@@ -460,9 +409,7 @@ class Input extends BaseComponent {
       })), this.renderClearBtn(), this.renderSuffix(suffixAllowClear), this.renderModeBtn(), this.renderAppend())
     );
   }
-
 }
-
 Input.propTypes = {
   'aria-label': PropTypes.string,
   'aria-labelledby': PropTypes.string,

package/lib/es/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/es/utils/function';
-export declare type InputSize = 'small' | 'large' | 'default';
+export type InputSize = 'small' | 'large' | 'default';
 export interface InputGroupProps {
     className?: string;
     children?: React.ReactNode;

package/lib/es/input/inputGroup.js

@@ -1,19 +1,14 @@
 import _isFunction from "lodash/isFunction";
 import _get from "lodash/get";
-
 var __rest = this && this.__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]];
   }
   return t;
 };
 /* eslint-disable max-len */
-
-
 import React from 'react';
 import cls from 'classnames';
 import PropTypes from 'prop-types';
@@ -27,14 +22,13 @@ export default class inputGroup extends BaseComponent {
   renderGroupWithLabel(inner) {
     // eslint-disable-next-line no-unused-vars
     const _a = this.props,
-          {
-      size,
-      className,
-      label,
-      labelPosition
-    } = _a,
-          rest = __rest(_a, ["size", "className", "label", "labelPosition"]);
-
+      {
+        size,
+        className,
+        label,
+        labelPosition
+      } = _a,
+      rest = __rest(_a, ["size", "className", "label", "labelPosition"]);
     const groupWrapperCls = cls({
       [`${prefixCls}-group-wrapper`]: true,
       [`${prefixCls}-group-wrapper-with-top-label`]: labelPosition === 'top',
@@ -42,8 +36,8 @@ export default class inputGroup extends BaseComponent {
     });
     const groupCls = cls(`${prefixCls}-group`, className, {
       [`${prefixCls}-${size}`]: size !== 'default'
-    }); // const labelCls = cls(label.className, '');
-
+    });
+    // const labelCls = cls(label.className, '');
     const defaultName = 'input-group';
     return /*#__PURE__*/React.createElement("div", {
       className: groupWrapperCls
@@ -59,26 +53,23 @@ export default class inputGroup extends BaseComponent {
       onBlur: this.props.onBlur
     }, inner));
   }
-
   render() {
     const _a = this.props,
-          {
-      size,
-      style,
-      className,
-      children,
-      label,
-      onBlur: groupOnBlur,
-      onFocus: groupOnFocus,
-      disabled: groupDisabled
-    } = _a,
-          rest = __rest(_a, ["size", "style", "className", "children", "label", "onBlur", "onFocus", "disabled"]);
-
+      {
+        size,
+        style,
+        className,
+        children,
+        label,
+        onBlur: groupOnBlur,
+        onFocus: groupOnFocus,
+        disabled: groupDisabled
+      } = _a,
+      rest = __rest(_a, ["size", "style", "className", "children", "label", "onBlur", "onFocus", "disabled"]);
     const groupCls = cls(`${prefixCls}-group`, {
       [`${prefixCls}-${size}`]: size !== 'default'
     }, className);
     let inner;
-
     if (children) {
       inner = (Array.isArray(children) ? children : [children]).map((item, index) => {
         if (item) {
@@ -99,15 +90,12 @@ export default class inputGroup extends BaseComponent {
             disabled
           }));
         }
-
         return null;
       });
     }
-
     if (label && label.text) {
       return this.renderGroupWithLabel(inner);
     }
-
     return /*#__PURE__*/React.createElement("span", {
       role: "group",
       "aria-label": "Input group",
@@ -118,7 +106,6 @@ export default class inputGroup extends BaseComponent {
       onBlur: this.props.onBlur
     }, inner);
   }
-
 }
 inputGroup.propTypes = {
   className: PropTypes.string,

package/lib/es/input/textarea.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ValidateStatus } from '../_base/baseComponent';
 import '@douyinfe/semi-foundation/lib/es/input/textarea.css';
-declare type OmitTextareaAttr = 'onChange' | 'onInput' | 'prefix' | 'size' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'onKeyPress' | 'onKeyUp' | 'onResize';
+type OmitTextareaAttr = 'onChange' | 'onInput' | 'prefix' | 'size' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'onKeyPress' | 'onKeyUp' | 'onResize';
 export interface TextAreaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, OmitTextareaAttr> {
     autosize?: boolean;
     borderless?: boolean;