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

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

@@ -4,7 +4,7 @@ import '@douyinfe/semi-foundation/lib/es/descriptions/descriptions.css';
 import { DescriptionsAlign, DescriptionsContextValue } from './descriptions-context';
 import Item from './item';
 export type { DescriptionsItemProps } from './item';
-export declare type DescriptionsSize = 'small' | 'medium' | 'large';
+export type DescriptionsSize = 'small' | 'medium' | 'large';
 export interface Data {
     key?: React.ReactNode;
     value?: (() => React.ReactNode) | React.ReactNode;

package/lib/es/descriptions/index.js

@@ -7,7 +7,6 @@ import '@douyinfe/semi-foundation/lib/es/descriptions/descriptions.css';
 import DescriptionsContext from './descriptions-context';
 import Item from './item';
 const prefixCls = cssClasses.PREFIX;
-
 class Descriptions extends PureComponent {
   render() {
     const {
@@ -38,9 +37,7 @@ class Descriptions extends PureComponent {
       }
     }, childrenList))));
   }
-
 }
-
 Descriptions.Item = Item;
 Descriptions.contextType = DescriptionsContext;
 Descriptions.propTypes = {

package/lib/es/descriptions/item.js

@@ -18,11 +18,9 @@ export default class Item extends PureComponent {
     const {
       align
     } = this.context;
-
     if (hidden) {
       return null;
     }
-
     const item = align === 'plain' ? /*#__PURE__*/React.createElement("tr", {
       className: className,
       style: style
@@ -46,7 +44,6 @@ export default class Item extends PureComponent {
     }, typeof children === 'function' ? children() : children)));
     return item;
   }
-
 }
 Item.propTypes = {
   itemKey: PropTypes.node,

package/lib/es/divider/index.js

@@ -1,32 +1,27 @@
 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;
 };
-
 import React from 'react';
 import cls from 'classnames';
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/divider/constants';
 import '@douyinfe/semi-foundation/lib/es/divider/divider.css';
 const prefixCls = cssClasses.PREFIX;
-
 const Divider = props => {
   const {
-    layout = 'horizontal',
-    dashed,
-    align = 'center',
-    className,
-    margin,
-    style,
-    children
-  } = props,
-        rest = __rest(props, ["layout", "dashed", "align", "className", "margin", "style", "children"]);
-
+      layout = 'horizontal',
+      dashed,
+      align = 'center',
+      className,
+      margin,
+      style,
+      children
+    } = props,
+    rest = __rest(props, ["layout", "dashed", "align", "className", "margin", "style", "children"]);
   const dividerClassNames = cls(`${prefixCls}-divider`, className, {
     [`${prefixCls}-divider-horizontal`]: layout === 'horizontal',
     [`${prefixCls}-divider-vertical`]: layout === 'vertical',
@@ -35,7 +30,6 @@ const Divider = props => {
     [`${prefixCls}-divider-with-text-${align}`]: children && layout === 'horizontal'
   });
   let overrideDefaultStyle = {};
-
   if (margin !== undefined) {
     if (layout === 'vertical') {
       overrideDefaultStyle = {
@@ -49,7 +43,6 @@ const Divider = props => {
       };
     }
   }
-
   return /*#__PURE__*/React.createElement("div", Object.assign({}, rest, {
     className: dividerClassNames,
     style: Object.assign(Object.assign({}, overrideDefaultStyle), style)
@@ -58,5 +51,4 @@ const Divider = props => {
     "x-semi-prop": "children"
   }, children) : children : null);
 };
-
 export default Divider;

package/lib/es/dropdown/dropdownDivider.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { BaseProps } from '../_base/baseComponent';
-export declare type DropdownDividerProps = BaseProps;
+export type DropdownDividerProps = BaseProps;
 declare const DropdownDivider: React.FC<DropdownDividerProps>;
 export default DropdownDivider;

package/lib/es/dropdown/dropdownDivider.js

@@ -3,7 +3,6 @@ import classnames from 'classnames';
 import PropTypes from 'prop-types';
 import { cssClasses } from '@douyinfe/semi-foundation/lib/es/dropdown/constants';
 const prefixCls = cssClasses.PREFIX;
-
 const DropdownDivider = function () {
   let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   const {
@@ -15,7 +14,6 @@ const DropdownDivider = function () {
     style: style
   });
 };
-
 DropdownDivider.propTypes = {
   style: PropTypes.object,
   className: PropTypes.string

package/lib/es/dropdown/dropdownItem.d.ts

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import BaseComponent from '../_base/baseComponent';
 import type { BaseProps } from '../_base/baseComponent';
 import type { DropdownContextType } from './context';
-export declare type Type = 'primary' | 'secondary' | 'tertiary' | 'warning' | 'danger';
+export type Type = 'primary' | 'secondary' | 'tertiary' | 'warning' | 'danger';
 export interface DropdownItemProps extends BaseProps {
     disabled?: boolean;
     selected?: boolean;

package/lib/es/dropdown/dropdownItem.js

@@ -7,7 +7,6 @@ import DropdownContext from './context';
 import BaseComponent from '../_base/baseComponent';
 import { IconTick } from '@douyinfe/semi-icons';
 const prefixCls = css.PREFIX;
-
 class DropdownItem extends BaseComponent {
   render() {
     const {
@@ -36,20 +35,16 @@ class DropdownItem extends BaseComponent {
       [`${prefixCls}-item-active`]: active
     });
     const events = {};
-
     if (!disabled) {
       ['onClick', 'onMouseEnter', 'onMouseLeave', 'onContextMenu'].forEach(eventName => {
         events[eventName] = this.props[eventName];
       });
     }
-
     let tick = null;
-
     switch (true) {
       case realShowTick && active:
         tick = /*#__PURE__*/React.createElement(IconTick, null);
         break;
-
       case realShowTick && !active:
         tick = /*#__PURE__*/React.createElement(IconTick, {
           style: {
@@ -57,20 +52,16 @@ class DropdownItem extends BaseComponent {
           }
         });
         break;
-
       default:
         tick = null;
         break;
     }
-
     let iconContent = null;
-
     if (icon) {
       iconContent = /*#__PURE__*/React.createElement("div", {
         className: `${prefixCls}-item-icon`
       }, icon);
     }
-
     return /*#__PURE__*/React.createElement("li", Object.assign({
       role: "menuitem",
       tabIndex: -1,
@@ -82,9 +73,7 @@ class DropdownItem extends BaseComponent {
       style: style
     }), tick, iconContent, children);
   }
-
 }
-
 DropdownItem.propTypes = {
   children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
   name: PropTypes.string,

package/lib/es/dropdown/dropdownMenu.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import BaseComponent, { BaseProps } from '../_base/baseComponent';
-export declare type DropdownMenuProps = BaseProps;
+export type DropdownMenuProps = BaseProps;
 declare class DropdownMenu extends BaseComponent<DropdownMenuProps> {
     static propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;

package/lib/es/dropdown/dropdownMenu.js

@@ -1,14 +1,11 @@
 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;
 };
-
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
@@ -17,26 +14,22 @@ import Foundation from '@douyinfe/semi-foundation/lib/es/dropdown/menuFoundation
 import DropdownContext from './context';
 import BaseComponent from '../_base/baseComponent';
 const prefixCls = cssClasses.PREFIX;
-
 class DropdownMenu extends BaseComponent {
   constructor(props) {
     super(props);
     this.foundation = new Foundation(this.adapter);
   }
-
   get adapter() {
     return Object.assign({}, super.adapter);
   }
-
   render() {
     const _a = this.props,
-          {
-      children,
-      className,
-      style
-    } = _a,
-          rest = __rest(_a, ["children", "className", "style"]);
-
+      {
+        children,
+        className,
+        style
+      } = _a,
+      rest = __rest(_a, ["children", "className", "style"]);
     return /*#__PURE__*/React.createElement("ul", Object.assign({
       role: "menu",
       "aria-orientation": "vertical"
@@ -46,9 +39,7 @@ class DropdownMenu extends BaseComponent {
       onKeyDown: e => this.foundation.onMenuKeydown(e)
     }), children);
   }
-
 }
-
 DropdownMenu.propTypes = {
   children: PropTypes.node,
   className: PropTypes.string,

package/lib/es/dropdown/dropdownTitle.d.ts

@@ -2,7 +2,7 @@ import React, { PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import { DropdownContextType } from './context';
 import { BaseProps } from '../_base/baseComponent';
-export declare type DropdownTitleProps = BaseProps;
+export type DropdownTitleProps = BaseProps;
 declare class DropdownTitle extends PureComponent<DropdownTitleProps> {
     static propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;

package/lib/es/dropdown/dropdownTitle.js

@@ -4,7 +4,6 @@ import { cssClasses } from '@douyinfe/semi-foundation/lib/es/dropdown/constants'
 import cls from 'classnames';
 import DropdownContext from './context';
 const prefixCls = cssClasses.PREFIX;
-
 class DropdownTitle extends PureComponent {
   render() {
     const {
@@ -24,9 +23,7 @@ class DropdownTitle extends PureComponent {
       style: style
     }, children);
   }
-
 }
-
 DropdownTitle.propTypes = {
   children: PropTypes.node,
   className: PropTypes.string,

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

@@ -23,7 +23,7 @@ export interface DropDownMenuItemTitle extends DropdownTitleProps {
     node: 'title';
     name?: string;
 }
-export declare type DropDownMenuItem = DropDownMenuItemItem | DropDownMenuItemDivider | DropDownMenuItemTitle;
+export type DropDownMenuItem = DropDownMenuItemItem | DropDownMenuItemDivider | DropDownMenuItemTitle;
 export interface DropdownProps extends TooltipProps {
     render?: React.ReactNode;
     children?: React.ReactNode;

package/lib/es/dropdown/index.js

@@ -1,17 +1,13 @@
 import _get from "lodash/get";
 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;
 };
-
 import React from 'react';
 import classnames from 'classnames';
 import PropTypes from 'prop-types';
@@ -28,20 +24,16 @@ import DropdownContext from './context';
 import '@douyinfe/semi-foundation/lib/es/dropdown/dropdown.css';
 const positionSet = strings.POSITION_SET;
 const triggerSet = strings.TRIGGER_SET;
-
 class Dropdown extends BaseComponent {
   constructor(props) {
     super(props);
-
     this.handleVisibleChange = visible => this.foundation.handleVisibleChange(visible);
-
     this.state = {
       popVisible: props.visible
     };
     this.foundation = new Foundation(this.adapter);
     this.tooltipRef = /*#__PURE__*/React.createRef();
   }
-
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       setPopVisible: popVisible => this.setState({
@@ -51,7 +43,6 @@ class Dropdown extends BaseComponent {
       getPopupId: () => this.tooltipRef.current.getPopupId()
     });
   }
-
   renderContent() {
     const {
       render,
@@ -72,13 +63,11 @@ class Dropdown extends BaseComponent {
       trigger
     };
     let content = null;
-
     if ( /*#__PURE__*/React.isValidElement(render)) {
       content = render;
     } else if (Array.isArray(menu)) {
       content = this.renderMenu();
     }
-
     return /*#__PURE__*/React.createElement(DropdownContext.Provider, {
       value: contextValue
     }, /*#__PURE__*/React.createElement("div", {
@@ -89,7 +78,6 @@ class Dropdown extends BaseComponent {
       "x-semi-prop": "render"
     }, content)));
   }
-
   renderMenu() {
     const {
       menu
@@ -99,43 +87,37 @@ class Dropdown extends BaseComponent {
         case 'title':
           {
             const {
-              name,
-              node
-            } = m,
-                  rest = __rest(m, ["name", "node"]);
-
+                name,
+                node
+              } = m,
+              rest = __rest(m, ["name", "node"]);
             return /*#__PURE__*/React.createElement(Dropdown.Title, Object.assign({}, rest, {
               key: node + name + index
             }), name);
           }
-
         case 'item':
           {
             const {
-              node,
-              name
-            } = m,
-                  rest = __rest(m, ["node", "name"]);
-
+                node,
+                name
+              } = m,
+              rest = __rest(m, ["node", "name"]);
             return /*#__PURE__*/React.createElement(Dropdown.Item, Object.assign({}, rest, {
               key: node + name + index
             }), name);
           }
-
         case 'divider':
           {
             return /*#__PURE__*/React.createElement(Dropdown.Divider, {
               key: m.node + index
             });
           }
-
         default:
           return null;
       }
     });
     return /*#__PURE__*/React.createElement(Dropdown.Menu, null, content);
   }
-
   renderPopCard() {
     const {
       render,
@@ -161,23 +143,21 @@ class Dropdown extends BaseComponent {
       className: `${prefixCls}-content`
     }, render)));
   }
-
   render() {
     const _a = this.props,
-          {
-      children,
-      position,
-      trigger,
-      onVisibleChange,
-      zIndex,
-      className,
-      motion,
-      margin,
-      style,
-      prefixCls
-    } = _a,
-          attr = __rest(_a, ["children", "position", "trigger", "onVisibleChange", "zIndex", "className", "motion", "margin", "style", "prefixCls"]);
-
+      {
+        children,
+        position,
+        trigger,
+        onVisibleChange,
+        zIndex,
+        className,
+        motion,
+        margin,
+        style,
+        prefixCls
+      } = _a,
+      attr = __rest(_a, ["children", "position", "trigger", "onVisibleChange", "zIndex", "className", "motion", "margin", "style", "prefixCls"]);
     let {
       spacing
     } = this.props;
@@ -188,13 +168,11 @@ class Dropdown extends BaseComponent {
       popVisible
     } = this.state;
     const pop = this.renderContent();
-
     if (level > 0) {
       spacing = typeof spacing === 'number' ? spacing : numbers.NESTED_SPACING;
     } else if (spacing === null || typeof spacing === 'undefined') {
       spacing = numbers.SPACING;
     }
-
     return /*#__PURE__*/React.createElement(Tooltip, Object.assign({
       zIndex: zIndex,
       motion: motion,
@@ -218,16 +196,12 @@ class Dropdown extends BaseComponent {
       'aria-expanded': popVisible,
       onKeyDown: e => {
         this.foundation.handleKeyDown(e);
-
         const childrenKeyDown = _get(children, 'props.onKeyDown');
-
         childrenKeyDown && childrenKeyDown(e);
       }
     }) : children);
   }
-
 }
-
 Dropdown.Menu = DropdownMenu;
 Dropdown.Item = DropdownItem;
 Dropdown.Divider = DropdownDivider;

package/lib/es/empty/index.js

@@ -8,7 +8,6 @@ const prefixCls = cssClasses.PREFIX;
 export default class Empty extends BaseComponent {
   constructor(props) {
     super(props);
-
     this.observe = mutationsList => {
       for (const mutation of mutationsList) {
         if (mutation.type === 'attributes' && mutation.attributeName === 'theme-mode') {
@@ -16,22 +15,18 @@ export default class Empty extends BaseComponent {
         }
       }
     };
-
     this.updateMode = () => {
       const val = this.body.getAttribute('theme-mode');
-
       if (val !== this.state.mode) {
         this.setState({
           mode: val
         });
       }
     };
-
     this.state = {
       mode: null
     };
   }
-
   componentDidMount() {
     if (this.props.darkModeImage) {
       this.body = window.document.body;
@@ -45,11 +40,9 @@ export default class Empty extends BaseComponent {
       this.observer.observe(this.body, config);
     }
   }
-
   componentWillUnmount() {
     this.observer && this.observer.disconnect();
   }
-
   render() {
     const {
       className,
@@ -65,7 +58,6 @@ export default class Empty extends BaseComponent {
     const alt = typeof description === 'string' ? description : 'empty';
     const imgSrc = this.state.mode === 'dark' && darkModeImage ? darkModeImage : image;
     let imageNode = null;
-
     if (typeof imgSrc === 'string') {
       imageNode = /*#__PURE__*/React.createElement("img", {
         alt: alt,
@@ -80,7 +72,6 @@ export default class Empty extends BaseComponent {
     } else {
       imageNode = imgSrc;
     }
-
     const wrapperCls = cls(className, prefixCls, {
       [`${prefixCls}-${layout}`]: layout
     });
@@ -112,7 +103,6 @@ export default class Empty extends BaseComponent {
       "x-semi-prop": "children"
     }, children) : null));
   }
-
 }
 Empty.defaultProps = {
   layout: 'vertical'