@pisell/materials 1.0.37 → 1.0.38

package/lib/components/page/index.js

@@ -34,164 +34,89 @@ __export(page_exports, {
 module.exports = __toCommonJS(page_exports);
 var import_react = __toESM(require("react"));
 var import_config_provider = __toESM(require("../config-provider"));
-var import_AdapterDayjs = require("@pisell/date-picker/es/AdapterDayjs");
-var import_date_picker = require("@pisell/date-picker");
 var theme = {
-  "components": {
-    "Table": {
-      "colorFillContent": "#EAECF0",
-      "colorFillSecondary": "#F2F4F7",
-      "colorBorderSecondary": "#EAECF0",
-      "colorFillAlter": "#F9FAFB",
-      "controlItemBgHover": "#F9FAFB",
-      "colorTextHeading": "#475467",
-      "colorTextDescription": "#667085",
-      "colorText": "#101828",
-      "controlHeight": 32,
-      "padding": 24,
-      "margin": 16
-    },
-    "Button": {
-      "borderRadiusSM": 6,
-      "borderRadiusLG": 9,
-      "borderRadius": 8,
-      "controlHeight": 36,
-      "colorBgContainerDisabled": "#F2F4F7",
-      "colorBgTextHover": "#F9FAFB",
-      "colorBorder": "#D0D5DD",
-      "colorError": "#D92D20",
-      "colorErrorActive": "#D92D20",
-      "colorErrorHover": "#B42318",
-      "colorErrorBg": "#FEF3F2",
-      "colorErrorBorderHover": "#FDA29B",
-      "colorErrorOutline": "rgba(217, 45, 32, 0.06)",
-      "colorLink": "#175CD3",
-      "colorLinkActive": "#194185",
-      "colorLinkHover": "#1849A9",
-      "colorPrimaryActive": "#7f56d9",
-      "colorPrimaryBorder": "#E9D7FE",
-      "colorText": "#344054",
-      "colorTextDisabled": "#D0D5DD",
-      "colorTextLightSolid": "#fff",
-      "colorBgTextActive": "#D0D5DD",
-      "controlOutline": "rgba(127, 86, 217, 0.04)",
-      "controlTmpOutline": "#F9FAFB",
-      "paddingContentHorizontal": 14,
-      "marginXS": 8
-    },
-    "Divider": {
-      "colorSplit": "#EAECF0"
-    },
-    "Breadcrumb": {
-      "itemColor": "#475467",
-      "colorTextDescription": "#475467",
-      "lastItemColor": "#6941C6",
-      "separatorMargin": 12,
-      "separatorColor": "#D0D5DD",
-      "linkHoverColor": "#1D2939",
-      "linkColor": "#475467",
-      "colorBgTextHover": "#F9FAFB",
-      "paddingXXS": 8
-    },
-    "Dropdown": {
-      "borderRadiusLG": 8,
-      // "boxShadowPopoverArrow": "2px 2px 5px rgba(0, 0, 0, 0.05)",
-      "controlHeight": 42,
-      "fontSize": 14
-    },
-    "DatePicker": {
-      "borderRadius": 8,
-      "colorTextPlaceholder": "#667085",
-      "colorIcon": "#667085",
-      "colorTextQuaternary": "#D0D5DD",
-      "colorBgContainerDisabled": "#F9FAFB",
-      "colorTextDisabled": "#98A2B3"
+  components: {
+    Table: {
+      colorFillContent: "rgba(0, 0, 0, 0.06)",
+      colorFillSecondary: "rgba(0, 0, 0, 0.06)",
+      colorBorderSecondary: "#EAECF0",
+      colorFillAlter: "rgba(0, 0, 0, 0.02)"
     }
   },
-  "token": {
-    "colorPrimary": "#7F56D9",
-    "colorPrimaryBg": "#F9F5FF",
-    "colorPrimaryBgHover": "#F4EBFF",
-    "colorPrimaryBorder": "#E9D7FE",
-    "colorPrimaryBorderHover": "#D6BBFB",
-    "colorPrimaryHover": "#6941C6",
-    "colorPrimaryActive": "#53389E",
-    "colorPrimaryTextHover": "#53389E",
-    "colorPrimaryText": "#6941C6",
-    "colorPrimaryTextActive": "#42307D",
-    "colorSuccess": "#079455",
-    "colorSuccessBg": "#ECFDF3",
-    "colorSuccessBgHover": "#DCFAE6",
-    "colorSuccessBorder": "#ABEFC6",
-    "colorSuccessBorderHover": "#75E0A7",
-    "colorSuccessHover": "#067647",
-    "colorSuccessText": "#067647",
-    "colorSuccessActive": "#085D3A",
-    "colorSuccessTextHover": "#085D3A",
-    "colorSuccessTextActive": "#074D31",
-    "colorWarning": "#dc6803",
-    "colorWarningBg": "#FFFAEB",
-    "colorWarningBgHover": "#FEF0C7",
-    "colorWarningBorder": "#FEDF89",
-    "colorWarningBorderHover": "#FEC84B",
-    "colorWarningHover": "#B54708",
-    "colorWarningText": "#B54708",
-    "colorWarningActive": "#93370D",
-    "colorWarningTextHover": "#93370D",
-    "colorWarningTextActive": "#7A2E0E",
-    "colorError": "#d92d20",
-    "colorErrorBg": "#FEF3F2",
-    "colorErrorBgHover": "#FEE4E2",
-    "colorErrorBorder": "#FECDCA",
-    "colorErrorBorderHover": "#FDA29B",
-    "colorErrorHover": "#B42318",
-    "colorErrorText": "#B42318",
-    "colorErrorActive": "#912018",
-    "colorErrorTextHover": "#912018",
-    "colorErrorTextActive": "#7A271A",
-    "colorInfo": "#1570ef",
-    "colorInfoBg": "#EFF8FF",
-    "colorInfoBgHover": "#D1E9FF",
-    "colorInfoBorder": "#B2DDFF",
-    "colorInfoBorderHover": "#84CAFF",
-    "colorInfoHover": "#175CD3",
-    "colorInfoText": "#175CD3",
-    "colorInfoActive": "#1849A9",
-    "colorInfoTextHover": "#1849A9",
-    "colorInfoTextActive": "#194185",
-    "colorText": "#101828",
-    "colorTextSecondary": "#475467",
-    "colorTextTertiary": "#667085",
-    "colorTextQuaternary": "#D0D5DD",
-    "colorBorder": "#D0D5DD",
-    "colorBorderSecondary": "#EAECF0",
-    "colorFill": "#D0D5DD",
-    "colorFillSecondary": "#EAECF0",
-    "colorFillTertiary": "#F2F4F7",
-    "colorFillQuaternary": "#F9FAFB",
-    "colorBgLayout": "#F2F4F7",
-    "colorBgSpotlight": "#101828",
-    "colorBgMask": "rgba(0, 0, 0, 0.5)",
-    "wireframe": false,
-    "borderRadius": 8
+  token: {
+    colorPrimary: "#7F56D9",
+    colorPrimaryBg: "#F9F5FF",
+    colorPrimaryBgHover: "#F4EBFF",
+    colorPrimaryBorder: "#E9D7FE",
+    colorPrimaryBorderHover: "#D6BBFB",
+    colorPrimaryHover: "#6941C6",
+    colorPrimaryActive: "#53389E",
+    colorPrimaryTextHover: "#53389E",
+    colorPrimaryText: "#6941C6",
+    colorPrimaryTextActive: "#42307D",
+    colorSuccess: "#079455",
+    colorSuccessBg: "#ECFDF3",
+    colorSuccessBgHover: "#DCFAE6",
+    colorSuccessBorder: "#ABEFC6",
+    colorSuccessBorderHover: "#75E0A7",
+    colorSuccessHover: "#067647",
+    colorSuccessText: "#067647",
+    colorSuccessActive: "#085D3A",
+    colorSuccessTextHover: "#085D3A",
+    colorSuccessTextActive: "#074D31",
+    colorWarning: "#dc6803",
+    colorWarningBg: "#FFFAEB",
+    colorWarningBgHover: "#FEF0C7",
+    colorWarningBorder: "#FEDF89",
+    colorWarningBorderHover: "#FEC84B",
+    colorWarningHover: "#B54708",
+    colorWarningText: "#B54708",
+    colorWarningActive: "#93370D",
+    colorWarningTextHover: "#93370D",
+    colorWarningTextActive: "#7A2E0E",
+    colorError: "#d92d20",
+    colorErrorBg: "#FEF3F2",
+    colorErrorBgHover: "#FEE4E2",
+    colorErrorBorder: "#FECDCA",
+    colorErrorBorderHover: "#FDA29B",
+    colorErrorHover: "#B42318",
+    colorErrorText: "#B42318",
+    colorErrorActive: "#912018",
+    colorErrorTextHover: "#912018",
+    colorErrorTextActive: "#7A271A",
+    colorInfo: "#1570ef",
+    colorInfoBg: "#EFF8FF",
+    colorInfoBgHover: "#D1E9FF",
+    colorInfoBorder: "#B2DDFF",
+    colorInfoBorderHover: "#84CAFF",
+    colorInfoHover: "#175CD3",
+    colorInfoText: "#175CD3",
+    colorInfoActive: "#1849A9",
+    colorInfoTextHover: "#1849A9",
+    colorInfoTextActive: "#194185",
+    colorText: "#101828",
+    colorTextSecondary: "#475467",
+    colorTextTertiary: "#667085",
+    colorTextQuaternary: "#D0D5DD",
+    colorBorder: "#D0D5DD",
+    colorBorderSecondary: "#EAECF0",
+    colorFill: "#D0D5DD",
+    colorFillSecondary: "#EAECF0",
+    colorFillTertiary: "#F2F4F7",
+    colorFillQuaternary: "#F9FAFB",
+    colorBgLayout: "#F2F4F7",
+    colorBgSpotlight: "#101828",
+    colorBgMask: "rgba(0, 0, 0, 0.5)"
   }
 };
-var _a;
-var datePickerTheme = (0, import_date_picker.createTheme)({
-  palette: {
-    primary: { main: ((_a = theme.token) == null ? void 0 : _a.colorPrimary) || "#7F56D9" }
-  }
-});
 var Page = (props) => {
-  const { children, ...others } = props;
   return /* @__PURE__ */ import_react.default.createElement(
     import_config_provider.default,
     {
-      ...others,
+      ...props,
       prefixCls: props.prefixCls || "pisell-lowcode",
       theme: props.theme || theme
-    },
-    /* @__PURE__ */ import_react.default.createElement(import_date_picker.LocalizationProvider, { dateAdapter: import_AdapterDayjs.AdapterDayjs }, /* @__PURE__ */ import_react.default.createElement(import_date_picker.ThemeProvider, { theme: datePickerTheme }, children))
+    }
   );
 };
 var page_default = Page;

package/lib/components/table/Actions/Filter/FilterItem/index.js

@@ -37,11 +37,11 @@ var import_antd = require("antd");
 var import_fields = require("../../../Table/fields");
 var import_index = require("./index.less");
 var FilterItem = (props) => {
-  const { label, type, name, other } = props;
+  const { label, type, name } = props;
   const Com = (0, import_react.useMemo)(() => {
     var _a;
     return (_a = import_fields.fieldMaps[type]) == null ? void 0 : _a.edit;
   }, [type]);
-  return /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { label, name }, /* @__PURE__ */ import_react.default.createElement(Com, { ...other }));
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { label, name }, /* @__PURE__ */ import_react.default.createElement(Com, null));
 };
 var FilterItem_default = FilterItem;

package/lib/components/table/Actions/Sort/index.d.ts

@@ -1,12 +1,12 @@
 import React from "react";
 export declare type SortItemProps = {
-    type: "date" | "string" | "number";
-    label: string;
+    type: "single" | "input";
     name: string;
+    props: object;
+    title: string;
 };
 declare type SortListProps = {
     list: SortItemProps[];
-    onChange?: (val: string) => void;
 };
 declare const Sort: React.FC<SortListProps>;
 export default Sort;

package/lib/components/table/Actions/Sort/index.js

@@ -35,52 +35,7 @@ module.exports = __toCommonJS(Sort_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_icon = require("@pisell/icon");
-var sortChildrenMap = {
-  date: (key) => [
-    {
-      key: `${key}:desc`,
-      label: "Oldest to newest"
-    },
-    {
-      key: `${key}:asc`,
-      label: "Newest to oldest"
-    }
-  ],
-  string: (key) => [
-    {
-      key: `${key}:asc`,
-      label: "A to Z"
-    },
-    {
-      key: `${key}:desc`,
-      label: "Z to A"
-    }
-  ],
-  number: (key) => [
-    {
-      key: `${key}:asc`,
-      label: "Lowest to highest"
-    },
-    {
-      key: `${key}:desc`,
-      label: "Highest to lowest"
-    }
-  ]
-};
-var Sort = ({ list = [], onChange }) => {
-  const sortItems = (0, import_react.useMemo)(() => {
-    return list.map((d) => {
-      return {
-        key: d.name,
-        label: d.label,
-        children: sortChildrenMap[d.type](d.name)
-      };
-    });
-  }, [list]);
-  const onClick = (detail) => {
-    var _a;
-    onChange == null ? void 0 : onChange((_a = detail == null ? void 0 : detail.keyPath) == null ? void 0 : _a[0]);
-  };
-  return /* @__PURE__ */ import_react.default.createElement(import_antd.Dropdown, { menu: { items: sortItems, onClick } }, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { icon: /* @__PURE__ */ import_react.default.createElement(import_icon.SwitchVertical01, null) }, "Sort"));
+var Sort = ({ list = [] }) => {
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { icon: /* @__PURE__ */ import_react.default.createElement(import_icon.SwitchVertical01, null) }, "Sort");
 };
 var Sort_default = Sort;

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

@@ -33,7 +33,7 @@ __export(Actions_exports, {
 });
 module.exports = __toCommonJS(Actions_exports);
 var import_react = __toESM(require("react"));
-var import_antd = require("antd");
+var import_Filter = __toESM(require("./Filter"));
 var import_QuickFilter = __toESM(require("./Filter/QuickFilter"));
 var import_Sort = __toESM(require("./Sort"));
 var import_index = require("./index.less");
@@ -41,6 +41,6 @@ var Actions = ({ filter, sort }) => {
   const showActions = (0, import_react.useMemo)(() => {
     return (filter == null ? void 0 : filter.show) || (sort == null ? void 0 : sort.show);
   }, [filter == null ? void 0 : filter.show, sort == null ? void 0 : sort.show]);
-  return showActions ? /* @__PURE__ */ import_react.default.createElement("div", { className: "materials-grid-actions" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "left-wrap" }, /* @__PURE__ */ import_react.default.createElement(import_QuickFilter.default, null)), /* @__PURE__ */ import_react.default.createElement("div", { className: "right-wrap" }, (sort == null ? void 0 : sort.show) ? /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { name: "order_by", noStyle: true }, /* @__PURE__ */ import_react.default.createElement(import_Sort.default, { list: (sort == null ? void 0 : sort.list) || [] })) : null)) : null;
+  return showActions ? /* @__PURE__ */ import_react.default.createElement("div", { className: "materials-grid-actions" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "left-wrap" }, /* @__PURE__ */ import_react.default.createElement(import_QuickFilter.default, null)), /* @__PURE__ */ import_react.default.createElement("div", { className: "right-wrap" }, (filter == null ? void 0 : filter.show) ? /* @__PURE__ */ import_react.default.createElement(import_Filter.default, { list: (filter == null ? void 0 : filter.list) || [] }) : null, (sort == null ? void 0 : sort.show) ? /* @__PURE__ */ import_react.default.createElement(import_Sort.default, { list: (sort == null ? void 0 : sort.list) || [] }) : null)) : null;
 };
 var Actions_default = Actions;

package/lib/components/table/Actions/index.less

@@ -3,13 +3,11 @@
   align-items: center;
   justify-content: space-between;
   margin-bottom: 16px;
-  gap: 16px;
 
   .left-wrap {
     flex: 1;
     display: flex;
     align-items: center;
-
     .pisell-lowcode-form-item {
       margin-bottom: 0;
     }

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

@@ -34,50 +34,44 @@ __export(BasicTable_exports, {
 module.exports = __toCommonJS(BasicTable_exports);
 var import_antd = require("antd");
 var import_react = __toESM(require("react"));
-var import_Pagination = require("../../Pagination");
+var import_Pagination = __toESM(require("../../Pagination"));
 var BasicTable = (props) => {
-  var _a;
-  const { dataSource, pagination, value, ...other } = props;
-  const form = import_antd.Form.useFormInstance();
-  const formPagination = import_antd.Form.useWatch("pagination", form) || {
-    page: 1,
-    size: 10
-  };
-  const { showTotal } = pagination;
-  const _showTotal = (0, import_react.useCallback)(
-    (total2, range) => {
-      let _size = formPagination.size;
-      return showTotal(total2, range, _size);
-    },
-    [showTotal, formPagination == null ? void 0 : formPagination.page, formPagination == null ? void 0 : formPagination.size]
-  );
+  const { dataSource, pagination, ...other } = props;
+  const [currentPage, setCurrentPage] = (0, import_react.useState)(1);
+  const [pageSize, setPageSize] = (0, import_react.useState)(10);
+  (0, import_react.useEffect)(() => {
+    setCurrentPage(1);
+  }, [dataSource]);
   const _dataSource = (0, import_react.useMemo)(() => {
-    let _page = formPagination.page;
-    let _size = formPagination.size;
-    let list = [];
-    let _total = total;
-    if (dataSource.length > _size) {
-      list = dataSource;
-      _total = list.length;
-      list = list.slice((_page - 1) * _size, _page * _size);
-    } else {
+    let list = (dataSource == null ? void 0 : dataSource.list) || [];
+    let total2 = (dataSource == null ? void 0 : dataSource.total) || 0;
+    if (Array.isArray(dataSource)) {
       list = dataSource;
+      total2 = list.length;
     }
+    list = list.slice((currentPage - 1) * pageSize, currentPage * pageSize);
     return {
       list,
-      total: _total
+      total: total2
     };
-  }, [dataSource, formPagination == null ? void 0 : formPagination.page, formPagination == null ? void 0 : formPagination.size]);
+  }, [dataSource, currentPage, pageSize]);
   const total = (0, import_react.useMemo)(() => {
     return (pagination == null ? void 0 : pagination.total) || (_dataSource == null ? void 0 : _dataSource.total) || 0;
   }, [dataSource, pagination]);
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_antd.Table, { ...other, pagination: false, dataSource: _dataSource == null ? void 0 : _dataSource.list }), total > (((_a = pagination == null ? void 0 : pagination.pageSizeOptions) == null ? void 0 : _a[0]) || 10) ? /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { name: "pagination" }, /* @__PURE__ */ import_react.default.createElement(
-    import_Pagination.FormPagination,
+  const onPaginationChange = (page, pageSize2) => {
+    setCurrentPage(page);
+    setPageSize(pageSize2);
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_antd.Table, { ...other, pagination: false, dataSource: _dataSource == null ? void 0 : _dataSource.list }), total > pageSize ? /* @__PURE__ */ import_react.default.createElement(
+    import_Pagination.default,
     {
       ...pagination,
-      showTotal: _showTotal,
+      current: currentPage,
+      pageSize,
+      onShowSizeChange: onPaginationChange,
+      onChange: onPaginationChange,
       total
     }
-  )) : null);
+  ) : null);
 };
 var BasicTable_default = BasicTable;

package/lib/components/table/Table/fields/index.d.ts

@@ -84,18 +84,6 @@ export declare const fieldMaps: {
         sort: () => JSX.Element;
         show: (props: import("./types").FieldPropsType) => JSX.Element;
     };
-    search: {
-        field: {
-            field_icon: string;
-            field_name: string;
-            field_type: string;
-            default_value: string;
-        };
-        config: () => JSX.Element;
-        edit: import("react").ForwardRefExoticComponent<Omit<import("./types").EditPropsType, "ref"> & import("react").RefAttributes<any>>;
-        sort: () => JSX.Element;
-        show: (props: import("./types").FieldPropsType) => JSX.Element;
-    };
 };
 export declare const fieldList: ({
     field_icon: string;
@@ -132,11 +120,6 @@ export declare const fieldList: ({
     field_name: string;
     field_type: string;
     default_value: string;
-} | {
-    field_icon: string;
-    field_name: string;
-    field_type: string;
-    default_value: string;
 })[];
 export declare const getFieldByType: (type: string) => {
     field: {
@@ -235,17 +218,5 @@ declare const _default: {
         sort: () => JSX.Element;
         show: (props: import("./types").FieldPropsType) => JSX.Element;
     };
-    search: {
-        field: {
-            field_icon: string;
-            field_name: string;
-            field_type: string;
-            default_value: string;
-        };
-        config: () => JSX.Element;
-        edit: import("react").ForwardRefExoticComponent<Omit<import("./types").EditPropsType, "ref"> & import("react").RefAttributes<any>>;
-        sort: () => JSX.Element;
-        show: (props: import("./types").FieldPropsType) => JSX.Element;
-    };
 };
 export default _default;

package/lib/components/table/Table/fields/index.js

@@ -42,7 +42,6 @@ var import_select = __toESM(require("./select"));
 var import_text = __toESM(require("./text"));
 var import_image = __toESM(require("./image"));
 var import_rangePicker = __toESM(require("./rangePicker"));
-var import_search = __toESM(require("./search"));
 var fieldMaps = {
   text: import_text.default,
   link: import_link.default,
@@ -50,8 +49,7 @@ var fieldMaps = {
   date: import_date.default,
   select: import_select.default,
   image: import_image.default,
-  rangePicker: import_rangePicker.default,
-  search: import_search.default
+  rangePicker: import_rangePicker.default
 };
 var fieldList = Object.values(fieldMaps).map((d) => {
   return d.field;
@@ -66,8 +64,7 @@ var fields_default = {
   date: import_date.default,
   select: import_select.default,
   image: import_image.default,
-  rangePicker: import_rangePicker.default,
-  search: import_search.default
+  rangePicker: import_rangePicker.default
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/lib/components/table/Table/fields/link/Show/index.js

@@ -38,20 +38,11 @@ var Show = (props) => {
     if ((0, import_utils.isString)(record[dataIndex])) {
       return {
         content: record[dataIndex],
-        url: record[dataIndex]
+        url: ""
       };
     }
     return record[dataIndex];
   }, [record, dataIndex]);
-  return /* @__PURE__ */ React.createElement(
-    "a",
-    {
-      className: "",
-      href: field.url,
-      target: "_blank",
-      onClick: (e) => e.stopPropagation()
-    },
-    field.content
-  );
+  return /* @__PURE__ */ React.createElement("a", { className: "", href: field.url, target: "_blank" }, field.content);
 };
 var Show_default = Show;

package/lib/components/table/Table/fields/rangePicker/Edit/index.js

@@ -46,9 +46,7 @@ var Edit = (props, ref) => {
     style,
     bordered,
     presets,
-    showTime,
-    format,
-    ...others
+    showTime
   } = props;
   const dayjsVal = (0, import_react.useMemo)(() => {
     if ((0, import_utils.isString)(value)) {
@@ -64,7 +62,6 @@ var Edit = (props, ref) => {
   }, [value]);
   const rangePresets = [
     { label: "Today", value: [(0, import_dayjs.default)().startOf("day"), (0, import_dayjs.default)().endOf("day")] },
-    { label: "Yesterday", value: [(0, import_dayjs.default)().add(-1, "d").startOf("day"), (0, import_dayjs.default)().add(-1, "d").endOf("day")] },
     { label: "Last 3 Days", value: [(0, import_dayjs.default)().add(-3, "d").startOf("day"), (0, import_dayjs.default)().endOf("day")] },
     { label: "Last 7 Days", value: [(0, import_dayjs.default)().add(-7, "d").startOf("day"), (0, import_dayjs.default)().endOf("day")] },
     { label: "Last 14 Days", value: [(0, import_dayjs.default)().add(-14, "d").startOf("day"), (0, import_dayjs.default)().endOf("day")] },
@@ -80,8 +77,6 @@ var Edit = (props, ref) => {
   return /* @__PURE__ */ React.createElement(
     RangePicker,
     {
-      ...others,
-      format,
       showTime: _showTime,
       presets: presets || rangePresets,
       ref,

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

@@ -99,12 +99,14 @@ var GridViewTable = ({ tableProps }) => {
     });
   }, [defaultColumns]);
   const showTotal = (0, import_react.useCallback)(
-    (total, range, pageSize) => {
+    (total, range) => {
       let start = range[0] - 1;
-      let _current = start / pageSize + 1;
-      return `Page ${_current} of ${Math.ceil(total / pageSize)}`;
+      let _current = start / tableProps.pagination.pageSize + 1;
+      return `Page ${_current} of ${Math.ceil(
+        total / tableProps.pagination.pageSize
+      )}`;
     },
-    []
+    [tableProps.pagination.pageSize]
   );
   const _paginationConfig = (0, import_react.useMemo)(() => {
     if (tableProps.pagination === false) {

package/lib/components/table/Table/tableConfig/body/CellContent/index.less

@@ -1,5 +1,6 @@
 .cell-provider {
   position: relative;
+  cursor: pointer;
   width: 100%;
   height: 100%;
   display: flex;

package/lib/components/table/Table/tableConfig/body/CellProvider/index.less

@@ -1,4 +1,6 @@
 .cell-provider {
+  position: relative;
+  cursor: pointer;
   width: 100%;
   height: 100%;
   display: flex;
@@ -6,6 +8,7 @@
   justify-content: center;
   border-radius: 4px;
   padding: 12px;
+  // cursor: pointer;
 
   &.focus {
     box-shadow: var(--theme-color) 0px 0px 0px 1px !important;

package/lib/components/table/Table/tableConfig/header/CellProvider/index.less

@@ -10,7 +10,7 @@
   }
 
   .materials-grid-table-header-cell-content {
-    // padding-right: 10px;
+    padding-right: 10px;
     flex: auto;
     font-weight: 600;
     font-size: 14px;