@douyinfe/semi-ui 2.30.0-alpha.0 → 2.30.0

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

@@ -11,8 +11,8 @@ const local = {
   code: 'ja-JP',
   dateFnsLocale: _locale.ja,
   Pagination: {
-    pageSize: '${pageSize} 個数 / ページ',
-    total: '合計 ${total} ページ',
+    pageSize: '1ページあたりのアイテム数：${pageSize}',
+    total: '合計ページ数：${total}',
     jumpTo: 'ページへ',
     page: 'ページ'
   },
@@ -89,7 +89,7 @@ const local = {
       Sun: '日'
     },
     localeFormatToken: {
-      FORMAT_SWITCH_DATE: 'yyyy-MM-dd'
+      FORMAT_SWITCH_DATE: 'yyyy/MM/dd'
     }
   },
   Popconfirm: {
@@ -153,8 +153,8 @@ const local = {
     clear: '空っぽ',
     selectAll: 'すべて選択',
     clearSelectAll: 'すべてを選択解除',
-    total: '合計 ${total} アイテム',
-    selected: '選択済み ${total} アイテム'
+    total: '合計アイテム数：${total}',
+    selected: '選択されているアイテム数：${total}'
   },
   Form: {
     optional: '(オプション)'

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

@@ -11,8 +11,8 @@ const local = {
   code: 'ko-KR',
   dateFnsLocale: _locale.ko,
   Pagination: {
-    pageSize: '${pageSize} 기사 / 페이지',
-    total: '${total} 페이지',
+    pageSize: '페이지당 항목: ${pageSize}',
+    total: '총 페이지: ${total}',
     jumpTo: '이동',
     page: '페이지'
   },
@@ -153,8 +153,8 @@ const local = {
     clear: '비우기',
     selectAll: '모두 선택',
     clearSelectAll: '모두 선택 취소',
-    total: '총 {total} 개 항목',
-    selected: '선택된 {Total} 개 항목'
+    total: '총 항목: ${total}',
+    selected: '선택한 항목: ${total}'
   },
   Form: {
     optional: '(선택 과목)'

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

@@ -11,8 +11,8 @@ const local = {
   code: 'ms-MY',
   dateFnsLocale: _locale.ms,
   Pagination: {
-    pageSize: ' ${pageSize} items / halaman',
-    total: '${total} halaman',
+    pageSize: 'Item setiap halaman: ${pageSize}',
+    total: 'Jumlah halaman: ${total}',
     jumpTo: 'Lompat ke',
     page: ' halaman'
   },
@@ -152,8 +152,8 @@ const local = {
     clear: 'Kosongkan',
     selectAll: 'Pilih Semua',
     clearSelectAll: 'Nyahpilih semua',
-    total: 'Jumlah ${total} item',
-    selected: '${total} projek dipilih'
+    total: 'Jumlah item: ${total}',
+    selected: 'Item dipilih: ${total}'
   },
   Form: {
     optional: '(pilihan)'

package/lib/cjs/locale/source/nl_NL.d.ts

@@ -1,6 +1,6 @@
 import { Locale } from '../interface';
 /**
- * [i18n-Dutch (pl_PL)]
+ * [i18n-Dutch (nl_NL)]
  * 荷兰语
  *
  */

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

@@ -8,17 +8,17 @@ exports.default = void 0;
 var _locale = require("date-fns/locale");
 
 /**
- * [i18n-Dutch (pl_PL)]
+ * [i18n-Dutch (nl_NL)]
  * 荷兰语
  *
  */
 const local = {
-  code: 'pl_PL',
+  code: 'nl_NL',
   dateFnsLocale: _locale.nl,
   Pagination: {
     page: 'pagina',
-    pageSize: 'Artikelen per pagina: ${pageSize}',
-    total: "Totaal ${total} pagina's",
+    pageSize: 'Items per pagina: ${pageSize}',
+    total: "Totaal aantal pagina's: ${total}",
     jumpTo: 'Ga naar'
   },
   Modal: {
@@ -157,8 +157,8 @@ const local = {
     clear: 'Wissen',
     selectAll: 'Alles selecteren',
     clearSelectAll: 'Alle selecties opheffen',
-    total: '${total} stuks in totaal',
-    selected: '${total} artikelen geselecteerd'
+    total: 'Totaal aantal items: ${total}',
+    selected: 'Wybrane pozycje: ${total}'
   },
   Form: {
     optional: 'Optioneel'

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

@@ -16,8 +16,8 @@ const local = {
   code: 'pl_PL',
   dateFnsLocale: _locale.pl,
   Pagination: {
-    pageSize: 'Pozycje na stronie: ${pageSize}',
-    total: 'Razem stron: ${total}',
+    pageSize: 'Liczba pozycji na stronie: ${pageSize}',
+    total: 'Strony ogółem: ${total}',
     jumpTo: 'Przejdź do',
     page: 'stron'
   },
@@ -157,8 +157,8 @@ const local = {
     clear: 'Wyczyść',
     selectAll: 'Zaznacz wszystkie',
     clearSelectAll: 'Usuń zaznaczenie wszystkich',
-    total: 'Całkowita ilość: ${total}',
-    selected: 'Wybrana ilość: ${total}'
+    total: 'Pozycje ogółem: ${total}',
+    selected: 'Wybrane pozycje: ${total}'
   },
   Form: {
     optional: '（Opcjonalnie）'

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

@@ -11,8 +11,8 @@ const local = {
   code: 'pt-BR',
   dateFnsLocale: _locale.ptBR,
   Pagination: {
-    pageSize: '${pageSize} artigo /página',
-    total: 'Total ${total} página',
+    pageSize: 'Itens por página: ${pageSize}',
+    total: 'Total de páginas: ${total}',
     jumpTo: 'Pule para',
     page: 'página'
   },
@@ -96,7 +96,7 @@ const local = {
       Sun: 'Sun'
     },
     localeFormatToken: {
-      FORMAT_SWITCH_DATE: 'yyyy-MM-dd'
+      FORMAT_SWITCH_DATE: 'dd-MM-yyyy'
     }
   },
   Navigation: {
@@ -160,8 +160,8 @@ const local = {
     clear: 'Vazio',
     selectAll: 'selecionar tudo',
     clearSelectAll: 'Cancelar selecionar tudo',
-    total: 'Total de ${total} itens',
-    selected: '${total} itens selecionados'
+    total: 'Total de itens: ${total}',
+    selected: 'Itens selecionados: ${total}'
   },
   Form: {
     optional: '(opcional)'

package/lib/cjs/locale/source/ro.d.ts

@@ -151,5 +151,18 @@ declare const _default: {
     Form: {
         optional: string;
     };
+    Image: {
+        preview: string;
+        loading: string;
+        loadError: string;
+        prevTip: string;
+        nextTip: string;
+        zoomInTip: string;
+        zoomOutTip: string;
+        rotateTip: string;
+        downloadTip: string;
+        adaptiveTip: string;
+        originTip: string;
+    };
 };
 export default _default;

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

@@ -14,7 +14,7 @@ var _default = {
   code: 'ro',
   dateFnsLocale: _locale.ro,
   Pagination: {
-    pageSize: 'Articole pe pagină: ${pageSize}',
+    pageSize: 'Elemente per pagină: ${pageSize}',
     total: 'Total pagini: ${total}',
     jumpTo: 'Treci la',
     page: 'pagini'
@@ -91,7 +91,7 @@ var _default = {
       Sun: 'dum'
     },
     localeFormatToken: {
-      FORMAT_SWITCH_DATE: 'yyyy-MM-dd'
+      FORMAT_SWITCH_DATE: 'dd.MM.yyyy'
     }
   },
   Popconfirm: {
@@ -154,11 +154,24 @@ var _default = {
     clear: 'Șterge',
     selectAll: 'Selectează toate',
     clearSelectAll: 'Deselectează toate',
-    total: 'Total articole: ${total} ',
-    selected: 'articole selectate: ${total}'
+    total: 'Total elemente: ${total}',
+    selected: 'Elemente selectate: ${total}'
   },
   Form: {
     optional: '(opțional)'
+  },
+  Image: {
+    preview: 'Previzualizează',
+    loading: 'Se încarcă',
+    loadError: 'Nu s-a putut încărca',
+    prevTip: 'Anterior',
+    nextTip: 'Înainte',
+    zoomInTip: 'Mărire',
+    zoomOutTip: 'Micșorare',
+    rotateTip: 'Rotește',
+    downloadTip: 'Descarcă',
+    adaptiveTip: 'Afișaj adaptabil',
+    originTip: 'Afișaj implicit'
   }
 };
 exports.default = _default;

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

@@ -11,7 +11,7 @@ const local = {
   code: 'ru-RU',
   dateFnsLocale: _locale.ru,
   Pagination: {
-    pageSize: 'Элементов на странице: ${pageSize}',
+    pageSize: 'Позиции на странице: ${pageSize}',
     total: 'Всего страниц: ${total}',
     jumpTo: 'Прыгать в',
     page: ' страницы'
@@ -91,7 +91,7 @@ const local = {
       Sun: 'Солнце'
     },
     localeFormatToken: {
-      FORMAT_SWITCH_DATE: 'yyyy-MM-dd'
+      FORMAT_SWITCH_DATE: 'dd.MM.yyyy'
     }
   },
   Popconfirm: {
@@ -155,8 +155,8 @@ const local = {
     clear: 'Очистить',
     selectAll: 'Выбрать все',
     clearSelectAll: 'Снять выделение',
-    total: 'Всего элементов: ${total} ',
-    selected: 'Выбрано элементов: ${total} '
+    total: 'Всего позиций: ${total}',
+    selected: 'Выбранные позиции: ${total}'
   },
   Form: {
     optional: '(по желанию)'

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

@@ -15,8 +15,8 @@ const local = {
   code: 'sv_SE',
   dateFnsLocale: _locale.sv,
   Pagination: {
-    pageSize: '${pageSize} artiklar/sida',
-    total: 'Totalt ${total} sidor',
+    pageSize: 'Artiklar per sida: ${pageSize}',
+    total: 'Totalt antal sidor: ${total}',
     jumpTo: 'Gå till',
     page: 'sida'
   },
@@ -156,8 +156,8 @@ const local = {
     clear: 'Rensa',
     selectAll: 'Markera alla',
     clearSelectAll: 'Avmarkera alla',
-    total: '${total} artiklar totalt',
-    selected: 'Valde ${total} objekt'
+    total: 'Totalt antal artiklar: ${total}',
+    selected: 'Valda artiklar: ${total}'
   },
   Form: {
     optional: '(Frivilligt)'

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

@@ -11,8 +11,8 @@ const local = {
   code: 'th-TH',
   dateFnsLocale: _locale.th,
   Pagination: {
-    pageSize: '${pageSize} บทความ / หน้า',
-    total: 'หน้าทั้งหมด ${total}',
+    pageSize: 'รายการต่อหน้า: ${pageSize}',
+    total: 'หน้าทั้งหมด: ${total}',
     jumpTo: 'ข้ามไปที่',
     page: 'หน้า'
   },
@@ -92,7 +92,7 @@ const local = {
       Sun: 'อา'
     },
     localeFormatToken: {
-      FORMAT_SWITCH_DATE: 'yyyy-MM-dd'
+      FORMAT_SWITCH_DATE: 'dd/MM/yyyy'
     }
   },
   Navigation: {
@@ -156,8 +156,8 @@ const local = {
     clear: 'ว่าง',
     selectAll: 'เลือกทั้งหมด',
     clearSelectAll: 'ยกเลิกการเลือกทั้งหมด',
-    total: 'รวม ${total} รายการ',
-    selected: 'เลือก ${total} รายการ'
+    total: 'รายการทั้งหมด: ${total}',
+    selected: 'รายการที่เลือก: ${total}'
   },
   Form: {
     optional: '(ไม่จำเป็น)'

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

@@ -12,8 +12,8 @@ const local = {
   dateFnsLocale: _locale.tr,
   Pagination: {
     page: 'Sayfa',
-    pageSize: '${pageSize} Makale / sayfa',
-    total: 'Toplam ${total} Sayfa',
+    pageSize: 'Sayfa başı öğe: ${pageSize}',
+    total: 'Toplam sayfa: ${total}',
     jumpTo: 'Atlamak'
   },
   Modal: {
@@ -91,7 +91,7 @@ const local = {
       Sun: 'Paz'
     },
     localeFormatToken: {
-      FORMAT_SWITCH_DATE: 'yyyy-MM-dd'
+      FORMAT_SWITCH_DATE: 'dd.MM.yyyy'
     }
   },
   Navigation: {
@@ -155,8 +155,8 @@ const local = {
     clear: 'Boş',
     selectAll: 'Tümünü seç',
     clearSelectAll: 'Tümünün seçimini kaldır',
-    total: 'Toplam ${total} öğe',
-    selected: '${total} öğe seçildi'
+    total: 'Toplam öğe: ${total}',
+    selected: 'Seçilen öğeler: ${total}'
   },
   Form: {
     optional: '(isteğe bağlı)'

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

@@ -11,8 +11,8 @@ const local = {
   code: 'vi-VN',
   dateFnsLocale: _locale.vi,
   Pagination: {
-    pageSize: '${pageSize} Số / trang',
-    total: 'Tổng cộng ${total} Số trang',
+    pageSize: 'Số mục mỗi trang: ${pageSize}',
+    total: 'Tổng số trang: ${total}',
     jumpTo: 'Chuyển đến',
     page: ' Số trang'
   },
@@ -91,7 +91,7 @@ const local = {
       Sun: 'chủ nhật'
     },
     localeFormatToken: {
-      FORMAT_SWITCH_DATE: 'yyyy-MM-dd'
+      FORMAT_SWITCH_DATE: 'dd/MM/yyyy'
     }
   },
   Popconfirm: {
@@ -155,8 +155,8 @@ const local = {
     clear: 'Clear',
     selectAll: 'Thông thoáng',
     clearSelectAll: 'Bỏ chọn tất cả',
-    total: 'Tổng số ${total} mặt hàng',
-    selected: '${total} mục được chọn'
+    total: 'Tổng số mục: ${total}',
+    selected: 'Số mục đã chọn: ${total}'
   },
   Form: {
     optional: '(không bắt buộc)'

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

@@ -11,8 +11,8 @@ const local = {
   code: 'zh-CN',
   dateFnsLocale: _locale.zhCN,
   Pagination: {
-    pageSize: '${pageSize} 条/页',
-    total: '共 ${total} 页',
+    pageSize: '每页条数：${pageSize}',
+    total: '总页数：${total}',
     jumpTo: '跳至',
     page: '页'
   },
@@ -153,8 +153,8 @@ const local = {
     clear: '清空',
     selectAll: '全选',
     clearSelectAll: '取消全选',
-    total: '共 ${total} 项',
-    selected: '已选 ${total} 项'
+    total: '总个数：${total}',
+    selected: '已选个数：${total}'
   },
   Form: {
     optional: '（可选）'

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

@@ -11,8 +11,8 @@ const local = {
   code: 'zh-TW',
   dateFnsLocale: _locale.zhTW,
   Pagination: {
-    pageSize: '${pageSize} 條/頁',
-    total: '共 ${total} 頁',
+    pageSize: '每頁項目數：${pageSize}',
+    total: '總頁數：${total}',
     jumpTo: '跳至',
     page: '頁'
   },
@@ -153,8 +153,8 @@ const local = {
     clear: '清空',
     selectAll: '全選',
     clearSelectAll: '取消全選',
-    total: '共 ${total} 項',
-    selected: '已選 ${total} 項'
+    total: '總項目數：${total}',
+    selected: '選取的項目數：${total}'
   },
   Form: {
     optional: '（可選）'

package/lib/cjs/modal/ConfirmModal.js

@@ -87,20 +87,20 @@ const ConfirmModal = props => {
       setVisible(false);
     }
   }, [onCancel]);
-  const confirmCls = "".concat(_constants.cssClasses.DIALOG, "-confirm");
+  const confirmCls = `${_constants.cssClasses.DIALOG}-confirm`;
   const wrapperCls = (0, _classnames.default)(className, confirmCls, {
-    ["".concat(confirmCls, "-rtl")]: direction === 'rtl'
+    [`${confirmCls}-rtl`]: direction === 'rtl'
   });
-  const typeCls = (0, _classnames.default)("".concat(_constants.cssClasses.DIALOG, "-").concat(type));
+  const typeCls = (0, _classnames.default)(`${_constants.cssClasses.DIALOG}-${type}`);
   const iconNode = (0, _utils.isSemiIcon)(icon) ? /*#__PURE__*/_react.default.cloneElement(icon, {
-    className: "".concat(confirmCls, "-icon ").concat(typeCls, "-icon"),
+    className: `${confirmCls}-icon ${typeCls}-icon`,
     size: 'extra-large'
   }) : icon;
   const titleNode = title == null ? null : /*#__PURE__*/_react.default.createElement("span", {
-    className: "".concat(confirmCls, "-title-text")
+    className: `${confirmCls}-title-text`
   }, title);
-  const contentCls = (0, _classnames.default)("".concat(confirmCls, "-content"), {
-    ["".concat(confirmCls, "-content-withIcon")]: props.icon
+  const contentCls = (0, _classnames.default)(`${confirmCls}-content`, {
+    [`${confirmCls}-content-withIcon`]: props.icon
   });
   return /*#__PURE__*/_react.default.createElement(_Modal.default, Object.assign({
     className: wrapperCls,

package/lib/cjs/modal/Modal.js

@@ -153,7 +153,7 @@ class Modal extends _baseComponent.default {
       }
 
       const classList = (0, _classnames.default)(className, {
-        ["".concat(_constants.cssClasses.DIALOG, "-displayNone")]: keepDOM && this.state.displayNone
+        [`${_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 */
@@ -169,7 +169,7 @@ class Modal extends _baseComponent.default {
       }, /*#__PURE__*/_react.default.createElement(_cssAnimation.default, {
         motion: this.props.motion,
         animationState: visible ? 'enter' : 'leave',
-        startClassName: visible ? "".concat(_constants.cssClasses.DIALOG, "-content-animate-show") : "".concat(_constants.cssClasses.DIALOG, "-content-animate-hide"),
+        startClassName: visible ? `${_constants.cssClasses.DIALOG}-content-animate-show` : `${_constants.cssClasses.DIALOG}-content-animate-hide`,
         onAnimationEnd: () => {
           this.updateState();
         }
@@ -181,7 +181,7 @@ class Modal extends _baseComponent.default {
         return /*#__PURE__*/_react.default.createElement(_cssAnimation.default, {
           motion: this.props.motion,
           animationState: visible ? 'enter' : 'leave',
-          startClassName: visible ? "".concat(_constants.cssClasses.DIALOG, "-mask-animate-show") : "".concat(_constants.cssClasses.DIALOG, "-mask-animate-hide"),
+          startClassName: visible ? `${_constants.cssClasses.DIALOG}-mask-animate-show` : `${_constants.cssClasses.DIALOG}-mask-animate-hide`,
           onAnimationEnd: () => {
             this.updateState();
           }
@@ -230,7 +230,7 @@ class Modal extends _baseComponent.default {
 
         if (!getPopupContainer && this.bodyOverflow !== 'hidden') {
           document.body.style.overflow = 'hidden';
-          document.body.style.width = "calc(".concat(this.originBodyWidth || '100%', " - ").concat(this.scrollBarWidth, "px)");
+          document.body.style.width = `calc(${this.originBodyWidth || '100%'} - ${this.scrollBarWidth}px)`;
         }
       },
       enabledBodyScroll: () => {

package/lib/cjs/modal/ModalContent.js

@@ -86,7 +86,7 @@ class ModalContent extends _baseComponent.default {
       } = props;
 
       if (mask) {
-        const className = (0, _classnames.default)("".concat(_constants.cssClasses.DIALOG, "-mask"), {// [`${cssClasses.DIALOG}-mask-hidden`]: !props.visible,
+        const className = (0, _classnames.default)(`${_constants.cssClasses.DIALOG}-mask`, {// [`${cssClasses.DIALOG}-mask-hidden`]: !props.visible,
         });
         return /*#__PURE__*/_react.default.createElement("div", Object.assign({
           key: "mask"
@@ -113,7 +113,7 @@ class ModalContent extends _baseComponent.default {
 
         closer = /*#__PURE__*/_react.default.createElement(_iconButton.default, {
           "aria-label": "close",
-          className: "".concat(_constants.cssClasses.DIALOG, "-close"),
+          className: `${_constants.cssClasses.DIALOG}-close`,
           key: "close-btn",
           onClick: this.close,
           type: "tertiary",
@@ -131,7 +131,7 @@ class ModalContent extends _baseComponent.default {
         icon
       } = this.props;
       return icon ? /*#__PURE__*/_react.default.createElement("span", {
-        className: "".concat(_constants.cssClasses.DIALOG, "-icon-wrapper"),
+        className: `${_constants.cssClasses.DIALOG}-icon-wrapper`,
         "x-semi-prop": "icon"
       }, icon) : null;
     };
@@ -147,11 +147,11 @@ class ModalContent extends _baseComponent.default {
       const closer = this.renderCloseBtn();
       const icon = this.renderIcon();
       return title === null || title === undefined ? null : /*#__PURE__*/_react.default.createElement("div", {
-        className: "".concat(_constants.cssClasses.DIALOG, "-header")
+        className: `${_constants.cssClasses.DIALOG}-header`
       }, icon, /*#__PURE__*/_react.default.createElement(_typography.default.Title, {
         heading: 5,
-        className: "".concat(_constants.cssClasses.DIALOG, "-title"),
-        id: "".concat(_constants.cssClasses.DIALOG, "-title"),
+        className: `${_constants.cssClasses.DIALOG}-title`,
+        id: `${_constants.cssClasses.DIALOG}-title`,
         "x-semi-prop": "title"
       }, title), closer);
     };
@@ -162,19 +162,19 @@ class ModalContent extends _baseComponent.default {
         children,
         title
       } = this.props;
-      const bodyCls = (0, _classnames.default)("".concat(_constants.cssClasses.DIALOG, "-body"), {
-        ["".concat(_constants.cssClasses.DIALOG, "-withIcon")]: this.props.icon
+      const bodyCls = (0, _classnames.default)(`${_constants.cssClasses.DIALOG}-body`, {
+        [`${_constants.cssClasses.DIALOG}-withIcon`]: this.props.icon
       });
       const closer = this.renderCloseBtn();
       const icon = this.renderIcon();
       const hasHeader = title !== null && title !== undefined || 'header' in this.props;
       return hasHeader ? /*#__PURE__*/_react.default.createElement("div", {
         className: bodyCls,
-        id: "".concat(_constants.cssClasses.DIALOG, "-body"),
+        id: `${_constants.cssClasses.DIALOG}-body`,
         style: bodyStyle,
         "x-semi-prop": "children"
       }, children) : /*#__PURE__*/_react.default.createElement("div", {
-        className: "".concat(_constants.cssClasses.DIALOG, "-body-wrapper")
+        className: `${_constants.cssClasses.DIALOG}-body-wrapper`
       }, icon, /*#__PURE__*/_react.default.createElement("div", {
         className: bodyCls,
         style: bodyStyle,
@@ -186,9 +186,9 @@ class ModalContent extends _baseComponent.default {
       const props = __rest(this.props, []);
 
       const style = {};
-      const digCls = (0, _classnames.default)("".concat(_constants.cssClasses.DIALOG), {
-        ["".concat(_constants.cssClasses.DIALOG, "-centered")]: props.centered,
-        ["".concat(_constants.cssClasses.DIALOG, "-").concat(props.size)]: props.size
+      const digCls = (0, _classnames.default)(`${_constants.cssClasses.DIALOG}`, {
+        [`${_constants.cssClasses.DIALOG}-centered`]: props.centered,
+        [`${_constants.cssClasses.DIALOG}-${props.size}`]: props.size
       });
 
       if (props.width) {
@@ -208,7 +208,7 @@ class ModalContent extends _baseComponent.default {
       const body = this.renderBody();
       const header = this.renderHeader();
       const footer = props.footer ? /*#__PURE__*/_react.default.createElement("div", {
-        className: "".concat(_constants.cssClasses.DIALOG, "-footer"),
+        className: `${_constants.cssClasses.DIALOG}-footer`,
         "x-semi-prop": "footer"
       }, props.footer) : null;
 
@@ -225,11 +225,11 @@ class ModalContent extends _baseComponent.default {
         role: "dialog",
         ref: this.modalDialogRef,
         "aria-modal": "true",
-        "aria-labelledby": "".concat(_constants.cssClasses.DIALOG, "-title"),
-        "aria-describedby": "".concat(_constants.cssClasses.DIALOG, "-body"),
+        "aria-labelledby": `${_constants.cssClasses.DIALOG}-title`,
+        "aria-describedby": `${_constants.cssClasses.DIALOG}-body`,
         onAnimationEnd: props.onAnimationEnd,
-        className: (0, _classnames.default)(["".concat(_constants.cssClasses.DIALOG, "-content"), props.contentClassName, {
-          ["".concat(_constants.cssClasses.DIALOG, "-content-fullScreen")]: props.isFullScreen
+        className: (0, _classnames.default)([`${_constants.cssClasses.DIALOG}-content`, props.contentClassName, {
+          [`${_constants.cssClasses.DIALOG}-content-fullScreen`]: props.isFullScreen
         }])
       }, header, body, footer)); // return props.visible ? dialogElement : null;
 
@@ -242,7 +242,7 @@ class ModalContent extends _baseComponent.default {
       prevFocusElement: _FocusHandle.default.getActiveElement()
     };
     this.foundation = new _modalContentFoundation.default(this.adapter);
-    this.dialogId = "dialog-".concat(uuid++);
+    this.dialogId = `dialog-${uuid++}`;
     this.modalDialogRef = /*#__PURE__*/_react.default.createRef();
   }
 
@@ -353,9 +353,9 @@ class ModalContent extends _baseComponent.default {
       direction
     } = this.context;
     const classList = (0, _classnames.default)(className, {
-      ["".concat(_constants.cssClasses.DIALOG, "-popup")]: getPopupContainer && !maskFixed,
-      ["".concat(_constants.cssClasses.DIALOG, "-fixed")]: maskFixed,
-      ["".concat(_constants.cssClasses.DIALOG, "-rtl")]: direction === 'rtl'
+      [`${_constants.cssClasses.DIALOG}-popup`]: getPopupContainer && !maskFixed,
+      [`${_constants.cssClasses.DIALOG}-fixed`]: maskFixed,
+      [`${_constants.cssClasses.DIALOG}-rtl`]: direction === 'rtl'
     });
     const containerContext = getContainerContext();
 
@@ -364,8 +364,8 @@ class ModalContent extends _baseComponent.default {
     }, this.getMaskElement(), /*#__PURE__*/_react.default.createElement("div", Object.assign({
       role: "none",
       className: (0, _classnames.default)({
-        ["".concat(_constants.cssClasses.DIALOG, "-wrap")]: true,
-        ["".concat(_constants.cssClasses.DIALOG, "-wrap-center")]: this.props.centered
+        [`${_constants.cssClasses.DIALOG}-wrap`]: true,
+        [`${_constants.cssClasses.DIALOG}-wrap-center`]: this.props.centered
       }),
       onClick: maskClosable ? this.onMaskClick : null,
       onMouseUp: maskClosable ? this.onMaskMouseUp : null

package/lib/cjs/modal/confirm.js

@@ -49,7 +49,16 @@ function confirm(props) {
   };
 
   function render(renderProps) {
+    const {
+      afterClose
+    } = renderProps; //@ts-ignore
+
     _reactDom.default.render( /*#__PURE__*/_react.default.createElement(_ConfirmModal.default, Object.assign({}, renderProps, {
+      afterClose: function () {
+        //@ts-ignore
+        afterClose === null || afterClose === void 0 ? void 0 : afterClose(...arguments);
+        destroy();
+      },
       motion: props.motion
     })), div);
   }