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

package/lib/cjs/locale/source/ms_MY.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _locale = require("date-fns/locale");
-
 const local = {
   code: 'ms-MY',
   dateFnsLocale: _locale.ms,
@@ -172,7 +170,7 @@ const local = {
     adaptiveTip: 'Menyesuaikan diri dengan halaman',
     originTip: 'Saiz asal'
   }
-}; // [i18n-Malaysia(MY)]
-
+};
+// [i18n-Malaysia(MY)]
 var _default = local;
 exports.default = _default;

package/lib/cjs/locale/source/nl_NL.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _locale = require("date-fns/locale");
-
 /**
  * [i18n-Dutch (nl_NL)]
  * 荷兰语

package/lib/cjs/locale/source/pl_PL.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _locale = require("date-fns/locale");
-
 /**
  * [i18n-Poland (pl_PL)]
  * 波兰语

package/lib/cjs/locale/source/pt_BR.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _locale = require("date-fns/locale");
-
 const local = {
   code: 'pt-BR',
   dateFnsLocale: _locale.ptBR,
@@ -180,7 +178,7 @@ const local = {
     adaptiveTip: 'Adaptar à página',
     originTip: 'Tamanho original'
   }
-}; // 葡萄牙语
-
+};
+// 葡萄牙语
 var _default = local;
 exports.default = _default;

package/lib/cjs/locale/source/ro.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _locale = require("date-fns/locale");
-
 /**
  * [i18n-Romanian]
  */

package/lib/cjs/locale/source/ru_RU.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _locale = require("date-fns/locale");
-
 const local = {
   code: 'ru-RU',
   dateFnsLocale: _locale.ru,
@@ -175,7 +173,7 @@ const local = {
     adaptiveTip: 'Адаптировать к странице',
     originTip: 'Исходный размер'
   }
-}; // [i18n-Russia] 俄罗斯语
-
+};
+// [i18n-Russia] 俄罗斯语
 var _default = local;
 exports.default = _default;

package/lib/cjs/locale/source/sv_SE.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _locale = require("date-fns/locale");
-
 /**
  * [i18n-Swedish (sv_SE)]
  * 瑞典语

package/lib/cjs/locale/source/th_TH.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _locale = require("date-fns/locale");
-
 const local = {
   code: 'th-TH',
   dateFnsLocale: _locale.th,
@@ -176,7 +174,7 @@ const local = {
     adaptiveTip: 'ปรับให้เข้ากับหน้า',
     originTip: 'ขนาดเดิม'
   }
-}; // [i18n-Thai]
-
+};
+// [i18n-Thai]
 var _default = local;
 exports.default = _default;

package/lib/cjs/locale/source/tr_TR.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _locale = require("date-fns/locale");
-
 const local = {
   code: 'tr-TR',
   dateFnsLocale: _locale.tr,
@@ -175,7 +173,7 @@ const local = {
     adaptiveTip: 'Sayfaya uyarla',
     originTip: 'Orijinal boyut'
   }
-}; // [i18n-Turkish] 
-
+};
+// [i18n-Turkish] 
 var _default = local;
 exports.default = _default;

package/lib/cjs/locale/source/vi_VN.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _locale = require("date-fns/locale");
-
 const local = {
   code: 'vi-VN',
   dateFnsLocale: _locale.vi,
@@ -175,7 +173,7 @@ const local = {
     adaptiveTip: 'Thích ứng với trang',
     originTip: 'Kích thước ban đầu'
   }
-}; // [i18n-Vietnam] 越南语
-
+};
+// [i18n-Vietnam] 越南语
 var _default = local;
 exports.default = _default;

package/lib/cjs/locale/source/zh_CN.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _locale = require("date-fns/locale");
-
 const local = {
   code: 'zh-CN',
   dateFnsLocale: _locale.zhCN,
@@ -173,7 +171,7 @@ const local = {
     adaptiveTip: '适应页面',
     originTip: '原始尺寸'
   }
-}; // 中文
-
+};
+// 中文
 var _default = local;
 exports.default = _default;

package/lib/cjs/locale/source/zh_TW.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _locale = require("date-fns/locale");
-
 const local = {
   code: 'zh-TW',
   dateFnsLocale: _locale.zhTW,
@@ -173,7 +171,7 @@ const local = {
     adaptiveTip: '適應頁面',
     originTip: '原始尺寸'
   }
-}; // 中文
-
+};
+// 中文
 var _default = local;
 exports.default = _default;

package/lib/cjs/modal/ConfirmModal.js

@@ -4,40 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/modal/constants");
-
 var _Modal = _interopRequireDefault(require("./Modal"));
-
 var _utils = require("../_utils");
-
 require("@douyinfe/semi-foundation/lib/cjs/modal/modal.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;
 };
 /* eslint-disable react/destructuring-assignment */
-
 /* eslint-disable eqeqeq */
-
-
 const ConfirmModal = props => {
   const [visible, setVisible] = (0, _react.useState)(true);
   const [confirmLoading, setConfirmLoading] = (0, _react.useState)();
@@ -45,21 +30,18 @@ const ConfirmModal = props => {
   const {
     direction
   } = props;
-
   const {
-    title,
-    content,
-    icon,
-    type,
-    onCancel,
-    onOk,
-    className
-  } = props,
-        rest = __rest(props, ["title", "content", "icon", "type", "onCancel", "onOk", "className"]);
-
+      title,
+      content,
+      icon,
+      type,
+      onCancel,
+      onOk,
+      className
+    } = props,
+    rest = __rest(props, ["title", "content", "icon", "type", "onCancel", "onOk", "className"]);
   const handleOk = (0, _react.useCallback)(e => {
     const res = onOk && onOk(e);
-
     if (res && res.then) {
       setConfirmLoading(true);
       res.then(function () {
@@ -74,7 +56,6 @@ const ConfirmModal = props => {
   }, [onOk]);
   const handleCancel = (0, _react.useCallback)(e => {
     const res = onCancel && onCancel(e);
-
     if (res && res.then) {
       setCancelLoading(true);
       res.then(function () {
@@ -116,6 +97,5 @@ const ConfirmModal = props => {
     "x-semi-prop": "content"
   }, content));
 };
-
 var _default = ConfirmModal;
 exports.default = _default;

package/lib/cjs/modal/Modal.d.ts

@@ -6,8 +6,8 @@ import BaseComponent from '../_base/baseComponent';
 import useModal from './useModal';
 import { ButtonProps } from '../button/Button';
 export declare const destroyFns: any[];
-export declare type ConfirmType = 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
-export declare type Directions = 'ltr' | 'rtl';
+export type ConfirmType = 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
+export type Directions = 'ltr' | 'rtl';
 export type { ModalState };
 export interface ModalReactProps extends ModalProps {
     cancelButtonProps?: ButtonProps;

package/lib/cjs/modal/Modal.js

@@ -4,48 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.destroyFns = exports.default = void 0;
-
 var _noop2 = _interopRequireDefault(require("lodash/noop"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _constants = require("@douyinfe/semi-foundation/lib/cjs/modal/constants");
-
 var _button = _interopRequireDefault(require("../button"));
-
 var _modalFoundation = _interopRequireDefault(require("@douyinfe/semi-foundation/lib/cjs/modal/modalFoundation"));
-
 var _ModalContent = _interopRequireDefault(require("./ModalContent"));
-
 var _portal = _interopRequireDefault(require("../_portal"));
-
 var _localeConsumer = _interopRequireDefault(require("../locale/localeConsumer"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 require("@douyinfe/semi-foundation/lib/cjs/modal/modal.css");
-
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-
 var _confirm = _interopRequireWildcard(require("./confirm"));
-
 var _useModal = _interopRequireDefault(require("./useModal"));
-
 var _cssAnimation = _interopRequireDefault(require("../_cssAnimation"));
-
 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; }
-
 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]];
   }
@@ -53,29 +32,23 @@ var __rest = void 0 && (void 0).__rest || function (s, e) {
 };
 /* eslint-disable react/destructuring-assignment, prefer-const, @typescript-eslint/no-unused-vars */
 
-
 const destroyFns = [];
 exports.destroyFns = destroyFns;
-
 class Modal extends _baseComponent.default {
   constructor(props) {
     super(props);
-
     this.handleCancel = e => {
       this.foundation.handleCancel(e);
     };
-
     this.handleOk = e => {
       this.foundation.handleOk(e);
     };
-
     this.updateState = () => {
       const {
         visible
       } = this.props;
       this.foundation.toggleDisplayNone(!visible);
     };
-
     this.renderFooter = () => {
       const {
         okText,
@@ -85,7 +58,6 @@ class Modal extends _baseComponent.default {
         cancelLoading,
         hasCancel
       } = this.props;
-
       const getCancelButton = locale => {
         if (!hasCancel) {
           return null;
@@ -101,7 +73,6 @@ class Modal extends _baseComponent.default {
           }), cancelText || locale.cancel);
         }
       };
-
       return /*#__PURE__*/_react.default.createElement(_localeConsumer.default, {
         componentName: "Modal"
       }, (locale, localeCode) => /*#__PURE__*/_react.default.createElement("div", null, getCancelButton(locale), /*#__PURE__*/_react.default.createElement(_button.default, Object.assign({
@@ -113,7 +84,8 @@ class Modal extends _baseComponent.default {
       }, this.props.okButtonProps, {
         "x-semi-children-alias": "okText"
       }), okText || locale.confirm)));
-    }; // getDialog = () => {
+    };
+    // getDialog = () => {
     //     const {
     //         footer,
     //         ...restProps
@@ -121,48 +93,39 @@ class Modal extends _baseComponent.default {
     //     const renderFooter = 'footer' in this.props ? footer : this.renderFooter();
     //     return <ModalContent {...restProps} footer={renderFooter} onClose={this.handleCancel}/>;
     // };
-
-
     this.renderDialog = () => {
       let _a = this.props,
-          {
-        footer,
-        className,
-        motion,
-        maskStyle: maskStyleFromProps,
-        keepDOM,
-        style: styleFromProps,
-        zIndex,
-        getPopupContainer,
-        visible
-      } = _a,
-          restProps = __rest(_a, ["footer", "className", "motion", "maskStyle", "keepDOM", "style", "zIndex", "getPopupContainer", "visible"]);
-
+        {
+          footer,
+          className,
+          motion,
+          maskStyle: maskStyleFromProps,
+          keepDOM,
+          style: styleFromProps,
+          zIndex,
+          getPopupContainer,
+          visible
+        } = _a,
+        restProps = __rest(_a, ["footer", "className", "motion", "maskStyle", "keepDOM", "style", "zIndex", "getPopupContainer", "visible"]);
       let style = styleFromProps;
       const maskStyle = maskStyleFromProps;
       const renderFooter = 'footer' in this.props ? footer : this.renderFooter();
       let wrapperStyle = {
         zIndex
       };
-
       if (getPopupContainer) {
         wrapperStyle = {
           zIndex,
           position: 'static'
         };
       }
-
       const classList = (0, _classnames.default)(className, {
         [`${_constants.cssClasses.DIALOG}-displayNone`]: keepDOM && this.state.displayNone
       });
-      const shouldRender = this.props.visible || this.props.keepDOM && (!this.props.lazyRender || this._haveRendered) || 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 */
-      ;
-
+      const shouldRender = this.props.visible || this.props.keepDOM && (!this.props.lazyRender || this._haveRendered) || 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 */;
       if (shouldRender) {
         this._haveRendered = true;
       }
-
       return /*#__PURE__*/_react.default.createElement(_cssAnimation.default, {
         motion: this.props.motion,
         animationState: visible ? 'enter' : 'leave',
@@ -207,7 +170,6 @@ class Modal extends _baseComponent.default {
         });
       });
     };
-
     this.state = {
       displayNone: !props.visible,
       isFullScreen: props.fullScreen
@@ -218,7 +180,6 @@ class Modal extends _baseComponent.default {
     this.scrollBarWidth = 0;
     this.originBodyWidth = '100%';
   }
-
   get adapter() {
     return Object.assign(Object.assign({}, super.adapter), {
       getProps: () => this.props,
@@ -227,7 +188,6 @@ class Modal extends _baseComponent.default {
           getPopupContainer
         } = this.props;
         this.bodyOverflow = document.body.style.overflow || '';
-
         if (!getPopupContainer && this.bodyOverflow !== 'hidden') {
           document.body.style.overflow = 'hidden';
           document.body.style.width = `calc(${this.originBodyWidth || '100%'} - ${this.scrollBarWidth}px)`;
@@ -237,7 +197,6 @@ class Modal extends _baseComponent.default {
         const {
           getPopupContainer
         } = this.props;
-
         if (!getPopupContainer && this.bodyOverflow !== 'hidden') {
           document.body.style.overflow = this.bodyOverflow;
           document.body.style.width = this.originBodyWidth;
@@ -268,59 +227,47 @@ class Modal extends _baseComponent.default {
       }
     });
   }
-
   static getDerivedStateFromProps(props, prevState) {
     const newState = {};
-
     if (props.fullScreen !== prevState.isFullScreen) {
       newState.isFullScreen = props.fullScreen;
     }
-
     if (props.visible && prevState.displayNone) {
       newState.displayNone = false;
-    } //
+    }
+    //
     // if (!props.visible && !props.motion && !prevState.displayNone) {
     //     newState.displayNone = true;
     // }
-
-
     return newState;
   }
-
   static getScrollbarWidth() {
     if (globalThis && Object.prototype.toString.call(globalThis) === '[object Window]') {
       return window.innerWidth - document.documentElement.clientWidth;
     }
-
     return 0;
   }
-
   componentDidMount() {
     this.scrollBarWidth = Modal.getScrollbarWidth();
     this.originBodyWidth = document.body.style.width;
-
     if (this.props.visible) {
       this.foundation.beforeShow();
     }
   }
-
   componentDidUpdate(prevProps, prevState, snapshot) {
     // hide => show
     if (!prevProps.visible && this.props.visible) {
       this.foundation.beforeShow();
     }
-
     if (!prevState.displayNone && this.state.displayNone) {
       this.foundation.afterHide();
     }
   }
-
   componentWillUnmount() {
     if (this.props.visible) {
       this.foundation.destroy();
     }
   }
-
   render() {
     const {
       visible,
@@ -329,9 +276,7 @@ class Modal extends _baseComponent.default {
     } = this.props;
     return this.renderDialog();
   }
-
 }
-
 Modal.propTypes = {
   mask: _propTypes.default.bool,
   closable: _propTypes.default.bool,
@@ -394,36 +339,28 @@ Modal.defaultProps = {
   fullScreen: false
 };
 Modal.useModal = _useModal.default;
-
 Modal.info = function (props) {
   return (0, _confirm.default)((0, _confirm.withInfo)(props));
 };
-
 Modal.success = function (props) {
   return (0, _confirm.default)((0, _confirm.withSuccess)(props));
 };
-
 Modal.error = function (props) {
   return (0, _confirm.default)((0, _confirm.withError)(props));
 };
-
 Modal.warning = function (props) {
   return (0, _confirm.default)((0, _confirm.withWarning)(props));
 };
-
 Modal.confirm = function (props) {
   return (0, _confirm.default)((0, _confirm.withConfirm)(props));
 };
-
 Modal.destroyAll = function destroyAllFn() {
   while (destroyFns.length) {
     const close = destroyFns.pop();
-
     if (close) {
       close();
     }
   }
 };
-
 var _default = Modal;
 exports.default = _default;