es-grid-template 1.9.52 → 1.9.55

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 (122) hide show
  1. package/es/ali-table/Grid.d.ts +1 -0
  2. package/es/ali-table/Grid.js +12 -4
  3. package/es/ali-table/InternalTable.js +39 -7
  4. package/es/ali-table/base-table/html-table-default.d.ts +20 -0
  5. package/es/ali-table/base-table/html-table-default.js +224 -0
  6. package/es/ali-table/base-table/html-table-new.d.ts +20 -0
  7. package/es/ali-table/base-table/html-table-new.js +417 -0
  8. package/es/ali-table/base-table/html-table.js +324 -182
  9. package/es/ali-table/base-table/styles.d.ts +1 -0
  10. package/es/ali-table/base-table/styles.js +5 -4
  11. package/es/ali-table/base-table/table.d.ts +4 -0
  12. package/es/ali-table/base-table/table.js +24 -5
  13. package/es/ali-table/common-views.d.ts +1 -1
  14. package/es/ali-table/pipeline/features/columnCustom.js +3 -3
  15. package/es/ali-table/pipeline/features/pagination.js +1 -1
  16. package/es/ali-table/utils/convertColumnsChoose.d.ts +2 -2
  17. package/es/grid-component/control/InputControl/InputControl.js +2 -3
  18. package/es/grid-component/hooks/calender.d.ts +19 -0
  19. package/es/grid-component/hooks/calender.js +32 -0
  20. package/es/grid-component/type.d.ts +15 -2
  21. package/es/group-component/ColumnsChoose.js +1 -2
  22. package/es/group-component/ColumnsGroup/ColumnsGroup.js +1 -2
  23. package/es/group-component/TableContainerEdit.js +1 -2
  24. package/es/group-component/body/EditableCell.js +7 -6
  25. package/es/group-component/components/EditForm/EditForm.js +1 -2
  26. package/es/group-component/components/InputControl/InputControl.js +1 -2
  27. package/es/group-component/components/checkbox-filter/CheckboxFilter.js +1 -2
  28. package/es/group-component/components/checkbox-filter/FilterSearch.d.ts +1 -1
  29. package/es/group-component/components/checkbox-filter/FilterSearch.js +0 -3
  30. package/es/group-component/header/TableHeadCell.js +1 -2
  31. package/es/group-component/header/TableHeadCell2.js +1 -2
  32. package/es/group-component/hook/utils.d.ts +9 -9
  33. package/es/group-component/table/Grid.js +1 -1
  34. package/es/index.d.ts +2 -2
  35. package/es/index.js +1 -1
  36. package/es/table-component/ColumnsChoose.js +1 -1
  37. package/es/table-component/ColumnsConfig.d.ts +17 -0
  38. package/es/table-component/ColumnsConfig.js +302 -0
  39. package/es/table-component/ContextMenu.js +1 -1
  40. package/es/table-component/InternalTable.js +30 -9
  41. package/es/table-component/TableContainer.js +4 -2
  42. package/es/table-component/TableContainerEdit.js +3 -3
  43. package/es/table-component/body/EditableCell.js +9 -5
  44. package/es/table-component/body/TableBodyRow.js +0 -5
  45. package/es/table-component/components/EditForm/EditForm.js +1 -4
  46. package/es/table-component/components/InputControl/InputControl.js +1 -1
  47. package/es/table-component/components/checkbox-filter/CheckboxFilter.js +1 -2
  48. package/es/table-component/components/checkbox-filter/FilterSearch.d.ts +1 -1
  49. package/es/table-component/components/checkbox-filter/FilterSearch.js +4 -2
  50. package/es/table-component/header/TableHeadCell.js +1 -1
  51. package/es/table-component/header/TableHeadCell2.js +1 -1
  52. package/es/table-component/header/TableHeadRow.js +6 -6
  53. package/es/table-component/hook/useColumns.js +0 -1
  54. package/es/table-component/hook/utils.d.ts +3 -3
  55. package/es/table-component/hook/utils.js +35 -6
  56. package/es/table-component/style.js +1 -1
  57. package/es/table-component/table/Grid.js +2 -1
  58. package/es/table-virtuoso/InternalTable.js +2 -0
  59. package/es/table-virtuoso/body/TableBodyCell.js +11 -6
  60. package/lib/ali-table/Grid.d.ts +1 -0
  61. package/lib/ali-table/Grid.js +12 -4
  62. package/lib/ali-table/InternalTable.js +39 -7
  63. package/lib/ali-table/base-table/html-table-default.d.ts +20 -0
  64. package/lib/ali-table/base-table/html-table-default.js +231 -0
  65. package/lib/ali-table/base-table/html-table-new.d.ts +20 -0
  66. package/lib/ali-table/base-table/html-table-new.js +424 -0
  67. package/lib/ali-table/base-table/html-table.js +324 -182
  68. package/lib/ali-table/base-table/styles.d.ts +1 -0
  69. package/lib/ali-table/base-table/styles.js +5 -4
  70. package/lib/ali-table/base-table/table.d.ts +4 -0
  71. package/lib/ali-table/base-table/table.js +24 -5
  72. package/lib/ali-table/pipeline/features/columnCustom.js +4 -4
  73. package/lib/ali-table/pipeline/features/pagination.js +1 -1
  74. package/lib/ali-table/utils/convertColumnsChoose.d.ts +2 -2
  75. package/lib/grid-component/control/InputControl/InputControl.js +4 -6
  76. package/lib/grid-component/hooks/calender.d.ts +19 -0
  77. package/lib/grid-component/hooks/calender.js +40 -0
  78. package/lib/grid-component/type.d.ts +15 -2
  79. package/lib/group-component/ColumnsChoose.js +6 -7
  80. package/lib/group-component/ColumnsGroup/ColumnsGroup.js +3 -4
  81. package/lib/group-component/TableContainerEdit.js +2 -3
  82. package/lib/group-component/body/EditableCell.js +14 -13
  83. package/lib/group-component/components/EditForm/EditForm.js +1 -2
  84. package/lib/group-component/components/InputControl/InputControl.js +4 -6
  85. package/lib/group-component/components/checkbox-filter/CheckboxFilter.js +1 -2
  86. package/lib/group-component/components/checkbox-filter/FilterSearch.d.ts +1 -1
  87. package/lib/group-component/components/checkbox-filter/FilterSearch.js +0 -2
  88. package/lib/group-component/header/TableHeadCell.js +3 -4
  89. package/lib/group-component/header/TableHeadCell2.js +3 -4
  90. package/lib/group-component/hook/utils.d.ts +1 -1
  91. package/lib/group-component/table/Grid.js +2 -2
  92. package/lib/index.d.ts +2 -2
  93. package/lib/index.js +2 -2
  94. package/lib/table-component/ColumnsChoose.js +5 -5
  95. package/lib/table-component/ColumnsConfig.d.ts +17 -0
  96. package/lib/table-component/ColumnsConfig.js +312 -0
  97. package/lib/table-component/ContextMenu.js +3 -3
  98. package/lib/table-component/InternalTable.js +25 -8
  99. package/lib/table-component/TableContainer.js +4 -2
  100. package/lib/table-component/TableContainerEdit.js +5 -6
  101. package/lib/table-component/body/EditableCell.js +18 -15
  102. package/lib/table-component/body/TableBodyRow.js +0 -5
  103. package/lib/table-component/components/EditForm/EditForm.js +3 -6
  104. package/lib/table-component/components/InputControl/InputControl.js +1 -2
  105. package/lib/table-component/components/checkbox-filter/CheckboxFilter.js +1 -2
  106. package/lib/table-component/components/checkbox-filter/FilterSearch.d.ts +1 -1
  107. package/lib/table-component/components/checkbox-filter/FilterSearch.js +5 -2
  108. package/lib/table-component/header/TableHeadCell.js +4 -5
  109. package/lib/table-component/header/TableHeadCell2.js +2 -3
  110. package/lib/table-component/header/TableHeadRow.js +6 -6
  111. package/lib/table-component/hook/useColumns.js +0 -1
  112. package/lib/table-component/hook/utils.d.ts +3 -3
  113. package/lib/table-component/hook/utils.js +35 -6
  114. package/lib/table-component/style.js +1 -1
  115. package/lib/table-component/table/Grid.js +3 -2
  116. package/lib/table-virtuoso/InternalTable.js +2 -0
  117. package/lib/table-virtuoso/body/TableBodyCell.js +10 -5
  118. package/package.json +2 -2
  119. /package/es/{datepicker → datePicker}/index.d.ts +0 -0
  120. /package/es/{datepicker → datePicker}/index.js +0 -0
  121. /package/lib/{datepicker → datePicker}/index.d.ts +0 -0
  122. /package/lib/{datepicker → datePicker}/index.js +0 -0
@@ -19,6 +19,7 @@ var _htmlTable = require("./html-table");
19
19
  var _loading = _interopRequireDefault(require("./loading"));
20
20
  var _styles = require("./styles");
21
21
  var _utils = require("./utils");
22
+ var _sortable = require("@dnd-kit/sortable");
22
23
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
23
24
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
24
25
  let emptyContentDeprecatedWarned = false;
@@ -200,7 +201,8 @@ class BaseTable extends _react.default.Component {
200
201
  components,
201
202
  id,
202
203
  commandClick,
203
- format
204
+ format,
205
+ dataRowIds
204
206
  } = this.props;
205
207
  const tableBodyClassName = (0, _classnames.default)(_styles.Classes.tableBody, _styles.Classes.horizontalScrollContainer, {
206
208
  'no-scrollbar': footerDataSource && footerDataSource.length > 0
@@ -238,7 +240,10 @@ class BaseTable extends _react.default.Component {
238
240
  style: {
239
241
  height: topBlank
240
242
  }
241
- }), /*#__PURE__*/_react.default.createElement(_htmlTable.HtmlTable, {
243
+ }), /*#__PURE__*/_react.default.createElement(_sortable.SortableContext, {
244
+ items: dataRowIds ?? [],
245
+ strategy: _sortable.verticalListSortingStrategy
246
+ }, /*#__PURE__*/_react.default.createElement(_htmlTable.HtmlTable, {
242
247
  id: id ?? '',
243
248
  commandClick: commandClick,
244
249
  components: components,
@@ -258,7 +263,7 @@ class BaseTable extends _react.default.Component {
258
263
  limit: bottomIndex,
259
264
  last: dataSource.length - 1
260
265
  }
261
- }), bottomBlank > 0 && /*#__PURE__*/_react.default.createElement("div", {
266
+ })), bottomBlank > 0 && /*#__PURE__*/_react.default.createElement("div", {
262
267
  key: "bottom-blank",
263
268
  className: (0, _classnames.default)(_styles.Classes.virtualBlank, 'bottom'),
264
269
  style: {
@@ -355,7 +360,9 @@ class BaseTable extends _react.default.Component {
355
360
  isStickyFooter,
356
361
  isLoading,
357
362
  footerDataSource,
358
- components
363
+ components,
364
+ isBottom,
365
+ isTitle
359
366
  } = this.props;
360
367
  const artTableWrapperClassName = (0, _classnames.default)(_styles.Classes.tableWrapper, {
361
368
  'use-outer-border': useOuterBorder,
@@ -365,7 +372,9 @@ class BaseTable extends _react.default.Component {
365
372
  'theme-dark': theme?.theme === 'dark',
366
373
  'sticky-header': isStickyHeader,
367
374
  'has-footer': footerDataSource && footerDataSource.length > 0,
368
- 'sticky-footer': isStickyFooter
375
+ 'sticky-footer': isStickyFooter,
376
+ 'has-bottom': isBottom,
377
+ 'has-title': isTitle
369
378
  }, className);
370
379
  const artTableWrapperProps = {
371
380
  className: artTableWrapperClassName,
@@ -397,6 +406,15 @@ class BaseTable extends _react.default.Component {
397
406
  this.adjustNeedRenderLock();
398
407
  this.updateRowHeightManager();
399
408
  this.updateScrollLeftWhenLayoutChanged(prevProps, prevState);
409
+ this.updateVerticalScrollClass();
410
+ }
411
+ updateVerticalScrollClass() {
412
+ const wrapper = this.domHelper?.artTableWrapper;
413
+ if (!wrapper) {
414
+ return;
415
+ }
416
+ const hasVerticalScroll = wrapper.scrollHeight > wrapper.clientHeight + 1;
417
+ wrapper.classList.toggle('has-vertical-scroll', hasVerticalScroll);
400
418
  }
401
419
  updateScrollLeftWhenLayoutChanged(prevProps, prevState) {
402
420
  if (prevState != null) {
@@ -422,6 +440,7 @@ class BaseTable extends _react.default.Component {
422
440
  this.rootSubscription.add(_utils.throttledWindowResize$.subscribe(() => {
423
441
  this.updateStickyScroll();
424
442
  this.adjustNeedRenderLock();
443
+ this.updateVerticalScrollClass();
425
444
  }));
426
445
 
427
446
  // Scroll synchronization
@@ -12,7 +12,6 @@ var _ColumnResizer = _interopRequireDefault(require("../../base-table/ColumnResi
12
12
  var _becoxyIcons = require("becoxy-icons");
13
13
  var _hooks = require("../../../grid-component/hooks");
14
14
  var _classnames = _interopRequireDefault(require("classnames"));
15
- var _antd = require("antd");
16
15
  var _rcMasterUi = require("rc-master-ui");
17
16
  var _utils2 = require("../../../table-component/hook/utils");
18
17
  var _renderFilter = require("../../base-table/renderFilter");
@@ -371,7 +370,7 @@ function columnCustom(opts) {
371
370
  justifyContent: 'end',
372
371
  width: '100%'
373
372
  }
374
- }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
373
+ }, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Button, {
375
374
  type: "primary",
376
375
  onClick: () => {
377
376
  doFilter(true);
@@ -380,7 +379,7 @@ function columnCustom(opts) {
380
379
  style: {
381
380
  width: 90
382
381
  }
383
- }, t ? t('Filter') : 'Filter'), /*#__PURE__*/_react.default.createElement(_antd.Button, {
382
+ }, t ? t('Filter') : 'Filter'), /*#__PURE__*/_react.default.createElement(_rcMasterUi.Button, {
384
383
  type: "link",
385
384
  size: "small",
386
385
  onClick: () => {
@@ -567,7 +566,8 @@ function columnCustom(opts) {
567
566
  [`${prefix}-grid-cell-text-right`]: col?.textAlign === 'right' || col.type === 'number'
568
567
  }),
569
568
  onMouseEnter: e => {
570
- if (e.target?.clientWidth < e.target?.scrollWidth || e.target.firstChild?.clientWidth < e.target.firstChild?.scrollWidth) {
569
+ prevCellProps?.onMouseEnter?.(e);
570
+ if (e.target?.clientWidth < e.target?.scrollWidth || e.target?.firstChild?.clientWidth < e?.target?.firstChild?.scrollWidth) {
571
571
  pipeline.setStateAtKey(stateKeyTooltip, true);
572
572
  }
573
573
  },
@@ -24,7 +24,7 @@ function paginationFeature(opts = {}) {
24
24
  pipeline.dataSource(processDataSource(dataSource));
25
25
  return pipeline;
26
26
  function processDataSource(data) {
27
- if (pagination === false || pagination && pagination.onChange) {
27
+ if (!pagination || pagination && pagination.onChange) {
28
28
  return data;
29
29
  }
30
30
  const currentPage = pagination?.currentPage ?? pipeline.getStateAtKey(stateKey)?.currentPage ?? 1;
@@ -1,5 +1,5 @@
1
- import type { TreeDataNode } from "antd";
2
- import type { ColumnTable } from "../../grid-component";
1
+ import { TreeDataNode } from "rc-master-ui";
2
+ import { ColumnTable } from "../../grid-component";
3
3
  export declare function convertColumnsToTreeData(columns: ColumnTable[], groupColumns?: string[], t?: any): TreeDataNode[];
4
4
  export declare function filterColumnsByField(columns: ColumnTable[], fieldList: string[]): ColumnTable[];
5
5
  export declare function filterVisibleColumns(columns: ColumnTable[]): ColumnTable[];
@@ -8,18 +8,16 @@ exports.default = void 0;
8
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
9
  var _reactHookForm = require("react-hook-form");
10
10
  var _rcMasterUi = require("rc-master-ui");
11
- var _antd = require("antd");
12
11
  var _classnames = _interopRequireDefault(require("classnames"));
13
12
  var _react = _interopRequireWildcard(require("react"));
14
13
  var _hooks = require("../../hooks");
15
- var _grid = require("rc-master-ui/es/grid");
16
14
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
17
15
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
18
16
  // import {isNullOrUndefined} from "../../../hooks"
19
17
 
20
18
  const {
21
19
  Text
22
- } = _antd.Typography;
20
+ } = _rcMasterUi.Typography;
23
21
  const InputControl = props => {
24
22
  const {
25
23
  id,
@@ -46,7 +44,7 @@ const InputControl = props => {
46
44
  ...rest
47
45
  } = props;
48
46
  const renderLabel = () => {
49
- return /*#__PURE__*/_react.default.createElement(_grid.Col, {
47
+ return /*#__PURE__*/_react.default.createElement(_rcMasterUi.Col, {
50
48
  span: 6
51
49
  }, isLabel === false ? '' : /*#__PURE__*/_react.default.createElement("label", {
52
50
  className: "form-label"
@@ -111,7 +109,7 @@ const InputControl = props => {
111
109
  type: "danger"
112
110
  }, errors?.message));
113
111
  };
114
- return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_grid.Row, {
112
+ return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Row, {
115
113
  gutter: [4, 4]
116
114
  // className={classnames(' align', {
117
115
  // [labelSize ? labelSize : '']: labelSize,
@@ -119,7 +117,7 @@ const InputControl = props => {
119
117
  // 'form-row-inline-error': errors
120
118
  // }, inLine === false ? 'form-group ' : 'form-row-inline d-flex'
121
119
  // )}
122
- }, renderLabel(), /*#__PURE__*/_react.default.createElement(_grid.Col, {
120
+ }, renderLabel(), /*#__PURE__*/_react.default.createElement(_rcMasterUi.Col, {
123
121
  span: 18,
124
122
  className: (0, _classnames.default)('', {
125
123
  'hidden-label': isLabel === false
@@ -0,0 +1,19 @@
1
+ type WeekRow = {
2
+ sunday: DayCell;
3
+ monday: DayCell;
4
+ tuesday: DayCell;
5
+ wednesday: DayCell;
6
+ thursday: DayCell;
7
+ friday: DayCell;
8
+ saturday: DayCell;
9
+ };
10
+ type DayCell = {
11
+ date: Date;
12
+ day: number;
13
+ isCurrentMonth: boolean;
14
+ events?: {
15
+ title: string;
16
+ }[];
17
+ };
18
+ export declare const generateCalendarRows: (currentMonth: Date) => WeekRow[];
19
+ export {};
@@ -0,0 +1,40 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.generateCalendarRows = void 0;
8
+ var _dayjs = _interopRequireDefault(require("dayjs"));
9
+ const DAYS = ['sunday', 'monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday'];
10
+ const generateCalendarRows = currentMonth => {
11
+ const month = (0, _dayjs.default)(currentMonth);
12
+ const firstDay = month.startOf('month');
13
+ const lastDay = month.endOf('month');
14
+
15
+ // Chủ nhật đầu tiên hiển thị
16
+ const startDate = firstDay.startOf('week');
17
+
18
+ // Thứ 7 cuối cùng hiển thị
19
+ const endDate = lastDay.endOf('week');
20
+ const rows = [];
21
+ let current = startDate;
22
+ while (current.isBefore(endDate) || current.isSame(endDate, 'day')) {
23
+ const week = {};
24
+ for (let i = 0; i < 7; i++) {
25
+ week[DAYS[i]] = {
26
+ date: current.toDate(),
27
+ day: current.date(),
28
+ isCurrentMonth: current.month() === month.month(),
29
+ events: []
30
+ };
31
+ current = current.add(1, 'day');
32
+ }
33
+ rows.push(week);
34
+ }
35
+ return rows;
36
+ };
37
+ exports.generateCalendarRows = generateCalendarRows;
38
+ const dataSource = generateCalendarRows(new Date(2026, 0, 1) // January 2026
39
+ );
40
+ console.log('dataSource', dataSource);
@@ -305,6 +305,12 @@ export type ColumnTable<RecordType = AnyObject> = {
305
305
  /** Column con (multi header/group column) */
306
306
  children?: ColumnTable<RecordType>[];
307
307
  };
308
+ export type RowDnd<RecordType = AnyObject> = {
309
+ enabled?: boolean;
310
+ onChange?: (args: {
311
+ rows: RecordType[];
312
+ }) => void;
313
+ };
308
314
  export type ColumnsTable<RecordType = AnyObject> = ColumnTable<RecordType>[];
309
315
  export type IFTheme = {
310
316
  theme?: 'dark' | 'light';
@@ -490,6 +496,7 @@ export type TableProps<RecordType = AnyObject> = {
490
496
  /** Virtual theo chiều dọc */
491
497
  vertical?: boolean;
492
498
  };
499
+ rowDnd?: RowDnd<RecordType>;
493
500
  /** Cho phép chỉnh sửa dữ liệu */
494
501
  editAble?: boolean;
495
502
  /** Callback khi data thay đổi */
@@ -554,7 +561,11 @@ export type CommandClick<T> = {
554
561
  rows: T[];
555
562
  };
556
563
  export type IEditSelectSettings = {
564
+ /** @deprecated This prop is deprecated and should use `fieldNames` instead */
557
565
  fieldKey?: string;
566
+ /** @deprecated This prop is deprecated and should use `fieldNames` instead */
567
+ inputKey?: string;
568
+ fieldNames?: FieldNames;
558
569
  options: any[] | ((rowData: any, field: string) => any[]);
559
570
  /** get value form other field **/
560
571
  fieldValue?: string;
@@ -562,12 +573,15 @@ export type IEditSelectSettings = {
562
573
  fieldLabel?: string;
563
574
  /** cho phép nhập giá trị - onBlur: giá trị search được set thành value **/
564
575
  searchTextAsValue?: boolean;
565
- inputKey?: string;
566
576
  filterKey?: string[];
567
577
  selectMode?: SelectMode;
568
578
  getPasteValue?: (value: any) => Record<string, any> | null;
569
579
  validateOption?: (rowData: any, field: string) => any[];
570
580
  defaultOptions?: any[];
581
+ /**
582
+ * @deprecated
583
+ * @since 1.9.25
584
+ */
571
585
  defaultValue?: (value: any, rowData: any) => {
572
586
  value: any;
573
587
  label: string;
@@ -586,7 +600,6 @@ export type IEditSelectSettings = {
586
600
  hideSelectedOptions?: boolean;
587
601
  showItems?: number;
588
602
  isLengthSelected?: boolean;
589
- fieldNames?: FieldNames;
590
603
  filterOption?: boolean | FilterFunc<any>;
591
604
  };
592
605
  export type IEditFromSettings = {
@@ -8,8 +8,7 @@ exports.ColumnsChoose = void 0;
8
8
  var _useMergedState = _interopRequireDefault(require("rc-util/lib/hooks/useMergedState"));
9
9
  var _react = _interopRequireWildcard(require("react"));
10
10
  var _styledComponents = _interopRequireDefault(require("styled-components"));
11
- var _antd = require("antd");
12
- var _tree = _interopRequireDefault(require("rc-master-ui/es/tree"));
11
+ var _rcMasterUi = require("rc-master-ui");
13
12
  var _SearchOutlined = _interopRequireDefault(require("@ant-design/icons/SearchOutlined"));
14
13
  var _utils = require("./hook/utils");
15
14
  var _becoxyIcons = require("becoxy-icons");
@@ -131,21 +130,21 @@ const ColumnsChoose = props => {
131
130
  setMergedSelectedKeys(defaultSelectedKeys);
132
131
  hide();
133
132
  };
134
- return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.Popover, {
133
+ return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Popover, {
135
134
  placement: 'bottomLeft',
136
135
  content: /*#__PURE__*/_react.default.createElement("div", {
137
136
  style: {
138
137
  minWidth: 250,
139
138
  maxWidth: 320
140
139
  }
141
- }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
140
+ }, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Input, {
142
141
  style: {
143
142
  marginBottom: 8
144
143
  },
145
144
  placeholder: t ? t("Search") : 'Search',
146
145
  prefix: /*#__PURE__*/_react.default.createElement(_SearchOutlined.default, null),
147
146
  onChange: onChange
148
- }), /*#__PURE__*/_react.default.createElement(_tree.default, {
147
+ }), /*#__PURE__*/_react.default.createElement(_rcMasterUi.Tree, {
149
148
  onExpand: onExpand
150
149
  // expandedKeys={expandedKeys}
151
150
  ,
@@ -193,14 +192,14 @@ const ColumnsChoose = props => {
193
192
  // style={{height: 300}}
194
193
  }), /*#__PURE__*/_react.default.createElement(BoxAction, {
195
194
  className: 'px-1'
196
- }, /*#__PURE__*/_react.default.createElement(_antd.Button
195
+ }, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Button
197
196
  // className={classnames('btn-action btn-action-submit', {
198
197
  // // disable: !columns.find((item) => item.visible !== false || item.visible)
199
198
  // })}
200
199
  , {
201
200
  onClick: handleAccept
202
201
  // disabled={!columns.find((item) => item.visible !== false || item.visible)}
203
- }, t ? t('OK') : 'OK'), /*#__PURE__*/_react.default.createElement(_antd.Button, {
202
+ }, t ? t('OK') : 'OK'), /*#__PURE__*/_react.default.createElement(_rcMasterUi.Button, {
204
203
  className: 'btn-action btn-action-cancel',
205
204
  onClick: handleCancel
206
205
  }, t ? t('Cancel') : 'Cancel'))),
@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.ColumnsGroup = void 0;
8
8
  var _becoxyIcons = require("becoxy-icons");
9
9
  var _react = _interopRequireWildcard(require("react"));
10
- var _antd = require("antd");
11
10
  var _rcMasterUi = require("rc-master-ui");
12
11
  var _styledComponents = _interopRequireDefault(require("styled-components"));
13
12
  var _hooks = require("../../grid-component/hooks");
@@ -98,7 +97,7 @@ const ColumnsGroup = props => {
98
97
  setTempGroup([]);
99
98
  }
100
99
  };
101
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.Popover, {
100
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Popover, {
102
101
  placement: 'bottomLeft',
103
102
  content: /*#__PURE__*/_react.default.createElement("div", {
104
103
  style: {
@@ -206,14 +205,14 @@ const ColumnsGroup = props => {
206
205
  filterOption: _hooks.customFilterOption
207
206
  }))), /*#__PURE__*/_react.default.createElement(BoxAction, {
208
207
  className: 'px-1'
209
- }, /*#__PURE__*/_react.default.createElement(_antd.Button
208
+ }, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Button
210
209
  // className={classnames('btn-action btn-action-submit', {
211
210
  // // disable: !columns.find((item) => item.visible !== false || item.visible)
212
211
  // })}
213
212
  , {
214
213
  onClick: handleGroup
215
214
  // disabled={!columns.find((item) => item.visible !== false || item.visible)}
216
- }, t ? t('Thực hiện') : 'Thực hiện'), /*#__PURE__*/_react.default.createElement(_antd.Button, {
215
+ }, t ? t('Thực hiện') : 'Thực hiện'), /*#__PURE__*/_react.default.createElement(_rcMasterUi.Button, {
217
216
  className: 'btn-action btn-action-cancel',
218
217
  onClick: handleClear
219
218
  }, t ? t('Clear') : 'Clear'))),
@@ -16,7 +16,6 @@ var _reactNumericComponent = require("react-numeric-component");
16
16
  var _useContext = require("./useContext");
17
17
  var _yup = require("@hookform/resolvers/yup");
18
18
  var _rcMasterUi = require("rc-master-ui");
19
- var _antd = require("antd");
20
19
  var _classnames = _interopRequireDefault(require("classnames"));
21
20
  var _becoxyIcons = require("becoxy-icons");
22
21
  var _TableWrapper = _interopRequireDefault(require("./table/TableWrapper"));
@@ -36,7 +35,7 @@ const MySwal = (0, _sweetalert2ReactContent.default)(_sweetalert.default);
36
35
  const {
37
36
  Paragraph,
38
37
  Title
39
- } = _antd.Typography;
38
+ } = _rcMasterUi.Typography;
40
39
  const validateData = async (data, formSchema) => {
41
40
  if (!formSchema) {
42
41
  return [];
@@ -764,7 +763,7 @@ const TableContainerEdit = props => {
764
763
  if (rowsPasted.length > (onCellPaste?.maxRowsPaste ?? 200)) {
765
764
  // bật popup thông báo
766
765
 
767
- _antd.Modal.confirm({
766
+ _rcMasterUi.Modal.confirm({
768
767
  content: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(Paragraph, {
769
768
  style: {
770
769
  marginBottom: '.25rem',
@@ -8,7 +8,6 @@ exports.default = void 0;
8
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
9
  var _react = _interopRequireWildcard(require("react"));
10
10
  var _rcMasterUi = require("rc-master-ui");
11
- var _antd = require("antd");
12
11
  var _utils = require("../hook/utils");
13
12
  var _classnames = _interopRequireDefault(require("classnames"));
14
13
  var _reactNumericComponent = require("react-numeric-component");
@@ -28,7 +27,7 @@ const {
28
27
  } = _rcMasterUi.TreeSelect;
29
28
  const {
30
29
  TextArea
31
- } = _antd.Input;
30
+ } = _rcMasterUi.Input;
32
31
  const filterTreeNode = (input, treeNode) => {
33
32
  const {
34
33
  title,
@@ -414,7 +413,7 @@ const EditableCell = props => {
414
413
  status: isInvalid ? 'error' : undefined,
415
414
  dropdownRender: menu => {
416
415
  if (toolbarItems && toolbarItems.length > 0) {
417
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, menu, /*#__PURE__*/_react.default.createElement(_antd.Divider, {
416
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, menu, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Divider, {
418
417
  style: {
419
418
  margin: '8px 0'
420
419
  }
@@ -486,8 +485,9 @@ const EditableCell = props => {
486
485
  indexRow,
487
486
  type: 'blur'
488
487
  });
489
- },
490
- autoDestroy: true,
488
+ }
489
+ // autoDestroy={true}
490
+ ,
491
491
  showSearch: true,
492
492
  mode: isMulti || selectMode === 'checkbox' ? 'multiple' : undefined,
493
493
  valueSelectAble: true,
@@ -566,8 +566,9 @@ const EditableCell = props => {
566
566
  indexRow,
567
567
  type: 'blur'
568
568
  });
569
- },
570
- autoDestroy: true,
569
+ }
570
+ // autoDestroy={true}
571
+ ,
571
572
  showSearch: true,
572
573
  defaultOpen: column.field === startCell?.colId,
573
574
  autoFocus: column.field === startCell?.colId,
@@ -849,7 +850,7 @@ const EditableCell = props => {
849
850
  green: _colors.green,
850
851
  cyan: _colors.cyan
851
852
  });
852
- return /*#__PURE__*/_react.default.createElement(_antd.ColorPicker, {
853
+ return /*#__PURE__*/_react.default.createElement(_rcMasterUi.ColorPicker, {
853
854
  value: color,
854
855
  allowClear: column.isClearable ?? true,
855
856
  onChangeComplete: valueColor => {
@@ -873,18 +874,18 @@ const EditableCell = props => {
873
874
  Picker,
874
875
  Presets
875
876
  }
876
- }) => /*#__PURE__*/_react.default.createElement(_antd.Row, {
877
+ }) => /*#__PURE__*/_react.default.createElement(_rcMasterUi.Row, {
877
878
  justify: "space-between",
878
879
  wrap: false,
879
880
  className: "custom-panel be-popup-container"
880
- }, /*#__PURE__*/_react.default.createElement(_antd.Col, {
881
+ }, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Col, {
881
882
  span: 12
882
- }, /*#__PURE__*/_react.default.createElement(Presets, null)), /*#__PURE__*/_react.default.createElement(_antd.Divider, {
883
+ }, /*#__PURE__*/_react.default.createElement(Presets, null)), /*#__PURE__*/_react.default.createElement(_rcMasterUi.Divider, {
883
884
  type: "vertical",
884
885
  style: {
885
886
  height: 'auto'
886
887
  }
887
- }), /*#__PURE__*/_react.default.createElement(_antd.Col, {
888
+ }), /*#__PURE__*/_react.default.createElement(_rcMasterUi.Col, {
888
889
  flex: "auto"
889
890
  }, /*#__PURE__*/_react.default.createElement(Picker, null)))
890
891
  });
@@ -934,7 +935,7 @@ const EditableCell = props => {
934
935
  }, numericFormatProps, {
935
936
  min: column.min,
936
937
  max: column.max,
937
- customInput: _antd.Input
938
+ customInput: _rcMasterUi.Input
938
939
  // valueIsNumericString={true}
939
940
  ,
940
941
  placeholder: t && column.placeholder ? t(column.placeholder) : tableLocal?.textPlaceholder,
@@ -12,7 +12,6 @@ var _yup = require("@hookform/resolvers/yup");
12
12
  var _grid = require("rc-master-ui/es/grid");
13
13
  var _utils = require("../../hook/utils");
14
14
  var _rcMasterUi = require("rc-master-ui");
15
- var _antd = require("antd");
16
15
  var _divider = _interopRequireDefault(require("rc-master-ui/es/divider"));
17
16
  var _button = _interopRequireDefault(require("rc-master-ui/es/button"));
18
17
  var _InputControl = _interopRequireDefault(require("../InputControl/InputControl"));
@@ -306,7 +305,7 @@ const EditForm = props => {
306
305
  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(SelectStyle, {
307
306
  ref: formRef,
308
307
  id: id ? id : ''
309
- }, /*#__PURE__*/_react.default.createElement(_antd.Dropdown, {
308
+ }, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Dropdown, {
310
309
  menu: {
311
310
  items: []
312
311
  },
@@ -8,16 +8,14 @@ exports.default = void 0;
8
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
9
  var _reactHookForm = require("react-hook-form");
10
10
  var _rcMasterUi = require("rc-master-ui");
11
- var _antd = require("antd");
12
11
  var _classnames = _interopRequireDefault(require("classnames"));
13
12
  var _react = _interopRequireWildcard(require("react"));
14
- var _grid = require("rc-master-ui/es/grid");
15
13
  var _utils = require("../../hook/utils");
16
14
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
17
15
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
18
16
  const {
19
17
  Text
20
- } = _antd.Typography;
18
+ } = _rcMasterUi.Typography;
21
19
  const InputControl = props => {
22
20
  const {
23
21
  id,
@@ -44,7 +42,7 @@ const InputControl = props => {
44
42
  ...rest
45
43
  } = props;
46
44
  const renderLabel = () => {
47
- return /*#__PURE__*/_react.default.createElement(_grid.Col, {
45
+ return /*#__PURE__*/_react.default.createElement(_rcMasterUi.Col, {
48
46
  span: 6
49
47
  }, isLabel === false ? '' : /*#__PURE__*/_react.default.createElement("label", {
50
48
  className: "form-label"
@@ -109,7 +107,7 @@ const InputControl = props => {
109
107
  type: "danger"
110
108
  }, errors?.message));
111
109
  };
112
- return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_grid.Row, {
110
+ return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Row, {
113
111
  gutter: [4, 4]
114
112
  // className={classnames(' align', {
115
113
  // [labelSize ? labelSize : '']: labelSize,
@@ -117,7 +115,7 @@ const InputControl = props => {
117
115
  // 'form-row-inline-error': errors
118
116
  // }, inLine === false ? 'form-group ' : 'form-row-inline d-flex'
119
117
  // )}
120
- }, renderLabel(), /*#__PURE__*/_react.default.createElement(_grid.Col, {
118
+ }, renderLabel(), /*#__PURE__*/_react.default.createElement(_rcMasterUi.Col, {
121
119
  span: 18,
122
120
  className: (0, _classnames.default)('', {
123
121
  'hidden-label': isLabel === false
@@ -8,7 +8,6 @@ exports.default = void 0;
8
8
  var React = _interopRequireWildcard(require("react"));
9
9
  var _classnames = _interopRequireDefault(require("classnames"));
10
10
  var _rcMasterUi = require("rc-master-ui");
11
- var _antd = require("antd");
12
11
  var _useFilter = require("rc-master-ui/es/table/hooks/useFilter");
13
12
  var _FilterSearch = _interopRequireDefault(require("./FilterSearch"));
14
13
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -212,7 +211,7 @@ const CheckboxFilter = props => {
212
211
  indeterminate: selectedKeys.length > 0 && selectedKeys.length < (0, _useFilter.flattenKeys)(options).length,
213
212
  className: `${tablePrefixCls}-filter-dropdown-checkall`,
214
213
  onChange: onCheckAll
215
- }, locale?.filterCheckall) : /*#__PURE__*/React.createElement(_rcMasterUi.Empty, null), /*#__PURE__*/React.createElement(_antd.Tree, {
214
+ }, locale?.filterCheckall) : /*#__PURE__*/React.createElement(_rcMasterUi.Empty, null), /*#__PURE__*/React.createElement(_rcMasterUi.Tree, {
216
215
  checkable: true,
217
216
  selectable: false,
218
217
  blockNode: true,
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import type { FilterSearchType, TableLocale } from "antd/es/table/interface";
2
+ import type { FilterSearchType, TableLocale } from "rc-master-ui/es/table/interface";
3
3
  import type { AnyObject } from '../../../grid-component/type';
4
4
  interface FilterSearchProps<RecordType = AnyObject> {
5
5
  value: string;
@@ -10,8 +10,6 @@ var _SearchOutlined = _interopRequireDefault(require("@ant-design/icons/SearchOu
10
10
  var _rcMasterUi = require("rc-master-ui");
11
11
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
12
12
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
13
- // import type {AnyObject} from "./../grid-component/type"
14
-
15
13
  const FilterSearch = props => {
16
14
  const {
17
15
  value,
@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.default = void 0;
8
8
  var _react = _interopRequireWildcard(require("react"));
9
- var _antd = require("antd");
10
9
  var _becoxyIcons = require("becoxy-icons");
11
10
  var _classnames = _interopRequireDefault(require("classnames"));
12
11
  var _rcMasterUi = require("rc-master-ui");
@@ -167,12 +166,12 @@ const TableHeadCell = props => {
167
166
  tableLocal: undefined
168
167
  // selectedKeys: (header.column.getFilterValue() ?? []) as string[],
169
168
  // setSelectedKeys: header.column.setFilterValue,
170
- })), /*#__PURE__*/_react.default.createElement(_antd.Space, {
169
+ })), /*#__PURE__*/_react.default.createElement(_rcMasterUi.Space, {
171
170
  style: {
172
171
  justifyContent: 'end',
173
172
  width: '100%'
174
173
  }
175
- }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
174
+ }, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Button, {
176
175
  type: "primary",
177
176
  onClick: () => {
178
177
  // header.column.setFilterValue(selectedKeys)
@@ -183,7 +182,7 @@ const TableHeadCell = props => {
183
182
  style: {
184
183
  width: 90
185
184
  }
186
- }, t ? t('Filter') : 'Filter'), /*#__PURE__*/_react.default.createElement(_antd.Button, {
185
+ }, t ? t('Filter') : 'Filter'), /*#__PURE__*/_react.default.createElement(_rcMasterUi.Button, {
187
186
  type: "link",
188
187
  size: "small",
189
188
  onClick: () => {