musae 1.3.1-beta.22 → 1.3.1-beta.24

package/dist/components/pagination/pagination.cjs

@@ -14,6 +14,7 @@ var relax = require('@aiszlab/relax');
 var className = require('@aiszlab/relax/class-name');
 var useClassNames = require('../../hooks/use-class-names.cjs');
 var context = require('./context.cjs');
+var theme = require('../theme/theme.cjs');
 
 var Pagination = function Pagination(_ref) {
   var _ref$total = _ref.total,
@@ -50,7 +51,8 @@ var Pagination = function Pagination(_ref) {
     onPageSizeChange = _usePagiantion.onPageSizeChange;
   var styled = {
     pagination: stylex.props(styles.default.pagination.base),
-    sizer: stylex.props(styles.default.pagination.sizer)
+    sizer: stylex.props(styles.default.pagination.sizer),
+    range: stylex.props(styles.default.pagination.range, theme.$body.small)
   };
   var pages = Math.max(1, Math.ceil(total / Math.max(1, pageSize)));
   var sizeOptions = React.useMemo(function () {
@@ -67,7 +69,10 @@ var Pagination = function Pagination(_ref) {
   }, /*#__PURE__*/React.createElement("ul", {
     className: styled.pagination.className,
     style: styled.pagination.style
-  }, paginationItems.map(function (item$1) {
+  }, /*#__PURE__*/React.createElement("li", {
+    className: styled.range.className,
+    style: styled.range.style
+  }, locale.range(total === 0 ? 0 : Math.min(total, (at - 1) * pageSize + 1), Math.min(at * pageSize, total), total)), paginationItems.map(function (item$1) {
     return /*#__PURE__*/React.createElement("li", {
       key: item$1
     }, /*#__PURE__*/React.createElement(item.default, {

package/dist/components/pagination/pagination.mjs

@@ -10,6 +10,7 @@ import { unique, toFunction } from '@aiszlab/relax';
 import { stringify } from '@aiszlab/relax/class-name';
 import { useClassNames } from '../../hooks/use-class-names.mjs';
 import { CLASS_NAMES } from './context.mjs';
+import { $body } from '../theme/theme.mjs';
 
 var Pagination = function Pagination(_ref) {
   var _ref$total = _ref.total,
@@ -46,7 +47,8 @@ var Pagination = function Pagination(_ref) {
     onPageSizeChange = _usePagiantion.onPageSizeChange;
   var styled = {
     pagination: props(styles.pagination.base),
-    sizer: props(styles.pagination.sizer)
+    sizer: props(styles.pagination.sizer),
+    range: props(styles.pagination.range, $body.small)
   };
   var pages = Math.max(1, Math.ceil(total / Math.max(1, pageSize)));
   var sizeOptions = useMemo(function () {
@@ -63,7 +65,10 @@ var Pagination = function Pagination(_ref) {
   }, /*#__PURE__*/React.createElement("ul", {
     className: styled.pagination.className,
     style: styled.pagination.style
-  }, paginationItems.map(function (item) {
+  }, /*#__PURE__*/React.createElement("li", {
+    className: styled.range.className,
+    style: styled.range.style
+  }, locale.range(total === 0 ? 0 : Math.min(total, (at - 1) * pageSize + 1), Math.min(at * pageSize, total), total)), paginationItems.map(function (item) {
     return /*#__PURE__*/React.createElement("li", {
       key: item
     }, /*#__PURE__*/React.createElement(Item, {

package/dist/components/pagination/styles.cjs

@@ -15,7 +15,7 @@ var pagination = {
   base: {
     k1xSpc: "musaex-78zum5",
     kGNEyG: "musaex-6s0dn4",
-    k1C7PZ: "musaex-5xj0sk",
+    k1C7PZ: "musaex-1bu9cvf",
     kH6xsr: "musaex-3ct3a4",
     kogj98: "musaex-q3gua8",
     kmVPX3: "musaex-1n775ky",
@@ -25,6 +25,11 @@ var pagination = {
     k1xSpc: "musaex-78zum5",
     kGNEyG: "musaex-6s0dn4",
     $$css: true
+  },
+  range: {
+    kMwMTN: "musaex-bq1wot",
+    khDVqt: "musaex-uxw1ft",
+    $$css: true
   }
 };
 var styles = {

package/dist/components/pagination/styles.d.ts

@@ -32,6 +32,10 @@ declare const styles: {
             readonly display: import("@stylexjs/stylex").StyleXClassNameFor<"display", "flex">;
             readonly alignItems: import("@stylexjs/stylex").StyleXClassNameFor<"alignItems", "center">;
         }>;
+        readonly range: Readonly<{
+            readonly color: import("@stylexjs/stylex").StyleXClassNameFor<"color", "var(--color-on-surface-variant)">;
+            readonly whiteSpace: import("@stylexjs/stylex").StyleXClassNameFor<"whiteSpace", "nowrap">;
+        }>;
     }>;
 };
 export default styles;

package/dist/components/pagination/styles.mjs

@@ -11,7 +11,7 @@ var pagination = {
   base: {
     k1xSpc: "musaex-78zum5",
     kGNEyG: "musaex-6s0dn4",
-    k1C7PZ: "musaex-5xj0sk",
+    k1C7PZ: "musaex-1bu9cvf",
     kH6xsr: "musaex-3ct3a4",
     kogj98: "musaex-q3gua8",
     kmVPX3: "musaex-1n775ky",
@@ -21,6 +21,11 @@ var pagination = {
     k1xSpc: "musaex-78zum5",
     kGNEyG: "musaex-6s0dn4",
     $$css: true
+  },
+  range: {
+    kMwMTN: "musaex-bq1wot",
+    khDVqt: "musaex-uxw1ft",
+    $$css: true
   }
 };
 var styles = {

package/dist/components/table/hooks/use-pagination.hook.cjs

@@ -45,7 +45,6 @@ var usePagination = function usePagination(_ref) {
   var changePageSize = relax.useEvent(function (_pageSize) {
     var _pagination$onPageSiz;
     setPageSize(_pageSize);
-    console.log("_pageSize=======", _pageSize);
     if (_pageSize === pageSize) {
       return;
     }
@@ -55,7 +54,8 @@ var usePagination = function usePagination(_ref) {
     pagination: paginationState,
     changeAt: changeAt,
     changePageSize: changePageSize,
-    isPaginationHidden: isPaginationHidden
+    isPaginationHidden: isPaginationHidden,
+    paginationProps: _pagination
   };
 };
 

package/dist/components/table/hooks/use-pagination.hook.d.ts

@@ -6,5 +6,6 @@ declare const usePagination: ({ pagination }: UsingPagination) => {
     changeAt: (_at: number) => void;
     changePageSize: (_pageSize: number) => void;
     isPaginationHidden: boolean;
+    paginationProps: import("../../../types/pagination").PagiantionProps | null;
 };
 export { usePagination };

package/dist/components/table/hooks/use-pagination.hook.mjs

@@ -43,7 +43,6 @@ var usePagination = function usePagination(_ref) {
   var changePageSize = useEvent(function (_pageSize) {
     var _pagination$onPageSiz;
     setPageSize(_pageSize);
-    console.log("_pageSize=======", _pageSize);
     if (_pageSize === pageSize) {
       return;
     }
@@ -53,7 +52,8 @@ var usePagination = function usePagination(_ref) {
     pagination: paginationState,
     changeAt: changeAt,
     changePageSize: changePageSize,
-    isPaginationHidden: isPaginationHidden
+    isPaginationHidden: isPaginationHidden,
+    paginationProps: _pagination
   };
 };
 

package/dist/components/table/table.cjs

@@ -20,6 +20,7 @@ var pagination = require('../pagination/pagination.cjs');
 var usePagination_hook = require('./hooks/use-pagination.hook.cjs');
 
 var Table = function Table(_ref) {
+  var _paginationProps$tota;
   var _ref$bordered = _ref.bordered,
     bordered = _ref$bordered === void 0 ? false : _ref$bordered,
     _ref$dataSource = _ref.dataSource,
@@ -59,7 +60,8 @@ var Table = function Table(_ref) {
     pagination$1 = _usePagination.pagination,
     isPaginationHidden = _usePagination.isPaginationHidden,
     changeAt = _usePagination.changeAt,
-    changePageSize = _usePagination.changePageSize;
+    changePageSize = _usePagination.changePageSize,
+    paginationProps = _usePagination.paginationProps;
   var expanded = React.useMemo(function () {
     return relax.isUndefined(expandedKeys) ? uncontrolledExpanded : Object.fromEntries(expandedKeys.map(function (key) {
       return [String(key), true];
@@ -119,11 +121,11 @@ var Table = function Table(_ref) {
   }, /*#__PURE__*/React.createElement("table", {
     className: className.stringify(classNames.table, className$1, styled.table.className),
     style: _objectSpread(_objectSpread({}, styled.table.style), style)
-  }, /*#__PURE__*/React.createElement(header.default, null), /*#__PURE__*/React.createElement(body.default, null)), pagination$1 && (/*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(header.default, null), /*#__PURE__*/React.createElement(body.default, null)), !isPaginationHidden && (/*#__PURE__*/React.createElement("div", {
     className: styled.pagination.className,
     style: styled.pagination.style
   }, /*#__PURE__*/React.createElement(pagination.default, {
-    total: dataSource.length,
+    total: (_paginationProps$tota = paginationProps === null || paginationProps === void 0 ? void 0 : paginationProps.total) !== null && _paginationProps$tota !== void 0 ? _paginationProps$tota : dataSource.length,
     at: pagination$1.pageIndex - 1,
     pageSize: pagination$1.pageSize,
     onChange: changeAt,

package/dist/components/table/table.mjs

@@ -16,6 +16,7 @@ import Pagination from '../pagination/pagination.mjs';
 import { usePagination } from './hooks/use-pagination.hook.mjs';
 
 var Table = function Table(_ref) {
+  var _paginationProps$tota;
   var _ref$bordered = _ref.bordered,
     bordered = _ref$bordered === void 0 ? false : _ref$bordered,
     _ref$dataSource = _ref.dataSource,
@@ -55,7 +56,8 @@ var Table = function Table(_ref) {
     pagination = _usePagination.pagination,
     isPaginationHidden = _usePagination.isPaginationHidden,
     changeAt = _usePagination.changeAt,
-    changePageSize = _usePagination.changePageSize;
+    changePageSize = _usePagination.changePageSize,
+    paginationProps = _usePagination.paginationProps;
   var expanded = useMemo(function () {
     return isUndefined(expandedKeys) ? uncontrolledExpanded : Object.fromEntries(expandedKeys.map(function (key) {
       return [String(key), true];
@@ -115,11 +117,11 @@ var Table = function Table(_ref) {
   }, /*#__PURE__*/React.createElement("table", {
     className: stringify(classNames.table, className, styled.table.className),
     style: _objectSpread(_objectSpread({}, styled.table.style), style)
-  }, /*#__PURE__*/React.createElement(Header, null), /*#__PURE__*/React.createElement(Body, null)), pagination && (/*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(Header, null), /*#__PURE__*/React.createElement(Body, null)), !isPaginationHidden && (/*#__PURE__*/React.createElement("div", {
     className: styled.pagination.className,
     style: styled.pagination.style
   }, /*#__PURE__*/React.createElement(Pagination, {
-    total: dataSource.length,
+    total: (_paginationProps$tota = paginationProps === null || paginationProps === void 0 ? void 0 : paginationProps.total) !== null && _paginationProps$tota !== void 0 ? _paginationProps$tota : dataSource.length,
     at: pagination.pageIndex - 1,
     pageSize: pagination.pageSize,
     onChange: changeAt,

package/dist/locale/locales/en_US.cjs

@@ -14,6 +14,9 @@ var en_US = {
   pagination: {
     size: function size(_size) {
       return "".concat(_size, " items/page");
+    },
+    range: function range(from, to, total) {
+      return "".concat(from, "\u2013").concat(to, " of ").concat(total);
     }
   },
   popconfirm: {

package/dist/locale/locales/en_US.mjs

@@ -10,6 +10,9 @@ var en_US = {
   pagination: {
     size: function size(_size) {
       return "".concat(_size, " items/page");
+    },
+    range: function range(from, to, total) {
+      return "".concat(from, "\u2013").concat(to, " of ").concat(total);
     }
   },
   popconfirm: {

package/dist/locale/locales/zh_CN.cjs

@@ -14,6 +14,9 @@ var zh_CN = {
   pagination: {
     size: function size(_size) {
       return "".concat(_size, " \u6761/\u9875");
+    },
+    range: function range(from, to, total) {
+      return "".concat(from, "\u2013").concat(to, " \u6761\uFF0C\u5171 ").concat(total, " \u6761");
     }
   },
   popconfirm: {

package/dist/locale/locales/zh_CN.mjs

@@ -10,6 +10,9 @@ var zh_CN = {
   pagination: {
     size: function size(_size) {
       return "".concat(_size, " \u6761/\u9875");
+    },
+    range: function range(from, to, total) {
+      return "".concat(from, "\u2013").concat(to, " \u6761\uFF0C\u5171 ").concat(total, " \u6761");
     }
   },
   popconfirm: {

package/dist/types/locale.d.ts

@@ -10,6 +10,7 @@ export interface Locale {
     };
     pagination: {
         size: string | ((size: number) => string);
+        range: (from: number, to: number, total: number) => string;
     };
     popconfirm: {
         confirm: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "musae",
-  "version": "1.3.1-beta.22",
+  "version": "1.3.1-beta.24",
   "description": "musae-ui",
   "author": "tutu@fantufantu.com",
   "license": "MIT",