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

package/lib/es/toast/index.js

@@ -11,10 +11,8 @@ import getUuid from '@douyinfe/semi-foundation/lib/es/utils/uuid';
 import useToast from './useToast';
 import CSSAnimation from '../_cssAnimation';
 import cls from 'classnames';
-
 const createBaseToast = () => {
   var _a;
-
   return _a = class ToastList extends BaseComponent {
     constructor(props) {
       super(props);
@@ -25,7 +23,6 @@ const createBaseToast = () => {
       };
       this.foundation = new ToastListFoundation(this.adapter);
     }
-
     get adapter() {
       return Object.assign(Object.assign({}, super.adapter), {
         updateToast: (list, removedItems, updatedItems) => {
@@ -37,19 +34,15 @@ const createBaseToast = () => {
         }
       });
     }
-
     static create(opts) {
       var _a;
-
-      const id = (_a = opts.id) !== null && _a !== void 0 ? _a : getUuid('toast'); // this.id = id;
-
+      const id = (_a = opts.id) !== null && _a !== void 0 ? _a : getUuid('toast');
+      // this.id = id;
       if (!ToastList.ref) {
         const div = document.createElement('div');
-
         if (!this.wrapperId) {
           this.wrapperId = getUuid('toast-wrapper').slice(0, 26);
         }
-
         div.className = cssClasses.WRAPPER;
         div.id = this.wrapperId;
         div.style.zIndex = String(typeof opts.zIndex === 'number' ? opts.zIndex : ToastList.defaultOpts.zIndex);
@@ -58,15 +51,14 @@ const createBaseToast = () => {
             const val = opts[pos] ? opts[pos] : ToastList.defaultOpts[pos];
             div.style[pos] = typeof val === 'number' ? `${val}px` : val;
           }
-        }); // document.body.appendChild(div);
-
+        });
+        // document.body.appendChild(div);
         if (ToastList.defaultOpts.getPopupContainer) {
           const container = ToastList.defaultOpts.getPopupContainer();
           container.appendChild(div);
         } else {
           document.body.appendChild(div);
         }
-
         ReactDOM.render( /*#__PURE__*/React.createElement(ToastList, {
           ref: instance => ToastList.ref = instance
         }), div, () => {
@@ -81,7 +73,6 @@ const createBaseToast = () => {
             node.style[pos] = typeof opts[pos] === 'number' ? `${opts[pos]}px` : opts[pos];
           }
         });
-
         if (ToastList.ref.has(id)) {
           ToastList.ref.update(id, Object.assign(Object.assign({}, opts), {
             id
@@ -92,16 +83,13 @@ const createBaseToast = () => {
           }));
         }
       }
-
       return id;
     }
-
     static close(id) {
       if (ToastList.ref) {
         ToastList.ref.remove(id);
       }
     }
-
     static destroyAll() {
       if (ToastList.ref) {
         ToastList.ref.destroyAll();
@@ -112,99 +100,80 @@ const createBaseToast = () => {
         this.wrapperId = null;
       }
     }
-
     static getWrapperId() {
       return this.wrapperId;
     }
-
     static info(opts) {
       if (typeof opts === 'string') {
         opts = {
           content: opts
         };
       }
-
       return this.create(Object.assign(Object.assign(Object.assign({}, ToastList.defaultOpts), opts), {
         type: 'info'
       }));
     }
-
     static warning(opts) {
       if (typeof opts === 'string') {
         opts = {
           content: opts
         };
       }
-
       return this.create(Object.assign(Object.assign(Object.assign({}, ToastList.defaultOpts), opts), {
         type: 'warning'
       }));
     }
-
     static error(opts) {
       if (typeof opts === 'string') {
         opts = {
           content: opts
         };
       }
-
       return this.create(Object.assign(Object.assign(Object.assign({}, ToastList.defaultOpts), opts), {
         type: 'error'
       }));
     }
-
     static success(opts) {
       if (typeof opts === 'string') {
         opts = {
           content: opts
         };
       }
-
       return this.create(Object.assign(Object.assign(Object.assign({}, ToastList.defaultOpts), opts), {
         type: 'success'
       }));
     }
-
     static config(opts) {
       ['top', 'left', 'bottom', 'right'].forEach(pos => {
         if (pos in opts) {
           ToastList.defaultOpts[pos] = opts[pos];
         }
       });
-
       if (typeof opts.zIndex === 'number') {
         ToastList.defaultOpts.zIndex = opts.zIndex;
       }
-
       if (typeof opts.duration === 'number') {
         ToastList.defaultOpts.duration = opts.duration;
       }
-
       if (typeof opts.getPopupContainer === 'function') {
         ToastList.defaultOpts.getPopupContainer = opts.getPopupContainer;
       }
     }
-
     has(id) {
       return this.foundation.hasToast(id);
     }
-
     add(opts) {
       return this.foundation.addToast(opts);
     }
-
     update(id, opts) {
       return this.foundation.updateToast(id, opts);
     }
-
     remove(id) {
       return this.foundation.removeToast(id);
     }
-
     destroyAll() {
       return this.foundation.destroyAll();
     }
-
     render() {
       let {
         list
@@ -220,10 +189,8 @@ const createBaseToast = () => {
         } = _ref;
         return id;
       });
-
       const refFn = toast => {
         var _a;
-
         if (((_a = toast === null || toast === void 0 ? void 0 : toast.foundation) === null || _a === void 0 ? void 0 : _a._id) && updatedIds.includes(toast.foundation._id)) {
           toast.foundation.setState({
             duration: toast.props.duration
@@ -231,7 +198,6 @@ const createBaseToast = () => {
           toast.foundation.restartCloseTimer();
         }
       };
-
       return /*#__PURE__*/React.createElement(React.Fragment, null, list.map((item, index) => {
         const isRemoved = removedItems.find(removedItem => removedItem.id === item.id) !== undefined;
         return /*#__PURE__*/React.createElement(CSSAnimation, {
@@ -258,7 +224,6 @@ const createBaseToast = () => {
         });
       }));
     }
-
   }, _a.defaultOpts = {
     motion: true,
     zIndex: 1010,
@@ -271,7 +236,6 @@ const createBaseToast = () => {
     direction: PropTypes.oneOf(strings.directions)
   }, _a.defaultProps = {}, _a;
 };
-
 export class ToastFactory {
   static create(config) {
     const newToast = createBaseToast();
@@ -279,6 +243,5 @@ export class ToastFactory {
     config && newToast.config(config);
     return newToast;
   }
-
 }
 export default ToastFactory.create();

package/lib/es/toast/toast.js

@@ -1,5 +1,4 @@
 import _noop from "lodash/noop";
-
 /* eslint-disable max-len */
 import React from 'react';
 import cls from 'classnames';
@@ -12,27 +11,21 @@ import Button from '../iconButton/index';
 import { IconClose, IconAlertTriangle, IconInfoCircle, IconTickCircle, IconAlertCircle } from '@douyinfe/semi-icons';
 import { isSemiIcon } from '../_utils';
 const prefixCls = cssClasses.PREFIX;
-
 class Toast extends BaseComponent {
   constructor(props) {
     super(props);
-
     this.clearCloseTimer = () => {
       this.foundation.clearCloseTimer_();
     };
-
     this.startCloseTimer = () => {
       this.foundation.startCloseTimer_();
     };
-
     this.restartCloseTimer = () => {
       this.foundation.restartCloseTimer();
     };
-
     this.state = {};
     this.foundation = new ToastFoundation(this.adapter);
   }
-
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       notifyWrapperToRemove: id => {
@@ -43,19 +36,15 @@ class Toast extends BaseComponent {
       }
     });
   }
-
   componentDidMount() {
     this.foundation.init();
   }
-
   componentWillUnmount() {
     this.foundation.destroy();
   }
-
   close(e) {
     this.foundation.close(e);
   }
-
   renderIcon() {
     const {
       type,
@@ -70,24 +59,20 @@ class Toast extends BaseComponent {
     const iconType = iconMap[type];
     const iconSize = 'large';
     const iconCls = cls(`${prefixCls}-icon`, `${prefixCls}-icon-${type}`);
-
     if (icon) {
       return isSemiIcon(icon) ? /*#__PURE__*/React.cloneElement(icon, {
         size: iconSize,
         className: `${prefixCls}-icon`
       }) : icon;
     }
-
     if (type && iconType) {
       return /*#__PURE__*/React.cloneElement(iconType, {
         size: iconSize,
         className: iconCls
       });
     }
-
     return null;
   }
-
   render() {
     const {
       content,
@@ -135,9 +120,7 @@ class Toast extends BaseComponent {
       size: btnSize
     }))));
   }
-
 }
-
 Toast.contextType = ConfigContext;
 Toast.propTypes = {
   onClose: PropTypes.func,

package/lib/es/toast/useToast/HookToast.js

@@ -1,29 +1,22 @@
 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, { useState, useEffect } from 'react';
 import Toast from '../toast';
-
 const HookToast = (_a, ref) => {
   var {
-    afterClose
-  } = _a,
-      config = __rest(_a, ["afterClose"]);
-
+      afterClose
+    } = _a,
+    config = __rest(_a, ["afterClose"]);
   const [visible, setVisible] = useState(true);
-
   const close = () => {
     setVisible(false);
   };
-
   React.useImperativeHandle(ref, () => ({
     close: () => {
       setVisible(false);
@@ -38,5 +31,4 @@ const HookToast = (_a, ref) => {
     close: close
   })) : null;
 };
-
 export default /*#__PURE__*/React.forwardRef(HookToast);

package/lib/es/toast/useToast/index.js

@@ -1,17 +1,15 @@
 import React from 'react';
 import getUuid from '@douyinfe/semi-foundation/lib/es/utils/uuid';
-import HookToast from './HookToast'; // const ref = null;
+import HookToast from './HookToast';
+// const ref = null;
 // TODO: toast larger than N bars, automatic folding, allowing expansion, N configurable
-
 const defaultOpts = {
   motion: true,
   zIndex: 1010,
   duration: 3
 };
-
 function usePatchElement() {
   const [elements, setElements] = React.useState([]);
-
   function patchElement(element, config) {
     setElements(originElements => [{
       element,
@@ -26,26 +24,21 @@ function usePatchElement() {
       }));
     };
   }
-
   return [elements, patchElement];
 }
-
 export default function useToast() {
   const [elements, patchElement] = usePatchElement();
   const toastRef = new Map();
-
   const addToast = config => {
     const id = getUuid('semi_toast_');
     const mergeConfig = Object.assign(Object.assign({}, config), {
       id
-    }); // eslint-disable-next-line prefer-const
-
+    });
+    // eslint-disable-next-line prefer-const
     let closeFunc;
-
     const ref = ele => {
       toastRef.set(id, ele);
     };
-
     const toast = /*#__PURE__*/React.createElement(HookToast, Object.assign({}, mergeConfig, {
       key: id,
       afterClose: instanceId => closeFunc(instanceId),
@@ -54,12 +47,10 @@ export default function useToast() {
     closeFunc = patchElement(toast, Object.assign({}, mergeConfig));
     return id;
   };
-
   const removeElement = id => {
     const ele = toastRef.get(id);
     ele && ele.close();
   };
-
   return [{
     success: config => addToast(Object.assign(Object.assign(Object.assign({}, defaultOpts), config), {
       type: 'success'

package/lib/es/tooltip/TriangleArrow.js

@@ -1,23 +1,18 @@
 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';
-
 const TriangleArrow = props => {
   const {
-    className,
-    style
-  } = props,
-        restProps = __rest(props, ["className", "style"]);
-
+      className,
+      style
+    } = props,
+    restProps = __rest(props, ["className", "style"]);
   return /*#__PURE__*/React.createElement("svg", Object.assign({
     "aria-hidden": true,
     className: className,
@@ -32,5 +27,4 @@ const TriangleArrow = props => {
     d: "M24 0V1C20 1 18.5 2 16.5 4C14.5 6 14 7 12 7C10 7 9.5 6 7.5 4C5.5 2 4 1 0 1V0H24Z"
   }));
 };
-
 export default TriangleArrow;

package/lib/es/tooltip/TriangleArrowVertical.js

@@ -1,23 +1,18 @@
 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';
-
 const TriangleArrowVertical = props => {
   const {
-    className,
-    style
-  } = props,
-        restProps = __rest(props, ["className", "style"]);
-
+      className,
+      style
+    } = props,
+    restProps = __rest(props, ["className", "style"]);
   return /*#__PURE__*/React.createElement("svg", Object.assign({
     "aria-hidden": true,
     className: className,
@@ -31,5 +26,4 @@ const TriangleArrowVertical = props => {
     d: "M0 0L1 0C1 4, 2 5.5, 4 7.5S7,10 7,12S6 14.5, 4 16.5S1,20 1,24L0 24L0 0z"
   }));
 };
-
 export default TriangleArrowVertical;

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

@@ -7,7 +7,7 @@ import { strings } from '@douyinfe/semi-foundation/lib/es/tooltip/constants';
 import '@douyinfe/semi-foundation/lib/es/tooltip/tooltip.css';
 import BaseComponent, { BaseProps } from '../_base/baseComponent';
 import { ContextValue } from '../configProvider/context';
-export declare type Trigger = ArrayElement<typeof strings.TRIGGER_SET>;
+export type Trigger = ArrayElement<typeof strings.TRIGGER_SET>;
 export type { Position };
 export interface ArrowBounding {
     offsetX?: number;
@@ -18,7 +18,7 @@ export interface ArrowBounding {
 export interface RenderContentProps<T = HTMLElement> {
     initialFocusRef?: React.RefObject<T>;
 }
-export declare type RenderContent<T = HTMLElement> = (props: RenderContentProps<T>) => React.ReactNode;
+export type RenderContent<T = HTMLElement> = (props: RenderContentProps<T>) => React.ReactNode;
 export interface TooltipProps extends BaseProps {
     children?: React.ReactNode;
     motion?: boolean;