@pisell/materials 1.0.11 → 1.0.13

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

@@ -1,12 +1,13 @@
 import React from "react";
 import { SortableItemProps } from "../DragSortList";
+import "./index.less";
 declare type IdType = string | number;
 export interface MultipleContainersSortListProps<T> {
     list: Record<string, T[]>;
     vertical?: boolean;
     wrapStyle?: React.CSSProperties;
     onChange: (val: Record<string, T[]>) => void;
-    renderContainer?: DefaultRenderContainerProps['renderContainer'];
+    renderContainer?: DefaultRenderContainerProps["renderContainer"];
     rowKey: IdType | ((val: T) => IdType);
     children: SortableItemProps<T>["children"];
 }

package/es/components/MultipleContainersSortList/index.js

@@ -19,7 +19,9 @@ import { SortableContext, arrayMove, verticalListSortingStrategy, useSortable }
 import { isFunction } from "@pisell/utils";
 import React, { useCallback, useEffect, useState } from "react";
 import { SortableItem } from "../DragSortList";
+import "./index.less";
 export var TRASH_ID = "void";
+var maxLength = 3;
 var DefaultRenderContainer = function DefaultRenderContainer(props) {
   var id = props.id,
     children = props.children,
@@ -103,6 +105,10 @@ var MultipleContainersSortList = function MultipleContainersSortList(props) {
       var newList = _objectSpread(_objectSpread({}, list), {}, (_objectSpread2 = {}, _defineProperty(_objectSpread2, activeContainer, list[activeContainer].filter(function (item) {
         return getRowKey(item) !== active.id;
       })), _defineProperty(_objectSpread2, overContainer, [].concat(_toConsumableArray(list[overContainer].slice(0, newIndex)), [list[activeContainer][activeIndex]], _toConsumableArray(list[overContainer].slice(newIndex, list[overContainer].length)))), _objectSpread2));
+      if (overContainer === "quickFilter" && newList[overContainer].length > maxLength) {
+        var _objectSpread3;
+        newList = _objectSpread(_objectSpread({}, newList), {}, (_objectSpread3 = {}, _defineProperty(_objectSpread3, overContainer, newList[overContainer].slice(0, maxLength)), _defineProperty(_objectSpread3, activeContainer, [].concat(_toConsumableArray(newList[overContainer].slice(maxLength)), _toConsumableArray(newList[activeContainer]))), _objectSpread3));
+      }
       onChange === null || onChange === void 0 ? void 0 : onChange(newList);
     }
   };
@@ -143,14 +149,16 @@ var MultipleContainersSortList = function MultipleContainersSortList(props) {
         return getRowKey(item);
       }),
       strategy: verticalListSortingStrategy
-    }, list[container].map(function (item, index) {
+    }, list[container].length ? list[container].map(function (item, index) {
       return /*#__PURE__*/React.createElement(SortableItem, {
         key: getRowKey(item),
         id: getRowKey(item),
         item: item,
         index: index
       }, children);
-    })));
+    }) : /*#__PURE__*/React.createElement("span", {
+      className: "materials-sort-list-empty"
+    }, "No filter options available.")));
   })));
 };
 export default MultipleContainersSortList;

package/es/components/MultipleContainersSortList/index.less

@@ -0,0 +1,6 @@
+.materials-sort-list-empty {
+  display: block;
+  color: #5a5a5a;
+  text-align: center;
+  padding-top: 22px;
+}

package/es/components/{table/Pagination → Pagination}/index.d.ts

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

package/es/components/Pagination/index.js

@@ -0,0 +1,142 @@
+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 { ArrowLeft, ArrowRight } from "@pisell/icon";
+import { Pagination as OriginPagination } from "antd";
+import classNames from "classnames";
+import { useResponsive } from "../../hooks";
+import "./index.less";
+
+/**
+ * @title: 自定义渲染
+ * @description:
+ * @return {*}
+ * @Author: zhiwei.Wang
+ * @Date: 2023-07-20 17:01
+ */
+var itemRender = function itemRender(_, type, originalElement) {
+  if (type === "prev") {
+    return /*#__PURE__*/React.createElement("div", {
+      className: classNames("paginator-page-btn", "left")
+    }, /*#__PURE__*/React.createElement(ArrowLeft, {
+      className: "paginator-page-btn-left-icon"
+    }), /*#__PURE__*/React.createElement("span", {
+      className: "paginator-page-btn-text"
+    }, "Previous"));
+  }
+  if (type === "next") {
+    return /*#__PURE__*/React.createElement("div", {
+      className: classNames("paginator-page-btn", "right")
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "paginator-page-btn-text"
+    }, "Next"), /*#__PURE__*/React.createElement(ArrowRight, {
+      className: "paginator-page-btn-right-icon"
+    }));
+  }
+  return originalElement;
+};
+
+// 分页配置
+export var paginationConfig = {
+  className: "materials-grid-paginator",
+  defaultCurrent: 1,
+  showTotal: function showTotal(total, range) {
+    return "Page ".concat(range[0], " of ").concat(range[1]);
+  },
+  itemRender: itemRender,
+  responsive: true,
+  size: "small"
+};
+var Pagination = function Pagination(props) {
+  var responsive = useResponsive();
+  var show = useMemo(function () {
+    return Object.keys(props).length;
+  }, [props]);
+  var content = useMemo(function () {
+    if (!show) {
+      return null;
+    }
+    var Com = OriginPagination;
+
+    // 移动端使用简单分页
+    if (responsive === "phone") {
+      Com = MiniPagination;
+    }
+    return /*#__PURE__*/React.createElement(Com, _extends({}, paginationConfig, props));
+  }, [show, paginationConfig, props, responsive]);
+  return content;
+};
+export default Pagination;
+var MiniPagination = function MiniPagination(props) {
+  var _props$current = props.current,
+    current = _props$current === void 0 ? 1 : _props$current,
+    _props$pageSize = props.pageSize,
+    pageSize = _props$pageSize === void 0 ? 10 : _props$pageSize,
+    _props$total = props.total,
+    total = _props$total === void 0 ? 0 : _props$total;
+
+  // 最大翻页
+  var MAX = useMemo(function () {
+    return Math.ceil(total / pageSize);
+  }, [total, pageSize]);
+
+  // 最小翻页
+  var MIN = useMemo(function () {
+    return 1;
+  }, []);
+
+  /**
+   * @title: 翻页回调
+   * @description:
+   * @param {*} type
+   * @return {*}
+   * @Author: zhiwei.Wang
+   * @Date: 2023-07-20 17:02
+   */
+  var onChange = function onChange(type) {
+    var currentPage = current;
+    if (type === "prev") {
+      currentPage = current - 1;
+    }
+    if (type === "next") {
+      currentPage = current + 1;
+    }
+    props.onChange && props.onChange(currentPage, pageSize || 10);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: "materials-grid-paginator materials-grid-paginator-mini"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode-pagination-prev",
+    onClick: function onClick() {
+      if (current <= MIN) {
+        return;
+      }
+      onChange("prev");
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames("paginator-page-btn", "left")
+  }, /*#__PURE__*/React.createElement(ArrowLeft, {
+    className: "paginator-page-btn-left-icon"
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "materials-grid-paginator-center"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "materials-grid-paginator-center-text"
+  }, "Page"), /*#__PURE__*/React.createElement("span", {
+    className: "materials-grid-paginator-center-value"
+  }, current), /*#__PURE__*/React.createElement("span", {
+    className: "materials-grid-paginator-center-text"
+  }, "of"), /*#__PURE__*/React.createElement("span", {
+    className: "materials-grid-paginator-center-value"
+  }, MAX)), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode-pagination-next",
+    onClick: function onClick() {
+      if (current >= MAX) {
+        return;
+      }
+      onChange("next");
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames("paginator-page-btn", "right")
+  }, /*#__PURE__*/React.createElement(ArrowRight, {
+    className: "paginator-page-btn-right-icon"
+  }))));
+};

package/{lib/components/table → es/components}/Pagination/index.less

@@ -12,7 +12,7 @@
   padding: 0 20px;
   margin: 0 !important;
 
-  .ant-pagination-total-text {
+  .pisell-lowcode-pagination-total-text {
     margin-right: auto;
     color: var(--gray-500, #667085);
     /* Text sm/Medium */
@@ -23,7 +23,7 @@
     /* 142.857% */
   }
 
-  .ant-pagination-item {
+  .pisell-lowcode-pagination-item {
     position: relative;
     border: none;
     margin: 0;
@@ -32,37 +32,37 @@
     border-right: 0;
   }
 
-  .ant-pagination-jump-prev {
+  .pisell-lowcode-pagination-jump-prev {
     border: 1px solid #D0D5DD;
     margin: 0;
     border-radius: 0;
     border-right: none;
   }
 
-  .ant-pagination-jump-next {
+  .pisell-lowcode-pagination-jump-next {
     border: 1px solid #D0D5DD;
     margin: 0;
     border-radius: 0;
     border-right: none;
   }
 
-  .ant-pagination-item-link:hover {
+  .pisell-lowcode-pagination-item-link:hover {
     font-weight: 450 !important;
     color: rgba(0, 0, 0, 0.88) !important;
 
-    .ant-pagination-item-link-icon {
+    .pisell-lowcode-pagination-item-link-icon {
       font-weight: 450 !important;
       color: rgba(0, 0, 0, 0.88) !important;
     }
   }
 
-  .ant-pagination-disabled {}
+  .pisell-lowcode-pagination-disabled {}
 
-  .ant-pagination-item-active:hover {
+  .pisell-lowcode-pagination-item-active:hover {
     border-color: #D0D5DD !important;
   }
 
-  .ant-pagination-item-active {
+  .pisell-lowcode-pagination-item-active {
     a {
       font-weight: 450 !important;
       color: rgba(0, 0, 0, 0.88) !important;
@@ -72,7 +72,7 @@
     background-color: rgba(0, 0, 0, 0.06);
   }
 
-  .ant-pagination-prev {
+  .pisell-lowcode-pagination-prev {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -84,7 +84,7 @@
   }
 
 
-  .ant-pagination-next {
+  .pisell-lowcode-pagination-next {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -148,4 +148,62 @@
       transform: rotate(180deg);
     }
   }
+}
+
+.materials-grid-paginator-mini {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  overflow: hidden;
+  height: 50px;
+  width: 100%;
+  background-color: #fff;
+  border-radius: 0 0 8px 8px;
+  border: 1px solid #f0f0f0;
+  border-top: none;
+  padding: 0 20px;
+  margin: 0 !important;
+
+  .paginator-page-btn {
+    padding: 8px;
+
+  }
+
+  .materials-grid-paginator-center {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 4px;
+
+    .materials-grid-paginator-center-text {
+      color: var(--gray-700, #344054);
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+    }
+
+    .materials-grid-paginator-center-value {
+      color: var(--gray-700, #344054);
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 500;
+    }
+  }
+
+  .pisell-lowcode-pagination-prev,
+  .pisell-lowcode-pagination-next {
+    margin: 0;
+    border-radius: 8px;
+    border: 1px solid #D0D5DD;
+
+    .paginator-page-btn-left-icon {
+      margin-right: 0;
+    }
+
+    .paginator-page-btn-right-icon {
+      margin-left: 0;
+    }
+
+  }
+
 }

package/es/components/config-provider/index.d.ts

@@ -1,4 +1,8 @@
 /// <reference types="react" />
-import 'dayjs/locale/zh-cn';
-declare const ConfigProvider: (props: any) => JSX.Element;
+import { ConfigProviderProps as OriginalConfigProviderProps } from "antd/es/config-provider";
+import "dayjs/locale/zh-cn";
+export interface ConfigProviderProps extends OriginalConfigProviderProps {
+    [key: string]: any;
+}
+declare const ConfigProvider: (props: ConfigProviderProps) => JSX.Element;
 export default ConfigProvider;

package/es/components/config-provider/index.js

@@ -2,23 +2,22 @@ var _excluded = ["locale"];
 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 as OriginalConfigProvider } from 'antd';
-
+import React from "react";
+import { ConfigProvider as OriginalConfigProvider } from "antd";
 // 由于 antd 组件的默认文案是英文，所以需要修改为中文
-import dayjs from 'dayjs';
-import 'dayjs/locale/zh-cn';
-import zhCN from 'antd/locale/zh_CN';
+import dayjs from "dayjs";
+import "dayjs/locale/zh-cn";
+import zhCN from "antd/locale/zh_CN";
 var ConfigProvider = function ConfigProvider(props) {
   var locale = props.locale,
     rest = _objectWithoutProperties(props, _excluded);
   var localeData = locale;
-  if (typeof locale === 'string') {
-    if (locale.toLowerCase() === 'zh-cn') {
-      dayjs.locale('zh-cn');
+  if (typeof locale === "string") {
+    if (locale.toLowerCase() === "zh-cn") {
+      dayjs.locale("zh-cn");
       localeData = zhCN;
-    } else if (locale.toLowerCase() === 'en-us') {
-      dayjs.locale('en');
+    } else if (locale.toLowerCase() === "en-us") {
+      dayjs.locale("en");
       // 默认为英文
       localeData = undefined;
     }

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ConfigProviderProps } from "../config-provider";
+interface PageProps extends ConfigProviderProps {
+}
+declare const Page: (props: PageProps) => JSX.Element;
+export default Page;

package/es/components/page/index.js

@@ -0,0 +1,85 @@
+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 from "react";
+import ConfigProvider from "../config-provider";
+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)"
+    }
+  },
+  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 Page = function Page(props) {
+  return /*#__PURE__*/React.createElement(ConfigProvider, _extends({}, props, {
+    prefixCls: props.prefixCls || "pisell-lowcode",
+    theme: props.theme || theme
+  }));
+};
+export default Page;

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

@@ -6,10 +6,15 @@ import "./index.less";
 import FilterItem from "../FilterItem";
 import { useSharedState } from "../../../../../hooks";
 import { Context } from "../../../model";
+import { Tooltip } from "antd";
 var titleMap = {
   quickFilter: "Quick Filter",
   otherFilter: "Filter"
 };
+var tooltipMap = {
+  quickFilter: "Enable quick filtering directly on the page for convenient filtering operations, with a maximum of three filters allowed.\n",
+  otherFilter: "Select filter criteria in the list to perform filtering operations and display corresponding results."
+};
 var DragItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var attributes = props.attributes,
     listeners = props.listeners,
@@ -58,9 +63,11 @@ var Dropdown = function Dropdown(props) {
       className: "filter-dropdown-container-title-wrap"
     }, /*#__PURE__*/React.createElement("span", {
       className: "filter-dropdown-container-title"
-    }, titleMap[id]), /*#__PURE__*/React.createElement(HelpCircle, {
+    }, titleMap[id]), /*#__PURE__*/React.createElement(Tooltip, {
+      title: tooltipMap[id]
+    }, /*#__PURE__*/React.createElement(HelpCircle, {
       className: "filter-dropdown-container-icon-help"
-    })), /*#__PURE__*/React.createElement("div", {
+    }))), /*#__PURE__*/React.createElement("div", {
       ref: ref,
       className: "filter-dropdown-container-filter-wrap"
     }, children));

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

@@ -1,5 +1,7 @@
 .filter-dropdown-wrap {
   width: 400px;
+  max-width: calc(100vw - 24px);
+  min-width: 250px;
   padding: 4px;
   max-height: 400px;
   display: flex;
@@ -23,7 +25,7 @@
       color: #98A2B3;
       cursor: pointer;
     }
-    .ant-form-item {
+    .pisell-lowcode-form-item {
       margin-bottom: 0;
     }
     .filter-dropdown-drag-item-right {

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

@@ -8,7 +8,7 @@
     flex: 1;
     display: flex;
     align-items: center;
-    .ant-form-item {
+    .pisell-lowcode-form-item {
       margin-bottom: 0;
     }
   }

package/es/components/table/BasicTable/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TableProps } from "antd";
+declare const BasicTable: (props: TableProps<any>) => JSX.Element;
+export default BasicTable;

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

@@ -0,0 +1,71 @@
+var _excluded = ["dataSource", "pagination"];
+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 } from "react";
+import Pagination from "../../Pagination";
+var BasicTable = function BasicTable(props) {
+  var dataSource = props.dataSource,
+    pagination = props.pagination,
+    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];
+
+  // 分割数据源
+  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)) {
+      list = dataSource;
+      total = list.length;
+    }
+    list = list.slice((currentPage - 1) * pageSize, currentPage * pageSize);
+    return {
+      list: list,
+      total: total
+    };
+  }, [dataSource, currentPage, pageSize]);
+
+  // 总数
+  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
+  })), /*#__PURE__*/React.createElement(Pagination, _extends({}, pagination, {
+    current: currentPage,
+    pageSize: pageSize,
+    onShowSizeChange: onPaginationChange,
+    onChange: onPaginationChange,
+    total: total
+  })));
+};
+export default BasicTable;

package/es/components/table/Table/AddFieldModal/index.less

@@ -16,7 +16,7 @@
 
 .popover-wrap {
   :global {
-    .ant-popover-arrow {
+    .pisell-lowcode-popover-arrow {
       display: none;
     }
   }

package/es/components/table/Table/fields/date/Show/index.js

@@ -1,6 +1,8 @@
 var _excluded = ["title", "editable", "dataIndex", "field_type", "record", "handleSave"];
 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 { formatDate } from "@pisell/utils";
 var Show = function Show(props) {
   var title = props.title,
     editable = props.editable,
@@ -11,6 +13,6 @@ var Show = function Show(props) {
     restProps = _objectWithoutProperties(props, _excluded);
   return /*#__PURE__*/React.createElement("div", {
     className: ""
-  }, record[dataIndex]);
+  }, formatDate(record[dataIndex]));
 };
 export default Show;