@pisell/materials 1.0.26 → 1.0.28

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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";AAWA,QAAA,MAAM,UAAU,6BAKd,CAAC;AAWH,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";AAYA,QAAA,MAAM,UAAU,6BAKd,CAAC;AAWH,eAAe,UAAU,CAAC"}

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

@@ -1,6 +1,7 @@
 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);

package/es/components/page/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";AACA,OAAuB,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAGzE,UAAU,SAAU,SAAQ,mBAAmB;CAAG;AA8ElD,QAAA,MAAM,IAAI,UAAW,SAAS,gBAQ7B,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";AACA,OAAuB,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAKzE,UAAU,SAAU,SAAQ,mBAAmB;CAAG;AAqJlD,QAAA,MAAM,IAAI,UAAW,SAAS,gBAgB7B,CAAC;AAEF,eAAe,IAAI,CAAC"}

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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,oBAAY,aAAa,GAAG;IAC3B,IAAI,EAAE,QAAQ,GAAG,OAAO,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,aAAK,aAAa,GAAG;IACpB,IAAI,EAAE,aAAa,EAAE,CAAC;CACtB,CAAC;AAaF,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAEjC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,oBAAY,aAAa,GAAG;IAC1B,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,aAAK,aAAa,GAAG;IACnB,IAAI,EAAE,aAAa,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAClC,CAAC;AAmCF,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAoBjC,CAAC;AAEF,eAAe,IAAI,CAAC"}

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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";AAIA,OAAO,cAAc,CAAC;AAEtB,QAAA,MAAM,OAAO,qBAAsB,GAAG,uBAerC,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";AAKA,OAAO,cAAc,CAAC;AAEtB,QAAA,MAAM,OAAO,qBAAsB,GAAG,uBAmBrC,CAAC;AAEF,eAAe,OAAO,CAAC"}

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,10 @@ 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"
+  }, /*#__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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAS,UAAU,EAAE,MAAM,MAAM,CAAC;AAIzC,QAAA,MAAM,UAAU,UAAW,WAAW,GAAG,CAAC,gBA8DzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAS,UAAU,EAAE,MAAM,MAAM,CAAC;AAIzC,QAAA,MAAM,UAAU,UAAW,WAAW,GAAG,CAAC,gBAyEzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -9,9 +9,10 @@ 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 React, { useState, useMemo, useEffect, useCallback } from "react";
 import Pagination from "../../Pagination";
 var BasicTable = function BasicTable(props) {
+  var _pagination$pageSizeO;
   var dataSource = props.dataSource,
     pagination = props.pagination,
     other = _objectWithoutProperties(props, _excluded);
@@ -23,9 +24,16 @@ var BasicTable = function BasicTable(props) {
     _useState4 = _slicedToArray(_useState3, 2),
     pageSize = _useState4[0],
     setPageSize = _useState4[1];
+  var showTotal = pagination.showTotal;
+  var _showTotal = useCallback(function (total, range) {
+    return showTotal(total, range, pageSize);
+  }, [showTotal, pageSize, currentPage]);
   useEffect(function () {
     setCurrentPage(1);
   }, [dataSource]);
+  useEffect(function () {
+    (pagination === null || pagination === void 0 ? void 0 : pagination.pageSize) && setPageSize(pagination === null || pagination === void 0 ? void 0 : pagination.pageSize);
+  }, [pagination.pageSize]);
 
   // 分割数据源
   var _dataSource = useMemo(function () {
@@ -63,7 +71,8 @@ var BasicTable = function BasicTable(props) {
   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, {
+  })), 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(Pagination, _extends({}, pagination, {
+    showTotal: _showTotal,
     current: currentPage,
     pageSize: pageSize,
     onShowSizeChange: onPaginationChange,

package/es/components/table/Table/fields/rangePicker/Edit/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;;AAuE5C,wBAAgC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;;AA4E5C,wBAAgC"}

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

@@ -1,9 +1,13 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["value", "onChange", "onPressEnter", "onBlur", "style", "bordered", "presets", "showTime", "format"];
+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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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 { isArr, isBoolean, isString } from "@pisell/utils";
 import dayjs from "dayjs";
 import { forwardRef, useMemo } from "react";
@@ -17,7 +21,9 @@ var Edit = function Edit(props, ref) {
     style = props.style,
     bordered = props.bordered,
     presets = props.presets,
-    showTime = props.showTime;
+    showTime = props.showTime,
+    format = props.format,
+    others = _objectWithoutProperties(props, _excluded);
   var dayjsVal = useMemo(function () {
     if (isString(value)) {
       return dayjs(value);
@@ -35,6 +41,9 @@ var Edit = function Edit(props, ref) {
   var rangePresets = [{
     label: "Today",
     value: [dayjs().startOf('day'), dayjs().endOf('day')]
+  }, {
+    label: "Yesterday",
+    value: [dayjs().add(-1, "d").startOf('day'), dayjs().add(-1, "d").endOf('day')]
   }, {
     label: "Last 3 Days",
     value: [dayjs().add(-3, "d").startOf('day'), dayjs().endOf('day')]
@@ -57,7 +66,8 @@ var Edit = function Edit(props, ref) {
     }
     return true;
   }, [showTime]);
-  return /*#__PURE__*/React.createElement(RangePicker, {
+  return /*#__PURE__*/React.createElement(RangePicker, _extends({}, others, {
+    format: format,
     showTime: _showTime,
     presets: presets || rangePresets,
     ref: ref,
@@ -82,6 +92,6 @@ var Edit = function Edit(props, ref) {
         }
       }, dom);
     }
-  });
+  }));
 };
 export default /*#__PURE__*/forwardRef(Edit);

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

@@ -87,11 +87,11 @@ var GridViewTable = function GridViewTable(_ref) {
       });
     });
   }, [defaultColumns]);
-  var showTotal = useCallback(function (total, range) {
+  var showTotal = useCallback(function (total, range, pageSize) {
     var start = range[0] - 1;
-    var _current = start / tableProps.pagination.pageSize + 1;
-    return "Page ".concat(_current, " of ").concat(Math.ceil(total / tableProps.pagination.pageSize));
-  }, [tableProps.pagination.pageSize]);
+    var _current = start / pageSize + 1;
+    return "Page ".concat(_current, " of ").concat(Math.ceil(total / pageSize));
+  }, []);
   var _paginationConfig = useMemo(function () {
     if (tableProps.pagination === false) {
       return false;

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

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

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

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

package/es/components/table/index.js

@@ -62,11 +62,11 @@ var GridView = Provider(function (props) {
     });
   }, [filter]);
   var initialValues = useMemo(function () {
-    return (filter.list || []).reduce(function (p, c) {
+    return ((filter === null || filter === void 0 ? void 0 : filter.list) || []).reduce(function (p, c) {
       var _c$other;
       return _objectSpread(_objectSpread({}, p), {}, _defineProperty({}, c.name, c === null || c === void 0 ? void 0 : (_c$other = c.other) === null || _c$other === void 0 ? void 0 : _c$other.defaultValue));
     }, {});
-  }, [filter.list]);
+  }, [filter === null || filter === void 0 ? void 0 : filter.list]);
   return /*#__PURE__*/React.createElement(Form, {
     form: form,
     layout: "vertical",

package/es/components/table/model.js

@@ -107,7 +107,7 @@ export { Provider, Context };
 var formatColumn = function formatColumn(item) {
   var _other = _objectSpread({
     editable: true,
-    width: 200,
+    width: 100,
     field_type: "text",
     lock: true
   }, item.other || {});

package/lib/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/lib/components/date-picker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";AAWA,QAAA,MAAM,UAAU,6BAKd,CAAC;AAWH,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";AAYA,QAAA,MAAM,UAAU,6BAKd,CAAC;AAWH,eAAe,UAAU,CAAC"}

package/lib/components/page/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";AACA,OAAuB,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAGzE,UAAU,SAAU,SAAQ,mBAAmB;CAAG;AA8ElD,QAAA,MAAM,IAAI,UAAW,SAAS,gBAQ7B,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.tsx"],"names":[],"mappings":";AACA,OAAuB,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAKzE,UAAU,SAAU,SAAQ,mBAAmB;CAAG;AAqJlD,QAAA,MAAM,IAAI,UAAW,SAAS,gBAgB7B,CAAC;AAEF,eAAe,IAAI,CAAC"}