@lemon-fe/components 1.2.0-alpha.0 → 1.2.0

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 (52) hide show
  1. package/es/data-grid/cell-editors/date.js +6 -10
  2. package/es/data-grid/cell-editors/number.js +5 -9
  3. package/es/data-grid/cell-editors/select.d.ts +2 -2
  4. package/es/data-grid/cell-editors/select.js +1 -1
  5. package/es/data-grid/cell-editors/text.js +5 -9
  6. package/es/data-grid/cell-editors/utils.d.ts +2 -5
  7. package/es/data-grid/cell-editors/utils.js +4 -34
  8. package/es/data-grid/components/custom-panel/index.js +50 -6
  9. package/es/data-grid/components/custom-panel/item.d.ts +1 -0
  10. package/es/data-grid/components/custom-panel/item.js +3 -2
  11. package/es/data-grid/index.d.ts +1 -1
  12. package/es/data-grid/index.js +5 -1
  13. package/es/data-grid/index.less +5 -1
  14. package/es/data-grid/locale/zh_CN.js +1 -1
  15. package/es/date-picker/index.d.ts +2 -0
  16. package/es/date-picker/index.js +21 -0
  17. package/es/duration-picker/index.js +3 -2
  18. package/es/empty/index.d.ts +9 -0
  19. package/es/{empty-image → empty}/index.js +10 -2
  20. package/es/filter/index.js +5 -1
  21. package/es/filter/locale/zh_CN.js +1 -1
  22. package/es/index.d.ts +19 -9
  23. package/es/index.js +16 -8
  24. package/es/locale/en_US.js +1 -7
  25. package/es/locale/locale.d.ts +2 -11
  26. package/es/locale/locale.js +0 -2
  27. package/es/locale/zh_CN.js +1 -40
  28. package/es/locale-receiver.d.ts +1 -2
  29. package/es/locale-receiver.js +3 -5
  30. package/es/message/index.d.ts +3 -0
  31. package/es/message/index.js +56 -0
  32. package/es/modal/index.d.ts +16 -0
  33. package/es/modal/index.js +114 -0
  34. package/es/modal/index.less +38 -0
  35. package/es/others.d.ts +2 -0
  36. package/es/others.js +45 -0
  37. package/es/popup/index.d.ts +1 -1
  38. package/es/popup/index.js +3 -1
  39. package/es/select/index.d.ts +2 -0
  40. package/es/select/index.js +19 -0
  41. package/es/select-view/index.js +35 -5
  42. package/es/select-view/index.less +18 -0
  43. package/es/sider-tree/index.js +1 -1
  44. package/es/state/index.less +8 -0
  45. package/es/styles/index.less +2 -1
  46. package/es/table/index.js +1 -1
  47. package/es/time-picker/index.d.ts +2 -0
  48. package/es/time-picker/index.js +21 -0
  49. package/es/utils.d.ts +2 -1
  50. package/es/utils.js +10 -0
  51. package/package.json +3 -3
  52. package/es/empty-image/index.d.ts +0 -2
@@ -1,20 +1,14 @@
1
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
3
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
6
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
7
1
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
8
2
  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."); }
9
3
  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); }
10
4
  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; }
11
5
  function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
12
6
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
7
+ import { DatePicker } from 'antd';
13
8
  import React, { useEffect, useRef } from 'react';
14
9
  import { forwardRef, useImperativeHandle, useState } from 'react';
15
10
  import { editorPrefixClass, navigateCell } from "./utils";
16
11
  import EditorWrapper from "./wrapper";
17
- import { DatePicker } from 'antd';
18
12
  import moment from 'moment';
19
13
  export default /*#__PURE__*/forwardRef(function DateEditor(props, ref) {
20
14
  var _props$format = props.format,
@@ -54,9 +48,11 @@ export default /*#__PURE__*/forwardRef(function DateEditor(props, ref) {
54
48
  return /*#__PURE__*/React.createElement(EditorWrapper, null, /*#__PURE__*/React.createElement(DatePicker, {
55
49
  onKeyDown: function onKeyDown(e) {
56
50
  if (isEdited.current) {
57
- navigateCell(_objectSpread(_objectSpread({}, props), {}, {
58
- event: e
59
- }));
51
+ navigateCell({
52
+ event: e.nativeEvent,
53
+ api: props.api,
54
+ onKeyDown: props.onKeyDown
55
+ });
60
56
  }
61
57
  },
62
58
  style: {
@@ -1,9 +1,3 @@
1
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
3
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
6
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
7
1
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
8
2
  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."); }
9
3
  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); }
@@ -104,9 +98,11 @@ export default /*#__PURE__*/forwardRef(function NumberEditor(props, ref) {
104
98
  return /*#__PURE__*/React.createElement(EditorWrapper, null, /*#__PURE__*/React.createElement("input", {
105
99
  type: "number",
106
100
  onKeyDown: function onKeyDown(e) {
107
- return navigateCell(_objectSpread(_objectSpread({}, props), {}, {
108
- event: e
109
- }));
101
+ navigateCell({
102
+ event: e.nativeEvent,
103
+ api: props.api,
104
+ onKeyDown: props.onKeyDown
105
+ });
110
106
  },
111
107
  disabled: disabled,
112
108
  className: editorPrefixClass('text'),
@@ -1,7 +1,7 @@
1
+ import type { BaseOptionType, SelectProps } from 'antd/lib/select';
1
2
  import React from 'react';
2
3
  import type { ICellEditorParams } from '@ag-grid-community/core';
3
4
  import type { ICellEditorReactComp } from '@ag-grid-community/react';
4
- import type { BaseOptionType, SelectProps } from 'antd/lib/select';
5
5
  export declare type SelectEditorParams = Pick<SelectProps<any, BaseOptionType>, 'disabled' | 'options' | 'virtual' | 'showSearch' | 'listHeight' | 'allowClear' | 'mode'> & {
6
6
  fieldNames?: {
7
7
  label: string;
@@ -16,7 +16,7 @@ export declare type SelectEditorParams = Pick<SelectProps<any, BaseOptionType>,
16
16
  */
17
17
  action?: 'next' | 'stop' | 'none';
18
18
  };
19
- declare const _default: React.ForwardRefExoticComponent<ICellEditorParams<any, any, any> & Pick<SelectProps<any, BaseOptionType>, "disabled" | "mode" | "virtual" | "allowClear" | "options" | "showSearch" | "listHeight"> & {
19
+ declare const _default: React.ForwardRefExoticComponent<ICellEditorParams<any, any, any> & Pick<SelectProps<any, BaseOptionType>, "disabled" | "mode" | "virtual" | "allowClear" | "showSearch" | "options" | "listHeight"> & {
20
20
  fieldNames?: {
21
21
  label: string;
22
22
  value: string;
@@ -8,9 +8,9 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
8
8
  import { useMemo } from 'react';
9
9
  import React, { useEffect, useRef } from 'react';
10
10
  import { forwardRef, useImperativeHandle, useState } from 'react';
11
+ import Select from "../../select";
11
12
  import { editorPrefixClass } from "./utils";
12
13
  import EditorWrapper from "./wrapper";
13
- import { Select } from 'antd';
14
14
  export default /*#__PURE__*/forwardRef(function SelectEditor(props, ref) {
15
15
  var stopEditing = props.stopEditing,
16
16
  api = props.api,
@@ -1,9 +1,3 @@
1
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
3
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
6
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
7
1
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
8
2
  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."); }
9
3
  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); }
@@ -75,9 +69,11 @@ export default /*#__PURE__*/forwardRef(function TextEditor(props, ref) {
75
69
  });
76
70
  return /*#__PURE__*/React.createElement(EditorWrapper, null, /*#__PURE__*/React.createElement("input", {
77
71
  onKeyDown: function onKeyDown(e) {
78
- navigateCell(_objectSpread(_objectSpread({}, props), {}, {
79
- event: e
80
- }));
72
+ navigateCell({
73
+ event: e.nativeEvent,
74
+ api: props.api,
75
+ onKeyDown: props.onKeyDown
76
+ });
81
77
  },
82
78
  disabled: disabled,
83
79
  className: editorPrefixClass('text'),
@@ -1,10 +1,7 @@
1
- import type { KeyboardEvent } from 'react';
2
- import type { Column, ColumnApi, GridApi, IRowNode } from '@ag-grid-community/core';
1
+ import type { GridApi } from '@ag-grid-community/core';
3
2
  export declare const editorPrefixClass: (val?: string | undefined) => string;
4
3
  export declare function navigateCell(params: {
5
4
  api: GridApi;
6
- columnApi: ColumnApi;
7
5
  event: KeyboardEvent;
8
- node: IRowNode;
9
- column: Column;
6
+ onKeyDown?: (e: KeyboardEvent) => void;
10
7
  }): void;
@@ -3,43 +3,13 @@ export var editorPrefixClass = prefixClassName('grid-editor');
3
3
  export function navigateCell(params) {
4
4
  var api = params.api,
5
5
  event = params.event,
6
- node = params.node,
7
- column = params.column,
8
- columnApi = params.columnApi;
6
+ onKeyDown = params.onKeyDown;
9
7
  if (event.key === 'Enter') {
10
8
  api.tabToNextCell();
11
9
  return;
12
10
  }
13
- if (node.rowIndex === null) {
14
- return;
15
- }
16
- var columns = columnApi.getAllDisplayedColumns();
17
- var nextColumnIndex = columns.findIndex(function (item) {
18
- return item === column;
19
- });
20
- if (nextColumnIndex < 0) {
21
- return;
22
- }
23
- var nextRowIndex = node.rowIndex;
24
- var renderedRowCount = api.getModel().getRowCount();
25
- switch (event.key) {
26
- case 'ArrowUp':
27
- nextRowIndex -= 1;
28
- break;
29
- case 'ArrowRight':
30
- nextColumnIndex += 1;
31
- break;
32
- case 'ArrowDown':
33
- nextRowIndex += 1;
34
- break;
35
- case 'ArrowLeft':
36
- nextColumnIndex -= 1;
37
- break;
38
- default:
39
- return;
40
- }
41
- if (nextRowIndex < 0 || nextRowIndex >= renderedRowCount || nextColumnIndex < 0 || nextColumnIndex >= columns.length) {
42
- return;
11
+ if (['ArrowUp', 'ArrowRight', 'ArrowDown', 'ArrowLeft'].includes(event.key)) {
12
+ api.stopEditing();
43
13
  }
44
- api.setFocusedCell(nextRowIndex, columns[nextColumnIndex]);
14
+ onKeyDown === null || onKeyDown === void 0 || onKeyDown(event);
45
15
  }
@@ -9,7 +9,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
9
9
  function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
10
10
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
11
11
  import { Button, Space, Tooltip, message } from 'antd';
12
- import React, { useEffect, useMemo, useState } from 'react';
12
+ import React, { useEffect, useMemo, useRef, useState } from 'react';
13
13
  import { createPortal } from 'react-dom';
14
14
  import Icons from "../../../icons";
15
15
  import { useLocaleReceiver } from "../../../locale-receiver";
@@ -52,6 +52,11 @@ export default function CustomColumnPanel(params) {
52
52
  var _useLocaleReceiver = useLocaleReceiver('DataGrid'),
53
53
  _useLocaleReceiver2 = _slicedToArray(_useLocaleReceiver, 1),
54
54
  dataGridLocale = _useLocaleReceiver2[0];
55
+ var listContainer = useRef(null);
56
+ var _useState13 = useState(new Set()),
57
+ _useState14 = _slicedToArray(_useState13, 2),
58
+ highlights = _useState14[0],
59
+ setHighlights = _useState14[1];
55
60
  var handleColumnState = useDebounce(function () {
56
61
  setState(columnApi.getColumnState());
57
62
  }, 16);
@@ -95,9 +100,6 @@ export default function CustomColumnPanel(params) {
95
100
  return;
96
101
  }
97
102
  var title = def.headerName || def.field || '';
98
- if (keywords && !title.includes(keywords)) {
99
- return;
100
- }
101
103
  var originNode = {
102
104
  index: idx,
103
105
  key: item.colId,
@@ -146,7 +148,41 @@ export default function CustomColumnPanel(params) {
146
148
  prevPath = path;
147
149
  });
148
150
  return items;
149
- }, [state, keywords]);
151
+ }, [state, columnApi]);
152
+ var handleSearch = function handleSearch() {
153
+ var index = -1;
154
+ var highlight = [];
155
+ if (keywords) {
156
+ var idx = 0;
157
+ var traverse = function traverse(items) {
158
+ items.forEach(function (item) {
159
+ var flag = item.title ? item.title.toUpperCase().includes(keywords.toUpperCase()) : false;
160
+ if (flag) {
161
+ highlight.push(item);
162
+ if (index === -1) {
163
+ index = idx;
164
+ }
165
+ }
166
+ idx += 1;
167
+ traverse(item.children);
168
+ });
169
+ };
170
+ traverse(list);
171
+ }
172
+ if (listContainer.current === null) {
173
+ return;
174
+ }
175
+ setHighlights(new Set(highlight.map(function (item) {
176
+ return item.key;
177
+ })));
178
+ if (index < 0) {
179
+ listContainer.current.scrollTop = 0;
180
+ return;
181
+ }
182
+ var _listContainer$curren = listContainer.current.getBoundingClientRect(),
183
+ height = _listContainer$curren.height;
184
+ listContainer.current.scrollTop = Math.max(24 * index - height / 2, 0);
185
+ };
150
186
  var grid = useGridStore(function (val) {
151
187
  return val.grid;
152
188
  });
@@ -193,10 +229,16 @@ export default function CustomColumnPanel(params) {
193
229
  placeholder: dataGridLocale.searchText,
194
230
  onChange: function onChange(e) {
195
231
  handleChangeKeywords(e.target.value);
232
+ },
233
+ onKeyUp: function onKeyUp(e) {
234
+ if (e.key === 'Enter') {
235
+ handleSearch();
236
+ }
196
237
  }
197
238
  }), /*#__PURE__*/React.createElement("div", {
198
239
  className: prefix('column-panel-icon'),
199
240
  onClick: function onClick() {
241
+ setHighlights(new Set());
200
242
  setSearching(false);
201
243
  handleChangeKeywords('');
202
244
  }
@@ -279,9 +321,11 @@ export default function CustomColumnPanel(params) {
279
321
  }, /*#__PURE__*/React.createElement(DragContext.Provider, {
280
322
  value: dragActive
281
323
  }, /*#__PURE__*/React.createElement("div", {
282
- className: prefix('column-panel-body')
324
+ className: prefix('column-panel-body'),
325
+ ref: listContainer
283
326
  }, list.map(function (node) {
284
327
  return /*#__PURE__*/React.createElement(ItemWrapper, {
328
+ highlights: highlights,
285
329
  onEdit: function onEdit(v) {
286
330
  var data = grid.getField(v.id);
287
331
  if (data !== undefined) {
@@ -9,6 +9,7 @@ interface ItemProps {
9
9
  dragActive?: DragActive;
10
10
  onEdit: (node: Node) => void;
11
11
  onDelete: (node: Node) => void;
12
+ highlights: Set<string>;
12
13
  }
13
14
  export default function ItemWrapper(props: Omit<ItemProps, 'dragActive'>): JSX.Element;
14
15
  export {};
@@ -21,7 +21,8 @@ var Item = /*#__PURE__*/memo(function (props) {
21
21
  level = props.level,
22
22
  dragActive = props.dragActive,
23
23
  onDelete = props.onDelete,
24
- onEdit = props.onEdit;
24
+ onEdit = props.onEdit,
25
+ highlights = props.highlights;
25
26
  var column = node.column;
26
27
  var colDef = (column === null || column === void 0 ? void 0 : column.getColDef()) || {};
27
28
  var _useDraggable = useDraggable({
@@ -82,7 +83,7 @@ var Item = /*#__PURE__*/memo(function (props) {
82
83
  style: {
83
84
  paddingLeft: level * 20 + 8
84
85
  },
85
- className: classNames(prefix('column-panel-item'), dragActive ? prefix("column-panel-item-active-".concat(dragActive.indicator)) : undefined),
86
+ className: classNames(prefix('column-panel-item'), dragActive ? prefix("column-panel-item-active-".concat(dragActive.indicator)) : undefined, highlights.has(node.key) ? prefix('column-panel-item-highlight') : undefined),
86
87
  ref: setDropRef
87
88
  }, /*#__PURE__*/React.createElement("div", {
88
89
  className: classNames('ag-wrapper ag-input-wrapper ag-checkbox-input-wrapper', {
@@ -16,7 +16,7 @@ declare const Editors: {
16
16
  Text: React.ForwardRefExoticComponent<import("@ag-grid-community/core").ICellEditorParams<any, any, any> & import("./typings").TextEditorParams<any> & React.RefAttributes<import("@ag-grid-community/react").ICellEditorReactComp>>;
17
17
  Date: React.ForwardRefExoticComponent<import("@ag-grid-community/core").ICellEditorParams<any, any, any> & import("./typings").DateEditorParams<any> & React.RefAttributes<import("@ag-grid-community/react").ICellEditorReactComp>>;
18
18
  Number: React.ForwardRefExoticComponent<import("@ag-grid-community/core").ICellEditorParams<any, any, any> & import("./typings").NumberEditorParams<any> & React.RefAttributes<import("@ag-grid-community/react").ICellEditorReactComp>>;
19
- Select: React.ForwardRefExoticComponent<import("@ag-grid-community/core").ICellEditorParams<any, any, any> & Pick<import("antd").SelectProps<any, import("antd/lib/select").BaseOptionType>, "disabled" | "mode" | "virtual" | "allowClear" | "options" | "showSearch" | "listHeight"> & {
19
+ Select: React.ForwardRefExoticComponent<import("@ag-grid-community/core").ICellEditorParams<any, any, any> & Pick<import("antd").SelectProps<any, import("antd/lib/select").BaseOptionType>, "disabled" | "mode" | "virtual" | "allowClear" | "showSearch" | "options" | "listHeight"> & {
20
20
  fieldNames?: {
21
21
  label: string;
22
22
  value: string;
@@ -225,10 +225,14 @@ var InternalDataGrid = /*#__PURE__*/function (_Component) {
225
225
  value: value
226
226
  });
227
227
  }
228
+ var result = typeof value === 'string' ? value.replace(_this.fieldSuffix, '') : value;
229
+ if (Number.isNaN(+result)) {
230
+ return;
231
+ }
228
232
  if (summary[field.id] === undefined) {
229
233
  summary[field.id] = new BigNumber(0);
230
234
  }
231
- summary[field.id] = summary[field.id].plus(typeof value === 'string' ? value.replace(_this.fieldSuffix, '') : value);
235
+ summary[field.id] = summary[field.id].plus(result);
232
236
  });
233
237
  });
234
238
  return summary;
@@ -130,7 +130,7 @@
130
130
  display: flex;
131
131
  align-items: center;
132
132
  height: 24px;
133
- margin-top: 1px;
133
+ // margin-top: 1px;
134
134
  padding: 0 8px;
135
135
 
136
136
  &:hover {
@@ -175,6 +175,10 @@
175
175
  &:hover &-operator {
176
176
  opacity: 1;
177
177
  }
178
+
179
+ &-highlight {
180
+ background-color: ~'var(--@{ant-prefix}-primary-2)';
181
+ }
178
182
  }
179
183
 
180
184
  &-drag-overlay {
@@ -38,7 +38,7 @@ var locale = {
38
38
  maxWordText: '${headName}最多${maxLength}个字符',
39
39
  operationSuccessText: '操作成功',
40
40
  displayText: '显示',
41
- searchText: '搜索',
41
+ searchText: '按回车进行搜索',
42
42
  addCustomColumnText: '添加自定义列',
43
43
  resetText: '重置',
44
44
  saveText: '保存',
@@ -0,0 +1,2 @@
1
+ import { DatePicker } from 'antd';
2
+ export default DatePicker;
@@ -0,0 +1,21 @@
1
+ import { DatePicker } from 'antd';
2
+ import React from 'react';
3
+ import Icons from "../icons";
4
+ import { mergeDefaultProps } from "../utils";
5
+ mergeDefaultProps(DatePicker, {
6
+ suffixIcon: /*#__PURE__*/React.createElement(Icons.Calendar, {
7
+ style: {
8
+ pointerEvents: 'none'
9
+ }
10
+ }),
11
+ clearIcon: /*#__PURE__*/React.createElement(Icons.Clear, null)
12
+ });
13
+ mergeDefaultProps(DatePicker.RangePicker, {
14
+ suffixIcon: /*#__PURE__*/React.createElement(Icons.Calendar, {
15
+ style: {
16
+ pointerEvents: 'none'
17
+ }
18
+ }),
19
+ clearIcon: /*#__PURE__*/React.createElement(Icons.Clear, null)
20
+ });
21
+ export default DatePicker;
@@ -14,11 +14,12 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
14
14
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
15
15
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
16
16
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
17
- import { DatePicker, Select } from 'antd';
18
17
  import React, { useMemo, useState, useEffect } from 'react';
19
18
  import { PREFIX_CLS } from "../constants";
19
+ import DatePicker from "../date-picker";
20
20
  import InputCompact from "../input-compact";
21
21
  import { useLocaleReceiver } from "../locale-receiver";
22
+ import Select from "../select";
22
23
  import moment from 'moment';
23
24
  var emptyValue = [];
24
25
  function DurationPicker(props) {
@@ -57,7 +58,7 @@ function DurationPicker(props) {
57
58
  }
58
59
  return [{
59
60
  label: customDateText,
60
- id: '自定义时间段',
61
+ id: '自定义时段',
61
62
  value: function value() {
62
63
  return emptyValue;
63
64
  }
@@ -0,0 +1,9 @@
1
+ import { type EmptyProps } from 'antd';
2
+ import React, { type SVGProps } from 'react';
3
+ export declare function EmptyImage(props: SVGProps<SVGSVGElement>): JSX.Element;
4
+ declare function Empty(props: EmptyProps): JSX.Element;
5
+ declare namespace Empty {
6
+ var PRESENTED_IMAGE_DEFAULT: typeof EmptyImage;
7
+ var PRESENTED_IMAGE_SIMPLE: React.ReactNode;
8
+ }
9
+ export default Empty;
@@ -1,6 +1,7 @@
1
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
+ import { Empty as AntEmpty } from 'antd';
2
3
  import React from 'react';
3
- export default function EmptyImage(props) {
4
+ export function EmptyImage(props) {
4
5
  return /*#__PURE__*/React.createElement("svg", _extends({
5
6
  xmlns: "http://www.w3.org/2000/svg",
6
7
  viewBox: "0 0 120 120"
@@ -75,4 +76,11 @@ export default function EmptyImage(props) {
75
76
  fill: "#E7E7E7",
76
77
  d: "M88.5 71c8.008 0 14.5 6.492 14.5 14.5 0 4.389-1.95 8.322-5.03 10.98A14.449 14.449 0 0 1 91.5 98C83.492 98 77 91.508 77 83.5c0-4.389 1.95-8.322 5.03-10.98A14.449 14.449 0 0 1 88.5 71Z"
77
78
  })));
78
- }
79
+ }
80
+ export default function Empty(props) {
81
+ return /*#__PURE__*/React.createElement(AntEmpty, _extends({
82
+ image: /*#__PURE__*/React.createElement(EmptyImage, null)
83
+ }, props));
84
+ }
85
+ Empty.PRESENTED_IMAGE_DEFAULT = EmptyImage;
86
+ Empty.PRESENTED_IMAGE_SIMPLE = AntEmpty.PRESENTED_IMAGE_SIMPLE;
@@ -18,16 +18,20 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
18
18
  function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
19
19
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
20
20
  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); }
21
- import { Button, Checkbox, Form, Input, Popover, Space, Modal, message, Select, Empty } from 'antd';
21
+ import { Button, Checkbox, Form, Input, Popover, Space } from 'antd';
22
22
  import React, { useEffect, useMemo, useState, useContext } from 'react';
23
23
  import { ComponentConfigureContext } from "../component-configure";
24
24
  import Dropdown from "../dropdown";
25
25
  import DurationPicker from "../duration-picker";
26
+ import Empty from "../empty";
26
27
  import FormLayout from "../form-layout";
27
28
  import Icons from "../icons";
28
29
  import InputNumber from "../input-number";
29
30
  import { useLocaleReceiver } from "../locale-receiver";
30
31
  import { parseLocalTemplate } from "../locale/locale";
32
+ import message from "../message";
33
+ import Modal from "../modal";
34
+ import Select from "../select";
31
35
  import TabBar from "../tab-bar";
32
36
  import { mergeProp, prefixClassName } from "../utils";
33
37
  import { useDebounce, useRequest, useUpdateEffect } from '@lemon-fe/hooks';
@@ -7,7 +7,7 @@ var locale = {
7
7
  defaultTitleText: '默认',
8
8
  noDefaultRemoveText: '不允许删除默认',
9
9
  autoPlaceholderText: '请${action}${label}',
10
- searchText: '搜索',
10
+ searchText: '查询',
11
11
  selectText: '选择',
12
12
  inputText: '输入',
13
13
  searchOptionText: '搜索选项',
package/es/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ export * from 'antd';
1
2
  export type { ColDef, ColGroupDef, ColumnState, GridOptions, GridReadyEvent, ICellEditorParams, ICellRendererParams, IHeaderParams, RowDataUpdatedEvent, CellValueChangedEvent, NavigateToNextCellParams, TabToNextCellParams, AgGridEvent, GroupCellRendererParams as IGroupCellRendererParams, Column, CellPosition, IRowNode, } from '@ag-grid-community/core';
2
3
  export { GridApi, ColumnApi } from '@ag-grid-community/core';
3
4
  export * from '@ag-grid-community/react';
@@ -8,8 +9,6 @@ export { default as EditableTable } from './editable-table';
8
9
  export { default as EditableCell } from './editable-table/editable-cell';
9
10
  export { default as EditableTableFormItem } from './editable-table/editable-table-form-item';
10
11
  export type { EditableTableProps, EditableTableColumnType, EditableCellFocusedType, EditableTableRef, EditableTableRule, } from './editable-table/typings';
11
- export { default as Table } from './table';
12
- export type { TableRef } from './table/typings';
13
12
  export { default as PageLoading } from './page-loading';
14
13
  export { default as Actions } from './actions';
15
14
  export { default as Filter } from './filter';
@@ -27,23 +26,34 @@ export { default as Icons } from './icons';
27
26
  export { default as FormLayout } from './form-layout';
28
27
  export { default as TabBar } from './tab-bar';
29
28
  export { default as SymbolIcon } from './symbol-icon';
30
- export { default as Dropdown } from './dropdown';
31
29
  export { default as SelectView } from './select-view';
32
- export { default as DataGrid, DataGridRef } from './data-grid';
30
+ export { default as DataGrid, type DataGridRef } from './data-grid';
33
31
  export * from './data-grid/typings';
34
32
  export * from './data-grid/hooks';
35
33
  export { default as TipMark } from './tip-mark';
36
34
  export { default as Portal } from './portal';
37
35
  export { default as State } from './state';
38
36
  export { default as GreyPanel } from './grey-panel';
39
- export { default as Alert } from './alert';
40
- export { default as InputNumber } from './input-number';
41
37
  export { default as InputCompact } from './input-compact';
42
38
  export { default as SelectPanel } from './select-panel';
43
39
  export * from './component-configure';
44
- export { default as EmptyImage } from './empty-image';
45
40
  export type { Locale } from './locale/locale';
46
41
  export { useLocaleReceiver } from './locale-receiver';
47
42
  export { parseLocalTemplate } from './locale/locale';
48
- export { default as zhCN } from './locale/zh_CN';
49
- export { default as enUS } from './locale/en_US';
43
+ /** 修改antd */
44
+ export { default as Table } from './table';
45
+ export type { TableRef } from './table/typings';
46
+ export { default as Alert } from './alert';
47
+ export { default as InputNumber } from './input-number';
48
+ export { default as Empty, EmptyImage } from './empty';
49
+ export { default as Dropdown } from './dropdown';
50
+ export { default as Modal, type ModalProps, type ModalFuncProps } from './modal';
51
+ export { default as message, type MessageArgsProps } from './message';
52
+ export { default as Select } from './select';
53
+ export { default as DatePicker } from './date-picker';
54
+ export { default as TimePicker } from './time-picker';
55
+ export { TreeSelect, Tree, Cascader, Menu } from './others';
56
+ export type { PickerPanelDateProps } from 'antd/lib/calendar/generateCalendar';
57
+ export { DefaultOptionType } from 'antd/lib/cascader';
58
+ export type { CheckboxGroupProps } from 'antd/lib/checkbox';
59
+ export type { TextAreaProps } from 'antd/lib/input';
package/es/index.js CHANGED
@@ -1,3 +1,4 @@
1
+ export * from 'antd';
1
2
  export { GridApi, ColumnApi } from '@ag-grid-community/core';
2
3
  export * from '@ag-grid-community/react';
3
4
  export * from "./constants";
@@ -5,7 +6,6 @@ export { default as BaseTable } from "./base-table";
5
6
  export { default as EditableTable } from "./editable-table";
6
7
  export { default as EditableCell } from "./editable-table/editable-cell";
7
8
  export { default as EditableTableFormItem } from "./editable-table/editable-table-form-item";
8
- export { default as Table } from "./table";
9
9
  export { default as PageLoading } from "./page-loading";
10
10
  export { default as Actions } from "./actions";
11
11
  export { default as Filter } from "./filter";
@@ -19,22 +19,30 @@ export { default as Icons } from "./icons";
19
19
  export { default as FormLayout } from "./form-layout";
20
20
  export { default as TabBar } from "./tab-bar";
21
21
  export { default as SymbolIcon } from "./symbol-icon";
22
- export { default as Dropdown } from "./dropdown";
23
22
  export { default as SelectView } from "./select-view";
24
- export { default as DataGrid, DataGridRef } from "./data-grid";
23
+ export { default as DataGrid } from "./data-grid";
25
24
  export * from "./data-grid/typings";
26
25
  export * from "./data-grid/hooks";
27
26
  export { default as TipMark } from "./tip-mark";
28
27
  export { default as Portal } from "./portal";
29
28
  export { default as State } from "./state";
30
29
  export { default as GreyPanel } from "./grey-panel";
31
- export { default as Alert } from "./alert";
32
- export { default as InputNumber } from "./input-number";
33
30
  export { default as InputCompact } from "./input-compact";
34
31
  export { default as SelectPanel } from "./select-panel";
35
32
  export * from "./component-configure";
36
- export { default as EmptyImage } from "./empty-image";
37
33
  export { useLocaleReceiver } from "./locale-receiver";
38
34
  export { parseLocalTemplate } from "./locale/locale";
39
- export { default as zhCN } from "./locale/zh_CN";
40
- export { default as enUS } from "./locale/en_US";
35
+
36
+ /** 修改antd */
37
+ export { default as Table } from "./table";
38
+ export { default as Alert } from "./alert";
39
+ export { default as InputNumber } from "./input-number";
40
+ export { default as Empty, EmptyImage } from "./empty";
41
+ export { default as Dropdown } from "./dropdown";
42
+ export { default as Modal } from "./modal";
43
+ export { default as message } from "./message";
44
+ export { default as Select } from "./select";
45
+ export { default as DatePicker } from "./date-picker";
46
+ export { default as TimePicker } from "./time-picker";
47
+ export { TreeSelect, Tree, Cascader, Menu } from "./others";
48
+ export { DefaultOptionType } from 'antd/lib/cascader';
@@ -14,9 +14,6 @@ import { default as SelectPanelLocale } from "../select-panel/locale/en_US";
14
14
  import { default as SelectViewLocale } from "../select-view/locale/en_US";
15
15
  import { default as SiderTreeLocale } from "../sider-tree/locale/en_US";
16
16
  var enUS = _objectSpread(_objectSpread({}, antEnUS), {}, {
17
- Common: {
18
- backText: 'Back'
19
- },
20
17
  Filter: Filter,
21
18
  BaseTable: BaseTable,
22
19
  ColorPicker: ColorPickerLocale,
@@ -24,9 +21,6 @@ var enUS = _objectSpread(_objectSpread({}, antEnUS), {}, {
24
21
  SiderTree: SiderTreeLocale,
25
22
  SelectView: SelectViewLocale,
26
23
  SelectPanel: SelectPanelLocale,
27
- DurationPicker: DurationPickerLocale,
28
- UseBatchOperator: {},
29
- BasicLayout: {},
30
- MicroLayout: {}
24
+ DurationPicker: DurationPickerLocale
31
25
  });
32
26
  export default enUS;