@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.
- package/build/lowcode/assets-daily.json +11 -11
- package/build/lowcode/assets-dev.json +2 -2
- package/build/lowcode/assets-prod.json +11 -11
- package/build/lowcode/index.js +1 -1
- package/build/lowcode/meta.js +2 -2
- package/build/lowcode/render/default/view.css +1 -1
- package/build/lowcode/render/default/view.js +19 -17
- package/build/lowcode/view.css +1 -1
- package/build/lowcode/view.js +18 -16
- package/es/components/Pagination/index.js +9 -5
- package/es/components/table/Table/index.js +1 -2
- package/es/components/table/TableFilter/numberFilter.js +4 -5
- package/es/components/table/TableFilter/selectFilter.js +2 -3
- package/es/components/table/TableFilter/stringFilter.js +3 -4
- package/es/components/table/model.js +29 -1
- package/es/index.d.ts +1 -2
- package/es/index.js +2 -3
- package/lib/components/Pagination/index.js +3 -5
- package/lib/components/table/Table/index.js +1 -2
- package/lib/components/table/TableFilter/numberFilter.js +4 -5
- package/lib/components/table/TableFilter/selectFilter.js +2 -3
- package/lib/components/table/TableFilter/stringFilter.js +3 -4
- package/lib/components/table/model.js +34 -1
- package/lib/index.d.ts +1 -2
- package/lib/index.js +23 -26
- package/lowcode/menu/meta.ts +0 -5
- package/lowcode/menu.item/meta.ts +1 -1
- package/package.json +6 -5
- package/dist/umd/materials.min.css +0 -1
- package/dist/umd/materials.min.js +0 -1
- package/dist/umd/static/DotsSix.57d66266.svg +0 -1
- package/dist/umd/static/arrow-left.e542294f.svg +0 -1
- package/dist/umd/static/arrow-right.763f03e0.svg +0 -1
- package/dist/umd/static/filter-lines.04a54ae9.svg +0 -1
- package/dist/umd/static/help-circle.31c9be40.svg +0 -1
- package/dist/umd/static/switch-vertical-01.7ebe3ba8.svg +0 -1
- package/es/components/classicLayout/index.d.ts +0 -4
- package/es/components/classicLayout/index.js +0 -25
- package/es/components/classicLayout/index.less +0 -22
- package/es/components/list/index.d.ts +0 -7
- package/es/components/list/index.js +0 -19
- package/es/components/list/index.less +0 -13
- package/es/locales/en-US.d.ts +0 -11
- package/es/locales/en-US.js +0 -12
- package/es/locales/index.d.ts +0 -1
- package/es/locales/index.js +0 -21
- package/es/locales/zh-CN.d.ts +0 -11
- package/es/locales/zh-CN.js +0 -12
- package/es/locales/zh-TW.d.ts +0 -11
- package/es/locales/zh-TW.js +0 -12
- package/es/utils/locale.d.ts +0 -1
- package/es/utils/locale.js +0 -5
- package/lib/components/classicLayout/index.d.ts +0 -4
- package/lib/components/classicLayout/index.js +0 -59
- package/lib/components/classicLayout/index.less +0 -22
- package/lib/components/list/index.d.ts +0 -7
- package/lib/components/list/index.js +0 -54
- package/lib/components/list/index.less +0 -13
- package/lib/locales/en-US.d.ts +0 -11
- package/lib/locales/en-US.js +0 -34
- package/lib/locales/index.d.ts +0 -1
- package/lib/locales/index.js +0 -58
- package/lib/locales/zh-CN.d.ts +0 -11
- package/lib/locales/zh-CN.js +0 -34
- package/lib/locales/zh-TW.d.ts +0 -11
- package/lib/locales/zh-TW.js +0 -34
- package/lib/utils/locale.d.ts +0 -1
- 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
|
-
},
|
|
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
|
-
},
|
|
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
|
-
},
|
|
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
|
|
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:
|
|
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:
|
|
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
|
-
},
|
|
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
|
-
},
|
|
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
|
-
},
|
|
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
|
-
},
|
|
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:
|
|
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
|
-
},
|
|
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
|
-
},
|
|
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" },
|
|
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" },
|
|
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" }, (
|
|
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
|
|
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:
|
|
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:
|
|
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
|
-
|
|
103
|
+
"Clear"
|
|
105
104
|
),
|
|
106
|
-
/* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "primary", onClick: () => confirm(), block: true },
|
|
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
|
-
|
|
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
|
-
|
|
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:
|
|
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
|
-
|
|
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
|
-
|
|
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: () =>
|
|
64
|
-
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: () =>
|
|
68
|
-
Popconfirm: () =>
|
|
69
|
-
Popover: () =>
|
|
70
|
-
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: () =>
|
|
72
|
+
Rate: () => import_antd26.Rate,
|
|
74
73
|
RecordView: () => import_record_view.default,
|
|
75
|
-
Result: () =>
|
|
76
|
-
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: () =>
|
|
82
|
-
Spin: () =>
|
|
83
|
-
Statistic: () =>
|
|
84
|
-
Steps: () =>
|
|
85
|
-
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: () =>
|
|
87
|
+
Tag: () => import_antd35.Tag,
|
|
89
88
|
TimePicker: () => import_time_picker.default,
|
|
90
|
-
Timeline: () =>
|
|
91
|
-
Tooltip: () =>
|
|
92
|
-
Transfer: () =>
|
|
89
|
+
Timeline: () => import_antd36.Timeline,
|
|
90
|
+
Tooltip: () => import_antd37.Tooltip,
|
|
91
|
+
Transfer: () => import_antd33.Transfer,
|
|
93
92
|
Translation: () => import_translation.default,
|
|
94
|
-
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: () =>
|
|
99
|
-
notification: () =>
|
|
100
|
-
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,
|
package/lowcode/menu/meta.ts
CHANGED
|
@@ -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 折叠时的图标' },
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pisell/materials",
|
|
3
|
-
"version": "1.0.
|
|
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.
|
|
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/
|
|
60
|
-
"@pisell/
|
|
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}
|