@pisell/materials 1.0.10 → 1.0.12

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.less

@@ -23,7 +23,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/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/table/Pagination/index.js

@@ -31,7 +31,9 @@ export var paginationConfig = {
   showTotal: function showTotal(total, range) {
     return "Page ".concat(range[0], " of ").concat(range[1]);
   },
-  itemRender: itemRender
+  itemRender: itemRender,
+  responsive: true,
+  size: "small"
 };
 var Pagination = function Pagination(props) {
   console.log(props);

package/es/components/table/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;

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/index.js

@@ -11,7 +11,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 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; }
-import { useSharedState } from "../../../hooks";
+import { useSharedState, useResponsive } from "../../../hooks";
 import { Table } from "antd";
 // import { Access } from '@umijs/max';
 import React, { useCallback, useMemo } from "react";
@@ -25,6 +25,7 @@ import Header from "./tableConfig/header";
 import { paginationConfig } from "../Pagination";
 var GridViewTable = function GridViewTable(_ref) {
   var tableProps = _ref.tableProps;
+  var responsive = useResponsive();
   var _useSharedState = useSharedState(Context),
     state = _useSharedState.state,
     dispatch = _useSharedState.dispatch;
@@ -91,6 +92,19 @@ var GridViewTable = function GridViewTable(_ref) {
     var _current = start / tableProps.pagination.pageSize + 1;
     return "Page ".concat(_current, " of ").concat(Math.ceil(total / tableProps.pagination.pageSize));
   }, [tableProps.pagination.pageSize]);
+  var _paginationConfig = useMemo(function () {
+    if (tableProps.pagination === false) {
+      return false;
+    }
+    if (responsive === "phone") {
+      return _objectSpread(_objectSpread({}, tableProps.pagination), {}, {
+        size: "small"
+      });
+    }
+    return _objectSpread(_objectSpread(_objectSpread({}, paginationConfig), tableProps.pagination), {}, {
+      showTotal: showTotal
+    });
+  }, [responsive, tableProps.pagination]);
   return /*#__PURE__*/React.createElement("div", {
     className: "materials-grid-table-wrap"
   }, /*#__PURE__*/React.createElement(SortRow, null, /*#__PURE__*/React.createElement(Table, _extends({
@@ -111,9 +125,7 @@ var GridViewTable = function GridViewTable(_ref) {
     scroll: {
       x: "max-content"
     },
-    pagination: tableProps.pagination === false ? false : _objectSpread(_objectSpread(_objectSpread({}, paginationConfig), tableProps.pagination), {}, {
-      showTotal: showTotal
-    })
+    pagination: _paginationConfig
   }))));
 };
 export default GridViewTable;

package/es/hooks/index.d.ts

@@ -1,2 +1,3 @@
 import useSharedState from './useSharedState';
-export { useSharedState };
+import useResponsive from './useResponsive';
+export { useSharedState, useResponsive };

package/es/hooks/index.js

@@ -1,2 +1,3 @@
 import useSharedState from "./useSharedState";
-export { useSharedState };
+import useResponsive from "./useResponsive";
+export { useSharedState, useResponsive };

package/es/hooks/useResponsive.d.ts

@@ -0,0 +1,4 @@
+declare type ResponsiveConfig = Record<string, number>;
+export declare function configResponsive(config: ResponsiveConfig): void;
+export default function useResponsive(): "pc" | "ipad" | "phone";
+export {};

package/es/hooks/useResponsive.js

@@ -0,0 +1,95 @@
+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 _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 _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+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; }
+import { useEffect, useState, useMemo } from 'react';
+import { isBrowser } from "../utils";
+var subscribers = new Set();
+var info;
+var responsiveConfig = {
+  phone: 0,
+  ipad: 700,
+  pc: 1080
+};
+function handleResize() {
+  var oldInfo = info;
+  calculate();
+  if (oldInfo === info) return;
+  var _iterator = _createForOfIteratorHelper(subscribers),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var subscriber = _step.value;
+      subscriber();
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+}
+var listening = false;
+function calculate() {
+  var width = window.innerWidth;
+  var newInfo = {};
+  var shouldUpdate = false;
+  for (var _i = 0, _Object$keys = Object.keys(responsiveConfig); _i < _Object$keys.length; _i++) {
+    var key = _Object$keys[_i];
+    newInfo[key] = width >= responsiveConfig[key];
+    if (newInfo[key] !== info[key]) {
+      shouldUpdate = true;
+    }
+  }
+  if (shouldUpdate) {
+    info = newInfo;
+  }
+}
+export function configResponsive(config) {
+  responsiveConfig = config;
+  if (info) calculate();
+}
+export default function useResponsive() {
+  if (isBrowser && !listening) {
+    info = {};
+    calculate();
+    window.addEventListener('resize', handleResize);
+    listening = true;
+  }
+  var _useState = useState(info),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
+  useEffect(function () {
+    if (!isBrowser) return;
+
+    // In React 18's StrictMode, useEffect perform twice, resize listener is remove, so handleResize is never perform.
+    // https://github.com/alibaba/hooks/issues/1910
+    if (!listening) {
+      window.addEventListener('resize', handleResize);
+    }
+    var subscriber = function subscriber() {
+      setState(info);
+    };
+    subscribers.add(subscriber);
+    return function () {
+      subscribers.delete(subscriber);
+      if (subscribers.size === 0) {
+        window.removeEventListener('resize', handleResize);
+        listening = false;
+      }
+    };
+  }, []);
+  var current = useMemo(function () {
+    if (state !== null && state !== void 0 && state.pc) {
+      return 'pc';
+    }
+    if (state !== null && state !== void 0 && state.ipad) {
+      return 'ipad';
+    }
+    return 'phone';
+  }, [state]);
+  return current;
+}

package/es/index.d.ts

@@ -61,3 +61,4 @@ export { default as Select } from './components/select';
 export { default as Cascader } from './components/cascader';
 export { default as AutoComplete } from './components/auto-complete';
 export { default as Div } from './components/div';
+export { default as Page } from './components/page';

package/es/index.js

@@ -85,4 +85,5 @@ export { default as Input } from "./components/input";
 export { default as Select } from "./components/select";
 export { default as Cascader } from "./components/cascader";
 export { default as AutoComplete } from "./components/auto-complete";
-export { default as Div } from "./components/div";
+export { default as Div } from "./components/div";
+export { default as Page } from "./components/page";

package/es/utils/index.d.ts

@@ -0,0 +1 @@
+export declare const isBrowser: boolean;

package/es/utils/index.js

@@ -0,0 +1 @@
+export var isBrowser = !!(typeof window !== 'undefined' && window.document && window.document.createElement);

package/lib/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/lib/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/lib/components/page/index.js

@@ -0,0 +1,122 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/page/index.tsx
+var page_exports = {};
+__export(page_exports, {
+  default: () => page_default
+});
+module.exports = __toCommonJS(page_exports);
+var import_react = __toESM(require("react"));
+var import_config_provider = __toESM(require("../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 = (props) => {
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_config_provider.default,
+    {
+      ...props,
+      prefixCls: props.prefixCls || "pisell-lowcode",
+      theme: props.theme || theme
+    }
+  );
+};
+var page_default = Page;

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

@@ -23,7 +23,7 @@
       color: #98A2B3;
       cursor: pointer;
     }
-    .ant-form-item {
+    .pisell-lowcode-form-item {
       margin-bottom: 0;
     }
     .filter-dropdown-drag-item-right {

package/lib/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/lib/components/table/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/lib/components/table/Pagination/index.js

@@ -51,7 +51,9 @@ var paginationConfig = {
   className: "materials-grid-paginator",
   defaultCurrent: 1,
   showTotal: (total, range) => `Page ${range[0]} of ${range[1]}`,
-  itemRender
+  itemRender,
+  responsive: true,
+  size: "small"
 };
 var Pagination = (props) => {
   console.log(props);