@douyinfe/semi-ui 2.56.2 → 2.56.3

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

@@ -21,16 +21,16 @@ const local = {
   TimePicker: {
     placeholder: {
       time: 'Chọn thời gian',
-      timeRange: 'Chọn một phạm vi thời gian'
+      timeRange: 'Chọn phạm vi thời gian'
     },
     begin: 'Thời gian bắt đầu',
     end: 'Thời gian kết thúc',
-    // hour: 'giờ',
-    // minute: 'phút',
-    // second: 'thứ hai',
-    hour: '',
-    minute: '',
-    second: '',
+    hour: 'giờ',
+    minute: 'phút',
+    second: 'giây',
+    // hour: '',
+    // minute: '',
+    // second: '',
     AM: 'buổi sáng',
     PM: 'vào buổi chiều'
   },
@@ -47,48 +47,48 @@ const local = {
       confirm: 'Xác nhận',
       cancel: 'Huỷ bỏ'
     },
-    selectDate: 'Quay lại ngày đã chọn',
-    selectTime: 'thời gian lựa chọn',
+    selectDate: 'Chọn ngày',
+    selectTime: 'Chọn thời gian',
     year: 'năm',
     month: 'tháng',
     day: 'ngày',
     monthText: '${month} ${year}',
     months: {
-      1: 'Giêng',
-      2: 'hai',
+      1: 'Một',
+      2: 'Hai',
       3: 'Ba',
-      4: 'tư',
-      5: 'có thể',
-      6: 'sáu',
-      7: 'bảy',
+      4: 'Tư',
+      5: 'Năm',
+      6: 'Sáu',
+      7: 'Bảy',
       8: 'Tám',
       9: 'Chín',
       10: 'Mười',
-      11: 'mười một',
-      12: 'mười hai'
+      11: 'Mười một',
+      12: 'Mười hai'
     },
     fullMonths: {
-      1: 'tháng Giêng',
-      2: 'Tháng hai',
-      3: 'tháng Ba',
-      4: 'Tháng tư',
-      5: 'có thể',
-      6: 'Tháng sáu',
-      7: 'Tháng bảy',
+      1: 'Tháng Một',
+      2: 'Tháng Hai',
+      3: 'Tháng Ba',
+      4: 'Tháng Tư',
+      5: 'Tháng Năm',
+      6: 'Tháng Sáu',
+      7: 'Tháng Bảy',
       8: 'Tháng Tám',
       9: 'Tháng Chín',
       10: 'Tháng Mười',
-      11: 'Tháng mười một',
-      12: 'Tháng mười hai'
+      11: 'Tháng Mười một',
+      12: 'Tháng Mười hai'
     },
     weeks: {
-      Mon: 'Thứ hai',
-      Tue: 'Thứ ba',
-      Wed: 'Thứ tư',
-      Thu: 'Thứ năm',
-      Fri: 'Thứ sáu',
-      Sat: 'ngày thứ bảy',
-      Sun: 'chủ nhật'
+      Mon: 'Thứ Hai',
+      Tue: 'Thứ Ba',
+      Wed: 'Thứ Tư',
+      Thu: 'Thứ Năm',
+      Fri: 'Thứ Sáu',
+      Sat: 'Thứ bảy',
+      Sun: 'Chủ nhật'
     },
     localeFormatToken: {
       FORMAT_SWITCH_DATE: 'dd/MM/yyyy'
@@ -104,7 +104,7 @@ const local = {
   },
   Table: {
     emptyText: 'Không kết quả',
-    pageText: 'Hiển thị ${currentStart} đến ${currentEnd} trong tổng số ${total}}'
+    pageText: 'Hiển thị ${currentStart} đến ${currentEnd} trong tổng số ${total}'
   },
   Select: {
     emptyText: 'Không kết quả',
@@ -123,7 +123,7 @@ const local = {
   Calendar: {
     allDay: 'Cả ngày',
     AM: 'buổi sáng ${time}',
-    PM: 'vào buổi chiều ${time}',
+    PM: 'buổi chiều ${time}',
     datestring: '',
     remaining: '${remained} mặt hàng'
   },
@@ -133,7 +133,7 @@ const local = {
     legalTips: 'Phát hành và bắt đầu tải lên',
     retry: 'Thử lại',
     replace: 'Thay thế tệp',
-    clear: 'rõ ràng',
+    clear: 'Xoá',
     selectedFiles: 'Tệp đã chọn',
     illegalSize: 'Kích thước tệp không hợp lệ',
     fail: 'Tải lên không thành công'
@@ -153,7 +153,7 @@ const local = {
     emptyRight: 'Không có nội dung, kiểm tra từ bên trái',
     placeholder: 'Tìm kiếm',
     clear: 'Clear',
-    selectAll: 'Thông thoáng',
+    selectAll: 'Chọn tất cả',
     clearSelectAll: 'Bỏ chọn tất cả',
     total: 'Tổng số mục: ${total}',
     selected: 'Số mục đã chọn: ${total}'
@@ -162,15 +162,15 @@ const local = {
     optional: '(không bắt buộc)'
   },
   Image: {
-    preview: 'xem trước',
+    preview: 'Xem trước',
     loading: 'Đang tải',
     loadError: 'Không tải được',
     prevTip: 'Trước đó',
-    nextTip: 'Next',
+    nextTip: 'Tiếp theo',
     zoomInTip: 'Phóng to',
-    zoomOutTip: 'thu nhỏ',
+    zoomOutTip: 'Thu nhỏ',
     rotateTip: 'Xoay',
-    downloadTip: 'download',
+    downloadTip: 'Download',
     adaptiveTip: 'Thích ứng với trang',
     originTip: 'Kích thước ban đầu'
   }

package/lib/cjs/modal/Modal.js

@@ -60,6 +60,7 @@ class Modal extends _baseComponent.default {
         footerFill
       } = this.props;
       const getCancelButton = locale => {
+        var _a;
         if (!hasCancel) {
           return null;
         } else {
@@ -71,6 +72,9 @@ class Modal extends _baseComponent.default {
             block: footerFill,
             autoFocus: true
           }, this.props.cancelButtonProps, {
+            style: Object.assign(Object.assign({}, footerFill ? {
+              marginLeft: "unset"
+            } : {}), (_a = this.props.cancelButtonProps) === null || _a === void 0 ? void 0 : _a.style),
             "x-semi-children-alias": "cancelText"
           }), cancelText || locale.cancel);
         }

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

@@ -198,6 +198,7 @@ declare class TreeSelect extends BaseComponent<TreeSelectProps, TreeSelectState>
     onMotionEnd: any;
     treeSelectID: string;
     context: ContextValue;
+    clearInputFlag: boolean;
     constructor(props: TreeSelectProps);
     static getDerivedStateFromProps(props: TreeSelectProps, prevState: TreeSelectState): Partial<TreeSelectState>;
     get adapter(): TreeSelectAdapter<TreeSelectProps, TreeSelectState>;
@@ -248,7 +249,7 @@ declare class TreeSelect extends BaseComponent<TreeSelectProps, TreeSelectState>
         keyEntities: import("../tree/interface").KeyEntities;
     };
     getTreeNodeKey: (treeNode: TreeNodeData) => string;
-    handlePopoverClose: (isVisible: any) => void;
+    handlePopoverVisibleChange: (isVisible: any) => void;
     afterClose: () => void;
     renderTreeNode: (treeNode: FlattenNode, ind: number, style: React.CSSProperties) => JSX.Element;
     itemKey: (index: number, data: Record<string, any>) => any;

package/lib/cjs/treeSelect/index.js

@@ -682,33 +682,12 @@ class TreeSelect extends _baseComponent.default {
       } = data;
       return key;
     };
-    /* Event handler function after popover is closed */
-    this.handlePopoverClose = isVisible => {
-      const {
-        filterTreeNode,
-        searchAutoFocus,
-        searchPosition
-      } = this.props;
-      // 将 inputValue 清空，如果有选中值的话，选中项能够快速回显
-      // Clear the inputValue. If there is a selected value, the selected item can be quickly echoed.
-      if (isVisible === false && filterTreeNode) {
-        this.foundation.clearInputValue();
-      }
-      if (filterTreeNode && searchPosition === _constants.strings.SEARCH_POSITION_DROPDOWN && isVisible && searchAutoFocus) {
-        this.foundation.focusInput(true);
-      }
+    /* Event handler function after popover visible change */
+    this.handlePopoverVisibleChange = isVisible => {
+      this.foundation.handlePopoverVisibleChange(isVisible);
     };
     this.afterClose = () => {
-      // flattenNode 的变化将导致弹出层面板中的选项数目变化
-      // 在弹层完全收起之后，再通过 clearInput 重新计算 state 中的 expandedKey， flattenNode
-      // 防止在弹出层未收起时弹层面板中选项数目变化导致视觉上出现弹层闪动问题
-      // Changes to flattenNode will cause the number of options in the popup panel to change
-      // After the pop-up layer is completely closed, recalculate the expandedKey and flattenNode in the state through clearInput.
-      // Prevent the pop-up layer from flickering visually due to changes in the number of options in the pop-up panel when the pop-up layer is not collapsed.
-      const {
-        filterTreeNode
-      } = this.props;
-      filterTreeNode && this.foundation.clearInput();
+      this.foundation.handleAfterClose();
     };
     this.renderTreeNode = (treeNode, ind, style) => {
       const {
@@ -904,6 +883,7 @@ class TreeSelect extends _baseComponent.default {
     this.triggerRef = /*#__PURE__*/_react.default.createRef();
     this.optionsRef = /*#__PURE__*/_react.default.createRef();
     this.clickOutsideHandler = null;
+    this.clearInputFlag = false;
     this.foundation = new _foundation.default(this.adapter);
     this.treeSelectID = Math.random().toString(36).slice(2);
     this.onMotionEnd = () => {
@@ -1254,6 +1234,12 @@ class TreeSelect extends _baseComponent.default {
         this.setState({
           isFocus: bool
         });
+      },
+      setClearInputFlag: flag => {
+        this.clearInputFlag = flag;
+      },
+      getClearInputFlag: () => {
+        return this.clearInputFlag;
       }
     });
   }
@@ -1297,7 +1283,7 @@ class TreeSelect extends _baseComponent.default {
       autoAdjustOverflow: autoAdjustOverflow,
       mouseLeaveDelay: mouseLeaveDelay,
       mouseEnterDelay: mouseEnterDelay,
-      onVisibleChange: this.handlePopoverClose,
+      onVisibleChange: this.handlePopoverVisibleChange,
       afterClose: this.afterClose
     }, selection);
   }

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

@@ -15,16 +15,16 @@ const local = {
   TimePicker: {
     placeholder: {
       time: 'Chọn thời gian',
-      timeRange: 'Chọn một phạm vi thời gian'
+      timeRange: 'Chọn phạm vi thời gian'
     },
     begin: 'Thời gian bắt đầu',
     end: 'Thời gian kết thúc',
-    // hour: 'giờ',
-    // minute: 'phút',
-    // second: 'thứ hai',
-    hour: '',
-    minute: '',
-    second: '',
+    hour: 'giờ',
+    minute: 'phút',
+    second: 'giây',
+    // hour: '',
+    // minute: '',
+    // second: '',
     AM: 'buổi sáng',
     PM: 'vào buổi chiều'
   },
@@ -41,48 +41,48 @@ const local = {
       confirm: 'Xác nhận',
       cancel: 'Huỷ bỏ'
     },
-    selectDate: 'Quay lại ngày đã chọn',
-    selectTime: 'thời gian lựa chọn',
+    selectDate: 'Chọn ngày',
+    selectTime: 'Chọn thời gian',
     year: 'năm',
     month: 'tháng',
     day: 'ngày',
     monthText: '${month} ${year}',
     months: {
-      1: 'Giêng',
-      2: 'hai',
+      1: 'Một',
+      2: 'Hai',
       3: 'Ba',
-      4: 'tư',
-      5: 'có thể',
-      6: 'sáu',
-      7: 'bảy',
+      4: 'Tư',
+      5: 'Năm',
+      6: 'Sáu',
+      7: 'Bảy',
       8: 'Tám',
       9: 'Chín',
       10: 'Mười',
-      11: 'mười một',
-      12: 'mười hai'
+      11: 'Mười một',
+      12: 'Mười hai'
     },
     fullMonths: {
-      1: 'tháng Giêng',
-      2: 'Tháng hai',
-      3: 'tháng Ba',
-      4: 'Tháng tư',
-      5: 'có thể',
-      6: 'Tháng sáu',
-      7: 'Tháng bảy',
+      1: 'Tháng Một',
+      2: 'Tháng Hai',
+      3: 'Tháng Ba',
+      4: 'Tháng Tư',
+      5: 'Tháng Năm',
+      6: 'Tháng Sáu',
+      7: 'Tháng Bảy',
       8: 'Tháng Tám',
       9: 'Tháng Chín',
       10: 'Tháng Mười',
-      11: 'Tháng mười một',
-      12: 'Tháng mười hai'
+      11: 'Tháng Mười một',
+      12: 'Tháng Mười hai'
     },
     weeks: {
-      Mon: 'Thứ hai',
-      Tue: 'Thứ ba',
-      Wed: 'Thứ tư',
-      Thu: 'Thứ năm',
-      Fri: 'Thứ sáu',
-      Sat: 'ngày thứ bảy',
-      Sun: 'chủ nhật'
+      Mon: 'Thứ Hai',
+      Tue: 'Thứ Ba',
+      Wed: 'Thứ Tư',
+      Thu: 'Thứ Năm',
+      Fri: 'Thứ Sáu',
+      Sat: 'Thứ bảy',
+      Sun: 'Chủ nhật'
     },
     localeFormatToken: {
       FORMAT_SWITCH_DATE: 'dd/MM/yyyy'
@@ -98,7 +98,7 @@ const local = {
   },
   Table: {
     emptyText: 'Không kết quả',
-    pageText: 'Hiển thị ${currentStart} đến ${currentEnd} trong tổng số ${total}}'
+    pageText: 'Hiển thị ${currentStart} đến ${currentEnd} trong tổng số ${total}'
   },
   Select: {
     emptyText: 'Không kết quả',
@@ -117,7 +117,7 @@ const local = {
   Calendar: {
     allDay: 'Cả ngày',
     AM: 'buổi sáng ${time}',
-    PM: 'vào buổi chiều ${time}',
+    PM: 'buổi chiều ${time}',
     datestring: '',
     remaining: '${remained} mặt hàng'
   },
@@ -127,7 +127,7 @@ const local = {
     legalTips: 'Phát hành và bắt đầu tải lên',
     retry: 'Thử lại',
     replace: 'Thay thế tệp',
-    clear: 'rõ ràng',
+    clear: 'Xoá',
     selectedFiles: 'Tệp đã chọn',
     illegalSize: 'Kích thước tệp không hợp lệ',
     fail: 'Tải lên không thành công'
@@ -147,7 +147,7 @@ const local = {
     emptyRight: 'Không có nội dung, kiểm tra từ bên trái',
     placeholder: 'Tìm kiếm',
     clear: 'Clear',
-    selectAll: 'Thông thoáng',
+    selectAll: 'Chọn tất cả',
     clearSelectAll: 'Bỏ chọn tất cả',
     total: 'Tổng số mục: ${total}',
     selected: 'Số mục đã chọn: ${total}'
@@ -156,15 +156,15 @@ const local = {
     optional: '(không bắt buộc)'
   },
   Image: {
-    preview: 'xem trước',
+    preview: 'Xem trước',
     loading: 'Đang tải',
     loadError: 'Không tải được',
     prevTip: 'Trước đó',
-    nextTip: 'Next',
+    nextTip: 'Tiếp theo',
     zoomInTip: 'Phóng to',
-    zoomOutTip: 'thu nhỏ',
+    zoomOutTip: 'Thu nhỏ',
     rotateTip: 'Xoay',
-    downloadTip: 'download',
+    downloadTip: 'Download',
     adaptiveTip: 'Thích ứng với trang',
     originTip: 'Kích thước ban đầu'
   }

package/lib/es/modal/Modal.js

@@ -50,6 +50,7 @@ class Modal extends BaseComponent {
         footerFill
       } = this.props;
       const getCancelButton = locale => {
+        var _a;
         if (!hasCancel) {
           return null;
         } else {
@@ -61,6 +62,9 @@ class Modal extends BaseComponent {
             block: footerFill,
             autoFocus: true
           }, this.props.cancelButtonProps, {
+            style: Object.assign(Object.assign({}, footerFill ? {
+              marginLeft: "unset"
+            } : {}), (_a = this.props.cancelButtonProps) === null || _a === void 0 ? void 0 : _a.style),
             "x-semi-children-alias": "cancelText"
           }), cancelText || locale.cancel);
         }

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

@@ -198,6 +198,7 @@ declare class TreeSelect extends BaseComponent<TreeSelectProps, TreeSelectState>
     onMotionEnd: any;
     treeSelectID: string;
     context: ContextValue;
+    clearInputFlag: boolean;
     constructor(props: TreeSelectProps);
     static getDerivedStateFromProps(props: TreeSelectProps, prevState: TreeSelectState): Partial<TreeSelectState>;
     get adapter(): TreeSelectAdapter<TreeSelectProps, TreeSelectState>;
@@ -248,7 +249,7 @@ declare class TreeSelect extends BaseComponent<TreeSelectProps, TreeSelectState>
         keyEntities: import("../tree/interface").KeyEntities;
     };
     getTreeNodeKey: (treeNode: TreeNodeData) => string;
-    handlePopoverClose: (isVisible: any) => void;
+    handlePopoverVisibleChange: (isVisible: any) => void;
     afterClose: () => void;
     renderTreeNode: (treeNode: FlattenNode, ind: number, style: React.CSSProperties) => JSX.Element;
     itemKey: (index: number, data: Record<string, any>) => any;

package/lib/es/treeSelect/index.js

@@ -673,33 +673,12 @@ class TreeSelect extends BaseComponent {
       } = data;
       return key;
     };
-    /* Event handler function after popover is closed */
-    this.handlePopoverClose = isVisible => {
-      const {
-        filterTreeNode,
-        searchAutoFocus,
-        searchPosition
-      } = this.props;
-      // 将 inputValue 清空，如果有选中值的话，选中项能够快速回显
-      // Clear the inputValue. If there is a selected value, the selected item can be quickly echoed.
-      if (isVisible === false && filterTreeNode) {
-        this.foundation.clearInputValue();
-      }
-      if (filterTreeNode && searchPosition === strings.SEARCH_POSITION_DROPDOWN && isVisible && searchAutoFocus) {
-        this.foundation.focusInput(true);
-      }
+    /* Event handler function after popover visible change */
+    this.handlePopoverVisibleChange = isVisible => {
+      this.foundation.handlePopoverVisibleChange(isVisible);
     };
     this.afterClose = () => {
-      // flattenNode 的变化将导致弹出层面板中的选项数目变化
-      // 在弹层完全收起之后，再通过 clearInput 重新计算 state 中的 expandedKey， flattenNode
-      // 防止在弹出层未收起时弹层面板中选项数目变化导致视觉上出现弹层闪动问题
-      // Changes to flattenNode will cause the number of options in the popup panel to change
-      // After the pop-up layer is completely closed, recalculate the expandedKey and flattenNode in the state through clearInput.
-      // Prevent the pop-up layer from flickering visually due to changes in the number of options in the pop-up panel when the pop-up layer is not collapsed.
-      const {
-        filterTreeNode
-      } = this.props;
-      filterTreeNode && this.foundation.clearInput();
+      this.foundation.handleAfterClose();
     };
     this.renderTreeNode = (treeNode, ind, style) => {
       const {
@@ -895,6 +874,7 @@ class TreeSelect extends BaseComponent {
     this.triggerRef = /*#__PURE__*/React.createRef();
     this.optionsRef = /*#__PURE__*/React.createRef();
     this.clickOutsideHandler = null;
+    this.clearInputFlag = false;
     this.foundation = new TreeSelectFoundation(this.adapter);
     this.treeSelectID = Math.random().toString(36).slice(2);
     this.onMotionEnd = () => {
@@ -1245,6 +1225,12 @@ class TreeSelect extends BaseComponent {
         this.setState({
           isFocus: bool
         });
+      },
+      setClearInputFlag: flag => {
+        this.clearInputFlag = flag;
+      },
+      getClearInputFlag: () => {
+        return this.clearInputFlag;
       }
     });
   }
@@ -1288,7 +1274,7 @@ class TreeSelect extends BaseComponent {
       autoAdjustOverflow: autoAdjustOverflow,
       mouseLeaveDelay: mouseLeaveDelay,
       mouseEnterDelay: mouseEnterDelay,
-      onVisibleChange: this.handlePopoverClose,
+      onVisibleChange: this.handlePopoverVisibleChange,
       afterClose: this.afterClose
     }, selection);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.56.2",
+    "version": "2.56.3",
     "description": "A modern, comprehensive, flexible design system and UI library. Connect DesignOps & DevOps. Quickly build beautiful React apps. Maintained by Douyin-fe team.",
     "main": "lib/cjs/index.js",
     "module": "lib/es/index.js",
@@ -20,12 +20,12 @@
         "@dnd-kit/core": "^6.0.8",
         "@dnd-kit/sortable": "^7.0.2",
         "@dnd-kit/utilities": "^3.2.1",
-        "@douyinfe/semi-animation": "2.56.2",
-        "@douyinfe/semi-animation-react": "2.56.2",
-        "@douyinfe/semi-foundation": "2.56.2",
-        "@douyinfe/semi-icons": "2.56.2",
-        "@douyinfe/semi-illustrations": "2.56.2",
-        "@douyinfe/semi-theme-default": "2.56.2",
+        "@douyinfe/semi-animation": "2.56.3",
+        "@douyinfe/semi-animation-react": "2.56.3",
+        "@douyinfe/semi-foundation": "2.56.3",
+        "@douyinfe/semi-icons": "2.56.3",
+        "@douyinfe/semi-illustrations": "2.56.3",
+        "@douyinfe/semi-theme-default": "2.56.3",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",
@@ -75,7 +75,7 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "c2d893b432056eac3b7b9aa14828867fa74467fc",
+    "gitHead": "933e2bf0c8d66a690b83d0410656ba4cdf265537",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",