@pisell/materials 1.0.147 → 1.0.149

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (68) hide show
  1. package/build/lowcode/assets-daily.json +11 -11
  2. package/build/lowcode/assets-dev.json +2 -2
  3. package/build/lowcode/assets-prod.json +11 -11
  4. package/build/lowcode/index.js +1 -1
  5. package/build/lowcode/meta.js +2 -2
  6. package/build/lowcode/render/default/view.css +1 -1
  7. package/build/lowcode/render/default/view.js +19 -17
  8. package/build/lowcode/view.css +1 -1
  9. package/build/lowcode/view.js +18 -16
  10. package/es/components/Pagination/index.js +9 -5
  11. package/es/components/table/Table/index.js +1 -2
  12. package/es/components/table/TableFilter/numberFilter.js +4 -5
  13. package/es/components/table/TableFilter/selectFilter.js +2 -3
  14. package/es/components/table/TableFilter/stringFilter.js +3 -4
  15. package/es/components/table/model.js +29 -1
  16. package/es/index.d.ts +1 -2
  17. package/es/index.js +2 -3
  18. package/lib/components/Pagination/index.js +3 -5
  19. package/lib/components/table/Table/index.js +1 -2
  20. package/lib/components/table/TableFilter/numberFilter.js +4 -5
  21. package/lib/components/table/TableFilter/selectFilter.js +2 -3
  22. package/lib/components/table/TableFilter/stringFilter.js +3 -4
  23. package/lib/components/table/model.js +34 -1
  24. package/lib/index.d.ts +1 -2
  25. package/lib/index.js +23 -26
  26. package/lowcode/menu/meta.ts +0 -5
  27. package/lowcode/menu.item/meta.ts +1 -1
  28. package/package.json +6 -5
  29. package/dist/umd/materials.min.css +0 -1
  30. package/dist/umd/materials.min.js +0 -1
  31. package/dist/umd/static/DotsSix.57d66266.svg +0 -1
  32. package/dist/umd/static/arrow-left.e542294f.svg +0 -1
  33. package/dist/umd/static/arrow-right.763f03e0.svg +0 -1
  34. package/dist/umd/static/filter-lines.04a54ae9.svg +0 -1
  35. package/dist/umd/static/help-circle.31c9be40.svg +0 -1
  36. package/dist/umd/static/switch-vertical-01.7ebe3ba8.svg +0 -1
  37. package/es/components/classicLayout/index.d.ts +0 -4
  38. package/es/components/classicLayout/index.js +0 -25
  39. package/es/components/classicLayout/index.less +0 -22
  40. package/es/components/list/index.d.ts +0 -7
  41. package/es/components/list/index.js +0 -19
  42. package/es/components/list/index.less +0 -13
  43. package/es/locales/en-US.d.ts +0 -11
  44. package/es/locales/en-US.js +0 -12
  45. package/es/locales/index.d.ts +0 -1
  46. package/es/locales/index.js +0 -21
  47. package/es/locales/zh-CN.d.ts +0 -11
  48. package/es/locales/zh-CN.js +0 -12
  49. package/es/locales/zh-TW.d.ts +0 -11
  50. package/es/locales/zh-TW.js +0 -12
  51. package/es/utils/locale.d.ts +0 -1
  52. package/es/utils/locale.js +0 -5
  53. package/lib/components/classicLayout/index.d.ts +0 -4
  54. package/lib/components/classicLayout/index.js +0 -59
  55. package/lib/components/classicLayout/index.less +0 -22
  56. package/lib/components/list/index.d.ts +0 -7
  57. package/lib/components/list/index.js +0 -54
  58. package/lib/components/list/index.less +0 -13
  59. package/lib/locales/en-US.d.ts +0 -11
  60. package/lib/locales/en-US.js +0 -34
  61. package/lib/locales/index.d.ts +0 -1
  62. package/lib/locales/index.js +0 -58
  63. package/lib/locales/zh-CN.d.ts +0 -11
  64. package/lib/locales/zh-CN.js +0 -34
  65. package/lib/locales/zh-TW.d.ts +0 -11
  66. package/lib/locales/zh-TW.js +0 -34
  67. package/lib/utils/locale.d.ts +0 -1
  68. package/lib/utils/locale.js +0 -32
@@ -16,7 +16,6 @@ import { Pagination as OriginPagination } from "antd";
16
16
  import classNames from "classnames";
17
17
  import { useResponsive } from "../../hooks";
18
18
  import "./index.less";
19
- import { getText } from "../../locales";
20
19
 
21
20
  /**
22
21
  * @title: 自定义渲染
@@ -33,14 +32,14 @@ var itemRender = function itemRender(_, type, originalElement) {
33
32
  className: "paginator-page-btn-left-icon"
34
33
  }), /*#__PURE__*/React.createElement("span", {
35
34
  className: "paginator-page-btn-text"
36
- }, getText('table-pagination-previous')));
35
+ }, "Previous"));
37
36
  }
38
37
  if (type === "next") {
39
38
  return /*#__PURE__*/React.createElement("div", {
40
39
  className: classNames("paginator-page-btn", "right")
41
40
  }, /*#__PURE__*/React.createElement("span", {
42
41
  className: "paginator-page-btn-text"
43
- }, getText('table-pagination-next')), /*#__PURE__*/React.createElement(ArrowRight, {
42
+ }, "Next"), /*#__PURE__*/React.createElement(ArrowRight, {
44
43
  className: "paginator-page-btn-right-icon"
45
44
  }));
46
45
  }
@@ -113,7 +112,6 @@ var MiniPagination = function MiniPagination(props) {
113
112
  }
114
113
  props.onChange && props.onChange(currentPage, pageSize || 10);
115
114
  };
116
- console.log(getText('table-pagination-total'), 'getText(\'table-pagination-total\')');
117
115
  return /*#__PURE__*/React.createElement("div", {
118
116
  className: "materials-grid-paginator materials-grid-paginator-mini"
119
117
  }, /*#__PURE__*/React.createElement("div", {
@@ -132,7 +130,13 @@ var MiniPagination = function MiniPagination(props) {
132
130
  className: "materials-grid-paginator-center"
133
131
  }, /*#__PURE__*/React.createElement("span", {
134
132
  className: "materials-grid-paginator-center-text"
135
- }, getText('table-pagination-total')(current, MAX))), /*#__PURE__*/React.createElement("div", {
133
+ }, "Page"), /*#__PURE__*/React.createElement("span", {
134
+ className: "materials-grid-paginator-center-value"
135
+ }, current), /*#__PURE__*/React.createElement("span", {
136
+ className: "materials-grid-paginator-center-text"
137
+ }, "of"), /*#__PURE__*/React.createElement("span", {
138
+ className: "materials-grid-paginator-center-value"
139
+ }, MAX)), /*#__PURE__*/React.createElement("div", {
136
140
  className: "pisell-lowcode-pagination-next",
137
141
  onClick: function onClick() {
138
142
  if (current >= MAX) {
@@ -27,7 +27,6 @@ import getColumnStringProps from "../TableFilter/stringFilter";
27
27
  import getColumnNumberProps from "../TableFilter/numberFilter";
28
28
  import getColumnSelectProps from "../TableFilter/selectFilter";
29
29
  import SortIcon from "../TableFilter/SortIcon";
30
- import { getText } from "../../../locales";
31
30
  var GridViewTable = function GridViewTable(_ref) {
32
31
  var tableProps = _ref.tableProps;
33
32
  var responsive = useResponsive();
@@ -127,7 +126,7 @@ var GridViewTable = function GridViewTable(_ref) {
127
126
  var showTotal = useCallback(function (total, range, pageSize) {
128
127
  var start = range[0] - 1;
129
128
  var _current = start / pageSize + 1;
130
- return getText('table-pagination-total')(_current, Math.ceil(total / pageSize));
129
+ return "Page ".concat(_current, " of ").concat(Math.ceil(total / pageSize));
131
130
  }, []);
132
131
  var _paginationConfig = useMemo(function () {
133
132
  if (tableProps.pagination === false) {
@@ -9,7 +9,6 @@ import { Button, InputNumber, Space } from "antd";
9
9
  // import { FilterFunnel01, FilterFunnel01Fill } from "@pisell/icon/es";
10
10
  import FilterFunnel01 from "@pisell/icon/es/FilterFunnel01";
11
11
  import FilterFunnel01Fill from "@pisell/icon/es/FilterFunnel01Fill";
12
- import { getText } from "../../../locales";
13
12
  import "./index.less";
14
13
  var getColumnNumberProps = function getColumnNumberProps(_ref) {
15
14
  var dataIndex = _ref.dataIndex;
@@ -37,7 +36,7 @@ var getColumnNumberProps = function getColumnNumberProps(_ref) {
37
36
  });
38
37
  setSelectedKeys([newVal]);
39
38
  },
40
- placeholder: getText("table-filter-min"),
39
+ placeholder: "Min",
41
40
  onPressEnter: function onPressEnter() {
42
41
  return confirm();
43
42
  },
@@ -46,7 +45,7 @@ var getColumnNumberProps = function getColumnNumberProps(_ref) {
46
45
  }
47
46
  }), /*#__PURE__*/React.createElement(InputNumber, {
48
47
  value: selectedKeys === null || selectedKeys === void 0 ? void 0 : (_selectedKeys$2 = selectedKeys[0]) === null || _selectedKeys$2 === void 0 ? void 0 : _selectedKeys$2.max,
49
- placeholder: getText("table-filter-max"),
48
+ placeholder: "Max",
50
49
  onChange: function onChange(value) {
51
50
  var newVal = _objectSpread(_objectSpread({}, (selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys[0]) || {}), {}, {
52
51
  max: value
@@ -72,13 +71,13 @@ var getColumnNumberProps = function getColumnNumberProps(_ref) {
72
71
  confirm();
73
72
  },
74
73
  block: true
75
- }, getText("table-filter-clear")), /*#__PURE__*/React.createElement(Button, {
74
+ }, "Clear"), /*#__PURE__*/React.createElement(Button, {
76
75
  type: "primary",
77
76
  onClick: function onClick() {
78
77
  return confirm();
79
78
  },
80
79
  block: true
81
- }, getText("table-filter-filter"))));
80
+ }, "Filter")));
82
81
  },
83
82
  filterIcon: function filterIcon(filtered) {
84
83
  return filtered ? /*#__PURE__*/React.createElement(FilterFunnel01Fill, {
@@ -13,7 +13,6 @@ import React, { useEffect, useMemo, useState } from "react";
13
13
  import { Button, Checkbox, Space, Menu } from "antd";
14
14
  import FilterFunnel01Fill from "@pisell/icon/es/FilterFunnel01Fill";
15
15
  import FilterFunnel01 from "@pisell/icon/es/FilterFunnel01";
16
- import { getText } from "../../../locales";
17
16
  import "./index.less";
18
17
  var FilterDropdown = function FilterDropdown(props) {
19
18
  var setSelectedKeys = props.setSelectedKeys,
@@ -90,7 +89,7 @@ var FilterDropdown = function FilterDropdown(props) {
90
89
  style: {
91
90
  flex: 1
92
91
  }
93
- }, getText("table-filter-clear")), /*#__PURE__*/React.createElement(Button, {
92
+ }, "Clear"), /*#__PURE__*/React.createElement(Button, {
94
93
  type: "primary",
95
94
  onClick: function onClick() {
96
95
  return confirm();
@@ -99,7 +98,7 @@ var FilterDropdown = function FilterDropdown(props) {
99
98
  style: {
100
99
  flex: 1
101
100
  }
102
- }, getText("table-filter-filter"))));
101
+ }, "Filter")));
103
102
  };
104
103
  var getColumnSelectProps = function getColumnSelectProps(_ref2) {
105
104
  var dataIndex = _ref2.dataIndex,
@@ -1,7 +1,6 @@
1
1
  import React from "react";
2
2
  import { Button, Input, Space } from "antd";
3
3
  import SearchLg from "@pisell/icon/es/SearchLg";
4
- import { getText } from "../../../locales";
5
4
  import "./index.less";
6
5
  var getColumnStringProps = function getColumnStringProps(_ref) {
7
6
  var dataIndex = _ref.dataIndex;
@@ -21,7 +20,7 @@ var getColumnStringProps = function getColumnStringProps(_ref) {
21
20
  className: "pisell-table-filter-dropdown-top"
22
21
  }, /*#__PURE__*/React.createElement(Input, {
23
22
  prefix: /*#__PURE__*/React.createElement(SearchLg, null),
24
- placeholder: getText("table-filter-search"),
23
+ placeholder: "Search",
25
24
  value: selectedKeys[0],
26
25
  onChange: function onChange(e) {
27
26
  return setSelectedKeys(e.target.value ? [e.target.value] : []);
@@ -48,7 +47,7 @@ var getColumnStringProps = function getColumnStringProps(_ref) {
48
47
  style: {
49
48
  flex: 1
50
49
  }
51
- }, getText('table-filter-clear')), /*#__PURE__*/React.createElement(Button, {
50
+ }, "Clear"), /*#__PURE__*/React.createElement(Button, {
52
51
  type: "primary",
53
52
  onClick: function onClick() {
54
53
  return confirm();
@@ -57,7 +56,7 @@ var getColumnStringProps = function getColumnStringProps(_ref) {
57
56
  style: {
58
57
  flex: 1
59
58
  }
60
- }, getText('table-filter-filter'))));
59
+ }, "Filter")));
61
60
  },
62
61
  filterIcon: function filterIcon(filtered) {
63
62
  return /*#__PURE__*/React.createElement(SearchLg, {
@@ -21,7 +21,34 @@ var defaultState = {
21
21
  address: "London, Park Lane no. 1",
22
22
  image: ["https://file.mypisell-dev.com//static/avatar.png"]
23
23
  }],
24
- defaultColumns: [],
24
+ defaultColumns: [{
25
+ title: "Name",
26
+ dataIndex: "name",
27
+ field_type: "text",
28
+ editable: true,
29
+ width: 200,
30
+ fixed: "left",
31
+ lock: true
32
+ }, {
33
+ title: "Age",
34
+ dataIndex: "age",
35
+ editable: true,
36
+ width: 200,
37
+ field_type: "text",
38
+ lock: true
39
+ }, {
40
+ title: "Address",
41
+ dataIndex: "address",
42
+ editable: true,
43
+ width: 200,
44
+ field_type: "text"
45
+ }, {
46
+ title: "Image",
47
+ dataIndex: "image",
48
+ editable: true,
49
+ width: 200,
50
+ field_type: "image"
51
+ }],
25
52
  currentCell: null,
26
53
  quickFilter: [],
27
54
  otherFilter: [],
@@ -86,6 +113,7 @@ export { Provider, Context };
86
113
  var formatColumn = function formatColumn(item) {
87
114
  var _other = _objectSpread({
88
115
  editable: true,
116
+ width: 100,
89
117
  field_type: "text",
90
118
  lock: true
91
119
  }, item.other || {});
package/es/index.d.ts CHANGED
@@ -14,6 +14,7 @@ export { Empty } from "antd";
14
14
  export { Grid } from "antd";
15
15
  export { Image } from "antd";
16
16
  export { InputNumber } from "antd";
17
+ export { List } from "antd";
17
18
  export { message } from "antd";
18
19
  export { Mentions } from "antd";
19
20
  export { Statistic } from "antd";
@@ -65,5 +66,3 @@ export { default as Translation } from "./components/translation";
65
66
  export { default as SortableList } from "./components/sortableList";
66
67
  export { default as RecordView } from "./components/record-view";
67
68
  export { default as QRCode } from "./components/qrcode";
68
- export { default as ClassicLayout } from "./components/classicLayout";
69
- export { default as List } from "./components/list";
package/es/index.js CHANGED
@@ -23,6 +23,7 @@ export { Grid } from "antd";
23
23
 
24
24
  export { Image } from "antd";
25
25
  export { InputNumber } from "antd";
26
+ export { List } from "antd";
26
27
  export { message } from "antd";
27
28
 
28
29
  // export { Menu } from "antd";
@@ -87,6 +88,4 @@ export { default as Filter } from "./components/filter";
87
88
  export { default as Translation } from "./components/translation";
88
89
  export { default as SortableList } from "./components/sortableList";
89
90
  export { default as RecordView } from "./components/record-view";
90
- export { default as QRCode } from "./components/qrcode";
91
- export { default as ClassicLayout } from "./components/classicLayout";
92
- export { default as List } from "./components/list";
91
+ export { default as QRCode } from "./components/qrcode";
@@ -41,13 +41,12 @@ var import_antd = require("antd");
41
41
  var import_classnames = __toESM(require("classnames"));
42
42
  var import_hooks = require("../../hooks");
43
43
  var import_index = require("./index.less");
44
- var import_locales = require("../../locales");
45
44
  var itemRender = (_, type, originalElement) => {
46
45
  if (type === "prev") {
47
- 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")));
46
+ 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"));
48
47
  }
49
48
  if (type === "next") {
50
- 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" }));
49
+ 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" }));
51
50
  }
52
51
  return originalElement;
53
52
  };
@@ -95,7 +94,6 @@ var MiniPagination = (props) => {
95
94
  }
96
95
  props.onChange && props.onChange(currentPage, pageSize || 10);
97
96
  };
98
- console.log((0, import_locales.getText)("table-pagination-total"), "getText('table-pagination-total')");
99
97
  return /* @__PURE__ */ import_react.default.createElement("div", { className: "materials-grid-paginator materials-grid-paginator-mini" }, /* @__PURE__ */ import_react.default.createElement(
100
98
  "div",
101
99
  {
@@ -108,7 +106,7 @@ var MiniPagination = (props) => {
108
106
  }
109
107
  },
110
108
  /* @__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" }))
111
- ), /* @__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(
109
+ ), /* @__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(
112
110
  "div",
113
111
  {
114
112
  className: "pisell-lowcode-pagination-next",
@@ -46,7 +46,6 @@ var import_stringFilter = __toESM(require("../TableFilter/stringFilter"));
46
46
  var import_numberFilter = __toESM(require("../TableFilter/numberFilter"));
47
47
  var import_selectFilter = __toESM(require("../TableFilter/selectFilter"));
48
48
  var import_SortIcon = __toESM(require("../TableFilter/SortIcon"));
49
- var import_locales = require("../../../locales");
50
49
  var GridViewTable = ({ tableProps }) => {
51
50
  const responsive = (0, import_hooks.useResponsive)();
52
51
  const { state, dispatch } = (0, import_hooks.useSharedState)(import_model.Context);
@@ -131,7 +130,7 @@ var GridViewTable = ({ tableProps }) => {
131
130
  (total, range, pageSize) => {
132
131
  let start = range[0] - 1;
133
132
  let _current = start / pageSize + 1;
134
- return (0, import_locales.getText)("table-pagination-total")(_current, Math.ceil(total / pageSize));
133
+ return `Page ${_current} of ${Math.ceil(total / pageSize)}`;
135
134
  },
136
135
  []
137
136
  );
@@ -36,7 +36,6 @@ var import_react = __toESM(require("react"));
36
36
  var import_antd = require("antd");
37
37
  var import_FilterFunnel01 = __toESM(require("@pisell/icon/es/FilterFunnel01"));
38
38
  var import_FilterFunnel01Fill = __toESM(require("@pisell/icon/es/FilterFunnel01Fill"));
39
- var import_locales = require("../../../locales");
40
39
  var import_index = require("./index.less");
41
40
  var getColumnNumberProps = ({
42
41
  dataIndex
@@ -66,7 +65,7 @@ var getColumnNumberProps = ({
66
65
  };
67
66
  setSelectedKeys([newVal]);
68
67
  },
69
- placeholder: (0, import_locales.getText)("table-filter-min"),
68
+ placeholder: "Min",
70
69
  onPressEnter: () => confirm(),
71
70
  style: { width: 105 }
72
71
  }
@@ -74,7 +73,7 @@ var getColumnNumberProps = ({
74
73
  import_antd.InputNumber,
75
74
  {
76
75
  value: (_b = selectedKeys == null ? void 0 : selectedKeys[0]) == null ? void 0 : _b.max,
77
- placeholder: (0, import_locales.getText)("table-filter-max"),
76
+ placeholder: "Max",
78
77
  onChange: (value) => {
79
78
  const newVal = {
80
79
  ...(selectedKeys == null ? void 0 : selectedKeys[0]) || {},
@@ -101,9 +100,9 @@ var getColumnNumberProps = ({
101
100
  },
102
101
  block: true
103
102
  },
104
- (0, import_locales.getText)("table-filter-clear")
103
+ "Clear"
105
104
  ),
106
- /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "primary", onClick: () => confirm(), block: true }, (0, import_locales.getText)("table-filter-filter"))
105
+ /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "primary", onClick: () => confirm(), block: true }, "Filter")
107
106
  )
108
107
  );
109
108
  },
@@ -36,7 +36,6 @@ var import_react = __toESM(require("react"));
36
36
  var import_antd = require("antd");
37
37
  var import_FilterFunnel01Fill = __toESM(require("@pisell/icon/es/FilterFunnel01Fill"));
38
38
  var import_FilterFunnel01 = __toESM(require("@pisell/icon/es/FilterFunnel01"));
39
- var import_locales = require("../../../locales");
40
39
  var import_index = require("./index.less");
41
40
  var FilterDropdown = (props) => {
42
41
  const { setSelectedKeys, selectedKeys, confirm, clearFilters, filters } = props;
@@ -100,7 +99,7 @@ var FilterDropdown = (props) => {
100
99
  block: true,
101
100
  style: { flex: 1 }
102
101
  },
103
- (0, import_locales.getText)("table-filter-clear")
102
+ "Clear"
104
103
  ),
105
104
  /* @__PURE__ */ import_react.default.createElement(
106
105
  import_antd.Button,
@@ -110,7 +109,7 @@ var FilterDropdown = (props) => {
110
109
  block: true,
111
110
  style: { flex: 1 }
112
111
  },
113
- (0, import_locales.getText)("table-filter-filter")
112
+ "Filter"
114
113
  )
115
114
  )
116
115
  );
@@ -35,7 +35,6 @@ module.exports = __toCommonJS(stringFilter_exports);
35
35
  var import_react = __toESM(require("react"));
36
36
  var import_antd = require("antd");
37
37
  var import_SearchLg = __toESM(require("@pisell/icon/es/SearchLg"));
38
- var import_locales = require("../../../locales");
39
38
  var import_index = require("./index.less");
40
39
  var getColumnStringProps = ({
41
40
  dataIndex
@@ -56,7 +55,7 @@ var getColumnStringProps = ({
56
55
  import_antd.Input,
57
56
  {
58
57
  prefix: /* @__PURE__ */ import_react.default.createElement(import_SearchLg.default, null),
59
- placeholder: (0, import_locales.getText)("table-filter-search"),
58
+ placeholder: "Search",
60
59
  value: selectedKeys[0],
61
60
  onChange: (e) => setSelectedKeys(e.target.value ? [e.target.value] : []),
62
61
  onPressEnter: () => confirm(),
@@ -79,7 +78,7 @@ var getColumnStringProps = ({
79
78
  block: true,
80
79
  style: { flex: 1 }
81
80
  },
82
- (0, import_locales.getText)("table-filter-clear")
81
+ "Clear"
83
82
  ),
84
83
  /* @__PURE__ */ import_react.default.createElement(
85
84
  import_antd.Button,
@@ -89,7 +88,7 @@ var getColumnStringProps = ({
89
88
  block: true,
90
89
  style: { flex: 1 }
91
90
  },
92
- (0, import_locales.getText)("table-filter-filter")
91
+ "Filter"
93
92
  )
94
93
  )
95
94
  ),
@@ -53,7 +53,39 @@ var defaultState = {
53
53
  image: ["https://file.mypisell-dev.com//static/avatar.png"]
54
54
  }
55
55
  ],
56
- defaultColumns: [],
56
+ defaultColumns: [
57
+ {
58
+ title: "Name",
59
+ dataIndex: "name",
60
+ field_type: "text",
61
+ editable: true,
62
+ width: 200,
63
+ fixed: "left",
64
+ lock: true
65
+ },
66
+ {
67
+ title: "Age",
68
+ dataIndex: "age",
69
+ editable: true,
70
+ width: 200,
71
+ field_type: "text",
72
+ lock: true
73
+ },
74
+ {
75
+ title: "Address",
76
+ dataIndex: "address",
77
+ editable: true,
78
+ width: 200,
79
+ field_type: "text"
80
+ },
81
+ {
82
+ title: "Image",
83
+ dataIndex: "image",
84
+ editable: true,
85
+ width: 200,
86
+ field_type: "image"
87
+ }
88
+ ],
57
89
  currentCell: null,
58
90
  quickFilter: [],
59
91
  otherFilter: [],
@@ -103,6 +135,7 @@ var { Provider, Context } = (0, import_miniRedux.default)({
103
135
  var formatColumn = (item) => {
104
136
  let _other = {
105
137
  editable: true,
138
+ width: 100,
106
139
  field_type: "text",
107
140
  lock: true,
108
141
  ...item.other || {}
package/lib/index.d.ts CHANGED
@@ -14,6 +14,7 @@ export { Empty } from "antd";
14
14
  export { Grid } from "antd";
15
15
  export { Image } from "antd";
16
16
  export { InputNumber } from "antd";
17
+ export { List } from "antd";
17
18
  export { message } from "antd";
18
19
  export { Mentions } from "antd";
19
20
  export { Statistic } from "antd";
@@ -65,5 +66,3 @@ export { default as Translation } from "./components/translation";
65
66
  export { default as SortableList } from "./components/sortableList";
66
67
  export { default as RecordView } from "./components/record-view";
67
68
  export { default as QRCode } from "./components/qrcode";
68
- export { default as ClassicLayout } from "./components/classicLayout";
69
- export { default as List } from "./components/list";
package/lib/index.js CHANGED
@@ -42,7 +42,6 @@ __export(src_exports, {
42
42
  Carousel: () => import_antd9.Carousel,
43
43
  Cascader: () => import_cascader.default,
44
44
  Checkbox: () => import_checkbox.default,
45
- ClassicLayout: () => import_classicLayout.default,
46
45
  Col: () => import_antd10.Col,
47
46
  Collapse: () => import_antd8.Collapse,
48
47
  ConfigProvider: () => import_config_provider.default,
@@ -60,44 +59,44 @@ __export(src_exports, {
60
59
  Image: () => import_antd15.Image,
61
60
  Input: () => import_input.default,
62
61
  InputNumber: () => import_antd16.InputNumber,
63
- List: () => import_list.default,
64
- Mentions: () => import_antd18.Mentions,
62
+ List: () => import_antd17.List,
63
+ Mentions: () => import_antd19.Mentions,
65
64
  Modal: () => import_modal.default,
66
65
  Page: () => import_page.default,
67
- Pagination: () => import_antd21.Pagination,
68
- Popconfirm: () => import_antd22.Popconfirm,
69
- Popover: () => import_antd23.Popover,
70
- Progress: () => import_antd24.Progress,
66
+ Pagination: () => import_antd22.Pagination,
67
+ Popconfirm: () => import_antd23.Popconfirm,
68
+ Popover: () => import_antd24.Popover,
69
+ Progress: () => import_antd25.Progress,
71
70
  QRCode: () => import_qrcode.default,
72
71
  Radio: () => import_radio.default,
73
- Rate: () => import_antd25.Rate,
72
+ Rate: () => import_antd26.Rate,
74
73
  RecordView: () => import_record_view.default,
75
- Result: () => import_antd26.Result,
76
- Row: () => import_antd27.Row,
74
+ Result: () => import_antd27.Result,
75
+ Row: () => import_antd28.Row,
77
76
  Select: () => import_select.default,
78
77
  Skeleton: () => import_skeleton.default,
79
78
  Slider: () => import_slider.default,
80
79
  SortableList: () => import_sortableList.default,
81
- Space: () => import_antd28.Space,
82
- Spin: () => import_antd29.Spin,
83
- Statistic: () => import_antd19.Statistic,
84
- Steps: () => import_antd30.Steps,
85
- Switch: () => import_antd31.Switch,
80
+ Space: () => import_antd29.Space,
81
+ Spin: () => import_antd30.Spin,
82
+ Statistic: () => import_antd20.Statistic,
83
+ Steps: () => import_antd31.Steps,
84
+ Switch: () => import_antd32.Switch,
86
85
  Table: () => import_table.default,
87
86
  Tabs: () => import_tabs.default,
88
- Tag: () => import_antd34.Tag,
87
+ Tag: () => import_antd35.Tag,
89
88
  TimePicker: () => import_time_picker.default,
90
- Timeline: () => import_antd35.Timeline,
91
- Tooltip: () => import_antd36.Tooltip,
92
- Transfer: () => import_antd32.Transfer,
89
+ Timeline: () => import_antd36.Timeline,
90
+ Tooltip: () => import_antd37.Tooltip,
91
+ Transfer: () => import_antd33.Transfer,
93
92
  Translation: () => import_translation.default,
94
- Tree: () => import_antd33.Tree,
93
+ Tree: () => import_antd34.Tree,
95
94
  TreeSelect: () => import_tree_select.default,
96
95
  Typography: () => import_typography.default,
97
96
  Upload: () => import_upload.default,
98
- message: () => import_antd17.message,
99
- notification: () => import_antd20.notification,
100
- version: () => import_antd37.version
97
+ message: () => import_antd18.message,
98
+ notification: () => import_antd21.notification,
99
+ version: () => import_antd38.version
101
100
  });
102
101
  module.exports = __toCommonJS(src_exports);
103
102
  var import_antd = require("antd");
@@ -137,6 +136,7 @@ var import_antd34 = require("antd");
137
136
  var import_antd35 = require("antd");
138
137
  var import_antd36 = require("antd");
139
138
  var import_antd37 = require("antd");
139
+ var import_antd38 = require("antd");
140
140
  var import_typography = __toESM(require("./components/typography"));
141
141
  var import_skeleton = __toESM(require("./components/skeleton"));
142
142
  var import_checkbox = __toESM(require("./components/checkbox"));
@@ -167,8 +167,6 @@ var import_translation = __toESM(require("./components/translation"));
167
167
  var import_sortableList = __toESM(require("./components/sortableList"));
168
168
  var import_record_view = __toESM(require("./components/record-view"));
169
169
  var import_qrcode = __toESM(require("./components/qrcode"));
170
- var import_classicLayout = __toESM(require("./components/classicLayout"));
171
- var import_list = __toESM(require("./components/list"));
172
170
  // Annotate the CommonJS export names for ESM import in node:
173
171
  0 && (module.exports = {
174
172
  Affix,
@@ -184,7 +182,6 @@ var import_list = __toESM(require("./components/list"));
184
182
  Carousel,
185
183
  Cascader,
186
184
  Checkbox,
187
- ClassicLayout,
188
185
  Col,
189
186
  Collapse,
190
187
  ConfigProvider,
@@ -207,11 +207,6 @@ export default {
207
207
  title: { label: 'SubMenu 展开/关闭的回调', tip: '展开/关闭的回调' },
208
208
  propType: 'func',
209
209
  },
210
- {
211
- name: 'onSelect',
212
- title: { label: '被选中时调用函数', tip: '被选中时调用函数' },
213
- propType: 'func',
214
- },
215
210
  {
216
211
  name: 'overflowedIndicator',
217
212
  title: { label: '折叠图标', tip: '自定义 Menu 折叠时的图标' },
@@ -17,7 +17,7 @@ export default {
17
17
  },
18
18
  props: [
19
19
  {
20
- name: 'children',
20
+ name: 'label',
21
21
  title: { label: '内容', tip: '内容' },
22
22
  propType: { type: 'oneOfType', value: ['string', 'node'] },
23
23
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pisell/materials",
3
- "version": "1.0.147",
3
+ "version": "1.0.149",
4
4
  "main": "./lib/index.js",
5
5
  "module": "./es/index.js",
6
6
  "types": "./lib/index.d.ts",
@@ -15,7 +15,7 @@
15
15
  "react-dom": "^18.0.0",
16
16
  "build-scripts": "1.0.1",
17
17
  "inquirer": "^6.5.1",
18
- "@pisell/build-plugin-lowcode": "^1.0.10",
18
+ "@pisell/build-plugin-lowcode": "^1.0.12",
19
19
  "@types/react": "^18.0.0",
20
20
  "@types/react-dom": "^18.0.0",
21
21
  "@alilc/lowcode-utils": "1.1.6",
@@ -28,7 +28,8 @@
28
28
  "@alilc/build-plugin-alt": "^1.3.3",
29
29
  "webpack": "^4.27.1",
30
30
  "webpack-dev-server": "^4.0.0",
31
- "build-plugin-component": "^1.6.5"
31
+ "build-plugin-component": "^1.6.5",
32
+ "postcss-loader": "^4.3.0"
32
33
  },
33
34
  "publishConfig": {
34
35
  "access": "public"
@@ -56,8 +57,8 @@
56
57
  "ahooks": "^3.7.6",
57
58
  "react-infinite-scroll-component": "^6.1.0",
58
59
  "@pisell/utils": "1.0.19",
59
- "@pisell/date-picker": "1.0.52",
60
- "@pisell/icon": "0.0.8"
60
+ "@pisell/icon": "0.0.8",
61
+ "@pisell/date-picker": "1.0.52"
61
62
  },
62
63
  "peerDependencies": {
63
64
  "react": "^18.0.0",
@@ -1 +0,0 @@
1
- .materials-grid{display:flex;flex-direction:column;height:100%;width:100%}.materials-grid-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.materials-grid-header .right-wrap{align-items:center;display:flex;gap:8px}.materials-grid-actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.materials-grid-actions .left-wrap{align-items:center;display:flex;flex:1 1}.materials-grid-actions .left-wrap .pisell-lowcode-form-item{margin-bottom:0}.materials-grid-actions .right-wrap{align-items:center;display:flex;gap:8px}.materials-grid-actions .right-wrap .icon{cursor:pointer;transition:.2s}.materials-grid-actions .right-wrap .icon:hover{color:var(--theme-color)}.materials-grid-actions .right-wrap .button{align-items:center;display:flex;font-size:12px;height:28px;justify-content:center}.filter-dropdown-wrap{display:flex;flex-direction:column;max-height:400px;max-width:calc(100vw - 24px);min-width:250px;padding:4px;width:400px}.filter-dropdown-wrap .filter-dropdown-wrap-content{flex:1 1;overflow:auto}.filter-dropdown-wrap .filter-dropdown-drag-item{align-items:center;background:#f9fafb;background:var(--gray-50,#f9fafb);border-radius:8px;display:flex;margin-bottom:12px;padding:8px 12px 12px}.filter-dropdown-wrap .filter-dropdown-drag-item .dots-six-icon{color:#98a2b3;cursor:pointer;font-size:24px}.filter-dropdown-wrap .filter-dropdown-drag-item .pisell-lowcode-form-item{margin-bottom:0}.filter-dropdown-wrap .filter-dropdown-drag-item .filter-dropdown-drag-item-right{flex:1 1;margin-left:16px}.filter-dropdown-wrap .filter-dropdown-drag-item .filter-dropdown-drag-item-right .filter-dropdown-drag-item-title{color:#777;color:var(--text-text-2,#777);font-size:14px;font-style:normal;font-weight:600;line-height:20px}.filter-dropdown-container-wrap{border-bottom:1px solid #e2e2e2;border-bottom:1px solid var(--surface-surface-4,#e2e2e2);margin-bottom:20px;min-height:70px}.filter-dropdown-container-wrap:last-child{border:none}.filter-dropdown-container-wrap .filter-dropdown-container-title-wrap{align-items:center;color:#919191;color:var(--text-text-3,#919191);display:flex;font-size:16px;font-style:normal;font-weight:600;line-height:22px;margin-bottom:12px}.filter-dropdown-container-wrap .filter-dropdown-container-title-wrap .filter-dropdown-container-title{color:#101828;color:var(--gray-900,#101828);font-size:16px;font-style:normal;font-weight:600;line-height:24px;margin-right:6px}.filter-dropdown-container-wrap .filter-dropdown-container-title-wrap .filter-dropdown-container-icon-help{color:#98a2b3;color:var(--gray-400,#98a2b3);font-size:20px}.filter-dropdown-container-wrap .filter-dropdown-container-filter-wrap{min-height:80px}.materials-sort-list-empty{color:#5a5a5a;display:block;padding-top:22px;text-align:center}.materials-grid-summary{margin-bottom:16px}.grid-view-table-wrap{position:relative}.materials-grid-paginator{align-items:center;background-color:#fff;border:1px solid #f0f0f0;border-radius:0 0 8px 8px;border-top:none;display:flex;height:50px;justify-content:center;margin:0!important;padding:0 20px;width:100%}.materials-grid-paginator .pisell-lowcode-pagination-total-text{color:#667085;color:var(--gray-500,#667085);font-size:14px;font-style:normal;font-weight:500;margin-right:auto}.materials-grid-paginator .pisell-lowcode-pagination-item{border:1px solid #d0d5dd;border-radius:0;border-right:0;margin:0;position:relative}.materials-grid-paginator .pisell-lowcode-pagination-jump-next,.materials-grid-paginator .pisell-lowcode-pagination-jump-prev{border:1px solid #d0d5dd;border-radius:0;border-right:none;margin:0}.materials-grid-paginator .pisell-lowcode-pagination-item-link:hover{color:rgba(0,0,0,.88)!important;font-weight:450!important}.materials-grid-paginator .pisell-lowcode-pagination-item-link:hover .pisell-lowcode-pagination-item-link-icon{color:rgba(0,0,0,.88)!important;font-weight:450!important}.materials-grid-paginator .pisell-lowcode-pagination-item-active:hover{border-color:#d0d5dd!important}.materials-grid-paginator .pisell-lowcode-pagination-item-active{background-color:rgba(0,0,0,.06)}.materials-grid-paginator .pisell-lowcode-pagination-item-active a{color:rgba(0,0,0,.88)!important;font-weight:450!important}.materials-grid-paginator .pisell-lowcode-pagination-prev{align-items:center;border:1px solid #d0d5dd;border-radius:8px 0 0 8px;border-right:none;display:flex;justify-content:center;margin:0;min-width:auto}.materials-grid-paginator .pisell-lowcode-pagination-next{align-items:center;border:1px solid #d0d5dd;border-radius:0 8px 8px 0;display:flex;justify-content:center;margin:0;min-width:auto}.paginator-page-btn{align-items:center;border-radius:4px 4px 4px 4px;color:#344054;color:var(--gray-700,#344054);cursor:pointer;display:flex;font-size:12px;font-weight:400;justify-content:center;padding:10px 16px;transition:.2s;-ms-user-select:none;user-select:none}.paginator-page-btn .paginator-page-btn-text{font-weight:600}.paginator-page-btn .paginator-page-btn-left-icon,.paginator-page-btn .paginator-page-btn-right-icon{font-size:20px}.paginator-page-btn .paginator-page-btn-left-icon{margin-right:8px}.paginator-page-btn .paginator-page-btn-right-icon{margin-left:8px}.paginator-page-btn.left{margin-right:auto}.paginator-page-btn.left .icon{font-size:18px;margin-right:8px}.paginator-page-btn.right{margin-left:auto}.paginator-page-btn.right .icon{font-size:18px;margin-left:8px;transform:rotate(180deg)}.materials-grid-paginator-mini{align-items:center;background-color:#fff;border:1px solid #f0f0f0;border-radius:0 0 8px 8px;border-top:none;display:flex;height:50px;justify-content:space-between;margin:0!important;overflow:hidden;padding:0 20px;width:100%}.materials-grid-paginator-mini .paginator-page-btn{padding:8px}.materials-grid-paginator-mini .materials-grid-paginator-center{align-items:center;display:flex;gap:4px;justify-content:center}.materials-grid-paginator-mini .materials-grid-paginator-center .materials-grid-paginator-center-text{color:#344054;color:var(--gray-700,#344054);font-size:14px;font-style:normal;font-weight:400}.materials-grid-paginator-mini .materials-grid-paginator-center .materials-grid-paginator-center-value{color:#344054;color:var(--gray-700,#344054);font-size:14px;font-style:normal;font-weight:500}.materials-grid-paginator-mini .pisell-lowcode-pagination-next,.materials-grid-paginator-mini .pisell-lowcode-pagination-prev{border:1px solid #d0d5dd;border-radius:8px;margin:0}.materials-grid-paginator-mini .pisell-lowcode-pagination-next .paginator-page-btn-left-icon,.materials-grid-paginator-mini .pisell-lowcode-pagination-prev .paginator-page-btn-left-icon{margin-right:0}.materials-grid-paginator-mini .pisell-lowcode-pagination-next .paginator-page-btn-right-icon,.materials-grid-paginator-mini .pisell-lowcode-pagination-prev .paginator-page-btn-right-icon{margin-left:0}.react-resizable{position:relative}.react-resizable-handle{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgd2lkdGg9IjYiIGhlaWdodD0iNiI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZaIiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+);background-origin:content-box;background-position:100% 100%;background-repeat:no-repeat;box-sizing:border-box;height:20px;padding:0 3px 3px 0;position:absolute;width:20px}.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-resizable-handle-e,.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.materials-grid-table-header-cell{align-items:center;display:flex;height:44px;padding:0 14px}.materials-grid-table-header-cell .field-icon{color:#777;font-size:18px}.materials-grid-table-header-cell .materials-grid-table-header-cell-content{color:#1b1b1b;flex:auto;font-size:14px;font-weight:600;overflow:hidden;padding-right:10px;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.materials-grid-table-header-cell .actions{align-items:center;display:flex;gap:8px}.materials-grid-table-header-cell .actions .action{color:#ababab;cursor:pointer;font-size:14px}.editable-cell-value-wrap{height:100%;width:100%}.materials-grid-table-cell{height:1px;padding:0!important}.cell-provider{align-items:center;border-radius:4px;cursor:pointer;display:flex;height:100%;justify-content:center;padding:12px;position:relative;width:100%}.cell-provider.focus{box-shadow:var(--theme-color) 0 0 0 1px!important}