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

package/lib/cjs/input/inputGroup.js

@@ -4,32 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
-
 var _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/input/constants");
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 var _label = _interopRequireDefault(require("../form/label"));
-
 var _function = require("@douyinfe/semi-foundation/lib/cjs/utils/function");
-
 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]];
   }
@@ -37,22 +24,19 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
 };
 /* eslint-disable max-len */
 
-
 const prefixCls = _constants.cssClasses.PREFIX;
 const sizeSet = _constants.strings.SIZE;
-
 class inputGroup extends _baseComponent.default {
   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 = (0, _classnames.default)({
       [`${prefixCls}-group-wrapper`]: true,
       [`${prefixCls}-group-wrapper-with-top-label`]: labelPosition === 'top',
@@ -60,8 +44,8 @@ class inputGroup extends _baseComponent.default {
     });
     const groupCls = (0, _classnames.default)(`${prefixCls}-group`, className, {
       [`${prefixCls}-${size}`]: size !== 'default'
-    }); // const labelCls = cls(label.className, '');
-
+    });
+    // const labelCls = cls(label.className, '');
     const defaultName = 'input-group';
     return /*#__PURE__*/_react.default.createElement("div", {
       className: groupWrapperCls
@@ -77,26 +61,23 @@ class inputGroup extends _baseComponent.default {
       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 = (0, _classnames.default)(`${prefixCls}-group`, {
       [`${prefixCls}-${size}`]: size !== 'default'
     }, className);
     let inner;
-
     if (children) {
       inner = (Array.isArray(children) ? children : [children]).map((item, index) => {
         if (item) {
@@ -117,15 +98,12 @@ class inputGroup extends _baseComponent.default {
             disabled
           }));
         }
-
         return null;
       });
     }
-
     if (label && label.text) {
       return this.renderGroupWithLabel(inner);
     }
-
     return /*#__PURE__*/_react.default.createElement("span", {
       role: "group",
       "aria-label": "Input group",
@@ -136,9 +114,7 @@ class inputGroup extends _baseComponent.default {
       onBlur: this.props.onBlur
     }, inner);
   }
-
 }
-
 exports.default = inputGroup;
 inputGroup.propTypes = {
   className: _propTypes.default.string,

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ValidateStatus } from '../_base/baseComponent';
 import '@douyinfe/semi-foundation/lib/cjs/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;

package/lib/cjs/input/textarea.js

@@ -4,36 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
-
 var _omit2 = _interopRequireDefault(require("lodash/omit"));
-
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _textareaFoundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/input/textareaFoundation"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/input/constants");
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 require("@douyinfe/semi-foundation/lib/cjs/input/textarea.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]];
   }
@@ -41,30 +26,24 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
 };
 /* eslint-disable no-unused-vars */
 
-
 const prefixCls = _constants.cssClasses.PREFIX;
-
 class TextArea extends _baseComponent.default {
   constructor(props) {
     super(props);
-
     this.handleClear = e => {
       this.foundation.handleClear(e);
     };
-
     this.setRef = node => {
       this.libRef.current = node;
       const {
         forwardRef
       } = this.props;
-
       if (typeof forwardRef === 'function') {
         forwardRef(node);
       } else if (forwardRef && typeof forwardRef === 'object') {
         forwardRef.current = node;
       }
     };
-
     this.state = {
       value: '',
       isFocus: false,
@@ -77,7 +56,6 @@ class TextArea extends _baseComponent.default {
     this.libRef = /*#__PURE__*/_react.default.createRef();
     this._resizeLock = false;
   }
-
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       setValue: value => this.setState({
@@ -119,22 +97,17 @@ class TextArea extends _baseComponent.default {
       })
     });
   }
-
   static getDerivedStateFromProps(props, state) {
     const willUpdateStates = {};
-
     if (props.value !== state.cachedValue) {
       willUpdateStates.value = props.value;
       willUpdateStates.cachedValue = props.value;
     }
-
     return willUpdateStates;
   }
-
   componentDidMount() {
     this.foundation.init();
     this._resizeListener = null;
-
     if (this.props.autosize) {
       // Working around Firefox bug which runs resize listeners even when other JS is running at the same moment
       // causing competing rerenders (due to setState in the listener) in React.
@@ -144,28 +117,23 @@ class TextArea extends _baseComponent.default {
         if (this._resizeLock) {
           return;
         }
-
         this._resizeLock = true;
         this.foundation.resizeTextarea(() => {
           this._resizeLock = false;
         });
       };
-
       window.addEventListener('resize', this._resizeListener);
     }
   }
-
   componentWillUnmount() {
     this.foundation.destroy();
     this._resizeListener && window.removeEventListener('resize', this._resizeListener);
   }
-
   componentDidUpdate(prevProps, prevState) {
     if (this.props.value !== prevProps.value && this.props.autosize) {
       this.foundation.resizeTextarea();
     }
   }
-
   renderClearBtn() {
     const {
       showClear
@@ -174,7 +142,6 @@ class TextArea extends _baseComponent.default {
     const clearCls = (0, _classnames.default)(`${prefixCls}-clearbtn`, {
       [`${prefixCls}-clearbtn-hidden`]: !displayClearBtn
     });
-
     if (showClear) {
       return (
         /*#__PURE__*/
@@ -185,10 +152,8 @@ class TextArea extends _baseComponent.default {
         }, /*#__PURE__*/_react.default.createElement(_semiIcons.IconClear, null))
       );
     }
-
     return null;
   }
-
   renderCounter() {
     let counter, current, total, countCls;
     const {
@@ -196,12 +161,11 @@ class TextArea extends _baseComponent.default {
       maxCount,
       getValueLength
     } = this.props;
-
     if (showCounter || maxCount) {
       const {
         value
-      } = this.state; // eslint-disable-next-line no-nested-ternary
-
+      } = this.state;
+      // eslint-disable-next-line no-nested-ternary
       current = value ? (0, _isFunction2.default)(getValueLength) ? getValueLength(value) : value.length : 0;
       total = maxCount || null;
       countCls = (0, _classnames.default)(`${prefixCls}-textarea-counter`, {
@@ -213,35 +177,32 @@ class TextArea extends _baseComponent.default {
     } else {
       counter = null;
     }
-
     return counter;
   }
-
   render() {
     const _a = this.props,
-          {
-      autosize,
-      placeholder,
-      onEnterPress,
-      onResize,
-      // resize,
-      disabled,
-      readonly,
-      className,
-      showCounter,
-      validateStatus,
-      maxCount,
-      defaultValue,
-      style,
-      forwardRef,
-      getValueLength,
-      maxLength,
-      minLength,
-      showClear,
-      borderless
-    } = _a,
-          rest = __rest(_a, ["autosize", "placeholder", "onEnterPress", "onResize", "disabled", "readonly", "className", "showCounter", "validateStatus", "maxCount", "defaultValue", "style", "forwardRef", "getValueLength", "maxLength", "minLength", "showClear", "borderless"]);
-
+      {
+        autosize,
+        placeholder,
+        onEnterPress,
+        onResize,
+        // resize,
+        disabled,
+        readonly,
+        className,
+        showCounter,
+        validateStatus,
+        maxCount,
+        defaultValue,
+        style,
+        forwardRef,
+        getValueLength,
+        maxLength,
+        minLength,
+        showClear,
+        borderless
+      } = _a,
+      rest = __rest(_a, ["autosize", "placeholder", "onEnterPress", "onResize", "disabled", "readonly", "className", "showCounter", "validateStatus", "maxCount", "defaultValue", "style", "forwardRef", "getValueLength", "maxLength", "minLength", "showClear", "borderless"]);
     const {
       isFocus,
       value,
@@ -252,10 +213,10 @@ class TextArea extends _baseComponent.default {
       [`${prefixCls}-textarea-wrapper-disabled`]: disabled,
       [`${prefixCls}-textarea-wrapper-readonly`]: readonly,
       [`${prefixCls}-textarea-wrapper-${validateStatus}`]: Boolean(validateStatus),
-      [`${prefixCls}-textarea-wrapper-focus`]: isFocus // [`${prefixCls}-textarea-wrapper-resize`]: !autosize && resize,
-
-    }); // const ref = this.props.forwardRef || this.textAreaRef;
-
+      [`${prefixCls}-textarea-wrapper-focus`]: isFocus
+      // [`${prefixCls}-textarea-wrapper-resize`]: !autosize && resize,
+    });
+    // const ref = this.props.forwardRef || this.textAreaRef;
     const itemCls = (0, _classnames.default)(`${prefixCls}-textarea`, {
       [`${prefixCls}-textarea-disabled`]: disabled,
       [`${prefixCls}-textarea-readonly`]: readonly,
@@ -273,15 +234,12 @@ class TextArea extends _baseComponent.default {
       onKeyDown: e => this.foundation.handleKeyDown(e),
       value: value === null || value === undefined ? '' : value
     });
-
     if (!(0, _isFunction2.default)(getValueLength)) {
       itemProps.maxLength = maxLength;
     }
-
     if (stateMinLength) {
       itemProps.minLength = stateMinLength;
     }
-
     return /*#__PURE__*/_react.default.createElement("div", {
       className: wrapperCls,
       style: style,
@@ -291,9 +249,7 @@ class TextArea extends _baseComponent.default {
       ref: this.setRef
     })), this.renderClearBtn(), this.renderCounter());
   }
-
 }
-
 TextArea.propTypes = {
   autosize: _propTypes.default.bool,
   borderless: _propTypes.default.bool,
@@ -309,10 +265,11 @@ TextArea.propTypes = {
   showClear: _propTypes.default.bool,
   onClear: _propTypes.default.func,
   onResize: _propTypes.default.func,
-  getValueLength: _propTypes.default.func // TODO
+  getValueLength: _propTypes.default.func
+  // TODO
   // resize: PropTypes.bool,
-
 };
+
 TextArea.defaultProps = {
   autosize: false,
   borderless: false,
@@ -326,13 +283,12 @@ TextArea.defaultProps = {
   onFocus: _noop2.default,
   onKeyDown: _noop2.default,
   onResize: _noop2.default,
-  onClear: _noop2.default // resize: false,
-
+  onClear: _noop2.default
+  // resize: false,
 };
 
 const ForwardTextarea = /*#__PURE__*/_react.default.forwardRef((props, ref) => /*#__PURE__*/_react.default.createElement(TextArea, Object.assign({}, props, {
   forwardRef: ref
 })));
-
 var _default = ForwardTextarea;
 exports.default = _default;