@pisell/materials 1.0.38 → 1.0.39

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

@@ -5,9 +5,10 @@ export declare const paginationConfig: {
     className: string;
     defaultCurrent: number;
     showTotal: (total: number, range: [number, number]) => string;
-    itemRender: (page: number, type: "page" | "prev" | "next" | "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;
 };
 declare const Pagination: (props: PaginationProps) => JSX.Element | null;
 export default Pagination;
+export declare const FormPagination: ({ value, onChange, page, pageSize, ...other }: any) => JSX.Element;

package/es/components/Pagination/index.js

@@ -1,5 +1,14 @@
+var _excluded = ["value", "onChange", "page", "pageSize"];
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import React, { useMemo } from "react";
+import React, { useEffect, useMemo, useState } from "react";
 import { ArrowLeft, ArrowRight } from "@pisell/icon";
 import { Pagination as OriginPagination } from "antd";
 import classNames from "classnames";
@@ -139,4 +148,38 @@ var MiniPagination = function MiniPagination(props) {
   }, /*#__PURE__*/React.createElement(ArrowRight, {
     className: "paginator-page-btn-right-icon"
   }))));
+};
+export var FormPagination = function FormPagination(_ref) {
+  var _ref$value = _ref.value,
+    value = _ref$value === void 0 ? {} : _ref$value,
+    onChange = _ref.onChange,
+    page = _ref.page,
+    pageSize = _ref.pageSize,
+    other = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState(1),
+    _useState2 = _slicedToArray(_useState, 2),
+    _p = _useState2[0],
+    _setP = _useState2[1];
+  var _useState3 = useState(10),
+    _useState4 = _slicedToArray(_useState3, 2),
+    _ps = _useState4[0],
+    _setPs = _useState4[1];
+  var _onChange = function _onChange(p, ps) {
+    onChange && onChange({
+      page: ps === _ps ? p : 1,
+      size: ps
+    });
+  };
+  useEffect(function () {
+    var _page = (value === null || value === void 0 ? void 0 : value.page) || 1;
+    var _size = (value === null || value === void 0 ? void 0 : value.size) || 10;
+    _setP(_page);
+    _setPs(_size);
+  }, [value]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Pagination, _extends({}, other, {
+    pageSize: _ps,
+    current: _p,
+    onChange: _onChange,
+    onShowSizeChange: _onChange
+  })));
 };

package/es/components/Pagination/index.less

@@ -55,7 +55,14 @@
     }
   }
 
-  .pisell-lowcode-pagination-disabled {}
+  .pisell-lowcode-pagination-disabled {
+    cursor: not-allowed;
+    color: rgba(0,0,0,.25);
+    .paginator-page-btn {
+      cursor: not-allowed;
+      color: rgba(0,0,0,.25);
+    }
+  }
 
   .pisell-lowcode-pagination-item-active:hover {
     border-color: #D0D5DD !important;

package/es/components/date-picker/index.js

@@ -1,12 +1,22 @@
 import { DatePicker as OriginalDatePicker } from 'antd';
 import { withMomentProps } from "../../utils/hoc";
 import dayjs from 'dayjs';
+import { RangePicker } from "@pisell/date-picker";
 import localeData from 'dayjs/plugin/localeData';
 import weekday from 'dayjs/plugin/weekday';
 dayjs.extend(weekday);
 dayjs.extend(localeData);
-var OriginalRangePicker = OriginalDatePicker.RangePicker;
+
+// const OriginalRangePicker = OriginalDatePicker.RangePicker;
+
 var DatePicker = withMomentProps(OriginalDatePicker, ['defaultPickerValue', 'defaultValue', 'showTime.defaultValue', 'value']);
-var RangePicker = withMomentProps(OriginalRangePicker, ['defaultPickerValue', 'defaultValue', 'showTime.defaultValue', 'value']);
+
+// const RangePicker = withMomentProps(OriginalRangePicker, [
+//   'defaultPickerValue',
+//   'defaultValue',
+//   'showTime.defaultValue',
+//   'value',
+// ]);
+
 DatePicker.RangePicker = RangePicker;
 export default DatePicker;

package/es/components/page/index.js

@@ -1,85 +1,169 @@
+var _excluded = ["children"];
+var _theme$token;
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React from "react";
 import ConfigProvider from "../config-provider";
+import { AdapterDayjs } from '@pisell/date-picker/es/AdapterDayjs';
+import { LocalizationProvider, createTheme, ThemeProvider } from '@pisell/date-picker';
 var theme = {
-  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)"
+  "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"
     }
   },
-  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)"
+  "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
   }
 };
+var datePickerTheme = createTheme({
+  palette: {
+    primary: {
+      main: ((_theme$token = theme.token) === null || _theme$token === void 0 ? void 0 : _theme$token.colorPrimary) || "#7F56D9"
+    }
+  }
+});
 var Page = function Page(props) {
-  return /*#__PURE__*/React.createElement(ConfigProvider, _extends({}, props, {
+  var children = props.children,
+    others = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React.createElement(ConfigProvider, _extends({}, others, {
     prefixCls: props.prefixCls || "pisell-lowcode",
     theme: props.theme || theme
-  }));
+  }), /*#__PURE__*/React.createElement(LocalizationProvider, {
+    dateAdapter: AdapterDayjs
+  }, /*#__PURE__*/React.createElement(ThemeProvider, {
+    theme: datePickerTheme
+  }, children)));
 };
 export default Page;

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

@@ -5,7 +5,8 @@ import "./index.less";
 var FilterItem = function FilterItem(props) {
   var label = props.label,
     type = props.type,
-    name = props.name;
+    name = props.name,
+    other = props.other;
   var Com = useMemo(function () {
     var _fieldMaps;
     return (_fieldMaps = fieldMaps[type]) === null || _fieldMaps === void 0 ? void 0 : _fieldMaps.edit;
@@ -13,6 +14,6 @@ var FilterItem = function FilterItem(props) {
   return /*#__PURE__*/React.createElement(Form.Item, {
     label: label,
     name: name
-  }, /*#__PURE__*/React.createElement(Com, null));
+  }, /*#__PURE__*/React.createElement(Com, other));
 };
 export default FilterItem;

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

@@ -1,12 +1,12 @@
 import React from "react";
 export declare type SortItemProps = {
-    type: "single" | "input";
+    type: "date" | "string" | "number";
+    label: string;
     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/es/components/table/Actions/Sort/index.js

@@ -1,23 +1,59 @@
-import React from "react";
-import { Button } from "antd";
+import React, { useMemo } from "react";
+import { Button, Dropdown } from "antd";
 import { SwitchVertical01 } from "@pisell/icon";
-// (
-// 	<Button.Group>
-// 		{list.map((d: FilterItemProps) => {
-// 			return (
-// 				<Form.Item noStyle name={d.name}>
-// 					<FilterItem item={d} />
-// 				</Form.Item>
-// 			);
-// 		})}
-// 	</Button.Group>
-// )
-
+var sortChildrenMap = {
+  date: function date(key) {
+    return [{
+      key: "".concat(key, ":desc"),
+      label: "Oldest to newest"
+    }, {
+      key: "".concat(key, ":asc"),
+      label: "Newest to oldest"
+    }];
+  },
+  string: function string(key) {
+    return [{
+      key: "".concat(key, ":asc"),
+      label: "A to Z"
+    }, {
+      key: "".concat(key, ":desc"),
+      label: "Z to A"
+    }];
+  },
+  number: function number(key) {
+    return [{
+      key: "".concat(key, ":asc"),
+      label: "Lowest to highest"
+    }, {
+      key: "".concat(key, ":desc"),
+      label: "Highest to lowest"
+    }];
+  }
+};
 var Sort = function Sort(_ref) {
   var _ref$list = _ref.list,
-    list = _ref$list === void 0 ? [] : _ref$list;
-  return /*#__PURE__*/React.createElement(Button, {
+    list = _ref$list === void 0 ? [] : _ref$list,
+    onChange = _ref.onChange;
+  var sortItems = useMemo(function () {
+    return list.map(function (d) {
+      return {
+        key: d.name,
+        label: d.label,
+        children: sortChildrenMap[d.type](d.name)
+      };
+    });
+  }, [list]);
+  var onClick = function onClick(detail) {
+    var _detail$keyPath;
+    onChange === null || onChange === void 0 ? void 0 : onChange(detail === null || detail === void 0 ? void 0 : (_detail$keyPath = detail.keyPath) === null || _detail$keyPath === void 0 ? void 0 : _detail$keyPath[0]);
+  };
+  return /*#__PURE__*/React.createElement(Dropdown, {
+    menu: {
+      items: sortItems,
+      onClick: onClick
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
     icon: /*#__PURE__*/React.createElement(SwitchVertical01, null)
-  }, "Sort");
+  }, "Sort"));
 };
 export default Sort;

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

@@ -1,5 +1,5 @@
 import React, { useMemo } from "react";
-import Filter from "./Filter";
+import { Form } from "antd";
 import QuickFilter from "./Filter/QuickFilter";
 import Sort from "./Sort";
 import "./index.less";
@@ -15,10 +15,11 @@ var Actions = function Actions(_ref) {
     className: "left-wrap"
   }, /*#__PURE__*/React.createElement(QuickFilter, null)), /*#__PURE__*/React.createElement("div", {
     className: "right-wrap"
-  }, filter !== null && filter !== void 0 && filter.show ? /*#__PURE__*/React.createElement(Filter, {
-    list: (filter === null || filter === void 0 ? void 0 : filter.list) || []
-  }) : null, sort !== null && sort !== void 0 && sort.show ? /*#__PURE__*/React.createElement(Sort, {
+  }, sort !== null && sort !== void 0 && sort.show ? /*#__PURE__*/React.createElement(Form.Item, {
+    name: "order_by",
+    noStyle: true
+  }, /*#__PURE__*/React.createElement(Sort, {
     list: (sort === null || sort === void 0 ? void 0 : sort.list) || []
-  }) : null)) : null;
+  })) : null)) : null;
 };
 export default Actions;

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

@@ -3,11 +3,13 @@
   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/es/components/table/BasicTable/index.js

@@ -1,74 +1,58 @@
-var _excluded = ["dataSource", "pagination"];
+var _excluded = ["dataSource", "pagination", "value"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { Table } from "antd";
-import React, { useState, useMemo, useEffect } from "react";
-import Pagination from "../../Pagination";
+import { Table, Form } from "antd";
+import React, { useMemo, useCallback } from "react";
+import { FormPagination } from "../../Pagination";
 var BasicTable = function BasicTable(props) {
+  var _pagination$pageSizeO;
   var dataSource = props.dataSource,
     pagination = props.pagination,
+    value = props.value,
     other = _objectWithoutProperties(props, _excluded);
-  var _useState = useState(1),
-    _useState2 = _slicedToArray(_useState, 2),
-    currentPage = _useState2[0],
-    setCurrentPage = _useState2[1];
-  var _useState3 = useState(10),
-    _useState4 = _slicedToArray(_useState3, 2),
-    pageSize = _useState4[0],
-    setPageSize = _useState4[1];
-  useEffect(function () {
-    setCurrentPage(1);
-  }, [dataSource]);
+  var form = Form.useFormInstance();
+  var formPagination = Form.useWatch("pagination", form) || {
+    page: 1,
+    size: 10
+  };
+  var showTotal = pagination.showTotal;
+  var _showTotal = useCallback(function (total, range) {
+    var _size = formPagination.size;
+    return showTotal(total, range, _size);
+  }, [showTotal, formPagination === null || formPagination === void 0 ? void 0 : formPagination.page, formPagination === null || formPagination === void 0 ? void 0 : formPagination.size]);
 
   // 分割数据源
   var _dataSource = useMemo(function () {
-    var list = (dataSource === null || dataSource === void 0 ? void 0 : dataSource.list) || [];
-    var total = (dataSource === null || dataSource === void 0 ? void 0 : dataSource.total) || 0;
-    if (Array.isArray(dataSource)) {
+    var _page = formPagination.page;
+    var _size = formPagination.size;
+    var list = [];
+    var _total = total;
+    if (dataSource.length > _size) {
+      list = dataSource;
+      _total = list.length;
+      list = list.slice((_page - 1) * _size, _page * _size);
+    } else {
       list = dataSource;
-      total = list.length;
     }
-    list = list.slice((currentPage - 1) * pageSize, currentPage * pageSize);
     return {
       list: list,
-      total: total
+      total: _total
     };
-  }, [dataSource, currentPage, pageSize]);
+  }, [dataSource, formPagination === null || formPagination === void 0 ? void 0 : formPagination.page, formPagination === null || formPagination === void 0 ? void 0 : formPagination.size]);
 
   // 总数
   var total = useMemo(function () {
     return (pagination === null || pagination === void 0 ? void 0 : pagination.total) || (_dataSource === null || _dataSource === void 0 ? void 0 : _dataSource.total) || 0;
   }, [dataSource, pagination]);
-
-  /**
-   * @title: 翻页回调
-   * @description:
-   * @param {number} page
-   * @param {number} pageSize
-   * @return {*}
-   * @Author: zhiwei.Wang
-   * @Date: 2023-07-20 17:01
-   */
-  var onPaginationChange = function onPaginationChange(page, pageSize) {
-    setCurrentPage(page);
-    setPageSize(pageSize);
-  };
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Table, _extends({}, other, {
     pagination: false,
     dataSource: _dataSource === null || _dataSource === void 0 ? void 0 : _dataSource.list
-  })), total > pageSize ? /*#__PURE__*/React.createElement(Pagination, _extends({}, pagination, {
-    current: currentPage,
-    pageSize: pageSize,
-    onShowSizeChange: onPaginationChange,
-    onChange: onPaginationChange,
+  })), total > ((pagination === null || pagination === void 0 ? void 0 : (_pagination$pageSizeO = pagination.pageSizeOptions) === null || _pagination$pageSizeO === void 0 ? void 0 : _pagination$pageSizeO[0]) || 10) ? /*#__PURE__*/React.createElement(Form.Item, {
+    name: "pagination"
+  }, /*#__PURE__*/React.createElement(FormPagination, _extends({}, pagination, {
+    showTotal: _showTotal,
     total: total
-  })) : null);
+  }))) : null);
 };
 export default BasicTable;