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

package/lib/es/form/interface.js

@@ -1,5 +1,4 @@
 /* eslint-disable one-var */
-
 /* eslint-disable react/prefer-stateless-function, max-len */
 import * as React from 'react';
 export class FormSelect extends React.Component {}

package/lib/es/form/label.js

@@ -49,7 +49,6 @@ export default class Label extends PureComponent {
       id: id
     }, extra ? contentWithExtra : textContent);
   }
-
 }
 Label.defaultProps = {
   required: false,

package/lib/es/form/section.js

@@ -23,7 +23,6 @@ export default class Section extends PureComponent {
       className: textCls
     }, text), children);
   }
-
 }
 Section.propTypes = {
   text: PropTypes.node,

package/lib/es/form/slot.js

@@ -1,20 +1,15 @@
 import _isObject from "lodash/isObject";
 import _isNumber from "lodash/isNumber";
 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 max-lines-per-function, prefer-destructuring, prefer-const, @typescript-eslint/no-unused-vars */
-
-
 import React, { useContext } from 'react';
 import classNames from 'classnames';
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/form/constants';
@@ -23,11 +18,9 @@ import { Col } from '../grid';
 import { FormUpdaterContext } from './context';
 import ErrorMessage from './errorMessage';
 const prefix = cssClasses.PREFIX;
-
 const FormSlot = props => {
   let labelCol, wrapperCol, labelWidth, labelAlign, content;
   let labelPosition = 'top';
-
   try {
     const updater = useContext(FormUpdaterContext);
     const formProps = updater.getFormProps(['labelPosition', 'labelWidth', 'labelAlign', 'labelCol', 'wrapperCol']);
@@ -36,21 +29,18 @@ const FormSlot = props => {
     labelWidth = formProps.labelWidth;
     labelAlign = formProps.labelAlign;
     labelPosition = formProps.labelPosition ? formProps.labelPosition : labelPosition;
-  } catch (error) {} // eslint-disable-next-line react/destructuring-assignment
-
-
+  } catch (error) {}
+  // eslint-disable-next-line react/destructuring-assignment
   props.labelPosition ? labelPosition = props.labelPosition : null;
-
   let {
-    children,
-    label,
-    className,
-    style,
-    error,
-    noLabel
-  } = props,
-      rest = __rest(props, ["children", "label", "className", "style", "error", "noLabel"]);
-
+      children,
+      label,
+      className,
+      style,
+      error,
+      noLabel
+    } = props,
+    rest = __rest(props, ["children", "label", "className", "style", "error", "noLabel"]);
   const appendCol = labelCol && wrapperCol;
   const slotCls = classNames({
     [`${prefix}-field`]: true,
@@ -59,60 +49,48 @@ const FormSlot = props => {
   const labelColCls = classNames({
     [`${prefix}-col-${labelAlign}`]: true
   });
-
   switch (true) {
     case _isObject(label) && ! /*#__PURE__*/React.isValidElement(label):
       // do nothing
       break;
-
     case _isString(label) || _isNumber(label):
       // @ts-ignore skip type check, the actual type is already determined
       label = {
         text: label
       };
       break;
-
     case /*#__PURE__*/React.isValidElement(label):
       // @ts-ignore skip type check, the actual type is already determined
       label = {
         text: label
       };
       break;
-
     default:
       break;
   }
-
   let slotError = null;
-
   if (typeof error !== undefined) {
     let emProps = {};
-
     switch (true) {
       case _isObject(error) && ! /*#__PURE__*/React.isValidElement(error):
         // do nothing
         emProps = error;
         break;
-
       case _isString(error) || _isNumber(error):
         emProps = {
           error
         };
         break;
-
       case /*#__PURE__*/React.isValidElement(error):
         emProps = {
           error
         };
         break;
-
       default:
         break;
     }
-
     slotError = /*#__PURE__*/React.createElement(ErrorMessage, Object.assign({}, emProps));
   }
-
   let mergeLabelProps = Object.assign({
     align: labelAlign,
     width: labelWidth
@@ -121,20 +99,17 @@ const FormSlot = props => {
     [`${prefix}-field-main`]: true,
     [`${prefix}-slot-main`]: true
   });
-
   switch (true) {
     case !appendCol && !noLabel:
       content = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Label, Object.assign({}, mergeLabelProps)), /*#__PURE__*/React.createElement("div", {
         className: mainCls
       }, children, slotError));
       break;
-
     case !appendCol && noLabel:
       content = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
         className: mainCls
       }, children, slotError));
       break;
-
     case appendCol && labelPosition === 'top':
       // When labelPosition is top, you need to add an overflow hidden div to the label, otherwise it will be arranged horizontally
       content = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
@@ -145,22 +120,18 @@ const FormSlot = props => {
         className: labelColCls
       }), /*#__PURE__*/React.createElement(Label, Object.assign({}, mergeLabelProps)))), /*#__PURE__*/React.createElement(Col, null, children, slotError));
       break;
-
     case appendCol && labelPosition !== 'top':
       content = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Col, Object.assign({}, labelCol, {
         className: labelColCls
       }), /*#__PURE__*/React.createElement(Label, Object.assign({}, mergeLabelProps))), /*#__PURE__*/React.createElement(Col, null, children, slotError));
       break;
-
     default:
       break;
   }
-
   return /*#__PURE__*/React.createElement("div", {
     className: slotCls,
     "x-label-pos": labelPosition,
     style: style
   }, content);
 };
-
 export default FormSlot;

package/lib/es/grid/col.js

@@ -1,8 +1,6 @@
 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]];
   }
@@ -11,44 +9,37 @@ var __rest = this && this.__rest || function (s, e) {
 /**
  * Implementation reference from: https://github.com/ant-design/ant-design/blob/master/components/grid/col.tsx
  */
-
-
 import React from 'react';
 import PropTypes from 'prop-types';
 import { RowContext } from './row';
 import classnames from 'classnames';
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/grid/constants';
 const objectOrNumber = PropTypes.oneOfType([PropTypes.object, PropTypes.number]);
-
 class Col extends React.Component {
   render() {
     const {
       props
     } = this;
-
     const {
-      prefixCls,
-      span,
-      order,
-      offset,
-      push,
-      pull,
-      className,
-      children
-    } = props,
-          others = __rest(props, ["prefixCls", "span", "order", "offset", "push", "pull", "className", "children"]);
-
+        prefixCls,
+        span,
+        order,
+        offset,
+        push,
+        pull,
+        className,
+        children
+      } = props,
+      others = __rest(props, ["prefixCls", "span", "order", "offset", "push", "pull", "className", "children"]);
     let sizeClassObj = {};
     const prefix = `${prefixCls}-col`;
     ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'].forEach(size => {
       let sizeProps = {};
-
       if (typeof props[size] === 'number') {
         sizeProps.span = props[size];
       } else if (typeof props[size] === 'object') {
         sizeProps = props[size] || {};
       }
-
       delete others[size];
       sizeClassObj = Object.assign(Object.assign({}, sizeClassObj), {
         [`${prefix}-${size}-${sizeProps.span}`]: sizeProps.span !== undefined,
@@ -69,13 +60,11 @@ class Col extends React.Component {
       style
     } = others;
     let gutters;
-
     try {
       gutters = this.context.gutters;
     } catch (error) {
       throw new Error('please make sure <Col> inside <Row>');
     }
-
     style = Object.assign(Object.assign(Object.assign({}, gutters[0] > 0 ? {
       paddingLeft: gutters[0] / 2,
       paddingRight: gutters[0] / 2
@@ -89,9 +78,7 @@ class Col extends React.Component {
       "x-semi-prop": "children"
     }), children);
   }
-
 }
-
 Col.contextType = RowContext;
 Col.propTypes = {
   span: PropTypes.number,

package/lib/es/grid/row.d.ts

@@ -8,8 +8,8 @@ export interface RowContextType {
     gutters?: Gutter | [Gutter, Gutter];
 }
 export declare const RowContext: React.Context<RowContextType>;
-export declare type Breakpoint = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
-export declare type Gutter = number | Partial<Record<Breakpoint, number>>;
+export type Breakpoint = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
+export type Gutter = number | Partial<Record<Breakpoint, number>>;
 export interface RowProps {
     type?: 'flex';
     align?: 'top' | 'middle' | 'bottom';

package/lib/es/grid/row.js

@@ -1,8 +1,6 @@
 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]];
   }
@@ -11,8 +9,6 @@ var __rest = this && this.__rest || function (s, e) {
 /**
  * Implementation reference from: https://github.com/ant-design/ant-design/blob/master/components/grid/row.tsx
  */
-
-
 import React from 'react';
 import classnames from 'classnames';
 import PropTypes from 'prop-types';
@@ -29,7 +25,6 @@ const responsiveMap = {
   xl: '(min-width: 1200px)',
   xxl: '(min-width: 1600px)'
 };
-
 class Row extends React.Component {
   constructor() {
     super(...arguments);
@@ -45,14 +40,12 @@ class Row extends React.Component {
     };
     this.unRegisters = [];
   }
-
   componentDidMount() {
     this.unRegisters = Object.keys(responsiveMap).map(screen => registerMediaQuery(responsiveMap[screen], {
       match: () => {
         if (typeof this.props.gutter !== 'object') {
           return;
         }
-
         this.setState(prevState => ({
           screens: Object.assign(Object.assign({}, prevState.screens), {
             [screen]: true
@@ -63,7 +56,6 @@ class Row extends React.Component {
         if (typeof this.props.gutter !== 'object') {
           return;
         }
-
         this.setState(prevState => ({
           screens: Object.assign(Object.assign({}, prevState.screens), {
             [screen]: false
@@ -72,11 +64,9 @@ class Row extends React.Component {
       }
     }));
   }
-
   componentWillUnmount() {
     this.unRegisters.forEach(unRegister => unRegister());
   }
-
   getGutter() {
     const {
       gutter = 0
@@ -87,7 +77,6 @@ class Row extends React.Component {
       if (typeof g === 'object') {
         for (let i = 0; i < responsiveArray.length; i++) {
           const breakpoint = responsiveArray[i];
-
           if (this.state.screens[breakpoint] && g[breakpoint] !== undefined) {
             results[index] = g[breakpoint];
             break;
@@ -99,20 +88,18 @@ class Row extends React.Component {
     });
     return results;
   }
-
   render() {
     const _a = this.props,
-          {
-      prefixCls,
-      type,
-      justify,
-      align,
-      className,
-      style,
-      children
-    } = _a,
-          others = __rest(_a, ["prefixCls", "type", "justify", "align", "className", "style", "children"]);
-
+      {
+        prefixCls,
+        type,
+        justify,
+        align,
+        className,
+        style,
+        children
+      } = _a,
+      others = __rest(_a, ["prefixCls", "type", "justify", "align", "className", "style", "children"]);
     const gutters = this.getGutter();
     const prefix = `${prefixCls}-row`;
     const classes = classnames({
@@ -140,9 +127,7 @@ class Row extends React.Component {
       "x-semi-prop": "children"
     }), children));
   }
-
 }
-
 Row.propTypes = {
   type: PropTypes.oneOf(['flex']),
   align: PropTypes.oneOf(['top', 'middle', 'bottom']),

package/lib/es/highlight/index.js

@@ -5,7 +5,6 @@ import { cssClasses } from '@douyinfe/semi-foundation/lib/es/highlight/constants
 import { getHighLightTextHTML } from '../_utils/index';
 import '@douyinfe/semi-foundation/lib/es/highlight/highlight.css';
 const prefixCls = cssClasses.PREFIX;
-
 class Highlight extends PureComponent {
   render() {
     const {
@@ -33,9 +32,7 @@ class Highlight extends PureComponent {
       option
     });
   }
-
 }
-
 Highlight.propTypes = {
   style: PropTypes.object,
   className: PropTypes.string,

package/lib/es/iconButton/index.d.ts

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import { Theme, ButtonProps } from '../button/Button';
 import { IconSize } from '@douyinfe/semi-icons';
 import '@douyinfe/semi-foundation/lib/es/button/iconButton.css';
-export declare type HorizontalPaddingType = 'left' | 'right';
+export type HorizontalPaddingType = 'left' | 'right';
 export interface IconButtonProps extends ButtonProps {
     icon?: React.ReactNode;
     iconPosition?: 'left' | 'right';

package/lib/es/iconButton/index.js

@@ -1,18 +1,13 @@
 import _noop from "lodash/noop";
-
 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 eqeqeq */
-
-
 import React, { PureComponent } from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
@@ -21,29 +16,28 @@ import { strings as iconStrings } from '@douyinfe/semi-foundation/lib/es/icons/c
 import Button from '../button/Button';
 import SpinIcon from '../spin/icon';
 import '@douyinfe/semi-foundation/lib/es/button/iconButton.css';
-const iconSizes = iconStrings.SIZE; // TODO: add a buttonGroup component
+const iconSizes = iconStrings.SIZE;
+// TODO: add a buttonGroup component
 // TODO: icon configuration
-
 class IconButton extends PureComponent {
   render() {
     const _a = this.props,
-          {
-      children: originChildren,
-      iconPosition,
-      iconSize,
-      iconStyle,
-      style: originStyle,
-      icon,
-      noHorizontalPadding,
-      theme,
-      className,
-      prefixCls,
-      loading
-    } = _a,
-          otherProps = __rest(_a, ["children", "iconPosition", "iconSize", "iconStyle", "style", "icon", "noHorizontalPadding", "theme", "className", "prefixCls", "loading"]);
-
-    const style = Object.assign({}, originStyle); // TODO: review check
-
+      {
+        children: originChildren,
+        iconPosition,
+        iconSize,
+        iconStyle,
+        style: originStyle,
+        icon,
+        noHorizontalPadding,
+        theme,
+        className,
+        prefixCls,
+        loading
+      } = _a,
+      otherProps = __rest(_a, ["children", "iconPosition", "iconSize", "iconStyle", "style", "icon", "noHorizontalPadding", "theme", "className", "prefixCls", "loading"]);
+    const style = Object.assign({}, originStyle);
+    // TODO: review check
     if (Array.isArray(noHorizontalPadding)) {
       noHorizontalPadding.includes('left') && (style.paddingLeft = 0);
       noHorizontalPadding.includes('right') && (style.paddingRight = 0);
@@ -54,16 +48,13 @@ class IconButton extends PureComponent {
       noHorizontalPadding === 'left' && (style.paddingLeft = 0);
       noHorizontalPadding === 'right' && (style.paddingRight = 0);
     }
-
     let finalChildren = null;
     let IconElem = null;
-
     if (loading && !otherProps.disabled) {
       IconElem = /*#__PURE__*/React.createElement(SpinIcon, null);
     } else if ( /*#__PURE__*/React.isValidElement(icon)) {
       IconElem = icon;
     }
-
     const btnTextCls = classNames({
       [`${prefixCls}-content-left`]: iconPosition === 'right',
       [`${prefixCls}-content-right`]: iconPosition === 'left'
@@ -73,13 +64,11 @@ class IconButton extends PureComponent {
       className: btnTextCls,
       "x-semi-prop": xSemiProp
     }, originChildren) : null;
-
     if (iconPosition === 'left') {
       finalChildren = /*#__PURE__*/React.createElement(React.Fragment, null, IconElem, children);
     } else {
       finalChildren = /*#__PURE__*/React.createElement(React.Fragment, null, children, IconElem);
     }
-
     const iconBtnCls = classNames(className, `${prefixCls}-with-icon`, {
       [`${prefixCls}-with-icon-only`]: children == null || children === '',
       [`${prefixCls}-loading`]: loading
@@ -90,9 +79,7 @@ class IconButton extends PureComponent {
       style: style
     }), finalChildren);
   }
-
 }
-
 IconButton.defaultProps = {
   iconPosition: strings.DEFAULT_ICON_POSITION,
   prefixCls: cssClasses.PREFIX,

package/lib/es/image/image.d.ts

@@ -32,9 +32,6 @@ export default class Image extends BaseComponent<ImageProps, ImageStates> {
     imgRef: React.RefObject<HTMLImageElement>;
     constructor(props: ImageProps);
     static getDerivedStateFromProps(props: ImageProps, state: ImageStates): Partial<ImageStates>;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: ImageProps, prevState: ImageStates): void;
-    observeImage(): void;
     isInGroup(): boolean;
     isLazyLoad(): boolean;
     handleClick: (e: any) => void;