es-grid-template 1.9.52 → 1.9.55

package/lib/group-component/header/TableHeadCell2.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _antd = require("antd");
 var _becoxyIcons = require("becoxy-icons");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _rcMasterUi = require("rc-master-ui");
@@ -169,12 +168,12 @@ const TableHeadCell2 = props => {
         format,
         dataSourceFilter,
         tableLocal
-      })), /*#__PURE__*/_react.default.createElement(_antd.Space, {
+      })), /*#__PURE__*/_react.default.createElement(_rcMasterUi.Space, {
         style: {
           justifyContent: 'end',
           width: '100%'
         }
-      }, /*#__PURE__*/_react.default.createElement(_antd.Button, {
+      }, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Button, {
         type: "primary",
         onClick: () => {
           // column.setFilterValue(selectedKeys)
@@ -185,7 +184,7 @@ const TableHeadCell2 = props => {
         style: {
           width: 90
         }
-      }, t ? t('Filter') : 'Filter'), /*#__PURE__*/_react.default.createElement(_antd.Button, {
+      }, t ? t('Filter') : 'Filter'), /*#__PURE__*/_react.default.createElement(_rcMasterUi.Button, {
         type: "link",
         size: "small",
         onClick: () => {

package/lib/group-component/hook/utils.d.ts

@@ -7,7 +7,7 @@ import type { CSSProperties } from "react";
 import dayjs from "dayjs";
 import type { IPositionCell } from "../useContext";
 import type { ColumnDef } from "@tanstack/react-table";
-import type { TreeDataNode } from "antd";
+import type { TreeDataNode } from "rc-master-ui";
 export declare const newGuid: () => any;
 export declare const convertDayjsToDate: (dateString: string, format?: string) => Date;
 export declare const convertDateToDayjs: (date: Date | undefined, format?: string) => dayjs.Dayjs;

package/lib/group-component/table/Grid.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _antd = require("antd");
+var _rcMasterUi = require("rc-master-ui");
 var _faker = require("@faker-js/faker");
 var _reactTable = require("@tanstack/react-table");
 var _core = require("@dnd-kit/core");
@@ -367,7 +367,7 @@ const Grid = props => {
     columnSizingInfo: columnSizingInfo,
     isFullScreen: isFullScreen,
     setIsFullScreen: setIsFullScreen
-  })))), /*#__PURE__*/_react.default.createElement(_antd.Modal, {
+  })))), /*#__PURE__*/_react.default.createElement(_rcMasterUi.Modal, {
     open: isFullScreen,
     footer: null,
     centered: true,

package/lib/index.d.ts

@@ -10,8 +10,8 @@ export { default as Select } from './select';
 export type { SelectProps } from './select';
 export { default as DateRangePicker } from './date-range-picker';
 export type { DateRangePickerProps } from './date-range-picker';
-export { default as DatePicker } from './datepicker';
-export type { DatePickerType, DatePickerProps } from './datepicker';
+export { default as DatePicker } from './datePicker';
+export type { DatePickerType, DatePickerProps } from './datePicker';
 export { default as Splitter } from './splitter';
 export type { SplitterProps } from './splitter';
 export { default as Collapse } from './collapse';

package/lib/index.js

@@ -13,7 +13,7 @@ Object.defineProperty(exports, "Collapse", {
 Object.defineProperty(exports, "DatePicker", {
   enumerable: true,
   get: function () {
-    return _datepicker.default;
+    return _datePicker.default;
   }
 });
 Object.defineProperty(exports, "DateRangePicker", {
@@ -70,7 +70,7 @@ var _tabs = _interopRequireDefault(require("./tabs"));
 var _selectTable = _interopRequireDefault(require("./select-table"));
 var _select = _interopRequireDefault(require("./select"));
 var _dateRangePicker = _interopRequireDefault(require("./date-range-picker"));
-var _datepicker = _interopRequireDefault(require("./datepicker"));
+var _datePicker = _interopRequireDefault(require("./datePicker"));
 var _splitter = _interopRequireDefault(require("./splitter"));
 var _collapse = _interopRequireDefault(require("./collapse"));
 var _aliTable = _interopRequireDefault(require("./ali-table"));

package/lib/table-component/ColumnsChoose.js

@@ -8,7 +8,7 @@ exports.ColumnsChoose = void 0;
 var _useMergedState = _interopRequireDefault(require("rc-util/lib/hooks/useMergedState"));
 var _react = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _antd = require("antd");
+var _rcMasterUi = require("rc-master-ui");
 var _tree = _interopRequireDefault(require("rc-master-ui/es/tree"));
 var _SearchOutlined = _interopRequireDefault(require("@ant-design/icons/SearchOutlined"));
 var _utils = require("./hook/utils");
@@ -144,14 +144,14 @@ const ColumnsChoose = props => {
     setMergedSelectedKeys(defaultSelectedKeys);
     hide();
   };
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_antd.Popover, {
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Popover, {
     placement: 'bottomLeft',
     content: /*#__PURE__*/_react.default.createElement(CustomStyle, {
       style: {
         minWidth: 250,
         maxWidth: 320
       }
-    }, /*#__PURE__*/_react.default.createElement(_antd.Input, {
+    }, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Input, {
       style: {
         marginBottom: 8
       },
@@ -207,14 +207,14 @@ const ColumnsChoose = props => {
       // style={{height: 300}}
     }), /*#__PURE__*/_react.default.createElement(BoxAction, {
       className: 'px-1'
-    }, /*#__PURE__*/_react.default.createElement(_antd.Button
+    }, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Button
     // className={classnames('btn-action btn-action-submit', {
     //   // disable: !columns.find((item) => item.visible !== false || item.visible)
     // })}
     , {
       onClick: handleAccept
       // disabled={!columns.find((item) => item.visible !== false || item.visible)}
-    }, t ? t('OK') : 'OK'), /*#__PURE__*/_react.default.createElement(_antd.Button, {
+    }, t ? t('OK') : 'OK'), /*#__PURE__*/_react.default.createElement(_rcMasterUi.Button, {
       className: 'btn-action btn-action-cancel',
       onClick: handleCancel
     }, t ? t('Cancel') : 'Cancel'))),

package/lib/table-component/ColumnsConfig.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import type { ColumnsTable, ColumnTable, GridTableLocale, Locale } from "../grid-component/type";
+import type { ColumnDef, Table } from "@tanstack/react-table";
+export type IColumnsChoose<RecordType> = {
+    id: string;
+    table: Table<RecordType>;
+    columns: ColumnDef<RecordType>[];
+    originColumns: ColumnTable[];
+    columnsGroup?: string[];
+    triggerChangeColumns?: (columns: ColumnsTable<RecordType>, keys: string[], type: string) => void;
+    t?: any;
+    triggerChangeKeys?: any;
+    columnHidden: any;
+    locale?: Locale;
+    tableLocal: GridTableLocale;
+};
+export declare const ColumnsConfig: <RecordType extends object>(props: IColumnsChoose<RecordType>) => JSX.Element;

package/lib/table-component/ColumnsConfig.js

@@ -0,0 +1,312 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ColumnsConfig = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _rcMasterUi = require("rc-master-ui");
+var _becoxyIcons = require("becoxy-icons");
+var _aliTable = _interopRequireDefault(require("../ali-table"));
+var _hooks = require("../grid-component/hooks");
+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); }
+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; }
+const align = {
+  left: 'Left',
+  right: 'Right'
+};
+const ColumnsConfig = props => {
+  const {
+    originColumns,
+    triggerChangeColumns,
+    t,
+    id,
+    locale,
+    tableLocal
+  } = props;
+  const [tmpColumn, settmpColumn] = (0, _react.useState)([...originColumns]);
+  (0, _react.useEffect)(() => {
+    if (originColumns) {
+      settmpColumn([...originColumns]);
+    }
+  }, [originColumns]);
+
+  // const treeColumns = React.useMemo(() => {
+  //   return convertColumnsToTreeData(propsColumns, columnsGroup)
+  // }, [propsColumns, columnsGroup])
+
+  // const [mergedSelectedKeys, setMergedSelectedKeys] = useMergedState(
+  //   defaultSelectedKeys && defaultSelectedKeys.length ? defaultSelectedKeys : undefined,
+  //   {
+  //     value: undefined,
+  //   },
+  // );
+  const getWindowSize = () => {
+    const {
+      innerWidth,
+      innerHeight
+    } = window;
+    return {
+      innerWidth,
+      innerHeight
+    };
+  };
+  const [windowSize, setWindowSize] = (0, _react.useState)(getWindowSize());
+  const [open, setOpen] = (0, _react.useState)(false);
+  const [currentRow, setCurrentRow] = (0, _react.useState)('');
+  (0, _react.useEffect)(() => {
+    const handleWindowResize = () => {
+      setWindowSize(getWindowSize());
+    };
+    window.addEventListener('resize', handleWindowResize);
+    return () => {
+      window.removeEventListener('resize', handleWindowResize);
+    };
+  }, []);
+  const onClose = () => {
+    setOpen(!open);
+  };
+  const handleAccept = () => {
+    triggerChangeColumns?.(tmpColumn, [], 'columnChoose');
+    onClose();
+  };
+  const handleChange = newElemt => {
+    const newEle = {
+      ...newElemt
+    };
+    const abc = (0, _hooks.updateArrayByKey)(tmpColumn, newEle, 'field');
+    settmpColumn(abc);
+  };
+  const columns = [{
+    field: 'headerText1',
+    headerText: 'Tên cột',
+    template: args => {
+      const {
+        rowData
+      } = args;
+      return /*#__PURE__*/_react.default.createElement("span", null, rowData.headerText);
+    },
+    getCellProps(value, row) {
+      return {
+        style: {},
+        onClick: () => {
+          setCurrentRow(row.field);
+        }
+      };
+    }
+  }, {
+    field: 'headerText',
+    headerText: 'Tên cột hiển thị',
+    width: 200,
+    getCellProps(value, row) {
+      return {
+        style: {
+          paddingBlock: currentRow === row.field ? 0 : undefined
+        },
+        onClick: () => {
+          setCurrentRow(row.field);
+        }
+      };
+    },
+    template: args => {
+      const {
+        value,
+        rowData
+      } = args;
+      if (currentRow === rowData.field) {
+        return /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Input, {
+          defaultValue: value,
+          allowClear: true,
+          onBlur: e => {
+            const newData = {
+              ...rowData,
+              visible: e.target.value
+            };
+            handleChange(newData);
+          }
+        }));
+      }
+      return /*#__PURE__*/_react.default.createElement("span", null, value);
+    }
+  }, {
+    field: 'visible',
+    headerText: 'Hiển thị',
+    textAlign: 'center',
+    headerTextAlign: 'center',
+    width: 80,
+    template: args => {
+      const {
+        value,
+        rowData
+      } = args;
+      return /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Checkbox, {
+        defaultChecked: value !== false,
+        onChange: e => {
+          const newData = {
+            ...rowData,
+            visible: e.target.checked
+          };
+          handleChange(newData);
+        }
+      }));
+    }
+  }, {
+    field: 'fixed',
+    headerText: 'Cố định cột',
+    getCellProps(value, row) {
+      return {
+        style: {
+          paddingBlock: currentRow === row.field ? 0 : undefined
+        },
+        onClick: () => {
+          setCurrentRow(row.field);
+        }
+      };
+    },
+    template: args => {
+      const {
+        value,
+        rowData
+      } = args;
+      const rs = value ?? rowData.fixedType;
+      if (currentRow === rowData.field) {
+        return /*#__PURE__*/_react.default.createElement(_rcMasterUi.Select, {
+          value: rs,
+          allowClear: true,
+          style: {
+            width: '100%'
+          },
+          options: [{
+            value: 'left',
+            label: 'Trái'
+          }, {
+            value: 'right',
+            label: 'Phải'
+          }],
+          onChange: val => {
+            const newData = {
+              ...rowData,
+              fixed: val
+            };
+            handleChange(newData);
+          }
+        });
+      }
+      if (rs) {
+        return /*#__PURE__*/_react.default.createElement("span", null, t ? t?.(align[rs]) : align[rs]);
+      }
+      return '';
+    }
+  }, {
+    field: 'width',
+    headerText: 'Độ rộng cột (px)',
+    getCellProps(value, row) {
+      return {
+        style: {
+          paddingBlock: currentRow === row.field ? 0 : undefined
+        },
+        onClick: () => {
+          setCurrentRow(row.field);
+        }
+      };
+    },
+    template: args => {
+      const {
+        value,
+        rowData
+      } = args;
+      if (currentRow === rowData.field) {
+        return /*#__PURE__*/_react.default.createElement(_rcMasterUi.InputNumber, {
+          defaultValue: value,
+          style: {
+            width: '100%'
+          },
+          changeOnWheel: true,
+          onBlur: e => {
+            const newData = {
+              ...rowData,
+              visible: e.target.value
+            };
+            handleChange(newData);
+          }
+        });
+      }
+      return /*#__PURE__*/_react.default.createElement("span", null, value);
+    }
+  }];
+  const handleReset = () => {
+    settmpColumn([...originColumns]);
+  };
+  const footer = /*#__PURE__*/_react.default.createElement("div", {
+    className: "d-flex justify-content-end gap-2 w-100"
+  }, /*#__PURE__*/_react.default.createElement(_rcMasterUi.Button, {
+    type: "primary",
+    onClick: () => handleReset(),
+    styles: {
+      icon: {}
+    }
+  }, "Thi\u1EBFt l\u1EADp l\u1EA1i"), /*#__PURE__*/_react.default.createElement(_rcMasterUi.Button, {
+    type: "primary",
+    styles: {
+      icon: {}
+    },
+    onClick: () => handleAccept()
+  }, "X\xE1c nh\u1EADn"), /*#__PURE__*/_react.default.createElement(_rcMasterUi.Button, {
+    onClick: () => onClose(),
+    styles: {
+      icon: {}
+    }
+  }, "Cancel"));
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_becoxyIcons.Settings, {
+    "data-tooltip-id": `${id}-tooltip-content`,
+    "data-tooltip-content": locale?.table?.setting || tableLocal?.setting || 'Setting',
+    fontSize: 16,
+    style: {
+      cursor: 'pointer'
+    },
+    className: "toolbar-icon",
+    onClick: () => setOpen(true)
+  }), /*#__PURE__*/_react.default.createElement(_rcMasterUi.Drawer, {
+    title: `Cấu hình cột`,
+    placement: "right"
+    // size={'large'}
+    ,
+    styles: {
+      wrapper: {
+        width: 1200
+      },
+      body: {
+        paddingBlock: 6
+      }
+    },
+    onClose: onClose,
+    open: open,
+    footer: footer,
+    extra: /*#__PURE__*/_react.default.createElement(_rcMasterUi.Space, null, /*#__PURE__*/_react.default.createElement(_becoxyIcons.Info, {
+      "data-tooltip-id": `${id}-tooltip-content`,
+      "data-tooltip-content": 'Click vào dòng để chỉnh sửa'
+    }))
+  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_aliTable.default, {
+    fullScreen: false,
+    columns: columns,
+    dataSource: tmpColumn,
+    gridLines: "Horizontal",
+    height: windowSize.innerHeight - 125,
+    minHeight: windowSize.innerHeight - 125,
+    rowDnd: {
+      enabled: true,
+      onChange: args => {
+        settmpColumn(args.rows);
+      }
+    },
+    expandable: {
+      expandIconColumnIndex: 1,
+      defaultExpandAllRows: true
+    },
+    useOuterBorder: true,
+    allowFiltering: false,
+    allowResizing: false
+  }))));
+};
+exports.ColumnsConfig = ColumnsConfig;

package/lib/table-component/ContextMenu.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.findItemByKey = exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _antd = require("antd");
+var _rcMasterUi = require("rc-master-ui");
 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); }
 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; }
 const findItemByKey = (array, key, value) => {
@@ -34,7 +34,7 @@ const ContextMenu = props => {
     contextMenuItems,
     rowData
   } = props;
-  return /*#__PURE__*/React.createElement(_antd.Dropdown, {
+  return /*#__PURE__*/React.createElement(_rcMasterUi.Dropdown, {
     placement: 'topRight',
     open: open,
     overlayClassName: 'be-popup-container',
@@ -45,7 +45,7 @@ const ContextMenu = props => {
     dropdownRender: () => {
       return /*#__PURE__*/React.createElement("div", {
         ref: menuRef
-      }, /*#__PURE__*/React.createElement(_antd.Menu, {
+      }, /*#__PURE__*/React.createElement(_rcMasterUi.Menu, {
         items: contextMenuItems,
         style: {
           minWidth: 200,

package/lib/table-component/InternalTable.js

@@ -107,6 +107,12 @@ const InternalTable = props => {
   const depthData = _react.default.useMemo(() => {
     return (0, _utils.getTreeDepth)(convertData);
   }, [convertData]);
+
+  //  const dataIds = React.useMemo<UniqueIdentifier[]>(
+  //   () => convertData.map((it: any) => it.rowId),
+  //   [convertData],
+  // )
+
   const expandIconColumnIndex = expandable?.expandIconColumnIndex ?? 0;
   const flatColumns = _react.default.useMemo(() => {
     return (0, _utils.flatColumns2)(propsColumns);
@@ -173,17 +179,26 @@ const InternalTable = props => {
   const columnVisibility = _react.default.useMemo(() => {
     return (0, _utils.getInvisibleColumns)(columns);
   }, [columns]);
-  const [columnsHiddenKeys, setColumnsHiddenKeys] = (0, _useMergedState.default)(undefined, {
-    value: undefined
-  });
+
+  // const [columnsHiddenKeys, setColumnsHiddenKeys] = useMergedState(
+  //   undefined,
+  //   {
+  //     value: undefined,
+  //   },
+  // );
+
   const triggerChangeColumns = (cols, keys, type) => {
     if (type === 'cellClick') {
       setColumns(cols);
     } else {
       setColumns(cols);
-      const aa = (0, _utils.flatColumns2)(columns).map(it => it.field);
-      const rsss = (0, _utils.getDiffent2Array)(aa, keys);
-      setColumnsHiddenKeys(rsss);
+
+      // const aa = flatColumns2(columns).map((it) => it.field)
+
+      // const rsss = getDiffent2Array(aa, keys)
+
+      // setColumnsHiddenKeys(rsss as any)
+
       onChooseColumns?.({
         showColumns: (0, _hooks.removeInvisibleColumns)([...cols]),
         columns: [...cols],
@@ -255,8 +270,10 @@ const InternalTable = props => {
     groupSetting: groupSetting,
     groupAble: groupAble,
     groupColumns: groupColumns,
-    columnPinning: columnPinning,
-    columnHidden: columnsHiddenKeys ? (0, _utils.convertToObj)(columnsHiddenKeys) : columnVisibility,
+    columnPinning: columnPinning
+    // columnHidden={columnsHiddenKeys ? convertToObj(columnsHiddenKeys) : columnVisibility}
+    ,
+    columnHidden: columnVisibility,
     triggerFilter: setFilterState,
     triggerSorter: setSorterStates,
     defaultFilter: defaultFilter,

package/lib/table-component/TableContainer.js

@@ -12,12 +12,14 @@ var _useContext = require("./useContext");
 var _pagination = _interopRequireDefault(require("rc-master-ui/es/pagination"));
 var _rcMasterUi = require("rc-master-ui");
 var _becoxyIcons = require("becoxy-icons");
-var _ColumnsChoose = require("./ColumnsChoose");
 var _reactNumericComponent = require("react-numeric-component");
 var _TableWrapper = _interopRequireDefault(require("./table/TableWrapper"));
 var _utils = require("./hook/utils");
 var _reactVirtual = require("@tanstack/react-virtual");
 var _locale = require("rc-master-ui/es/locale");
+var _ColumnsConfig = require("./ColumnsConfig");
+// import { ColumnsChoose } from './ColumnsChoose'
+
 const TableContainer = props => {
   const {
     t,
@@ -294,7 +296,7 @@ const TableContainer = props => {
     },
     "data-tooltip-id": `${id}-tooltip-content`,
     "data-tooltip-content": locale?.table?.fullScreen || tableLocal?.fullScreen || 'Full screen'
-  })), showColumnChoose && /*#__PURE__*/_react.default.createElement(_ColumnsChoose.ColumnsChoose, {
+  })), showColumnChoose && /*#__PURE__*/_react.default.createElement(_ColumnsConfig.ColumnsConfig, {
     id: id,
     table: table,
     locale: locale,

package/lib/table-component/TableContainerEdit.js

@@ -11,17 +11,16 @@ var _usehooksTs = require("usehooks-ts");
 var _utils = require("./hook/utils");
 var _reactVirtual = require("@tanstack/react-virtual");
 var _reactHookForm = require("react-hook-form");
-var _antd = require("antd");
+var _rcMasterUi = require("rc-master-ui");
 var _button = _interopRequireDefault(require("rc-master-ui/es/button"));
 var _dropdown = _interopRequireDefault(require("rc-master-ui/es/dropdown"));
 var _pagination = _interopRequireDefault(require("rc-master-ui/es/pagination"));
 var _reactNumericComponent = require("react-numeric-component");
 var _useContext = require("./useContext");
 var _yup = require("@hookform/resolvers/yup");
-var _rcMasterUi = require("rc-master-ui");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _becoxyIcons = require("becoxy-icons");
-var _ColumnsChoose = require("./ColumnsChoose");
+var _ColumnsConfig = require("./ColumnsConfig");
 var _TableWrapper = _interopRequireDefault(require("./table/TableWrapper"));
 var _sweetalert2ReactContent = _interopRequireDefault(require("sweetalert2-react-content"));
 var _sweetalert = _interopRequireDefault(require("sweetalert2"));
@@ -34,7 +33,7 @@ const MySwal = (0, _sweetalert2ReactContent.default)(_sweetalert.default);
 const {
   Paragraph,
   Title
-} = _antd.Typography;
+} = _rcMasterUi.Typography;
 const validateData = async (data, formSchema) => {
   if (!formSchema) {
     return [];
@@ -599,7 +598,7 @@ const TableContainerEdit = props => {
     if (rowsPasted.length > (onCellPaste?.maxRowsPaste ?? 200)) {
       // bật popup thông báo
 
-      _antd.Modal.confirm({
+      _rcMasterUi.Modal.confirm({
         content: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(Paragraph, {
           style: {
             marginBottom: '.25rem',
@@ -2113,7 +2112,7 @@ const TableContainerEdit = props => {
     },
     "data-tooltip-id": `${id}-tooltip-content`,
     "data-tooltip-content": locale?.table?.fullScreen || tableLocal?.fullScreen || 'Full screen'
-  })), showColumnChoose && /*#__PURE__*/_react.default.createElement(_ColumnsChoose.ColumnsChoose, {
+  })), showColumnChoose && /*#__PURE__*/_react.default.createElement(_ColumnsConfig.ColumnsConfig, {
     table: table,
     columns: columns,
     originColumns: propsColumns,