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

package/lib/cjs/sideSheet/index.js

@@ -4,38 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _portal = _interopRequireDefault(require("../_portal"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _context = _interopRequireDefault(require("../configProvider/context"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/sideSheet/constants");
-
 var _SideSheetContent = _interopRequireDefault(require("./SideSheetContent"));
-
 var _sideSheetFoundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/sideSheet/sideSheetFoundation"));
-
 require("@douyinfe/semi-foundation/lib/cjs/sideSheet/sideSheet.css");
-
 var _cssAnimation = _interopRequireDefault(require("../_cssAnimation"));
-
 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]];
   }
@@ -43,40 +27,32 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
 };
 /* eslint-disable no-nested-ternary */
 
-
 const prefixCls = _constants.cssClasses.PREFIX;
 const defaultWidthList = _constants.strings.WIDTH;
 const defaultHeight = _constants.strings.HEIGHT;
-
 class SideSheet extends _baseComponent.default {
   constructor(props) {
     super(props);
-
     this.handleCancel = e => {
       this.foundation.handleCancel(e);
     };
-
     this.handleKeyDown = e => {
       this.foundation.handleKeyDown(e);
     };
-
     this.updateState = () => {
       this.foundation.toggleDisplayNone(!this.props.visible);
     };
-
     this.state = {
       displayNone: !this.props.visible
     };
     this.foundation = new _sideSheetFoundation.default(this.adapter);
   }
-
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       disabledBodyScroll: () => {
         const {
           getPopupContainer
         } = this.props;
-
         if (!getPopupContainer && document) {
           document.body.style.overflow = 'hidden';
         }
@@ -85,7 +61,6 @@ class SideSheet extends _baseComponent.default {
         const {
           getPopupContainer
         } = this.props;
-
         if (!getPopupContainer && document) {
           document.body.style.overflow = '';
         }
@@ -115,68 +90,57 @@ class SideSheet extends _baseComponent.default {
       }
     });
   }
-
   static getDerivedStateFromProps(props, prevState) {
     const newState = {};
-
     if (props.visible && prevState.displayNone) {
       newState.displayNone = false;
     }
-
     if (!props.visible && !props.motion && !prevState.displayNone) {
       newState.displayNone = true;
     }
-
     return newState;
   }
-
   componentDidMount() {
     if (this.props.visible) {
       this.foundation.beforeShow();
     }
   }
-
   componentDidUpdate(prevProps, prevState, snapshot) {
     // hide => show
     if (!prevProps.visible && this.props.visible) {
       this.foundation.beforeShow();
-    } // show => hide
-
-
+    }
+    // show => hide
     if (prevProps.visible && !this.props.visible) {
       this.foundation.afterHide();
     }
-
     if (prevState.displayNone !== this.state.displayNone) {
       this.foundation.onVisibleChange(!this.state.displayNone);
     }
   }
-
   componentWillUnmount() {
     if (this.props.visible) {
       this.foundation.destroy();
     }
   }
-
   renderContent() {
     const _a = this.props,
-          {
-      placement,
-      className,
-      children,
-      width,
-      height,
-      motion,
-      visible,
-      style,
-      maskStyle,
-      size,
-      zIndex,
-      getPopupContainer,
-      keepDOM
-    } = _a,
-          props = __rest(_a, ["placement", "className", "children", "width", "height", "motion", "visible", "style", "maskStyle", "size", "zIndex", "getPopupContainer", "keepDOM"]);
-
+      {
+        placement,
+        className,
+        children,
+        width,
+        height,
+        motion,
+        visible,
+        style,
+        maskStyle,
+        size,
+        zIndex,
+        getPopupContainer,
+        keepDOM
+      } = _a,
+      props = __rest(_a, ["placement", "className", "children", "width", "height", "motion", "visible", "style", "maskStyle", "size", "zIndex", "getPopupContainer", "keepDOM"]);
     const {
       direction
     } = this.context;
@@ -202,10 +166,8 @@ class SideSheet extends _baseComponent.default {
       height: sheetHeight,
       onClose: this.handleCancel
     });
-    const shouldRender = this.props.visible || this.props.keepDOM || this.props.motion && !this.state.displayNone
-    /* When there is animation, we use displayNone to judge whether animation is ended and judge whether to unmount content */
-    ; // Since user could change animate duration , we don't know which animation end first. So we call updateState func twice.
-
+    const shouldRender = this.props.visible || this.props.keepDOM || this.props.motion && !this.state.displayNone /* When there is animation, we use displayNone to judge whether animation is ended and judge whether to unmount content */;
+    // Since user could change animate duration , we don't know which animation end first. So we call updateState func twice.
     return /*#__PURE__*/_react.default.createElement(_cssAnimation.default, {
       motion: this.props.motion,
       animationState: visible ? 'enter' : 'leave',
@@ -220,9 +182,7 @@ class SideSheet extends _baseComponent.default {
         motion: this.props.motion,
         animationState: visible ? 'enter' : 'leave',
         startClassName: visible ? `${prefixCls}-animation-content_show_${this.props.placement}` : `${prefixCls}-animation-content_hide_${this.props.placement}`,
-        onAnimationEnd: this.updateState
-        /* for no mask case*/
-
+        onAnimationEnd: this.updateState /* for no mask case*/
       }, _ref2 => {
         let {
           animationClassName,
@@ -240,7 +200,6 @@ class SideSheet extends _baseComponent.default {
       });
     });
   }
-
   render() {
     const {
       zIndex,
@@ -249,22 +208,18 @@ class SideSheet extends _baseComponent.default {
     let wrapperStyle = {
       zIndex
     };
-
     if (getPopupContainer) {
       wrapperStyle = {
         zIndex,
         position: 'static'
       };
     }
-
     return /*#__PURE__*/_react.default.createElement(_portal.default, {
       getPopupContainer: getPopupContainer,
       style: wrapperStyle
     }, this.renderContent());
   }
-
 }
-
 exports.default = SideSheet;
 SideSheet.contextType = _context.default;
 SideSheet.propTypes = {

package/lib/cjs/skeleton/index.js

@@ -4,56 +4,40 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/skeleton/constants");
-
 require("@douyinfe/semi-foundation/lib/cjs/skeleton/skeleton.css");
-
 var _item = require("./item");
-
 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 prefixCls = _constants.cssClasses.PREFIX;
-
 class Skeleton extends _react.PureComponent {
   render() {
     const _a = this.props,
-          {
-      placeholder,
-      active,
-      children,
-      className,
-      loading,
-      style
-    } = _a,
-          others = __rest(_a, ["placeholder", "active", "children", "className", "loading", "style"]);
-
+      {
+        placeholder,
+        active,
+        children,
+        className,
+        loading,
+        style
+      } = _a,
+      others = __rest(_a, ["placeholder", "active", "children", "className", "loading", "style"]);
     const skCls = (0, _classnames.default)(prefixCls, {
       [`${prefixCls}-active`]: Boolean(active)
     }, className);
     let content;
-
     if (loading) {
       content = /*#__PURE__*/_react.default.createElement("div", Object.assign({
         className: skCls,
@@ -64,12 +48,9 @@ class Skeleton extends _react.PureComponent {
     } else {
       content = children;
     }
-
     return content;
   }
-
 }
-
 Skeleton.Avatar = _item.Avatar;
 Skeleton.Title = _item.Title;
 Skeleton.Button = _item.Button;

package/lib/cjs/skeleton/item.d.ts

@@ -2,7 +2,7 @@ import React, { PureComponent, CSSProperties, ReactNode } from 'react';
 import PropTypes from 'prop-types';
 import { strings } from '@douyinfe/semi-foundation/lib/cjs/avatar/constants';
 import '@douyinfe/semi-foundation/lib/cjs/skeleton/skeleton.css';
-export declare type BasicProps = {
+export type BasicProps = {
     prefixCls?: string;
     className?: string;
     style?: CSSProperties;
@@ -15,7 +15,7 @@ export interface AvatarProps extends BasicProps {
     size?: typeof strings.SIZE[number];
     shape?: string;
 }
-export declare type GenericProps = BasicProps & AvatarProps;
+export type GenericProps = BasicProps & AvatarProps;
 export declare const Avatar: React.FC<AvatarProps>;
 export declare const Image: React.FC<BasicProps>;
 export declare const Title: React.FC<BasicProps>;

package/lib/cjs/skeleton/item.js

@@ -4,55 +4,39 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Title = exports.Paragraph = exports.Image = exports.Button = exports.Avatar = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/skeleton/constants");
-
 var _constants2 = require("@douyinfe/semi-foundation/lib/cjs/avatar/constants");
-
 require("@douyinfe/semi-foundation/lib/cjs/skeleton/skeleton.css");
-
 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 sizeSet = _constants2.strings.SIZE;
 const shapeSet = _constants2.strings.SHAPE;
-
 const generator = type => BasicComponent => props => /*#__PURE__*/_react.default.createElement(BasicComponent, Object.assign({
   type: type
 }, props));
-
 class Generic extends _react.PureComponent {
   render() {
     const _a = this.props,
-          {
-      prefixCls,
-      className,
-      type,
-      size,
-      shape
-    } = _a,
-          others = __rest(_a, ["prefixCls", "className", "type", "size", "shape"]);
-
+      {
+        prefixCls,
+        className,
+        type,
+        size,
+        shape
+      } = _a,
+      others = __rest(_a, ["prefixCls", "className", "type", "size", "shape"]);
     const classString = (0, _classnames.default)(className, `${prefixCls}-${type}`, {
       [`${prefixCls}-${type}-${size}`]: type.toUpperCase() === 'AVATAR'
     }, {
@@ -62,9 +46,7 @@ class Generic extends _react.PureComponent {
       className: classString
     }, others));
   }
-
 }
-
 Generic.propTypes = {
   type: _propTypes.default.string,
   prefixCls: _propTypes.default.string,
@@ -86,7 +68,6 @@ const Title = generator('title')(Generic);
 exports.Title = Title;
 const Button = generator('button')(Generic);
 exports.Button = Button;
-
 class Paragraph extends _react.PureComponent {
   render() {
     const {
@@ -103,9 +84,7 @@ class Paragraph extends _react.PureComponent {
       key: i
     })));
   }
-
 }
-
 exports.Paragraph = Paragraph;
 Paragraph.propTypes = {
   rows: _propTypes.default.number,