@pisell/materials 1.0.145 → 1.0.147

package/dist/umd/static/DotsSix.57d66266.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M8 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM8 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM8 20a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM16 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM16 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM16 20a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>

package/dist/umd/static/arrow-left.e542294f.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.707 4.293a1 1 0 0 1 0 1.414L7.414 11H19a1 1 0 1 1 0 2H7.414l5.293 5.293a1 1 0 0 1-1.414 1.414l-7-7a1 1 0 0 1 0-1.414l7-7a1 1 0 0 1 1.414 0Z"/></svg>

package/dist/umd/static/arrow-right.763f03e0.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.293 4.293a1 1 0 0 1 1.414 0l7 7a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414-1.414L16.586 13H5a1 1 0 1 1 0-2h11.586l-5.293-5.293a1 1 0 0 1 0-1.414Z"/></svg>

package/dist/umd/static/filter-lines.04a54ae9.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 6a1 1 0 0 1 1-1h18a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1Zm3 6a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H6a1 1 0 0 1-1-1Zm3 6a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1Z"/></svg>

package/dist/umd/static/help-circle.31c9be40.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18ZM1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12Zm11.258-3.976a2 2 0 0 0-2.225 1.308 1 1 0 1 1-1.886-.664 4 4 0 0 1 7.773 1.333c0 1.53-1.135 2.54-1.945 3.081a8.044 8.044 0 0 1-1.686.848l-.035.013-.011.003-.004.002h-.002L11.92 13l.316.949a1 1 0 0 1-.633-1.897l.016-.006.074-.027a6.051 6.051 0 0 0 1.172-.6c.69-.46 1.055-.95 1.055-1.419v-.001a2 2 0 0 0-1.662-1.975ZM11 17a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H12a1 1 0 0 1-1-1Z"/></svg>

package/dist/umd/static/switch-vertical-01.7ebe3ba8.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.293 3.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1-1.414 1.414L8 6.414V20a1 1 0 1 1-2 0V6.414L3.707 8.707a1 1 0 0 1-1.414-1.414l4-4ZM16 17.586V4a1 1 0 1 1 2 0v13.586l2.293-2.293a1 1 0 0 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 1.414-1.414L16 17.586Z"/></svg>

package/es/components/Pagination/index.js

@@ -16,6 +16,7 @@ import { Pagination as OriginPagination } from "antd";
 import classNames from "classnames";
 import { useResponsive } from "../../hooks";
 import "./index.less";
+import { getText } from "../../locales";
 
 /**
  * @title: 自定义渲染
@@ -32,14 +33,14 @@ var itemRender = function itemRender(_, type, originalElement) {
       className: "paginator-page-btn-left-icon"
     }), /*#__PURE__*/React.createElement("span", {
       className: "paginator-page-btn-text"
-    }, "Previous"));
+    }, getText('table-pagination-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, {
+    }, getText('table-pagination-next')), /*#__PURE__*/React.createElement(ArrowRight, {
       className: "paginator-page-btn-right-icon"
     }));
   }
@@ -112,6 +113,7 @@ var MiniPagination = function MiniPagination(props) {
     }
     props.onChange && props.onChange(currentPage, pageSize || 10);
   };
+  console.log(getText('table-pagination-total'), 'getText(\'table-pagination-total\')');
   return /*#__PURE__*/React.createElement("div", {
     className: "materials-grid-paginator materials-grid-paginator-mini"
   }, /*#__PURE__*/React.createElement("div", {
@@ -130,13 +132,7 @@ var MiniPagination = function MiniPagination(props) {
     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", {
+  }, getText('table-pagination-total')(current, MAX))), /*#__PURE__*/React.createElement("div", {
     className: "pisell-lowcode-pagination-next",
     onClick: function onClick() {
       if (current >= MAX) {

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./index.less";
+declare const ClassicLayout: (props: any) => JSX.Element;
+export default ClassicLayout;

package/es/components/classicLayout/index.js

@@ -0,0 +1,25 @@
+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); }
+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); }
+import React from "react";
+import classNames from "classnames";
+import "./index.less";
+var prefix = "pisell-lowcode-";
+var ClassicLayout = function ClassicLayout(props) {
+  var header = props.header,
+    content = props.content,
+    footer = props.footer,
+    style = props.style,
+    fixedHeader = props.fixedHeader,
+    fixedFooter = props.fixedFooter;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefix, "claseic-layout"),
+    style: style
+  }, /*#__PURE__*/React.createElement("header", {
+    className: classNames(_defineProperty({}, "".concat(prefix, "claseic-layout-fixed-header"), fixedHeader))
+  }, header), content, /*#__PURE__*/React.createElement("footer", {
+    className: classNames(_defineProperty({}, "".concat(prefix, "claseic-layout-fixed-footer"), fixedFooter))
+  }, footer));
+};
+export default ClassicLayout;

package/es/components/classicLayout/index.less

@@ -0,0 +1,22 @@
+@pisell-prefix: pisell-lowcode;
+
+.@{pisell-prefix} {
+  &-claseic-layout {
+    position: relative;
+    overflow: auto;
+    height: 100%;
+    width: 100%;
+  }
+  &-claseic-layout-fixed-header {
+    position: sticky;
+    top: 0;
+    z-index: 1;
+    width: 100%;
+  }
+  &-claseic-layout-fixed-footer {
+    position: sticky;
+    bottom: 0;
+    z-index: 1;
+    width: 100%;
+  }
+}

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import "./index.less";
+declare const List: {
+    (props: any): JSX.Element;
+    Item: import("antd/es/list/Item").ListItemTypeProps;
+};
+export default List;

package/es/components/list/index.js

@@ -0,0 +1,19 @@
+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); }
+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 _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); }
+import React from "react";
+import classNames from "classnames";
+import { List as AntList } from "antd";
+import "./index.less";
+var prefix = "pisell-lowcode-";
+var List = function List(props) {
+  var _props$grid;
+  var className = props.className;
+  return /*#__PURE__*/React.createElement(AntList, _extends({}, props, {
+    className: classNames(className, _defineProperty({}, "".concat(prefix, "list-one-line-wrap"), props === null || props === void 0 ? void 0 : (_props$grid = props.grid) === null || _props$grid === void 0 ? void 0 : _props$grid.oneLine))
+  }));
+};
+List.Item = AntList.Item;
+export default List;

package/es/components/list/index.less

@@ -0,0 +1,13 @@
+@pisell-prefix: pisell-lowcode;
+
+.@{pisell-prefix} {
+  &-list-one-line-wrap {
+    .pisell-lowcode-row {
+      flex-flow: row nowrap;
+      overflow: auto;
+      & > div {
+        flex-shrink: 0;
+      }
+    }
+  }
+}

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

@@ -27,6 +27,7 @@ import getColumnStringProps from "../TableFilter/stringFilter";
 import getColumnNumberProps from "../TableFilter/numberFilter";
 import getColumnSelectProps from "../TableFilter/selectFilter";
 import SortIcon from "../TableFilter/SortIcon";
+import { getText } from "../../../locales";
 var GridViewTable = function GridViewTable(_ref) {
   var tableProps = _ref.tableProps;
   var responsive = useResponsive();
@@ -126,7 +127,7 @@ var GridViewTable = function GridViewTable(_ref) {
   var showTotal = useCallback(function (total, range, pageSize) {
     var start = range[0] - 1;
     var _current = start / pageSize + 1;
-    return "Page ".concat(_current, " of ").concat(Math.ceil(total / pageSize));
+    return getText('table-pagination-total')(_current, Math.ceil(total / pageSize));
   }, []);
   var _paginationConfig = useMemo(function () {
     if (tableProps.pagination === false) {

package/es/components/table/TableFilter/numberFilter.js

@@ -9,6 +9,7 @@ import { Button, InputNumber, Space } from "antd";
 // import { FilterFunnel01, FilterFunnel01Fill } from "@pisell/icon/es";
 import FilterFunnel01 from "@pisell/icon/es/FilterFunnel01";
 import FilterFunnel01Fill from "@pisell/icon/es/FilterFunnel01Fill";
+import { getText } from "../../../locales";
 import "./index.less";
 var getColumnNumberProps = function getColumnNumberProps(_ref) {
   var dataIndex = _ref.dataIndex;
@@ -36,7 +37,7 @@ var getColumnNumberProps = function getColumnNumberProps(_ref) {
           });
           setSelectedKeys([newVal]);
         },
-        placeholder: "Min",
+        placeholder: getText("table-filter-min"),
         onPressEnter: function onPressEnter() {
           return confirm();
         },
@@ -45,7 +46,7 @@ var getColumnNumberProps = function getColumnNumberProps(_ref) {
         }
       }), /*#__PURE__*/React.createElement(InputNumber, {
         value: selectedKeys === null || selectedKeys === void 0 ? void 0 : (_selectedKeys$2 = selectedKeys[0]) === null || _selectedKeys$2 === void 0 ? void 0 : _selectedKeys$2.max,
-        placeholder: "Max",
+        placeholder: getText("table-filter-max"),
         onChange: function onChange(value) {
           var newVal = _objectSpread(_objectSpread({}, (selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys[0]) || {}), {}, {
             max: value
@@ -71,13 +72,13 @@ var getColumnNumberProps = function getColumnNumberProps(_ref) {
           confirm();
         },
         block: true
-      }, "Clear"), /*#__PURE__*/React.createElement(Button, {
+      }, getText("table-filter-clear")), /*#__PURE__*/React.createElement(Button, {
         type: "primary",
         onClick: function onClick() {
           return confirm();
         },
         block: true
-      }, "Filter")));
+      }, getText("table-filter-filter"))));
     },
     filterIcon: function filterIcon(filtered) {
       return filtered ? /*#__PURE__*/React.createElement(FilterFunnel01Fill, {

package/es/components/table/TableFilter/selectFilter.js

@@ -13,6 +13,7 @@ import React, { useEffect, useMemo, useState } from "react";
 import { Button, Checkbox, Space, Menu } from "antd";
 import FilterFunnel01Fill from "@pisell/icon/es/FilterFunnel01Fill";
 import FilterFunnel01 from "@pisell/icon/es/FilterFunnel01";
+import { getText } from "../../../locales";
 import "./index.less";
 var FilterDropdown = function FilterDropdown(props) {
   var setSelectedKeys = props.setSelectedKeys,
@@ -89,7 +90,7 @@ var FilterDropdown = function FilterDropdown(props) {
     style: {
       flex: 1
     }
-  }, "Clear"), /*#__PURE__*/React.createElement(Button, {
+  }, getText("table-filter-clear")), /*#__PURE__*/React.createElement(Button, {
     type: "primary",
     onClick: function onClick() {
       return confirm();
@@ -98,7 +99,7 @@ var FilterDropdown = function FilterDropdown(props) {
     style: {
       flex: 1
     }
-  }, "Filter")));
+  }, getText("table-filter-filter"))));
 };
 var getColumnSelectProps = function getColumnSelectProps(_ref2) {
   var dataIndex = _ref2.dataIndex,

package/es/components/table/TableFilter/stringFilter.js

@@ -1,6 +1,7 @@
 import React from "react";
 import { Button, Input, Space } from "antd";
 import SearchLg from "@pisell/icon/es/SearchLg";
+import { getText } from "../../../locales";
 import "./index.less";
 var getColumnStringProps = function getColumnStringProps(_ref) {
   var dataIndex = _ref.dataIndex;
@@ -20,7 +21,7 @@ var getColumnStringProps = function getColumnStringProps(_ref) {
         className: "pisell-table-filter-dropdown-top"
       }, /*#__PURE__*/React.createElement(Input, {
         prefix: /*#__PURE__*/React.createElement(SearchLg, null),
-        placeholder: "Search",
+        placeholder: getText("table-filter-search"),
         value: selectedKeys[0],
         onChange: function onChange(e) {
           return setSelectedKeys(e.target.value ? [e.target.value] : []);
@@ -47,7 +48,7 @@ var getColumnStringProps = function getColumnStringProps(_ref) {
         style: {
           flex: 1
         }
-      }, "Clear"), /*#__PURE__*/React.createElement(Button, {
+      }, getText('table-filter-clear')), /*#__PURE__*/React.createElement(Button, {
         type: "primary",
         onClick: function onClick() {
           return confirm();
@@ -56,7 +57,7 @@ var getColumnStringProps = function getColumnStringProps(_ref) {
         style: {
           flex: 1
         }
-      }, "Filter")));
+      }, getText('table-filter-filter'))));
     },
     filterIcon: function filterIcon(filtered) {
       return /*#__PURE__*/React.createElement(SearchLg, {

package/es/components/table/model.js

@@ -21,34 +21,7 @@ var defaultState = {
     address: "London, Park Lane no. 1",
     image: ["https://file.mypisell-dev.com//static/avatar.png"]
   }],
-  defaultColumns: [{
-    title: "Name",
-    dataIndex: "name",
-    field_type: "text",
-    editable: true,
-    width: 200,
-    fixed: "left",
-    lock: true
-  }, {
-    title: "Age",
-    dataIndex: "age",
-    editable: true,
-    width: 200,
-    field_type: "text",
-    lock: true
-  }, {
-    title: "Address",
-    dataIndex: "address",
-    editable: true,
-    width: 200,
-    field_type: "text"
-  }, {
-    title: "Image",
-    dataIndex: "image",
-    editable: true,
-    width: 200,
-    field_type: "image"
-  }],
+  defaultColumns: [],
   currentCell: null,
   quickFilter: [],
   otherFilter: [],
@@ -113,7 +86,6 @@ export { Provider, Context };
 var formatColumn = function formatColumn(item) {
   var _other = _objectSpread({
     editable: true,
-    width: 100,
     field_type: "text",
     lock: true
   }, item.other || {});

package/es/index.d.ts

@@ -14,7 +14,6 @@ export { Empty } from "antd";
 export { Grid } from "antd";
 export { Image } from "antd";
 export { InputNumber } from "antd";
-export { List } from "antd";
 export { message } from "antd";
 export { Mentions } from "antd";
 export { Statistic } from "antd";
@@ -66,3 +65,5 @@ export { default as Translation } from "./components/translation";
 export { default as SortableList } from "./components/sortableList";
 export { default as RecordView } from "./components/record-view";
 export { default as QRCode } from "./components/qrcode";
+export { default as ClassicLayout } from "./components/classicLayout";
+export { default as List } from "./components/list";

package/es/index.js

@@ -23,7 +23,6 @@ export { Grid } from "antd";
 
 export { Image } from "antd";
 export { InputNumber } from "antd";
-export { List } from "antd";
 export { message } from "antd";
 
 // export { Menu } from "antd";
@@ -88,4 +87,6 @@ export { default as Filter } from "./components/filter";
 export { default as Translation } from "./components/translation";
 export { default as SortableList } from "./components/sortableList";
 export { default as RecordView } from "./components/record-view";
-export { default as QRCode } from "./components/qrcode";
+export { default as QRCode } from "./components/qrcode";
+export { default as ClassicLayout } from "./components/classicLayout";
+export { default as List } from "./components/list";

package/es/locales/en-US.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    "table-filter-search": string;
+    "table-filter-clear": string;
+    "table-filter-filter": string;
+    "table-filter-min": string;
+    "table-filter-max": string;
+    "table-pagination-previous": string;
+    "table-pagination-next": string;
+    "table-pagination-total": (current: string, total: string) => string;
+};
+export default _default;

package/es/locales/en-US.js

@@ -0,0 +1,12 @@
+export default {
+  "table-filter-search": "Search",
+  "table-filter-clear": "Clear",
+  "table-filter-filter": "Filter",
+  "table-filter-min": "Min",
+  "table-filter-max": "Max",
+  "table-pagination-previous": "Previous",
+  "table-pagination-next": "Next",
+  "table-pagination-total": function tablePaginationTotal(current, total) {
+    return "Page ".concat(current, " of ").concat(total);
+  }
+};

package/es/locales/index.d.ts

@@ -0,0 +1 @@
+export declare const getText: (id: string) => any;

package/es/locales/index.js

@@ -0,0 +1,21 @@
+import zhCN from "./zh-CN";
+import enUS from "./en-US";
+import zhTW from "./zh-TW";
+import { getCurrentLocale } from "../utils/locale";
+var langMap = {
+  "zh-CN": zhCN,
+  "en-US": enUS,
+  "zh-TW": zhTW
+};
+export var getText = function getText(id) {
+  if (!id) {
+    return;
+  }
+  var locale = getCurrentLocale();
+  if (!locale) {
+    localStorage.setItem("umi_locale", "en-US");
+    locale = "en-US";
+  }
+  //@ts-ignore
+  return langMap[locale][id] || id;
+};

package/es/locales/zh-CN.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    'table-filter-search': string;
+    'table-filter-clear': string;
+    'table-filter-filter': string;
+    'table-filter-min': string;
+    'table-filter-max': string;
+    'table-pagination-previous': string;
+    'table-pagination-next': string;
+    'table-pagination-total': (current: string, total: string) => string;
+};
+export default _default;

package/es/locales/zh-CN.js

@@ -0,0 +1,12 @@
+export default {
+  'table-filter-search': '搜索',
+  'table-filter-clear': '清除',
+  'table-filter-filter': '筛选',
+  'table-filter-min': '最小',
+  'table-filter-max': '最大',
+  'table-pagination-previous': '上一页',
+  'table-pagination-next': '下一页',
+  'table-pagination-total': function tablePaginationTotal(current, total) {
+    return "\u7B2C".concat(current, "\u9875 \u5171").concat(total, "\u9875");
+  }
+};

package/es/locales/zh-TW.d.ts

@@ -0,0 +1,11 @@
+declare const _default: {
+    'table-filter-search': string;
+    'table-filter-clear': string;
+    'table-filter-filter': string;
+    'table-filter-min': string;
+    'table-filter-max': string;
+    'table-pagination-previous': string;
+    'table-pagination-next': string;
+    'table-pagination-total': (current: string, total: string) => string;
+};
+export default _default;

package/es/locales/zh-TW.js

@@ -0,0 +1,12 @@
+export default {
+  'table-filter-search': '搜索',
+  'table-filter-clear': '清除',
+  'table-filter-filter': '篩選',
+  'table-filter-min': '最小',
+  'table-filter-max': '最大',
+  'table-pagination-previous': '上一頁',
+  'table-pagination-next': '下一頁',
+  'table-pagination-total': function tablePaginationTotal(current, total) {
+    return "\u7B2C".concat(current, "\u9801 \u5171").concat(total, "\u9801");
+  }
+};

package/es/utils/locale.d.ts

@@ -0,0 +1 @@
+export declare const getCurrentLocale: () => string;

package/es/utils/locale.js

@@ -0,0 +1,5 @@
+export var getCurrentLocale = function getCurrentLocale() {
+  var locale = localStorage.getItem('umi_locale') || 'en-US';
+  //@ts-ignore
+  return locale;
+};

package/lib/components/Pagination/index.js

@@ -41,12 +41,13 @@ var import_antd = require("antd");
 var import_classnames = __toESM(require("classnames"));
 var import_hooks = require("../../hooks");
 var import_index = require("./index.less");
+var import_locales = require("../../locales");
 var itemRender = (_, type, originalElement) => {
   if (type === "prev") {
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("paginator-page-btn", "left") }, /* @__PURE__ */ import_react.default.createElement(import_ArrowLeft.default, { className: "paginator-page-btn-left-icon" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "paginator-page-btn-text" }, "Previous"));
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("paginator-page-btn", "left") }, /* @__PURE__ */ import_react.default.createElement(import_ArrowLeft.default, { className: "paginator-page-btn-left-icon" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "paginator-page-btn-text" }, (0, import_locales.getText)("table-pagination-previous")));
   }
   if (type === "next") {
-    return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("paginator-page-btn", "right") }, /* @__PURE__ */ import_react.default.createElement("span", { className: "paginator-page-btn-text" }, "Next"), /* @__PURE__ */ import_react.default.createElement(import_ArrowRight.default, { className: "paginator-page-btn-right-icon" }));
+    return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("paginator-page-btn", "right") }, /* @__PURE__ */ import_react.default.createElement("span", { className: "paginator-page-btn-text" }, (0, import_locales.getText)("table-pagination-next")), /* @__PURE__ */ import_react.default.createElement(import_ArrowRight.default, { className: "paginator-page-btn-right-icon" }));
   }
   return originalElement;
 };
@@ -94,6 +95,7 @@ var MiniPagination = (props) => {
     }
     props.onChange && props.onChange(currentPage, pageSize || 10);
   };
+  console.log((0, import_locales.getText)("table-pagination-total"), "getText('table-pagination-total')");
   return /* @__PURE__ */ import_react.default.createElement("div", { className: "materials-grid-paginator materials-grid-paginator-mini" }, /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
@@ -106,7 +108,7 @@ var MiniPagination = (props) => {
       }
     },
     /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("paginator-page-btn", "left") }, /* @__PURE__ */ import_react.default.createElement(import_ArrowLeft.default, { className: "paginator-page-btn-left-icon" }))
-  ), /* @__PURE__ */ import_react.default.createElement("div", { className: "materials-grid-paginator-center" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "materials-grid-paginator-center-text" }, "Page"), /* @__PURE__ */ import_react.default.createElement("span", { className: "materials-grid-paginator-center-value" }, current), /* @__PURE__ */ import_react.default.createElement("span", { className: "materials-grid-paginator-center-text" }, "of"), /* @__PURE__ */ import_react.default.createElement("span", { className: "materials-grid-paginator-center-value" }, MAX)), /* @__PURE__ */ import_react.default.createElement(
+  ), /* @__PURE__ */ import_react.default.createElement("div", { className: "materials-grid-paginator-center" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "materials-grid-paginator-center-text" }, (0, import_locales.getText)("table-pagination-total")(current, MAX))), /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
       className: "pisell-lowcode-pagination-next",

package/lib/components/classicLayout/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import "./index.less";
+declare const ClassicLayout: (props: any) => JSX.Element;
+export default ClassicLayout;

package/lib/components/classicLayout/index.js

@@ -0,0 +1,59 @@
+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/classicLayout/index.tsx
+var classicLayout_exports = {};
+__export(classicLayout_exports, {
+  default: () => classicLayout_default
+});
+module.exports = __toCommonJS(classicLayout_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_index = require("./index.less");
+var prefix = "pisell-lowcode-";
+var ClassicLayout = (props) => {
+  const { header, content, footer, style, fixedHeader, fixedFooter } = props;
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}claseic-layout`, style }, /* @__PURE__ */ import_react.default.createElement(
+    "header",
+    {
+      className: (0, import_classnames.default)({
+        [`${prefix}claseic-layout-fixed-header`]: fixedHeader
+      })
+    },
+    header
+  ), content, /* @__PURE__ */ import_react.default.createElement(
+    "footer",
+    {
+      className: (0, import_classnames.default)({
+        [`${prefix}claseic-layout-fixed-footer`]: fixedFooter
+      })
+    },
+    footer
+  ));
+};
+var classicLayout_default = ClassicLayout;

package/lib/components/classicLayout/index.less

@@ -0,0 +1,22 @@
+@pisell-prefix: pisell-lowcode;
+
+.@{pisell-prefix} {
+  &-claseic-layout {
+    position: relative;
+    overflow: auto;
+    height: 100%;
+    width: 100%;
+  }
+  &-claseic-layout-fixed-header {
+    position: sticky;
+    top: 0;
+    z-index: 1;
+    width: 100%;
+  }
+  &-claseic-layout-fixed-footer {
+    position: sticky;
+    bottom: 0;
+    z-index: 1;
+    width: 100%;
+  }
+}

package/lib/components/list/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import "./index.less";
+declare const List: {
+    (props: any): JSX.Element;
+    Item: import("antd/es/list/Item").ListItemTypeProps;
+};
+export default List;