@pisell/materials 1.0.65 → 1.0.66

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 (61) 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/preview.js +142 -142
  7. package/build/lowcode/render/default/view.css +1 -1
  8. package/build/lowcode/render/default/view.js +159 -11
  9. package/build/lowcode/view.css +1 -1
  10. package/build/lowcode/view.js +155 -7
  11. package/es/components/drawer/index.js +1 -0
  12. package/es/components/filter/components/FilterItem/index.js +2 -3
  13. package/es/components/table/BasicTable/index.js +8 -49
  14. package/es/components/table/Table/AddFieldModal/index.js +1 -0
  15. package/es/components/table/Table/fields/rangePicker/Edit/index.js +1 -0
  16. package/es/components/table/Table/index.js +1 -34
  17. package/es/components/table/Table/tableConfig/header/CellProvider/index.less +1 -1
  18. package/es/components/table/Table/tableConfig/summary/index.js +1 -0
  19. package/es/components/table/index.js +1 -2
  20. package/es/components/table/index.less +1 -49
  21. package/lib/components/drawer/index.js +1 -0
  22. package/lib/components/filter/components/FilterItem/index.js +1 -1
  23. package/lib/components/table/BasicTable/index.js +8 -44
  24. package/lib/components/table/Table/AddFieldModal/index.js +1 -0
  25. package/lib/components/table/Table/fields/rangePicker/Edit/index.js +1 -0
  26. package/lib/components/table/Table/index.js +0 -25
  27. package/lib/components/table/Table/tableConfig/header/CellProvider/index.less +1 -1
  28. package/lib/components/table/Table/tableConfig/summary/index.js +1 -0
  29. package/lib/components/table/index.js +1 -1
  30. package/lib/components/table/index.less +1 -49
  31. package/package.json +2 -2
  32. package/dist/umd/materials.min.css +0 -1
  33. package/dist/umd/materials.min.js +0 -1
  34. package/dist/umd/static/DotsSix.57d66266.svg +0 -1
  35. package/dist/umd/static/arrow-left.e542294f.svg +0 -1
  36. package/dist/umd/static/arrow-right.763f03e0.svg +0 -1
  37. package/dist/umd/static/filter-lines.04a54ae9.svg +0 -1
  38. package/dist/umd/static/help-circle.31c9be40.svg +0 -1
  39. package/dist/umd/static/switch-vertical-01.7ebe3ba8.svg +0 -1
  40. package/es/components/table/Table/utils.d.ts +0 -1
  41. package/es/components/table/Table/utils.js +0 -70
  42. package/es/components/table/TableFilter/SortIcon.d.ts +0 -6
  43. package/es/components/table/TableFilter/SortIcon.js +0 -30
  44. package/es/components/table/TableFilter/index.less +0 -14
  45. package/es/components/table/TableFilter/numberFilter.d.ts +0 -6
  46. package/es/components/table/TableFilter/numberFilter.js +0 -95
  47. package/es/components/table/TableFilter/selectFilter.d.ts +0 -10
  48. package/es/components/table/TableFilter/selectFilter.js +0 -126
  49. package/es/components/table/TableFilter/stringFilter.d.ts +0 -6
  50. package/es/components/table/TableFilter/stringFilter.js +0 -73
  51. package/lib/components/table/Table/utils.d.ts +0 -1
  52. package/lib/components/table/Table/utils.js +0 -108
  53. package/lib/components/table/TableFilter/SortIcon.d.ts +0 -6
  54. package/lib/components/table/TableFilter/SortIcon.js +0 -59
  55. package/lib/components/table/TableFilter/index.less +0 -14
  56. package/lib/components/table/TableFilter/numberFilter.d.ts +0 -6
  57. package/lib/components/table/TableFilter/numberFilter.js +0 -110
  58. package/lib/components/table/TableFilter/selectFilter.d.ts +0 -10
  59. package/lib/components/table/TableFilter/selectFilter.js +0 -123
  60. package/lib/components/table/TableFilter/stringFilter.d.ts +0 -6
  61. package/lib/components/table/TableFilter/stringFilter.js +0 -99
@@ -1 +0,0 @@
1
- <svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M8 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM8 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM8 20a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM16 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM16 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM16 20a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
@@ -1 +0,0 @@
1
- <svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.707 4.293a1 1 0 0 1 0 1.414L7.414 11H19a1 1 0 1 1 0 2H7.414l5.293 5.293a1 1 0 0 1-1.414 1.414l-7-7a1 1 0 0 1 0-1.414l7-7a1 1 0 0 1 1.414 0Z"/></svg>
@@ -1 +0,0 @@
1
- <svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.293 4.293a1 1 0 0 1 1.414 0l7 7a1 1 0 0 1 0 1.414l-7 7a1 1 0 0 1-1.414-1.414L16.586 13H5a1 1 0 1 1 0-2h11.586l-5.293-5.293a1 1 0 0 1 0-1.414Z"/></svg>
@@ -1 +0,0 @@
1
- <svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 6a1 1 0 0 1 1-1h18a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1Zm3 6a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H6a1 1 0 0 1-1-1Zm3 6a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2H9a1 1 0 0 1-1-1Z"/></svg>
@@ -1 +0,0 @@
1
- <svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18ZM1 12C1 5.925 5.925 1 12 1s11 4.925 11 11-4.925 11-11 11S1 18.075 1 12Zm11.258-3.976a2 2 0 0 0-2.225 1.308 1 1 0 1 1-1.886-.664 4 4 0 0 1 7.773 1.333c0 1.53-1.135 2.54-1.945 3.081a8.044 8.044 0 0 1-1.686.848l-.035.013-.011.003-.004.002h-.002L11.92 13l.316.949a1 1 0 0 1-.633-1.897l.016-.006.074-.027a6.051 6.051 0 0 0 1.172-.6c.69-.46 1.055-.95 1.055-1.419v-.001a2 2 0 0 0-1.662-1.975ZM11 17a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H12a1 1 0 0 1-1-1Z"/></svg>
@@ -1 +0,0 @@
1
- <svg width="24" height="24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.293 3.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1-1.414 1.414L8 6.414V20a1 1 0 1 1-2 0V6.414L3.707 8.707a1 1 0 0 1-1.414-1.414l4-4ZM16 17.586V4a1 1 0 1 1 2 0v13.586l2.293-2.293a1 1 0 0 1 1.414 1.414l-4 4a1 1 0 0 1-1.414 0l-4-4a1 1 0 0 1 1.414-1.414L16 17.586Z"/></svg>
@@ -1 +0,0 @@
1
- export declare const calcFilterSort: ({ dataSource, filter, sort, columns }: any) => any;
@@ -1,70 +0,0 @@
1
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
2
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
3
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
4
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
5
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
6
- function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
7
- import dayjs from "dayjs";
8
- var transColumnsMap = function transColumnsMap(columns) {
9
- return columns.reduce(function (p, c) {
10
- return _objectSpread(_objectSpread({}, p), {}, _defineProperty({}, c.dataIndex, c));
11
- }, {});
12
- };
13
- var filterFnMap = {
14
- text: function text(value, record, dataIndex) {
15
- var _record$dataIndex;
16
- return (_record$dataIndex = record[dataIndex]) === null || _record$dataIndex === void 0 ? void 0 : _record$dataIndex.toString().toLowerCase().includes(value.toLowerCase());
17
- },
18
- number: function number(value, record, dataIndex) {
19
- return record[dataIndex] >= value.min && record[dataIndex] <= value.max;
20
- },
21
- filters: function filters(value, record, dataIndex) {
22
- var _record$dataIndex2;
23
- return value.map(function (item) {
24
- return item.toLowerCase();
25
- }).includes((_record$dataIndex2 = record[dataIndex]) === null || _record$dataIndex2 === void 0 ? void 0 : _record$dataIndex2.toString().toLowerCase());
26
- }
27
- };
28
- var sorter = function sorter(item) {
29
- return function (a, b) {
30
- if (item.field_type === "date") {
31
- return dayjs(a[item.dataIndex]).valueOf() - dayjs(b[item.dataIndex]).valueOf();
32
- }
33
- return a[item.dataIndex] - b[item.dataIndex];
34
- };
35
- };
36
- export var calcFilterSort = function calcFilterSort(_ref) {
37
- var dataSource = _ref.dataSource,
38
- filter = _ref.filter,
39
- sort = _ref.sort,
40
- columns = _ref.columns;
41
- var columnMap = transColumnsMap(columns);
42
- var newDataSource = dataSource.filter(function (item) {
43
- return Object.keys(filter || {}).every(function (f) {
44
- var _filter$f, _columnDetail$filters;
45
- if (!((_filter$f = filter[f]) !== null && _filter$f !== void 0 && _filter$f.length)) return true;
46
- var columnDetail = columnMap[f];
47
- if (((_columnDetail$filters = columnDetail.filters) === null || _columnDetail$filters === void 0 ? void 0 : _columnDetail$filters.length) > 0) {
48
- return filterFnMap["filters"](filter[f][0], item, columnDetail.dataIndex);
49
- }
50
- if (columnDetail.field_type === "text") {
51
- return filterFnMap[columnDetail.field_type](filter[f][0], item, columnDetail.dataIndex);
52
- } else if (columnDetail.field_type === "number") {
53
- return filterFnMap[columnDetail.field_type](filter[f][0], item, columnDetail.dataIndex);
54
- }
55
- return true;
56
- });
57
- });
58
- if (sort !== null && sort !== void 0 && sort.order) {
59
- newDataSource.sort(function (a, b) {
60
- var order = sort.order;
61
- if (order === "descend") {
62
- return sorter(sort.column)(b, a);
63
- }
64
- if (order === "ascend") {
65
- return sorter(sort.column)(a, b);
66
- }
67
- });
68
- }
69
- return newDataSource;
70
- };
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- interface SortIconProps {
3
- sortOrder: null | "ascend" | "descend";
4
- }
5
- declare const SortIcon: (props: SortIconProps) => JSX.Element;
6
- export default SortIcon;
@@ -1,30 +0,0 @@
1
- import React, { useMemo } from "react";
2
- import { ArrowUp, ChevronSelectorVertical } from "@pisell/icon";
3
- import classNames from "classnames";
4
- var SortIcon = function SortIcon(props) {
5
- var sortOrder = props.sortOrder;
6
- var content = useMemo(function () {
7
- if (sortOrder === "ascend") {
8
- return /*#__PURE__*/React.createElement(ArrowUp, {
9
- className: "pisell-table-column-up"
10
- });
11
- }
12
- if (sortOrder === "descend") {
13
- return /*#__PURE__*/React.createElement(ArrowUp, {
14
- className: "pisell-table-column-down"
15
- });
16
- }
17
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ChevronSelectorVertical, {
18
- style: {
19
- fontSize: 18,
20
- color: "#98A2B3"
21
- }
22
- }));
23
- }, [sortOrder]);
24
- return /*#__PURE__*/React.createElement("span", {
25
- className: classNames("pisell-table-sorter-inner", {
26
- active: !!sortOrder
27
- })
28
- }, content);
29
- };
30
- export default SortIcon;
@@ -1,14 +0,0 @@
1
- .pisell-table-filter-dropdown {
2
- .pisell-table-filter-dropdown-top {
3
- padding: 16px;
4
- border-bottom: 1px solid var(--gray-200, #EAECF0);
5
- }
6
- .pisell-table-filter-dropdown-bottom {
7
- padding: 16px;
8
- display: flex;
9
- width: 272px;
10
- }
11
- .pisell-table-filter-dropdown-item {
12
- padding: 10px;
13
- }
14
- }
@@ -1,6 +0,0 @@
1
- import { ColumnType } from "antd/es/table";
2
- import "./index.less";
3
- declare const getColumnNumberProps: ({ dataIndex, }: {
4
- dataIndex: string;
5
- }) => ColumnType<any>;
6
- export default getColumnNumberProps;
@@ -1,95 +0,0 @@
1
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
2
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
3
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
4
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
5
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
6
- function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
7
- import React from "react";
8
- import { Button, InputNumber, Space } from "antd";
9
- import { FilterFunnel01, FilterFunnel01Fill } from "@pisell/icon";
10
- import "./index.less";
11
- var getColumnNumberProps = function getColumnNumberProps(_ref) {
12
- var dataIndex = _ref.dataIndex;
13
- return {
14
- filterDropdown: function filterDropdown(_ref2) {
15
- var _selectedKeys$, _selectedKeys$2;
16
- var setSelectedKeys = _ref2.setSelectedKeys,
17
- selectedKeys = _ref2.selectedKeys,
18
- confirm = _ref2.confirm,
19
- clearFilters = _ref2.clearFilters,
20
- close = _ref2.close;
21
- return /*#__PURE__*/React.createElement("div", {
22
- onKeyDown: function onKeyDown(e) {
23
- return e.stopPropagation();
24
- },
25
- className: "pisell-table-filter-dropdown"
26
- }, /*#__PURE__*/React.createElement(Space, {
27
- split: "-",
28
- className: "pisell-table-filter-dropdown-top"
29
- }, /*#__PURE__*/React.createElement(InputNumber, {
30
- value: selectedKeys === null || selectedKeys === void 0 ? void 0 : (_selectedKeys$ = selectedKeys[0]) === null || _selectedKeys$ === void 0 ? void 0 : _selectedKeys$.min,
31
- onChange: function onChange(value) {
32
- var newVal = _objectSpread(_objectSpread({}, (selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys[0]) || {}), {}, {
33
- min: value
34
- });
35
- setSelectedKeys([newVal]);
36
- },
37
- placeholder: "Min",
38
- onPressEnter: function onPressEnter() {
39
- return confirm();
40
- },
41
- style: {
42
- width: 105
43
- }
44
- }), /*#__PURE__*/React.createElement(InputNumber, {
45
- value: selectedKeys === null || selectedKeys === void 0 ? void 0 : (_selectedKeys$2 = selectedKeys[0]) === null || _selectedKeys$2 === void 0 ? void 0 : _selectedKeys$2.max,
46
- placeholder: "Max",
47
- onChange: function onChange(value) {
48
- var newVal = _objectSpread(_objectSpread({}, (selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys[0]) || {}), {}, {
49
- max: value
50
- });
51
- setSelectedKeys([newVal]);
52
- },
53
- onPressEnter: function onPressEnter() {
54
- return confirm();
55
- },
56
- style: {
57
- width: 105
58
- }
59
- })), /*#__PURE__*/React.createElement(Space, {
60
- className: "pisell-table-filter-dropdown-bottom",
61
- styles: {
62
- item: {
63
- flex: 1
64
- }
65
- }
66
- }, /*#__PURE__*/React.createElement(Button, {
67
- onClick: function onClick() {
68
- clearFilters && clearFilters();
69
- confirm();
70
- },
71
- block: true
72
- }, "Clear"), /*#__PURE__*/React.createElement(Button, {
73
- type: "primary",
74
- onClick: function onClick() {
75
- return confirm();
76
- },
77
- block: true
78
- }, "Filter")));
79
- },
80
- filterIcon: function filterIcon(filtered) {
81
- return filtered ? /*#__PURE__*/React.createElement(FilterFunnel01Fill, {
82
- style: {
83
- color: "#7f56d9",
84
- fontSize: 14
85
- }
86
- }) : /*#__PURE__*/React.createElement(FilterFunnel01, {
87
- style: {
88
- color: "#98A2B3",
89
- fontSize: 14
90
- }
91
- });
92
- }
93
- };
94
- };
95
- export default getColumnNumberProps;
@@ -1,10 +0,0 @@
1
- import { ColumnType } from "antd/es/table";
2
- import "./index.less";
3
- declare const getColumnSelectProps: ({ dataIndex, filters, }: {
4
- dataIndex: string;
5
- filters: {
6
- text: string;
7
- value: string;
8
- }[];
9
- }) => ColumnType<any>;
10
- export default getColumnSelectProps;
@@ -1,126 +0,0 @@
1
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
- function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
3
- function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
4
- function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
5
- function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
6
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
7
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
8
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
9
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
10
- function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
11
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
12
- import React, { useEffect, useMemo, useState } from "react";
13
- import { Button, Checkbox, Space, Menu } from "antd";
14
- import { FilterFunnel01, FilterFunnel01Fill } from "@pisell/icon";
15
- import "./index.less";
16
- var FilterDropdown = function FilterDropdown(props) {
17
- var setSelectedKeys = props.setSelectedKeys,
18
- selectedKeys = props.selectedKeys,
19
- confirm = props.confirm,
20
- clearFilters = props.clearFilters,
21
- filters = props.filters;
22
- var _useState = useState((selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys[0]) || []),
23
- _useState2 = _slicedToArray(_useState, 2),
24
- value = _useState2[0],
25
- setValue = _useState2[1];
26
- useEffect(function () {
27
- setValue((selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys[0]) || []);
28
- }, [selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys[0]]);
29
- var items = useMemo(function () {
30
- return filters.map(function (item) {
31
- return {
32
- label: /*#__PURE__*/React.createElement("span", {
33
- onClick: function onClick(e) {
34
- // 防止menu onClick触发两次
35
- e.preventDefault();
36
- }
37
- }, /*#__PURE__*/React.createElement(Checkbox, {
38
- checked: value.includes(item.value)
39
- }, item.text)),
40
- key: item.value
41
- };
42
- });
43
- }, [filters, value]);
44
- var handleClick = function handleClick(_ref) {
45
- var key = _ref.key;
46
- setValue(function (v) {
47
- if (v.includes(key)) {
48
- return v.filter(function (item) {
49
- return item !== key;
50
- });
51
- }
52
- return [].concat(_toConsumableArray(v), [key]);
53
- });
54
- };
55
- useEffect(function () {
56
- setSelectedKeys(value !== null && value !== void 0 && value.length ? [value] : []);
57
- }, [value]);
58
- return /*#__PURE__*/React.createElement("div", {
59
- onKeyDown: function onKeyDown(e) {
60
- return e.stopPropagation();
61
- },
62
- className: "pisell-table-filter-dropdown"
63
- }, /*#__PURE__*/React.createElement("div", {
64
- className: "pisell-table-filter-dropdown-top",
65
- style: {
66
- padding: 0
67
- }
68
- }, /*#__PURE__*/React.createElement(Menu, {
69
- onClick: handleClick,
70
- items: items,
71
- selectedKeys: [],
72
- style: {
73
- width: 272
74
- }
75
- })), /*#__PURE__*/React.createElement(Space, {
76
- className: "pisell-table-filter-dropdown-bottom",
77
- styles: {
78
- item: {
79
- flex: 1
80
- }
81
- }
82
- }, /*#__PURE__*/React.createElement(Button, {
83
- onClick: function onClick() {
84
- clearFilters && clearFilters();
85
- confirm();
86
- },
87
- block: true,
88
- style: {
89
- flex: 1
90
- }
91
- }, "Clear"), /*#__PURE__*/React.createElement(Button, {
92
- type: "primary",
93
- onClick: function onClick() {
94
- return confirm();
95
- },
96
- block: true,
97
- style: {
98
- flex: 1
99
- }
100
- }, "Filter")));
101
- };
102
- var getColumnSelectProps = function getColumnSelectProps(_ref2) {
103
- var dataIndex = _ref2.dataIndex,
104
- filters = _ref2.filters;
105
- return {
106
- filterDropdown: function filterDropdown(props) {
107
- return /*#__PURE__*/React.createElement(FilterDropdown, _extends({}, props, {
108
- filters: filters
109
- }));
110
- },
111
- filterIcon: function filterIcon(filtered) {
112
- return filtered ? /*#__PURE__*/React.createElement(FilterFunnel01Fill, {
113
- style: {
114
- color: "#7f56d9",
115
- fontSize: 14
116
- }
117
- }) : /*#__PURE__*/React.createElement(FilterFunnel01, {
118
- style: {
119
- color: "#98A2B3",
120
- fontSize: 14
121
- }
122
- });
123
- }
124
- };
125
- };
126
- export default getColumnSelectProps;
@@ -1,6 +0,0 @@
1
- import { ColumnType } from "antd/es/table";
2
- import "./index.less";
3
- declare const getColumnStringProps: ({ dataIndex, }: {
4
- dataIndex: string;
5
- }) => ColumnType<any>;
6
- export default getColumnStringProps;
@@ -1,73 +0,0 @@
1
- import React from "react";
2
- import { Button, Input, Space } from "antd";
3
- import { SearchLg } from "@pisell/icon";
4
- import "./index.less";
5
- var getColumnStringProps = function getColumnStringProps(_ref) {
6
- var dataIndex = _ref.dataIndex;
7
- return {
8
- filterDropdown: function filterDropdown(_ref2) {
9
- var setSelectedKeys = _ref2.setSelectedKeys,
10
- selectedKeys = _ref2.selectedKeys,
11
- confirm = _ref2.confirm,
12
- clearFilters = _ref2.clearFilters,
13
- close = _ref2.close;
14
- return /*#__PURE__*/React.createElement("div", {
15
- onKeyDown: function onKeyDown(e) {
16
- return e.stopPropagation();
17
- },
18
- className: "pisell-table-filter-dropdown"
19
- }, /*#__PURE__*/React.createElement("div", {
20
- className: "pisell-table-filter-dropdown-top"
21
- }, /*#__PURE__*/React.createElement(Input, {
22
- prefix: /*#__PURE__*/React.createElement(SearchLg, null),
23
- placeholder: "Search",
24
- value: selectedKeys[0],
25
- onChange: function onChange(e) {
26
- return setSelectedKeys(e.target.value ? [e.target.value] : []);
27
- },
28
- onPressEnter: function onPressEnter() {
29
- return confirm();
30
- },
31
- style: {
32
- width: 240
33
- }
34
- })), /*#__PURE__*/React.createElement(Space, {
35
- className: "pisell-table-filter-dropdown-bottom",
36
- styles: {
37
- item: {
38
- flex: 1
39
- }
40
- }
41
- }, /*#__PURE__*/React.createElement(Button, {
42
- onClick: function onClick() {
43
- clearFilters && clearFilters();
44
- confirm({
45
- closeDropdown: false
46
- });
47
- },
48
- block: true,
49
- style: {
50
- flex: 1
51
- }
52
- }, "Reset"), /*#__PURE__*/React.createElement(Button, {
53
- type: "primary",
54
- onClick: function onClick() {
55
- return confirm();
56
- },
57
- block: true,
58
- style: {
59
- flex: 1
60
- }
61
- }, "Filter")));
62
- },
63
- filterIcon: function filterIcon(filtered) {
64
- return /*#__PURE__*/React.createElement(SearchLg, {
65
- style: {
66
- color: filtered ? "#7f56d9" : undefined,
67
- fontSize: 16
68
- }
69
- });
70
- }
71
- };
72
- };
73
- export default getColumnStringProps;
@@ -1 +0,0 @@
1
- export declare const calcFilterSort: ({ dataSource, filter, sort, columns }: any) => any;
@@ -1,108 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __export = (target, all) => {
8
- for (var name in all)
9
- __defProp(target, name, { get: all[name], enumerable: true });
10
- };
11
- var __copyProps = (to, from, except, desc) => {
12
- if (from && typeof from === "object" || typeof from === "function") {
13
- for (let key of __getOwnPropNames(from))
14
- if (!__hasOwnProp.call(to, key) && key !== except)
15
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
- }
17
- return to;
18
- };
19
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
20
- // If the importer is in node compatibility mode or this is not an ESM
21
- // file that has been converted to a CommonJS file using a Babel-
22
- // compatible transform (i.e. "__esModule" has not been set), then set
23
- // "default" to the CommonJS "module.exports" for node compatibility.
24
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
25
- mod
26
- ));
27
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
28
-
29
- // src/components/table/Table/utils.ts
30
- var utils_exports = {};
31
- __export(utils_exports, {
32
- calcFilterSort: () => calcFilterSort
33
- });
34
- module.exports = __toCommonJS(utils_exports);
35
- var import_dayjs = __toESM(require("dayjs"));
36
- var transColumnsMap = (columns) => {
37
- return columns.reduce((p, c) => {
38
- return {
39
- ...p,
40
- [c.dataIndex]: c
41
- };
42
- }, {});
43
- };
44
- var filterFnMap = {
45
- text: (value, record, dataIndex) => {
46
- var _a;
47
- return (_a = record[dataIndex]) == null ? void 0 : _a.toString().toLowerCase().includes(value.toLowerCase());
48
- },
49
- number: (value, record, dataIndex) => record[dataIndex] >= value.min && record[dataIndex] <= value.max,
50
- filters: (value, record, dataIndex) => {
51
- var _a;
52
- return value.map((item) => item.toLowerCase()).includes((_a = record[dataIndex]) == null ? void 0 : _a.toString().toLowerCase());
53
- }
54
- };
55
- var sorter = (item) => (a, b) => {
56
- if (item.field_type === "date") {
57
- return (0, import_dayjs.default)(a[item.dataIndex]).valueOf() - (0, import_dayjs.default)(b[item.dataIndex]).valueOf();
58
- }
59
- return a[item.dataIndex] - b[item.dataIndex];
60
- };
61
- var calcFilterSort = ({ dataSource, filter, sort, columns }) => {
62
- const columnMap = transColumnsMap(columns);
63
- const newDataSource = dataSource.filter((item) => {
64
- return Object.keys(filter || {}).every((f) => {
65
- var _a, _b;
66
- if (!((_a = filter[f]) == null ? void 0 : _a.length))
67
- return true;
68
- const columnDetail = columnMap[f];
69
- if (((_b = columnDetail.filters) == null ? void 0 : _b.length) > 0) {
70
- return filterFnMap["filters"](
71
- filter[f][0],
72
- item,
73
- columnDetail.dataIndex
74
- );
75
- }
76
- if (columnDetail.field_type === "text") {
77
- return filterFnMap[columnDetail.field_type](
78
- filter[f][0],
79
- item,
80
- columnDetail.dataIndex
81
- );
82
- } else if (columnDetail.field_type === "number") {
83
- return filterFnMap[columnDetail.field_type](
84
- filter[f][0],
85
- item,
86
- columnDetail.dataIndex
87
- );
88
- }
89
- return true;
90
- });
91
- });
92
- if (sort == null ? void 0 : sort.order) {
93
- newDataSource.sort((a, b) => {
94
- const { order } = sort;
95
- if (order === "descend") {
96
- return sorter(sort.column)(b, a);
97
- }
98
- if (order === "ascend") {
99
- return sorter(sort.column)(a, b);
100
- }
101
- });
102
- }
103
- return newDataSource;
104
- };
105
- // Annotate the CommonJS export names for ESM import in node:
106
- 0 && (module.exports = {
107
- calcFilterSort
108
- });
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- interface SortIconProps {
3
- sortOrder: null | "ascend" | "descend";
4
- }
5
- declare const SortIcon: (props: SortIconProps) => JSX.Element;
6
- export default SortIcon;
@@ -1,59 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __export = (target, all) => {
8
- for (var name in all)
9
- __defProp(target, name, { get: all[name], enumerable: true });
10
- };
11
- var __copyProps = (to, from, except, desc) => {
12
- if (from && typeof from === "object" || typeof from === "function") {
13
- for (let key of __getOwnPropNames(from))
14
- if (!__hasOwnProp.call(to, key) && key !== except)
15
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
- }
17
- return to;
18
- };
19
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
20
- // If the importer is in node compatibility mode or this is not an ESM
21
- // file that has been converted to a CommonJS file using a Babel-
22
- // compatible transform (i.e. "__esModule" has not been set), then set
23
- // "default" to the CommonJS "module.exports" for node compatibility.
24
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
25
- mod
26
- ));
27
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
28
-
29
- // src/components/table/TableFilter/SortIcon.tsx
30
- var SortIcon_exports = {};
31
- __export(SortIcon_exports, {
32
- default: () => SortIcon_default
33
- });
34
- module.exports = __toCommonJS(SortIcon_exports);
35
- var import_react = __toESM(require("react"));
36
- var import_icon = require("@pisell/icon");
37
- var import_classnames = __toESM(require("classnames"));
38
- var SortIcon = (props) => {
39
- const { sortOrder } = props;
40
- const content = (0, import_react.useMemo)(() => {
41
- if (sortOrder === "ascend") {
42
- return /* @__PURE__ */ import_react.default.createElement(import_icon.ArrowUp, { className: "pisell-table-column-up" });
43
- }
44
- if (sortOrder === "descend") {
45
- return /* @__PURE__ */ import_react.default.createElement(import_icon.ArrowUp, { className: "pisell-table-column-down" });
46
- }
47
- return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_icon.ChevronSelectorVertical, { style: { fontSize: 18, color: "#98A2B3" } }));
48
- }, [sortOrder]);
49
- return /* @__PURE__ */ import_react.default.createElement(
50
- "span",
51
- {
52
- className: (0, import_classnames.default)("pisell-table-sorter-inner", {
53
- active: !!sortOrder
54
- })
55
- },
56
- content
57
- );
58
- };
59
- var SortIcon_default = SortIcon;