@douyinfe/semi-ui 2.28.2 → 2.29.0

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

@@ -3,11 +3,10 @@ const local = {
   code: 'zh-CN',
   dateFnsLocale: zhCN,
   Pagination: {
-    item: '条',
-    page: '页',
-    pageSize: '条/页',
-    total: '共',
-    jumpTo: '跳至'
+    pageSize: '${pageSize} 条/页',
+    total: '共 ${total} 页',
+    jumpTo: '跳至',
+    page: '页'
   },
   Modal: {
     confirm: '确定',

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

@@ -3,11 +3,10 @@ const local = {
   code: 'zh-TW',
   dateFnsLocale: zhTW,
   Pagination: {
-    item: '條',
-    page: '頁',
-    pageSize: '條/頁',
-    total: '共',
-    jumpTo: '跳至'
+    pageSize: '${pageSize} 條/頁',
+    total: '共 ${total} 頁',
+    jumpTo: '跳至',
+    page: '頁'
   },
   Modal: {
     confirm: '確定',

package/lib/es/pagination/index.js

@@ -197,19 +197,20 @@ export default class Pagination extends BaseComponent {
       return null;
     }
 
-    const pageSizeText = locale.pageSize;
     const newPageSizeOpts = this.foundation.pageSizeInOpts();
+    const pageSizeToken = locale.pageSize; // Display pageSize in a specific language format order
+
     const options = newPageSizeOpts.map(size => /*#__PURE__*/React.createElement(Option, {
       value: size,
       key: size
-    }, /*#__PURE__*/React.createElement("span", null, `${size} `, pageSizeText)));
+    }, /*#__PURE__*/React.createElement("span", null, pageSizeToken.replace('${pageSize}', size.toString()))));
     return /*#__PURE__*/React.createElement("div", {
       className: switchCls
     }, /*#__PURE__*/React.createElement(Select, {
       "aria-label": "Page size selector",
       onChange: newPageSize => this.foundation.changePageSize(newPageSize),
       value: pageSize,
-      key: pageSizeText,
+      key: pageSize,
       position: popoverPosition || 'bottomRight',
       clickToHide: true,
       dropdownClassName: `${prefixCls}-select-dropdown`
@@ -389,12 +390,14 @@ export default class Pagination extends BaseComponent {
       return null;
     }
 
+    const totalNum = Math.ceil(total / pageSize);
+    const totalToken = locale.total.replace('${total}', totalNum.toString());
     return /*#__PURE__*/React.createElement("ul", {
       className: paginationCls,
       style: style
     }, showTotal ? /*#__PURE__*/React.createElement("span", {
       className: showTotalCls
-    }, locale.total, ` ${Math.ceil(total / pageSize)} `, locale.page) : null, this.renderPrevBtn(), this.renderPageList(), this.renderNextBtn(), this.renderPageSizeSwitch(locale), this.renderQuickJump(locale));
+    }, totalToken) : null, this.renderPrevBtn(), this.renderPageList(), this.renderNextBtn(), this.renderPageSizeSwitch(locale), this.renderQuickJump(locale));
   }
 
   render() {

package/lib/es/slider/index.js

@@ -54,10 +54,6 @@ export default class Slider extends BaseComponent {
         tipVisible,
         tipChildren
       } = this.foundation.computeHandleVisibleVal(tooltipVisible && isInRenderTree, tipFormatter, range);
-      const transform = {
-        top: 'translateY(-50%)',
-        left: 'translateX(-50%)'
-      };
       const minClass = cls(cssClasses.HANDLE, {
         [`${cssClasses.HANDLE}-clicked`]: chooseMovePos === 'min' && isDrag
       });
@@ -90,8 +86,7 @@ export default class Slider extends BaseComponent {
         className: minClass,
         style: {
           [stylePos]: `${minPercent * 100}%`,
-          zIndex: chooseMovePos === 'min' && isDrag ? 2 : 1,
-          transform: transform[stylePos]
+          zIndex: chooseMovePos === 'min' && isDrag ? 2 : 1
         },
         onMouseDown: e => {
           this.foundation.onHandleDown(e, 'min');
@@ -142,8 +137,7 @@ export default class Slider extends BaseComponent {
         className: minClass,
         style: {
           [stylePos]: `${minPercent * 100}%`,
-          zIndex: chooseMovePos === 'min' ? 2 : 1,
-          transform: transform[stylePos]
+          zIndex: chooseMovePos === 'min' ? 2 : 1
         },
         onMouseDown: e => {
           this.foundation.onHandleDown(e, 'min');
@@ -194,8 +188,7 @@ export default class Slider extends BaseComponent {
         className: maxClass,
         style: {
           [stylePos]: `${maxPercent * 100}%`,
-          zIndex: chooseMovePos === 'max' ? 2 : 1,
-          transform: transform[stylePos]
+          zIndex: chooseMovePos === 'max' ? 2 : 1
         },
         onMouseDown: e => {
           this.foundation.onHandleDown(e, 'max');

package/lib/es/tooltip/index.js

@@ -590,7 +590,11 @@ export default class Tooltip extends BaseComponent {
     warning(this.props.mouseLeaveDelay < this.props.mouseEnterDelay, "[Semi Tooltip] 'mouseLeaveDelay' cannot be less than 'mouseEnterDelay', which may cause the dropdown layer to not be hidden.");
 
     if (prevProps.visible !== this.props.visible) {
-      this.props.visible ? this.foundation.delayShow() : this.foundation.delayHide();
+      if (['hover', 'focus'].includes(this.props.trigger)) {
+        this.props.visible ? this.foundation.delayShow() : this.foundation.delayHide();
+      } else {
+        this.props.visible ? this.foundation.show() : this.foundation.hide();
+      }
     }
 
     if (!_isEqual(prevProps.rePosKey, this.props.rePosKey)) {

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

@@ -75,7 +75,20 @@ interface HeaderConfig {
     onAllClick: () => void;
     type: string;
     showButton: boolean;
+    num: number;
+    allChecked?: boolean;
 }
+declare type SourceHeaderProps = {
+    num: number;
+    showButton: boolean;
+    allChecked: boolean;
+    onAllClick: () => void;
+};
+declare type SelectedHeaderProps = {
+    num: number;
+    showButton: boolean;
+    onClear: () => void;
+};
 export interface TransferState {
     data: Array<ResolvedDataItem>;
     selectedItems: Map<number | string, ResolvedDataItem>;
@@ -105,6 +118,8 @@ export interface TransferProps {
     renderSelectedItem?: (item: RenderSelectedItemProps) => React.ReactNode;
     renderSourcePanel?: (sourcePanelProps: SourcePanelProps) => React.ReactNode;
     renderSelectedPanel?: (selectedPanelProps: SelectedPanelProps) => React.ReactNode;
+    renderSourceHeader?: (headProps: SourceHeaderProps) => React.ReactNode;
+    renderSelectedHeader?: (headProps: SelectedHeaderProps) => React.ReactNode;
 }
 declare class Transfer extends BaseComponent<TransferProps, TransferState> {
     static propTypes: {
@@ -156,7 +171,7 @@ declare class Transfer extends BaseComponent<TransferProps, TransferState> {
     onSelectOrRemove(item: ResolvedDataItem): void;
     onSortEnd(callbackProps: OnSortEndProps): void;
     renderFilter(locale: Locale['Transfer']): JSX.Element;
-    renderHeader(headerConfig: HeaderConfig): JSX.Element;
+    renderHeader(headerConfig: HeaderConfig): string | number | boolean | React.ReactFragment | JSX.Element;
     renderLeftItem(item: ResolvedDataItem, index: number): string | number | boolean | React.ReactFragment | JSX.Element;
     renderLeft(locale: Locale['Transfer']): string | number | boolean | React.ReactFragment | JSX.Element;
     renderGroupTitle(group: GroupItem, index: number): JSX.Element;

package/lib/es/transfer/index.js

@@ -192,7 +192,9 @@ class Transfer extends BaseComponent {
 
   renderHeader(headerConfig) {
     const {
-      disabled
+      disabled,
+      renderSourceHeader,
+      renderSelectedHeader
     } = this.props;
     const {
       totalContent,
@@ -206,6 +208,35 @@ class Transfer extends BaseComponent {
       [`${prefixCls}-right-header`]: type === 'right',
       [`${prefixCls}-left-header`]: type === 'left'
     });
+
+    if (type === 'left' && typeof renderSourceHeader === 'function') {
+      const {
+        num,
+        showButton,
+        allChecked,
+        onAllClick
+      } = headerConfig;
+      return renderSourceHeader({
+        num,
+        showButton,
+        allChecked,
+        onAllClick
+      });
+    }
+
+    if (type === 'right' && typeof renderSelectedHeader === 'function') {
+      const {
+        num,
+        showButton,
+        onAllClick: onClear
+      } = headerConfig;
+      return renderSelectedHeader({
+        num,
+        showButton,
+        onClear
+      });
+    }
+
     return /*#__PURE__*/React.createElement("div", {
       className: headerCls
     }, /*#__PURE__*/React.createElement("span", {
@@ -281,7 +312,9 @@ class Transfer extends BaseComponent {
       allContent: leftContainesNotInSelected ? locale.selectAll : locale.clearSelectAll,
       onAllClick: () => this.foundation.handleAll(leftContainesNotInSelected),
       type: 'left',
-      showButton: type !== strings.TYPE_TREE_TO_LIST
+      showButton: type !== strings.TYPE_TREE_TO_LIST,
+      num: showNumber,
+      allChecked: !leftContainesNotInSelected
     };
     const inputCom = this.renderFilter(locale);
     const headerCom = this.renderHeader(headerConfig);
@@ -529,7 +562,8 @@ class Transfer extends BaseComponent {
       allContent: locale.clear,
       onAllClick: () => this.foundation.handleClear(),
       type: 'right',
-      showButton: Boolean(selectedData.length)
+      showButton: Boolean(selectedData.length),
+      num: selectedData.length
     };
     const headerCom = this.renderHeader(headerConfig);
     const emptyCom = this.renderEmpty('right', emptyContent.right ? emptyContent.right : locale.emptyRight);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.28.2",
+    "version": "2.29.0",
     "description": "",
     "main": "lib/cjs/index.js",
     "module": "lib/es/index.js",
@@ -17,12 +17,12 @@
         "lib/*"
     ],
     "dependencies": {
-        "@douyinfe/semi-animation": "2.28.2",
-        "@douyinfe/semi-animation-react": "2.28.2",
-        "@douyinfe/semi-foundation": "2.28.2",
-        "@douyinfe/semi-icons": "2.28.2",
-        "@douyinfe/semi-illustrations": "2.28.2",
-        "@douyinfe/semi-theme-default": "2.28.2",
+        "@douyinfe/semi-animation": "2.29.0",
+        "@douyinfe/semi-animation-react": "2.29.0",
+        "@douyinfe/semi-foundation": "2.29.0",
+        "@douyinfe/semi-icons": "2.29.0",
+        "@douyinfe/semi-illustrations": "2.29.0",
+        "@douyinfe/semi-theme-default": "2.29.0",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",
@@ -69,7 +69,7 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "d9651593e39ad3333e0f138a678460e959d01bbd",
+    "gitHead": "cf2c6529fb778787c2d3f6cb826e64af358a5215",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",