@pisell/materials 2.2.34 → 2.2.35

package/es/components/Pagination/index.d.ts

@@ -5,7 +5,7 @@ export declare const paginationConfig: {
     className: string;
     defaultCurrent: number;
     showTotal: (total: number, range: [number, number]) => string;
-    itemRender: (page: number, type: "next" | "page" | "prev" | "jump-prev" | "jump-next", element: React.ReactNode) => React.ReactNode;
+    itemRender: (page: number, type: "page" | "next" | "prev" | "jump-prev" | "jump-next", element: React.ReactNode) => React.ReactNode;
     responsive: boolean;
     size: string;
 };

package/es/components/table/Actions/component/ExportImport/utils/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @title: 格式化导出导入接口地址
+ * @description:
+ * @param {string} url
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-09-05 11:39
+ */
+export declare const formatApiUrl: (url: string) => string;

package/es/components/table/Actions/component/ExportImport/utils/index.js

@@ -0,0 +1,11 @@
+/**
+ * @title: 格式化导出导入接口地址
+ * @description: 
+ * @param {string} url
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-09-05 11:39
+ */
+export var formatApiUrl = function formatApiUrl(url) {
+  return url || '/shop/form/data';
+};

package/es/components/table/BasicTable/index.js

@@ -54,11 +54,17 @@ var BasicTable = function BasicTable(props) {
     return isArr(group) && group.length > 0;
   }, [group]);
   var showTotal = pagination.showTotal,
-    localPagination = pagination.localPagination;
+    localPagination = pagination.localPagination,
+    showSizeChange = pagination.showSizeChange;
   var _showTotal = useCallback(function (total, range) {
     var _size = formPagination.size || 10;
     return showTotal(total, range, _size);
   }, [showTotal, formPagination === null || formPagination === void 0 ? void 0 : formPagination.page, formPagination === null || formPagination === void 0 ? void 0 : formPagination.size]);
+  useEffect(function () {
+    // 默认100条每页
+    var _size = formPagination.size || 100;
+    showSizeChange && showSizeChange(formPagination === null || formPagination === void 0 ? void 0 : formPagination.page, _size);
+  }, [formPagination === null || formPagination === void 0 ? void 0 : formPagination.page, formPagination === null || formPagination === void 0 ? void 0 : formPagination.size]);
 
   // 分割数据源
   var _dataSource = useMemo(function () {

package/lib/components/Pagination/index.d.ts

@@ -5,7 +5,7 @@ export declare const paginationConfig: {
     className: string;
     defaultCurrent: number;
     showTotal: (total: number, range: [number, number]) => string;
-    itemRender: (page: number, type: "next" | "page" | "prev" | "jump-prev" | "jump-next", element: React.ReactNode) => React.ReactNode;
+    itemRender: (page: number, type: "page" | "next" | "prev" | "jump-prev" | "jump-next", element: React.ReactNode) => React.ReactNode;
     responsive: boolean;
     size: string;
 };

package/lib/components/table/Actions/component/ExportImport/utils/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @title: 格式化导出导入接口地址
+ * @description:
+ * @param {string} url
+ * @return {*}
+ * @Author: WangHan
+ * @Date: 2024-09-05 11:39
+ */
+export declare const formatApiUrl: (url: string) => string;

package/lib/components/table/Actions/component/ExportImport/utils/index.js

@@ -0,0 +1,31 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/table/Actions/component/ExportImport/utils/index.ts
+var utils_exports = {};
+__export(utils_exports, {
+  formatApiUrl: () => formatApiUrl
+});
+module.exports = __toCommonJS(utils_exports);
+var formatApiUrl = (url) => {
+  return url || "/shop/form/data";
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  formatApiUrl
+});

package/lib/components/table/BasicTable/index.js

@@ -55,7 +55,7 @@ var BasicTable = (props) => {
   const group = import_antd.Form.useWatch("group_by", { form, preserve: true });
   const { dispatch } = (0, import_hooks.useSharedState)(import_model.Context);
   const isGroup = (0, import_react.useMemo)(() => (0, import_utils2.isArr)(group) && group.length > 0, [group]);
-  const { showTotal, localPagination } = pagination;
+  const { showTotal, localPagination, showSizeChange } = pagination;
   const _showTotal = (0, import_react.useCallback)(
     (total2, range) => {
       let _size = formPagination.size || 10;
@@ -63,6 +63,10 @@ var BasicTable = (props) => {
     },
     [showTotal, formPagination == null ? void 0 : formPagination.page, formPagination == null ? void 0 : formPagination.size]
   );
+  (0, import_react.useEffect)(() => {
+    let _size = formPagination.size || 100;
+    showSizeChange && showSizeChange(formPagination == null ? void 0 : formPagination.page, _size);
+  }, [formPagination == null ? void 0 : formPagination.page, formPagination == null ? void 0 : formPagination.size]);
   const _dataSource = (0, import_react.useMemo)(() => {
     let _page = formPagination.page;
     let _size = formPagination.size || 10;

package/lowcode/table/meta.ts

@@ -982,6 +982,28 @@ export default {
             value: 'target => !!target.getProps().getPropValue("pagination")',
           },
         },
+        {
+          name: "pagination.showSizeChange",
+          title: {
+            label: "页数改变",
+            tip: "pagination.showSizeChange | pageSize 变化的回调",
+          },
+          propType: "func",
+          setter: [
+            {
+              componentName: "FunctionSetter",
+              props: {
+                template:
+                  "showSizeChange(current,size,${extParams}){\n// pageSize 变化的回调\nconsole.log('showSizeChange', current, size);\n}",
+              },
+            },
+            "VariableSetter",
+          ],
+          condition: {
+            type: "JSFunction",
+            value: 'target => !!target.getProps().getPropValue("pagination")',
+          },
+        },
         {
           name: "pagination.localPagination",
           title: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "2.2.34",
+  "version": "2.2.35",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -64,8 +64,8 @@
     "crypto-js": "^4.2.0",
     "@zxing/library": "0.21.2",
     "@pisell/utils": "2.0.1",
-    "@pisell/date-picker": "1.0.100",
-    "@pisell/icon": "0.0.11"
+    "@pisell/icon": "0.0.11",
+    "@pisell/date-picker": "1.0.100"
   },
   "peerDependencies": {
     "react": "^18.0.0",