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

package/lib/cjs/toast/index.js

@@ -4,37 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ToastFactory = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _toastListFoundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/toast/toastListFoundation"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/toast/constants");
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 var _toast = _interopRequireDefault(require("./toast"));
-
 require("@douyinfe/semi-foundation/lib/cjs/toast/toast.css");
-
 var _uuid = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/uuid"));
-
 var _useToast = _interopRequireDefault(require("./useToast"));
-
 var _cssAnimation = _interopRequireDefault(require("../_cssAnimation"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable no-param-reassign */
+
 const createBaseToast = () => {
   var _a;
-
   return _a = class ToastList extends _baseComponent.default {
     constructor(props) {
       super(props);
@@ -45,7 +31,6 @@ const createBaseToast = () => {
       };
       this.foundation = new _toastListFoundation.default(this.adapter);
     }
-
     get adapter() {
       return Object.assign(Object.assign({}, super.adapter), {
         updateToast: (list, removedItems, updatedItems) => {
@@ -57,19 +42,15 @@ const createBaseToast = () => {
         }
       });
     }
-
     static create(opts) {
       var _a;
-
-      const id = (_a = opts.id) !== null && _a !== void 0 ? _a : (0, _uuid.default)('toast'); // this.id = id;
-
+      const id = (_a = opts.id) !== null && _a !== void 0 ? _a : (0, _uuid.default)('toast');
+      // this.id = id;
       if (!ToastList.ref) {
         const div = document.createElement('div');
-
         if (!this.wrapperId) {
           this.wrapperId = (0, _uuid.default)('toast-wrapper').slice(0, 26);
         }
-
         div.className = _constants.cssClasses.WRAPPER;
         div.id = this.wrapperId;
         div.style.zIndex = String(typeof opts.zIndex === 'number' ? opts.zIndex : ToastList.defaultOpts.zIndex);
@@ -78,15 +59,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.default.render( /*#__PURE__*/_react.default.createElement(ToastList, {
           ref: instance => ToastList.ref = instance
         }), div, () => {
@@ -101,7 +81,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
@@ -112,121 +91,97 @@ const createBaseToast = () => {
           }));
         }
       }
-
       return id;
     }
-
     static close(id) {
       if (ToastList.ref) {
         ToastList.ref.remove(id);
       }
     }
-
     static destroyAll() {
       if (ToastList.ref) {
         ToastList.ref.destroyAll();
         const wrapper = document.querySelector(`#${this.wrapperId}`);
-
         _reactDom.default.unmountComponentAtNode(wrapper);
-
         wrapper && wrapper.parentNode.removeChild(wrapper);
         ToastList.ref = null;
         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
@@ -242,10 +197,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
@@ -253,7 +206,6 @@ const createBaseToast = () => {
           toast.foundation.restartCloseTimer();
         }
       };
-
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, list.map((item, index) => {
         const isRemoved = removedItems.find(removedItem => removedItem.id === item.id) !== undefined;
         return /*#__PURE__*/_react.default.createElement(_cssAnimation.default, {
@@ -280,7 +232,6 @@ const createBaseToast = () => {
         });
       }));
     }
-
   }, _a.defaultOpts = {
     motion: true,
     zIndex: 1010,
@@ -293,7 +244,6 @@ const createBaseToast = () => {
     direction: _propTypes.default.oneOf(_constants.strings.directions)
   }, _a.defaultProps = {}, _a;
 };
-
 class ToastFactory {
   static create(config) {
     const newToast = createBaseToast();
@@ -301,11 +251,7 @@ class ToastFactory {
     config && newToast.config(config);
     return newToast;
   }
-
 }
-
 exports.ToastFactory = ToastFactory;
-
 var _default = ToastFactory.create();
-
 exports.default = _default;

package/lib/cjs/toast/toast.js

@@ -4,54 +4,36 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _context = _interopRequireDefault(require("../configProvider/context"));
-
 var _toastFoundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/toast/toastFoundation"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/toast/constants");
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 var _index = _interopRequireDefault(require("../iconButton/index"));
-
 var _semiIcons = require("@douyinfe/semi-icons");
-
 var _utils = require("../_utils");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 /* eslint-disable max-len */
-const prefixCls = _constants.cssClasses.PREFIX;
 
+const prefixCls = _constants.cssClasses.PREFIX;
 class Toast extends _baseComponent.default {
   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.default(this.adapter);
   }
-
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       notifyWrapperToRemove: id => {
@@ -62,19 +44,15 @@ class Toast extends _baseComponent.default {
       }
     });
   }
-
   componentDidMount() {
     this.foundation.init();
   }
-
   componentWillUnmount() {
     this.foundation.destroy();
   }
-
   close(e) {
     this.foundation.close(e);
   }
-
   renderIcon() {
     const {
       type,
@@ -89,24 +67,20 @@ class Toast extends _baseComponent.default {
     const iconType = iconMap[type];
     const iconSize = 'large';
     const iconCls = (0, _classnames.default)(`${prefixCls}-icon`, `${prefixCls}-icon-${type}`);
-
     if (icon) {
       return (0, _utils.isSemiIcon)(icon) ? /*#__PURE__*/_react.default.cloneElement(icon, {
         size: iconSize,
         className: `${prefixCls}-icon`
       }) : icon;
     }
-
     if (type && iconType) {
       return /*#__PURE__*/_react.default.cloneElement(iconType, {
         size: iconSize,
         className: iconCls
       });
     }
-
     return null;
   }
-
   render() {
     const {
       content,
@@ -154,9 +128,7 @@ class Toast extends _baseComponent.default {
       size: btnSize
     }))));
   }
-
 }
-
 Toast.contextType = _context.default;
 Toast.propTypes = {
   onClose: _propTypes.default.func,

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

@@ -4,46 +4,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _toast = _interopRequireDefault(require("../toast"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 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]];
   }
   return t;
 };
-
 const HookToast = (_a, ref) => {
   var {
-    afterClose
-  } = _a,
-      config = __rest(_a, ["afterClose"]);
-
+      afterClose
+    } = _a,
+    config = __rest(_a, ["afterClose"]);
   const [visible, setVisible] = (0, _react.useState)(true);
-
   const close = () => {
     setVisible(false);
   };
-
   _react.default.useImperativeHandle(ref, () => ({
     close: () => {
       setVisible(false);
     }
   }));
-
   (0, _react.useEffect)(() => {
     if (!visible) {
       afterClose(config.id);
@@ -53,7 +40,5 @@ const HookToast = (_a, ref) => {
     close: close
   })) : null;
 };
-
 var _default = /*#__PURE__*/_react.default.forwardRef(HookToast);
-
 exports.default = _default;

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

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useToast;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _uuid = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/utils/uuid"));
-
 var _HookToast = _interopRequireDefault(require("./HookToast"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 // const ref = null;
 // TODO: toast larger than N bars, automatic folding, allowing expansion, N configurable
 const defaultOpts = {
@@ -20,10 +15,8 @@ const defaultOpts = {
   zIndex: 1010,
   duration: 3
 };
-
 function usePatchElement() {
   const [elements, setElements] = _react.default.useState([]);
-
   function patchElement(element, config) {
     setElements(originElements => [{
       element,
@@ -38,41 +31,33 @@ function usePatchElement() {
       }));
     };
   }
-
   return [elements, patchElement];
 }
-
 function useToast() {
   const [elements, patchElement] = usePatchElement();
   const toastRef = new Map();
-
   const addToast = config => {
     const id = (0, _uuid.default)('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.default.createElement(_HookToast.default, Object.assign({}, mergeConfig, {
       key: id,
       afterClose: instanceId => closeFunc(instanceId),
       ref: ref
     }));
-
     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/cjs/tooltip/ArrowBoundingShape.js

@@ -4,16 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var _default = _propTypes.default.shape({
   offsetX: _propTypes.default.number,
   offsetY: _propTypes.default.number,
   width: _propTypes.default.number,
   height: _propTypes.default.number
 });
-
 exports.default = _default;

package/lib/cjs/tooltip/TriangleArrow.js

@@ -4,29 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 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]];
   }
   return t;
 };
-
 const TriangleArrow = props => {
   const {
-    className,
-    style
-  } = props,
-        restProps = __rest(props, ["className", "style"]);
-
+      className,
+      style
+    } = props,
+    restProps = __rest(props, ["className", "style"]);
   return /*#__PURE__*/_react.default.createElement("svg", Object.assign({
     "aria-hidden": true,
     className: className,
@@ -41,6 +34,5 @@ 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"
   }));
 };
-
 var _default = TriangleArrow;
 exports.default = _default;

package/lib/cjs/tooltip/TriangleArrowVertical.js

@@ -4,29 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 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]];
   }
   return t;
 };
-
 const TriangleArrowVertical = props => {
   const {
-    className,
-    style
-  } = props,
-        restProps = __rest(props, ["className", "style"]);
-
+      className,
+      style
+    } = props,
+    restProps = __rest(props, ["className", "style"]);
   return /*#__PURE__*/_react.default.createElement("svg", Object.assign({
     "aria-hidden": true,
     className: className,
@@ -40,6 +33,5 @@ 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"
   }));
 };
-
 var _default = TriangleArrowVertical;
 exports.default = _default;

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

@@ -7,7 +7,7 @@ import { strings } from '@douyinfe/semi-foundation/lib/cjs/tooltip/constants';
 import '@douyinfe/semi-foundation/lib/cjs/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;