@nocobase/client 2.0.2 → 2.0.3

package/README.md

@@ -1,17 +1,24 @@
 # NocoBase
 
 <video width="100%" controls>
-      <source src="https://static-docs.nocobase.com/NocoBase0510.mp4" type="video/mp4">
+  <source src="https://github.com/user-attachments/assets/4d11a87b-00e2-48f3-9bf7-389d21072d13" type="video/mp4">
 </video>
 
+<p align="center">
+<a href="https://trendshift.io/repositories/4112" target="_blank"><img src="https://trendshift.io/api/badge/repositories/4112" alt="nocobase%2Fnocobase | Trendshift" style="width: 250px; height: 55px;" width="250" height="55"/></a>
+<a href="https://www.producthunt.com/posts/nocobase?embed=true&utm_source=badge-top-post-topic-badge&utm_medium=badge&utm_souce=badge-nocobase" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/top-post-topic-badge.svg?post_id=456520&theme=light&period=weekly&topic_id=267" alt="NocoBase - Scalability&#0045;first&#0044;&#0032;open&#0045;source&#0032;no&#0045;code&#0032;platform | Product Hunt" style="width: 250px; height: 54px;" width="250" height="54" /></a>
+</p>
 
 ## What is NocoBase
 
-NocoBase is a scalability-first, open-source no-code development platform.  
-Instead of investing years of time and millions of dollars in research and development, deploy NocoBase in a few minutes and you'll have a private, controllable, and extremely scalable no-code development platform!
+NocoBase is the most extensible AI-powered no-code platform.   
+Total control. Infinite extensibility. AI collaboration.  
+Enable your team to adapt quickly and cut costs dramatically.  
+No years of development. No millions wasted.  
+Deploy NocoBase in minutes — and take control of everything.
 
 Homepage:  
-https://www.nocobase.com/
+https://www.nocobase.com/  
 
 Online Demo:  
 https://demo.nocobase.com/new
@@ -19,12 +26,74 @@ https://demo.nocobase.com/new
 Documents:  
 https://docs.nocobase.com/
 
-Commericial license & plugins:  
-https://www.nocobase.com/en/commercial
+Forum:  
+https://forum.nocobase.com/
 
-License agreement:   
-https://www.nocobase.com/en/agreement
+Use Cases:  
+https://www.nocobase.com/en/blog/tags/customer-stories
 
+## Release Notes
 
-## Contact Us:  
-hello@nocobase.com
+Our [blog](https://www.nocobase.com/en/blog/timeline) is regularly updated with release notes and provides a weekly summary.
+
+## Distinctive features
+
+### 1. Data model-driven, not form/table–driven
+
+Instead of being constrained by forms or tables, NocoBase adopts a data model–driven approach, separating data structure from user interface to unlock unlimited possibilities.
+
+- UI and data structure are fully decoupled
+- Multiple blocks and actions can be created for the same table or record in any quantity or form
+- Supports the main database, external databases, and third-party APIs as data sources
+
+![model](https://static-docs.nocobase.com/model.png)
+
+### 2. AI employees, integrated into your business systems
+Unlike standalone AI demos, NocoBase allows you to embed AI capabilities seamlessly into your interfaces, workflows, and data context, making AI truly useful in real business scenarios.
+
+- Define AI employees for roles such as translator, analyst, researcher, or assistant
+- Seamless AI–human collaboration in interfaces and workflows
+- Ensure AI usage is secure, transparent, and customizable for your business needs
+
+![AI-employee](https://static-docs.nocobase.com/ai-employee-home.png)
+
+### 3. What you see is what you get, incredibly easy to use
+
+While enabling the development of complex business systems, NocoBase keeps the experience simple and intuitive.
+
+- One-click switch between usage mode and configuration mode
+- Pages serve as a canvas to arrange blocks and actions, similar to Notion
+- Configuration mode is designed for ordinary users, not just programmers
+
+![wysiwyg](https://static-docs.nocobase.com/wysiwyg.gif)
+
+### 4. Everything is a plugin, designed for extension
+Adding more no-code features will never cover every business case. NocoBase is built for extension through its plugin-based microkernel architecture.
+
+- All functionalities are plugins, similar to WordPress
+- Plugins are ready to use upon installation
+- Pages, blocks, actions, APIs, and data sources can all be extended through custom plugins
+
+![plugins](https://static-docs.nocobase.com/plugins.png)
+
+## Installation
+
+NocoBase supports three installation methods:
+
+- <a target="_blank" href="https://docs.nocobase.com/welcome/getting-started/installation/docker-compose">Installing With Docker (👍Recommended)</a>
+
+  Suitable for no-code scenarios, no code to write. When upgrading, just download the latest image and reboot.
+
+- <a target="_blank" href="https://docs.nocobase.com/welcome/getting-started/installation/create-nocobase-app">Installing from create-nocobase-app CLI</a>
+
+  The business code of the project is completely independent and supports low-code development.
+
+- <a target="_blank" href="https://docs.nocobase.com/welcome/getting-started/installation/git-clone">Installing from Git source code</a>
+
+  If you want to experience the latest unreleased version, or want to participate in the contribution, you need to make changes and debug on the source code, it is recommended to choose this installation method, which requires a high level of development skills, and if the code has been updated, you can git pull the latest code.
+
+## How NocoBase works
+
+<video width="100%" controls>
+  <source src="https://github.com/user-attachments/assets/8d183b44-9bb5-4792-b08f-bc08fe8dfaaf" type="video/mp4">
+</video>

package/es/flow/models/base/BlockModel.d.ts

@@ -18,6 +18,32 @@ export declare class BlockModel<T = DefaultStructure> extends FlowModel<T> {
     customModelClasses: any;
     collectionRequired: boolean;
     private ObservedRenderComponent;
+    /**
+     * 记录各筛选来源是否活跃（有有效筛选值）
+     * key: filterId (筛选器 uid), value: boolean (是否有有效筛选)
+     */
+    private activeFilterSources;
+    /**
+     * 设置指定筛选来源的活跃状态
+     * @param filterId 筛选器 uid
+     * @param active 是否有有效筛选值
+     */
+    setFilterActive(filterId: string, active: boolean): void;
+    /**
+     * 检查是否有任何活跃的筛选来源
+     * @returns boolean
+     */
+    hasActiveFilters(): boolean;
+    /**
+     * 移除指定筛选来源
+     * @param filterId 筛选器 uid
+     */
+    removeFilterSource(filterId: string): void;
+    /**
+     * 获取数据加载模式
+     * @returns 'auto' | 'manual'
+     */
+    getDataLoadingMode(): 'auto' | 'manual';
     static _getScene(): BlockSceneType[];
     static _isScene(scene: BlockSceneType): boolean;
     getModelClassName(className: string): any;

package/es/flow/models/base/CollectionBlockModel.d.ts

@@ -21,11 +21,6 @@ export declare class CollectionBlockModel<T = DefaultStructure> extends DataBloc
     private previousBeforeRenderHash;
     private lastSeenDirtyVersion;
     private dirtyRefreshing;
-    /**
-     * 记录各筛选来源是否活跃（有有效筛选值）
-     * key: filterId (筛选器 uid), value: boolean (是否有有效筛选)
-     */
-    private activeFilterSources;
     protected onMount(): void;
     onActive(): void;
     /**
@@ -61,27 +56,6 @@ export declare class CollectionBlockModel<T = DefaultStructure> extends DataBloc
     }[]>;
     getResourceSettingsInitParams(): ResourceSettingsInitParams;
     onInit(options: any): void;
-    /**
-     * 获取数据加载模式
-     * @returns 'auto' | 'manual'
-     */
-    getDataLoadingMode(): 'auto' | 'manual';
-    /**
-     * 设置指定筛选来源的活跃状态
-     * @param filterId 筛选器 uid
-     * @param active 是否有有效筛选值
-     */
-    setFilterActive(filterId: string, active: boolean): void;
-    /**
-     * 检查是否有任何活跃的筛选来源
-     * @returns boolean
-     */
-    hasActiveFilters(): boolean;
-    /**
-     * 移除指定筛选来源
-     * @param filterId 筛选器 uid
-     */
-    removeFilterSource(filterId: string): void;
     createResource(ctx: any, params: any): SingleRecordResource | MultiRecordResource;
     refresh(): Promise<void>;
     protected defaultBlockTitle(): string;

package/es/flow/models/blocks/table/TableBlockModel.d.ts

@@ -62,29 +62,7 @@ export declare class TableBlockModel extends CollectionBlockModel<TableBlockMode
     };
     renderCell: (checked: any, record: any, index: any, originNode: any) => any;
     renderConfigureActions(): React.JSX.Element;
-    pagination(): {
-        current: number;
-        pageSize: number;
-        total: any;
-        showTotal: (total: any) => any;
-        showSizeChanger: boolean;
-        simple?: undefined;
-        showTitle?: undefined;
-        hideOnSinglePage?: undefined;
-        className?: undefined;
-        itemRender?: undefined;
-    } | {
-        simple: boolean;
-        showTitle: boolean;
-        showSizeChanger: boolean;
-        hideOnSinglePage: boolean;
-        pageSize: number;
-        total: number;
-        className: string;
-        itemRender: (_: any, type: any, originalElement: any) => any;
-        current?: undefined;
-        showTotal?: undefined;
-    };
+    pagination(): import("antd").PaginationProps;
     renderComponent(): React.JSX.Element;
 }
 export {};

package/es/flow/utils/index.d.ts

@@ -8,3 +8,4 @@
  */
 export * from './blockUtils';
 export * from './dispatchEventDeep';
+export * from './pagination';

package/es/flow/utils/pagination.d.ts

@@ -0,0 +1,29 @@
+/**
+ * This file is part of the NocoBase (R) project.
+ * Copyright (c) 2020-2024 NocoBase Co., Ltd.
+ * Authors: NocoBase Team.
+ *
+ * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
+ * For more information, please refer to: https://www.nocobase.com/agreement.
+ */
+import type { PaginationProps } from 'antd';
+/**
+ * 计算未知总数场景下的 Pagination total：
+ * - 本页不足 pageSize 或 hasNext=false，说明到末页
+ * - 否则用 +1 触发“还有下一页”
+ */
+export declare const getUnknownCountPaginationTotal: (options: {
+    dataLength?: number;
+    pageSize?: number;
+    current?: number;
+    hasNext?: boolean;
+}) => number;
+export declare const getSimpleModePaginationClassName: (withLineHeight?: boolean) => string;
+export declare const getMobileCompactPaginationClassName: () => string;
+export declare const mergePaginationClassName: (...classNames: Array<string | undefined | false>) => string;
+export declare const createCompactSimpleItemRender: (options: {
+    current?: number;
+    controlHeight?: number;
+    currentTextMarginLeft?: number;
+}) => PaginationProps['itemRender'];
+export declare const applyMobilePaginationProps: <T extends PaginationProps>(pagination: T, isMobileLayout: boolean) => PaginationProps;

package/es/index.mjs

@@ -3470,6 +3470,9 @@ const bp = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   get appendQueryStringToUrl() {
     return appendQueryStringToUrl;
   },
+  get applyMobilePaginationProps() {
+    return applyMobilePaginationProps;
+  },
   get attachmentFileTypes() {
     return attachmentFileTypes;
   },
@@ -3521,6 +3524,9 @@ const bp = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   get constraintsProps() {
     return constraintsProps;
   },
+  get createCompactSimpleItemRender() {
+    return createCompactSimpleItemRender;
+  },
   get createCreateFormBlockUISchema() {
     return createCreateFormBlockUISchema;
   },
@@ -3788,6 +3794,9 @@ const bp = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   get getLabelWithTooltip() {
     return getLabelWithTooltip;
   },
+  get getMobileCompactPaginationClassName() {
+    return getMobileCompactPaginationClassName;
+  },
   get getPageMenuSchema() {
     return getPageMenuSchema;
   },
@@ -3803,6 +3812,9 @@ const bp = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   get getShouldChange() {
     return getShouldChange;
   },
+  get getSimpleModePaginationClassName() {
+    return getSimpleModePaginationClassName;
+  },
   get getStoredPopupContext() {
     return getStoredPopupContext;
   },
@@ -3824,6 +3836,9 @@ const bp = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   get getUniqueKeyFromCollection() {
     return getUniqueKeyFromCollection;
   },
+  get getUnknownCountPaginationTotal() {
+    return getUnknownCountPaginationTotal;
+  },
   get getValueWithIndex() {
     return getValueWithIndex;
   },
@@ -3974,6 +3989,9 @@ const bp = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   get mergeFilter() {
     return mergeFilter;
   },
+  get mergePaginationClassName() {
+    return mergePaginationClassName;
+  },
   get mockAPIClient() {
     return mockAPIClient;
   },
@@ -9939,7 +9957,7 @@ function addAppVersion(e, t) {
       addAppVersion((n = e.properties) == null ? void 0 : n[o], t);
     }), e;
 }
-const name = "@nocobase/client", version = "2.0.2", license = "AGPL-3.0", main = "lib/index.js", module = "es/index.mjs", types = "es/index.d.ts", dependencies = {
+const name = "@nocobase/client", version = "2.0.3", license = "Apache-2.0", main = "lib/index.js", module = "es/index.mjs", types = "es/index.d.ts", dependencies = {
   "@ahooksjs/use-url-state": "3.5.1",
   "@ant-design/cssinjs": "^1.11.1",
   "@ant-design/icons": "^5.6.1",
@@ -9962,10 +9980,10 @@ const name = "@nocobase/client", version = "2.0.2", license = "AGPL-3.0", main =
   "@formily/reactive-react": "^2.2.27",
   "@formily/shared": "^2.2.27",
   "@formily/validator": "^2.2.27",
-  "@nocobase/evaluators": "2.0.2",
-  "@nocobase/flow-engine": "2.0.2",
-  "@nocobase/sdk": "2.0.2",
-  "@nocobase/utils": "2.0.2",
+  "@nocobase/evaluators": "2.0.3",
+  "@nocobase/flow-engine": "2.0.3",
+  "@nocobase/sdk": "2.0.3",
+  "@nocobase/utils": "2.0.3",
   "@tanstack/react-table": "^8.21.3",
   "@types/tabulator-tables": "^6.2.6",
   "acorn-jsx": "^5.3.2",
@@ -72205,6 +72223,47 @@ class BlockModel extends FlowModel {
     R(this, "customModelClasses", {});
     R(this, "collectionRequired", !1);
     R(this, "ObservedRenderComponent", null);
+    /**
+     * 记录各筛选来源是否活跃（有有效筛选值）
+     * key: filterId (筛选器 uid), value: boolean (是否有有效筛选)
+     */
+    R(this, "activeFilterSources", /* @__PURE__ */ new Map());
+  }
+  /**
+   * 设置指定筛选来源的活跃状态
+   * @param filterId 筛选器 uid
+   * @param active 是否有有效筛选值
+   */
+  setFilterActive(o, n) {
+    this.activeFilterSources.set(o, n);
+  }
+  /**
+   * 检查是否有任何活跃的筛选来源
+   * @returns boolean
+   */
+  hasActiveFilters() {
+    const o = this.resource;
+    if (o && o.filter && Object.keys(o.filter).length > 0)
+      return !0;
+    for (const [, n] of this.activeFilterSources)
+      if (n)
+        return !0;
+    return !1;
+  }
+  /**
+   * 移除指定筛选来源
+   * @param filterId 筛选器 uid
+   */
+  removeFilterSource(o) {
+    this.activeFilterSources.delete(o);
+  }
+  /**
+   * 获取数据加载模式
+   * @returns 'auto' | 'manual'
+   */
+  getDataLoadingMode() {
+    var o;
+    return ((o = this.getStepParams("dataLoadingModeSettings")) == null ? void 0 : o.mode) || "auto";
   }
   static _getScene() {
     return _.castArray(this.scene || []);
@@ -72355,11 +72414,6 @@ class CollectionBlockModel extends DataBlockModel {
     // qs 变化后为了防止区块依赖qs, 因此重跑beforeRender, task-1357
     R(this, "lastSeenDirtyVersion", null);
     R(this, "dirtyRefreshing", !1);
-    /**
-     * 记录各筛选来源是否活跃（有有效筛选值）
-     * key: filterId (筛选器 uid), value: boolean (是否有有效筛选)
-     */
-    R(this, "activeFilterSources", /* @__PURE__ */ new Map());
   }
   onMount() {
     super.onMount(), this.previousBeforeRenderHash = this.context.location.search;
@@ -72642,42 +72696,6 @@ class CollectionBlockModel extends DataBlockModel {
       }
     });
   }
-  /**
-   * 获取数据加载模式
-   * @returns 'auto' | 'manual'
-   */
-  getDataLoadingMode() {
-    var o;
-    return ((o = this.getStepParams("dataLoadingModeSettings")) == null ? void 0 : o.mode) || "auto";
-  }
-  /**
-   * 设置指定筛选来源的活跃状态
-   * @param filterId 筛选器 uid
-   * @param active 是否有有效筛选值
-   */
-  setFilterActive(o, n) {
-    this.activeFilterSources.set(o, n);
-  }
-  /**
-   * 检查是否有任何活跃的筛选来源
-   * @returns boolean
-   */
-  hasActiveFilters() {
-    const o = this.resource;
-    if (o && o.filter && Object.keys(o.filter).length > 0)
-      return !0;
-    for (const [, n] of this.activeFilterSources)
-      if (n)
-        return !0;
-    return !1;
-  }
-  /**
-   * 移除指定筛选来源
-   * @param filterId 筛选器 uid
-   */
-  removeFilterSource(o) {
-    this.activeFilterSources.delete(o);
-  }
   createResource(o, n) {
     throw new Error("createResource method must be implemented in subclasses of CollectionBlockModel");
   }
@@ -72996,8 +73014,9 @@ class PageModel extends FlowModel {
     ) });
   }
   render() {
-    return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-      this.props.displayTitle && /* @__PURE__ */ jsx(PageHeader, { title: this.props.title, style: this.props.headerStyle }),
+    const o = this.context.themeToken, n = x({}, this.props.headerStyle);
+    return o && (n.paddingBlock = o.paddingSM, n.paddingInline = o.paddingLG), this.props.enableTabs && (n.paddingBottom = 0), /* @__PURE__ */ jsxs(Fragment$1, { children: [
+      this.props.displayTitle && /* @__PURE__ */ jsx(PageHeader, { title: this.props.title, style: n }),
       this.props.enableTabs ? this.renderTabs() : this.renderFirstTab()
     ] });
   }
@@ -73057,24 +73076,25 @@ PageModel.registerFlow({
       },
       handler(e, t) {
         return V(this, null, function* () {
-          var o, n;
+          var r, i, a;
+          const o = e.themeToken, n = (r = o == null ? void 0 : o.paddingLG) != null ? r : 16;
           if (e.model.setProps("displayTitle", t.displayTitle), e.model.context.closable)
             e.model.setProps("title", e.t(t.title, { ns: "lm-desktop-routes" }));
           else {
-            const r = (n = (o = e.model.context) == null ? void 0 : o.currentRoute) == null ? void 0 : n.title;
-            e.model.setProps("title", e.t(t.title || r, { ns: "lm-desktop-routes" }));
+            const l = (a = (i = e.model.context) == null ? void 0 : i.currentRoute) == null ? void 0 : a.title;
+            e.model.setProps("title", e.t(t.title || l, { ns: "lm-desktop-routes" }));
           }
           e.model.setProps("enableTabs", t.enableTabs), e.view.type === "embed" ? (e.model.setProps("headerStyle", {
             backgroundColor: "var(--colorBgContainer)"
           }), e.model.setProps("tabBarStyle", {
             backgroundColor: "var(--colorBgContainer)",
-            paddingInline: 16,
+            paddingInline: n,
             marginBottom: 0
           })) : (e.model.setProps("headerStyle", {
             backgroundColor: "var(--colorBgLayout)"
           }), e.model.setProps("tabBarStyle", {
             backgroundColor: "var(--colorBgLayout)",
-            paddingInline: 16,
+            paddingInline: n,
             marginBottom: 0
           })), e.model.updateDocumentTitle();
         });
@@ -79069,6 +79089,47 @@ function dispatchEventDeep(e, t, o, n, r) {
     yield Promise.all(u);
   });
 }
+const getUnknownCountPaginationTotal = (e) => {
+  const t = e.dataLength || 0, o = e.pageSize || 10, n = e.current || 1;
+  return t < o || !e.hasNext ? o * n : o * n + 1;
+}, getSimpleModePaginationClassName = (e = !1) => css`
+    .ant-pagination-simple-pager {
+      display: none !important;
+    }
+    ${e ? `
+      li {
+        line-height: 32px !important;
+      }
+    ` : ""}
+  `, mobileCompactPaginationClassName = css`
+  justify-content: flex-end !important;
+  .ant-pagination-total-text,
+  .ant-pagination-options,
+  .ant-pagination-jump-prev,
+  .ant-pagination-jump-next {
+    display: none !important;
+  }
+`, getMobileCompactPaginationClassName = () => mobileCompactPaginationClassName, mergePaginationClassName = (...e) => cx(...e.filter(Boolean)), createCompactSimpleItemRender = (e) => {
+  const t = e.current || 1, o = e.controlHeight || 32, n = e.currentTextMarginLeft ? { marginLeft: `${e.currentTextMarginLeft}px` } : void 0;
+  return (r, i, a) => i === "prev" ? React.createElement(
+    "div",
+    {
+      style: { display: "flex" },
+      className: css`
+            .ant-pagination-item-link {
+              min-width: ${o}px;
+            }
+          `
+    },
+    a,
+    React.createElement("div", { style: n }, t)
+  ) : a;
+}, applyMobilePaginationProps = (e, t) => t ? A(x({}, e), {
+  showTotal: !1,
+  showSizeChanger: !1,
+  showLessItems: !0,
+  className: mergePaginationClassName(e.className, getMobileCompactPaginationClassName())
+}) : e;
 class EditFormModel extends FormBlockModel {
   constructor() {
     super(...arguments);
@@ -90827,43 +90888,37 @@ class TableBlockModel extends CollectionBlockModel {
     );
   }
   pagination() {
-    const o = this.resource.getMeta("count"), n = this.resource.getPageSize(), r = this.resource.getMeta("hasNext"), i = this.resource.getPage(), a = this.resource.getData();
-    return o ? {
-      current: i,
-      pageSize: n,
-      total: o,
-      showTotal: (l) => this.translate("Total {{count}} items", { count: l }),
-      showSizeChanger: !0
-    } : {
-      // showTotal: false,
-      simple: !0,
-      showTitle: !1,
-      showSizeChanger: !0,
-      hideOnSinglePage: !1,
-      pageSize: n,
-      total: (a == null ? void 0 : a.length) < n || !r ? n * i : n * i + 1,
-      className: css`
-          .ant-pagination-simple-pager {
-            display: none !important;
-          }
-        `,
-      itemRender: (l, c, u) => c === "prev" ? /* @__PURE__ */ jsxs(
-        "div",
-        {
-          style: { display: "flex" },
-          className: css`
-                  .ant-pagination-item-link {
-                    min-width: ${this.context.themeToken.controlHeight}px;
-                  }
-                `,
-          children: [
-            u,
-            " ",
-            /* @__PURE__ */ jsx("div", { children: this.resource.getPage() })
-          ]
-        }
-      ) : u
-    };
+    const o = this.resource.getMeta("count"), n = this.resource.getPageSize(), r = this.resource.getMeta("hasNext"), i = this.resource.getPage(), a = this.resource.getData(), l = !!this.context.isMobileLayout;
+    if (o)
+      return applyMobilePaginationProps({
+        current: i,
+        pageSize: n,
+        total: o,
+        showTotal: (u) => this.translate("Total {{count}} items", { count: u }),
+        showSizeChanger: !0
+      }, l);
+    {
+      const c = n || 10, u = i || 1, d = {
+        // showTotal: false,
+        simple: !0,
+        showTitle: !1,
+        showSizeChanger: !0,
+        hideOnSinglePage: !1,
+        pageSize: c,
+        total: getUnknownCountPaginationTotal({
+          dataLength: a == null ? void 0 : a.length,
+          pageSize: c,
+          current: u,
+          hasNext: r
+        }),
+        className: mergePaginationClassName(getSimpleModePaginationClassName(), void 0),
+        itemRender: createCompactSimpleItemRender({
+          current: u,
+          controlHeight: this.context.themeToken.controlHeight
+        })
+      };
+      return applyMobilePaginationProps(d, l);
+    }
   }
   renderComponent() {
     const o = this.props.highlightedRowKey, n = !!this.context.flowSettingsEnabled, { heightMode: r, height: i } = this.decoratorProps;
@@ -107518,6 +107573,7 @@ export {
   actionSettingsItems,
   allowAddNew,
   appendQueryStringToUrl,
+  applyMobilePaginationProps,
   attachmentFileTypes,
   autoFill,
   autoIncrement,
@@ -107535,6 +107591,7 @@ export {
   confirm$1 as confirm,
   connectFields,
   constraintsProps,
+  createCompactSimpleItemRender,
   createCreateFormBlockUISchema,
   createDefaultCollectionBlockTitle,
   createDesignable,
@@ -107624,11 +107681,13 @@ export {
   getIdsWithChildren$1 as getIdsWithChildren,
   getLabelFormatValue,
   getLabelWithTooltip,
+  getMobileCompactPaginationClassName,
   getPageMenuSchema,
   getPageSchema,
   getPopupPathFromParams,
   getRenderContent,
   getShouldChange,
+  getSimpleModePaginationClassName,
   getStoredPopupContext,
   getSupportFieldsByAssociation,
   getSupportFieldsByForeignKey,
@@ -107636,6 +107695,7 @@ export {
   getURLSearchParams,
   getURLSearchParamsChildren,
   getUniqueKeyFromCollection,
+  getUnknownCountPaginationTotal,
   getValueWithIndex,
   getVariableComponentWithScope,
   getVariableValue,
@@ -107686,6 +107746,7 @@ export {
   markCascadeHydrationDone,
   matchMimetype,
   mergeFilter,
+  mergePaginationClassName,
   mockAPIClient,
   moment2str,
   navigateToTab,