@pisell/materials 1.0.6 → 1.0.8

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 (23) 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 +1 -1
  6. package/build/lowcode/render/default/view.css +1 -1
  7. package/build/lowcode/render/default/view.js +7 -7
  8. package/build/lowcode/view.css +1 -1
  9. package/build/lowcode/view.js +7 -7
  10. package/es/components/MultipleContainersSortList/index.d.ts +12 -3
  11. package/es/components/MultipleContainersSortList/index.js +1 -1
  12. package/es/components/table/Actions/Filter/Dropdown/index.js +2 -2
  13. package/es/components/table/Actions/Filter/FilterItem/index.d.ts +1 -1
  14. package/es/components/table/Actions/Filter/FilterItem/index.js +2 -2
  15. package/es/components/table/Pagination/index.js +6 -2
  16. package/es/components/table/Pagination/index.less +11 -3
  17. package/lib/components/MultipleContainersSortList/index.d.ts +12 -3
  18. package/lib/components/MultipleContainersSortList/index.js +1 -2
  19. package/lib/components/table/Actions/Filter/Dropdown/index.js +2 -2
  20. package/lib/components/table/Actions/Filter/FilterItem/index.d.ts +1 -1
  21. package/lib/components/table/Pagination/index.js +2 -2
  22. package/lib/components/table/Pagination/index.less +11 -3
  23. package/package.json +1 -1
package/es/components/MultipleContainersSortList/index.d.ts CHANGED
@@ -3,13 +3,22 @@ import { SortableItemProps } from "../DragSortList";
3
3
  declare type IdType = string | number;
4
4
  export interface MultipleContainersSortListProps<T> {
5
5
  list: Record<string, T[]>;
6
- vertical: boolean;
7
- wrapStyle: React.CSSProperties;
6
+ vertical?: boolean;
7
+ wrapStyle?: React.CSSProperties;
8
8
  onChange: (val: Record<string, T[]>) => void;
9
- renderContainer?: (dom: React.ReactElement) => React.ReactElement;
9
+ renderContainer?: DefaultRenderContainerProps['renderContainer'];
10
10
  rowKey: IdType | ((val: T) => IdType);
11
11
  children: SortableItemProps<T>["children"];
12
12
  }
13
13
  export declare const TRASH_ID = "void";
14
+ interface DefaultRenderContainerProps {
15
+ id: IdType;
16
+ renderContainer: (params: {
17
+ children: React.ReactElement;
18
+ ref: any;
19
+ id: IdType;
20
+ }) => React.ReactElement;
21
+ children: any;
22
+ }
14
23
  declare const MultipleContainersSortList: <T extends Record<string, any>>(props: MultipleContainersSortListProps<T>) => JSX.Element;
15
24
  export default MultipleContainersSortList;
package/es/components/MultipleContainersSortList/index.js CHANGED
@@ -35,7 +35,7 @@ var DefaultRenderContainer = function DefaultRenderContainer(props) {
35
35
  id: id
36
36
  });
37
37
  }
38
- if (renderContainer) return /*#__PURE__*/React.createElement("div", {
38
+ return /*#__PURE__*/React.createElement("div", {
39
39
  ref: setNodeRef
40
40
  }, children);
41
41
  };
package/es/components/table/Actions/Filter/Dropdown/index.js CHANGED
@@ -34,8 +34,8 @@ var Dropdown = function Dropdown(props) {
34
34
  dispatch = _useSharedState.dispatch;
35
35
  var list = useMemo(function () {
36
36
  return {
37
- quickFilter: state.quickFilter,
38
- otherFilter: state.otherFilter
37
+ quickFilter: state.quickFilter || [],
38
+ otherFilter: state.otherFilter || []
39
39
  };
40
40
  }, [state.quickFilter, state.otherFilter]);
41
41
  var handleSortChange = function handleSortChange(list) {
package/es/components/table/Actions/Filter/FilterItem/index.d.ts CHANGED
@@ -2,7 +2,7 @@ import React from "react";
2
2
  import "./index.less";
3
3
  export interface FilterItemProps {
4
4
  type: "single" | "input" | "datePicker" | "rangePicker";
5
- label: string;
5
+ label?: string;
6
6
  props?: object;
7
7
  name: string;
8
8
  other: Record<string, any>;
package/es/components/table/Actions/Filter/FilterItem/index.js CHANGED
@@ -7,8 +7,8 @@ var FilterItem = function FilterItem(props) {
7
7
  type = props.type,
8
8
  name = props.name;
9
9
  var Com = useMemo(function () {
10
- var _fieldMaps$type;
11
- return (_fieldMaps$type = fieldMaps[type]) === null || _fieldMaps$type === void 0 ? void 0 : _fieldMaps$type.edit;
10
+ var _fieldMaps;
11
+ return (_fieldMaps = fieldMaps[type]) === null || _fieldMaps === void 0 ? void 0 : _fieldMaps.edit;
12
12
  }, [type]);
13
13
  return /*#__PURE__*/React.createElement(Form.Item, {
14
14
  label: label,
package/es/components/table/Pagination/index.js CHANGED
@@ -10,12 +10,16 @@ var itemRender = function itemRender(_, type, originalElement) {
10
10
  className: classNames("paginator-page-btn", "left")
11
11
  }, /*#__PURE__*/React.createElement(ArrowLeft, {
12
12
  className: "paginator-page-btn-left-icon"
13
- }), /*#__PURE__*/React.createElement("span", null, "Previous"));
13
+ }), /*#__PURE__*/React.createElement("span", {
14
+ className: "paginator-page-btn-text"
15
+ }, "Previous"));
14
16
  }
15
17
  if (type === "next") {
16
18
  return /*#__PURE__*/React.createElement("div", {
17
19
  className: classNames("paginator-page-btn", "right")
18
- }, /*#__PURE__*/React.createElement("span", null, "Next"), /*#__PURE__*/React.createElement(ArrowRight, {
20
+ }, /*#__PURE__*/React.createElement("span", {
21
+ className: "paginator-page-btn-text"
22
+ }, "Next"), /*#__PURE__*/React.createElement(ArrowRight, {
19
23
  className: "paginator-page-btn-right-icon"
20
24
  }));
21
25
  }
package/es/components/table/Pagination/index.less CHANGED
@@ -104,19 +104,27 @@
104
104
  transition: 0.2s;
105
105
  font-size: 12px;
106
106
  font-weight: 400;
107
- color: #6f6f6f;
107
+ color: var(--gray-700, #344054);
108
108
  cursor: pointer;
109
109
  user-select: none;
110
110
  padding: 10px 16px;
111
111
 
112
+ .paginator-page-btn-text {
113
+ font-weight: 600;
114
+ }
115
+
112
116
  .paginator-page-btn-left-icon,
113
117
  .paginator-page-btn-right-icon {
114
118
  font-size: 20px;
115
119
  }
116
120
 
117
- .paginator-page-btn-left-icon {}
121
+ .paginator-page-btn-left-icon {
122
+ margin-right: 8px;
123
+ }
118
124
 
119
- .paginator-page-btn-right-icon {}
125
+ .paginator-page-btn-right-icon {
126
+ margin-left: 8px;
127
+ }
120
128
 
121
129
  &:hover {
122
130
  // background: #f2f2f2;
package/lib/components/MultipleContainersSortList/index.d.ts CHANGED
@@ -3,13 +3,22 @@ import { SortableItemProps } from "../DragSortList";
3
3
  declare type IdType = string | number;
4
4
  export interface MultipleContainersSortListProps<T> {
5
5
  list: Record<string, T[]>;
6
- vertical: boolean;
7
- wrapStyle: React.CSSProperties;
6
+ vertical?: boolean;
7
+ wrapStyle?: React.CSSProperties;
8
8
  onChange: (val: Record<string, T[]>) => void;
9
- renderContainer?: (dom: React.ReactElement) => React.ReactElement;
9
+ renderContainer?: DefaultRenderContainerProps['renderContainer'];
10
10
  rowKey: IdType | ((val: T) => IdType);
11
11
  children: SortableItemProps<T>["children"];
12
12
  }
13
13
  export declare const TRASH_ID = "void";
14
+ interface DefaultRenderContainerProps {
15
+ id: IdType;
16
+ renderContainer: (params: {
17
+ children: React.ReactElement;
18
+ ref: any;
19
+ id: IdType;
20
+ }) => React.ReactElement;
21
+ children: any;
22
+ }
14
23
  declare const MultipleContainersSortList: <T extends Record<string, any>>(props: MultipleContainersSortListProps<T>) => JSX.Element;
15
24
  export default MultipleContainersSortList;
package/lib/components/MultipleContainersSortList/index.js CHANGED
@@ -47,8 +47,7 @@ var DefaultRenderContainer = (props) => {
47
47
  if ((0, import_utils.isFunction)(renderContainer)) {
48
48
  return renderContainer({ children, ref: setNodeRef, id });
49
49
  }
50
- if (renderContainer)
51
- return /* @__PURE__ */ import_react.default.createElement("div", { ref: setNodeRef }, children);
50
+ return /* @__PURE__ */ import_react.default.createElement("div", { ref: setNodeRef }, children);
52
51
  };
53
52
  var MultipleContainersSortList = (props) => {
54
53
  const {
package/lib/components/table/Actions/Filter/Dropdown/index.js CHANGED
@@ -68,8 +68,8 @@ var Dropdown = (props) => {
68
68
  const { state, dispatch } = (0, import_hooks.useSharedState)(import_model.Context);
69
69
  const list = (0, import_react.useMemo)(() => {
70
70
  return {
71
- quickFilter: state.quickFilter,
72
- otherFilter: state.otherFilter
71
+ quickFilter: state.quickFilter || [],
72
+ otherFilter: state.otherFilter || []
73
73
  };
74
74
  }, [state.quickFilter, state.otherFilter]);
75
75
  const handleSortChange = (list2) => {
package/lib/components/table/Actions/Filter/FilterItem/index.d.ts CHANGED
@@ -2,7 +2,7 @@ import React from "react";
2
2
  import "./index.less";
3
3
  export interface FilterItemProps {
4
4
  type: "single" | "input" | "datePicker" | "rangePicker";
5
- label: string;
5
+ label?: string;
6
6
  props?: object;
7
7
  name: string;
8
8
  other: Record<string, any>;
package/lib/components/table/Pagination/index.js CHANGED
@@ -40,10 +40,10 @@ var import_classnames = __toESM(require("classnames"));
40
40
  var import_index = require("./index.less");
41
41
  var itemRender = (_, type, originalElement) => {
42
42
  if (type === "prev") {
43
- return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("paginator-page-btn", "left") }, /* @__PURE__ */ import_react.default.createElement(import_icon.ArrowLeft, { className: "paginator-page-btn-left-icon" }), /* @__PURE__ */ import_react.default.createElement("span", null, "Previous"));
43
+ return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("paginator-page-btn", "left") }, /* @__PURE__ */ import_react.default.createElement(import_icon.ArrowLeft, { className: "paginator-page-btn-left-icon" }), /* @__PURE__ */ import_react.default.createElement("span", { className: "paginator-page-btn-text" }, "Previous"));
44
44
  }
45
45
  if (type === "next") {
46
- return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("paginator-page-btn", "right") }, /* @__PURE__ */ import_react.default.createElement("span", null, "Next"), /* @__PURE__ */ import_react.default.createElement(import_icon.ArrowRight, { className: "paginator-page-btn-right-icon" }));
46
+ 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_icon.ArrowRight, { className: "paginator-page-btn-right-icon" }));
47
47
  }
48
48
  return originalElement;
49
49
  };
package/lib/components/table/Pagination/index.less CHANGED
@@ -104,19 +104,27 @@
104
104
  transition: 0.2s;
105
105
  font-size: 12px;
106
106
  font-weight: 400;
107
- color: #6f6f6f;
107
+ color: var(--gray-700, #344054);
108
108
  cursor: pointer;
109
109
  user-select: none;
110
110
  padding: 10px 16px;
111
111
 
112
+ .paginator-page-btn-text {
113
+ font-weight: 600;
114
+ }
115
+
112
116
  .paginator-page-btn-left-icon,
113
117
  .paginator-page-btn-right-icon {
114
118
  font-size: 20px;
115
119
  }
116
120
 
117
- .paginator-page-btn-left-icon {}
121
+ .paginator-page-btn-left-icon {
122
+ margin-right: 8px;
123
+ }
118
124
 
119
- .paginator-page-btn-right-icon {}
125
+ .paginator-page-btn-right-icon {
126
+ margin-left: 8px;
127
+ }
120
128
 
121
129
  &:hover {
122
130
  // background: #f2f2f2;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pisell/materials",
3
- "version": "1.0.6",
3
+ "version": "1.0.8",
4
4
  "main": "./lib/index.js",
5
5
  "module": "./es/index.js",
6
6
  "types": "./lib/index.d.ts",