es-grid-template 0.1.0 → 0.1.2-1

package/lib/grid-component/GridStyle.js

@@ -9,4 +9,4 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 const GridStyle = exports.GridStyle = _styledComponents.default.div.withConfig({
   displayName: "GridStyle",
   componentId: "es-grid-template__sc-sueu2e-0"
-})([".ui-rc-pagination{border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0;margin:0;padding:.75rem 1rem;.ui-rc-pagination-total-text{order:2;margin-left:auto;}&::before{content:\"\";position:absolute;border-left:1px solid #e0e0e0;height:", ";bottom:0;left:0;z-index:-1;}&::after{content:\"\";position:absolute;border-left:1px solid #e0e0e0;height:", ";bottom:0;visibility:visible;right:0;z-index:-1;}}"], props => props.heightTable ? typeof props.heightTable === 'string' ? props.heightTable : `${props.heightTable}px` : undefined, props => props.heightTable ? `${props.heightTable}px` : undefined);
+})([".ui-rc-pagination{border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0;margin:0;padding:.75rem 1rem;.ui-rc-pagination-total-text{order:2;margin-left:auto;}&::before{content:\"\";position:absolute;border-left:1px solid #e0e0e0;height:", ";bottom:0;left:0;z-index:-1;}&::after{content:\"\";position:absolute;border-left:1px solid #e0e0e0;height:", ";bottom:0;visibility:visible;right:0;z-index:-1;}}.react-resizable{position:relative;background-clip:padding-box;}.react-resizable-handle{position:absolute;right:0px;bottom:0;z-index:1;width:5px;height:100%;cursor:col-resize;&.none{cursor:auto;display:none;}}"], props => props.heightTable ? typeof props.heightTable === 'string' ? props.heightTable : `${props.heightTable}px` : undefined, props => props.heightTable ? `${props.heightTable}px` : undefined);

package/lib/grid-component/InternalTable.js

@@ -10,7 +10,6 @@ var _react = _interopRequireWildcard(require("react"));
 var _rcMasterUi = require("rc-master-ui");
 var _antd = require("antd");
 var _icons = require("@ant-design/icons");
-var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _reactResizable = require("react-resizable");
 var _customParseFormat = _interopRequireDefault(require("dayjs/plugin/customParseFormat"));
 var _hooks = require("./hooks");
@@ -21,9 +20,9 @@ require("dayjs/locale/es");
 require("dayjs/locale/vi");
 var _en_US = _interopRequireDefault(require("rc-master-ui/es/date-picker/locale/en_US"));
 var _vi_VN = _interopRequireDefault(require("rc-master-ui/es/date-picker/locale/vi_VN"));
+require("./styles.scss");
 var _GridEdit = _interopRequireDefault(require("./table/GridEdit"));
 var _Grid = _interopRequireDefault(require("./table/Grid"));
-require("./styles.scss");
 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; }
 _dayjs.default.extend(_customParseFormat.default);
@@ -55,20 +54,18 @@ const ResizableTitle = props => {
     }, /*#__PURE__*/_react.default.createElement("th", restProps))
   );
 };
-const GridStyle = _styledComponents.default.div.withConfig({
-  displayName: "GridStyle",
-  componentId: "es-grid-template__sc-1awgu8w-0"
-})([".ui-rc-pagination{border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0;margin:0;padding:.75rem 1rem;.ui-rc-pagination-total-text{order:2;margin-left:auto;}&::before{content:\"\";position:absolute;border-left:1px solid #e0e0e0;height:", ";bottom:0;left:0;}&::after{content:\"\";position:absolute;border-left:1px solid #e0e0e0;height:", ";bottom:0;visibility:visible;right:0;}}"], props => props.heightTable ? typeof props.heightTable === 'string' ? props.heightTable : `${props.heightTable}px` : undefined, props => props.heightTable ? `${props.heightTable}px` : undefined);
 const InternalTable = props => {
   const {
     t,
     columns: propsColumns,
     lang,
     dataSource,
-    allowResizing = true,
+    allowResizing,
     dataSourceFilter: propDataSourceFilter,
     onFilterClick,
     editAble,
+    rowKey,
+    onDataChange,
     ...rest
   } = props;
   const locale = lang && lang === 'en' ? _en_US.default : _vi_VN.default;
@@ -93,6 +90,15 @@ const InternalTable = props => {
     }
     setIsManualUpdate(false);
   }, [dataSource]);
+
+  // ============================ RowKey ============================
+  const getRowKey = _react.default.useMemo(() => {
+    if (typeof rowKey === 'function') {
+      return rowKey;
+    }
+    // @ts-ignore
+    return record => record?.[rowKey];
+  }, [rowKey]);
   const handleSearch = (selectedKeys, confirm) => {
     confirm();
   };
@@ -233,32 +239,40 @@ const InternalTable = props => {
     return cols.map((col, index) => {
       const currentPath = [...parentPath, index];
       // @ts-ignore
-      if (!col?.dataIndex && !col.key) {
+      if (!col?.dataIndex && !col.key && !col.field) {
         return col;
       }
+      const transformedColumn = {
+        ...col,
+        dataIndex: col.field ?? col.dataIndex,
+        title: t ? t(col.headerText ?? col.title) : col.headerText ?? col.title,
+        ellipsis: col.ellipsis !== false,
+        align: col.textAlign ?? col.align,
+        fixed: col.frozen ? col.frozen.toLowerCase() : col.fixed
+      };
       if (col.children) {
         return {
-          ...col,
-          title: col.headerText ?? col.title,
-          ellipsis: col.ellipsis !== false,
+          ...transformedColumn,
           children: transformColumns(col.children, currentPath)
         };
       }
       if (col.dataIndex === 'index' || col.field === 'index' || col.dataIndex === '#' || col.dataIndex === '#') {
         return {
-          ...col,
-          title: col.headerText ?? col.title,
-          ellipsis: col.ellipsis !== false
+          ...transformedColumn
         };
       }
       return {
         ...getColumnSearchProps(col),
-        ...col,
-        title: col.headerText ?? col.title,
-        ellipsis: col.ellipsis !== false,
+        ...transformedColumn,
+        // dataIndex: col.field ?? col.dataIndex,
+        // key: col.field ?? col.dataIndex ?? col.key,
+        // title: col.headerText ?? col.title,
+        // ellipsis: col.ellipsis !== false,
+        // align: col.textAlign ?? col.align,
+        // fixed: col.frozen ? col.frozen.toLowerCase() : col.fixed,
         onFilter: (value, record) => {
           // @ts-ignore
-          return record[column?.dataIndex];
+          return record[col.field ?? col.dataIndex];
         },
         onHeaderCell: () => ({
           width: col.width,
@@ -270,13 +284,17 @@ const InternalTable = props => {
   const mergedColumns = _react.default.useMemo(() => {
     return transformColumns(columns);
   }, [transformColumns, columns]);
+
+  // console.log('mergedColumns', mergedColumns)
+
+  const triggerChangeColumns = () => {};
+  const triggerChangeData = newData => {
+    setIsManualUpdate(true);
+    setData(newData);
+    onDataChange?.(newData);
+  };
   const TableComponent = editAble ? _GridEdit.default : _Grid.default;
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(GridStyle, {
-    heightTable: props.style?.minHeight,
-    style: {
-      position: 'relative'
-    }
-  }, /*#__PURE__*/_react.default.createElement(TableComponent, (0, _extends2.default)({}, rest, {
+  return /*#__PURE__*/_react.default.createElement(TableComponent, (0, _extends2.default)({}, rest, {
     tableRef: tableRef,
     dataSource: data,
     components: {
@@ -284,10 +302,16 @@ const InternalTable = props => {
         cell: allowResizing ? ResizableTitle : undefined
       }
     },
-    columns: mergedColumns,
+    columns: mergedColumns
+    // columns={columns}
+    ,
     showSorterTooltip: {
       target: 'sorter-icon'
-    }
-  }))));
+    },
+    triggerChangeColumns: triggerChangeColumns,
+    triggerChangeData: triggerChangeData,
+    rowKey: rowKey,
+    getRowKey: getRowKey
+  }));
 };
 var _default = exports.default = InternalTable;

package/lib/grid-component/TableGrid.d.ts

@@ -3,7 +3,8 @@ import 'dayjs/locale/es';
 import 'dayjs/locale/vi';
 import type { GridTableProps } from "./type";
 type GridProps<T> = GridTableProps<T> & {
-    setColumns?: any;
+    triggerChangeColumns?: () => void;
+    triggerChangeData?: () => void;
     tableRef: any;
 };
 declare const TableGrid: <RecordType extends object>(props: GridProps<RecordType>) => React.JSX.Element;

package/lib/grid-component/TableGrid.js

@@ -22,6 +22,9 @@ var _LoadingSpinner = _interopRequireDefault(require("./LoadingSpinner"));
 var _ColumnsChoose = require("./ColumnsChoose");
 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; }
+// import {useMergedState} from "rc-util";
+// import useMergedState from 'rc-util/lib/hooks/useMergedState';
+
 const convertFilters = filters => {
   const result = [];
   filters.forEach(({
@@ -70,7 +73,6 @@ const convertFilters = filters => {
 const useStyle = (0, _antdStyle.createStyles)(({
   css
 }) => {
-  // const { antCls } = token
   const antCls = 'ui-rc';
   return {
     customTable: css`
@@ -89,6 +91,8 @@ const useStyle = (0, _antdStyle.createStyles)(({
 });
 // type OnChange = NonNullable<TableProps<any>['onChange']>;
 
+// const EMPTY_LIST: React.Key[] = [];
+
 const TableGrid = props => {
   const {
     columns,
@@ -116,20 +120,31 @@ const TableGrid = props => {
     onFilterClick,
     dataSourceFilter: propDataSourceFilter,
     loading,
-    setColumns,
-    // dataSourceFilter,
+    triggerChangeColumns,
     ...rest
   } = props;
   const {
     styles
   } = useStyle();
+  const {
+    mode,
+    type,
+    checkboxOnly,
+    hideSelectAll,
+    columnWidth,
+    selectedRowKeys
+    // defaultSelectedRowKeys
+  } = selectionSettings || {};
   const clickRef = (0, _react.useRef)(null);
   const menuRef = (0, _react.useRef)(null);
   const viewportWidth = window.innerWidth;
   const viewportHeight = window.innerHeight;
-  const defaultSelected = (0, _react.useMemo)(() => {
-    return selectionSettings?.defaultSelectedRowKeys ?? [];
-  }, [selectionSettings?.defaultSelectedRowKeys]);
+
+  // const defaultSelected = useMemo(() => {
+  //   return defaultSelectedRowKeys ?? []
+  //
+  // }, [defaultSelectedRowKeys])
+
   const [menuVisible, setMenuVisible] = _react.default.useState(false);
   const [selectedRowData, setSelectedRowData] = _react.default.useState(null);
   const [position, setPosition] = _react.default.useState({
@@ -138,7 +153,25 @@ const TableGrid = props => {
     viewportWidth,
     viewportHeight
   });
-  const [selectedRowKeys, setSelectedRowKeys] = (0, _react.useState)(defaultSelected);
+
+  // const [selectedRowKeys, setSelectedRowKeys] = useState<React.Key[]>(defaultSelected);
+
+  // ========================= Keys =========================
+  // const [mergedSelectedKeys, setMergedSelectedKeys] = useMergedState(
+  //   selectedRowKeys || defaultSelectedRowKeys || EMPTY_LIST,
+  //   {
+  //     value: selectedRowKeys,
+  //   },
+  // );
+
+  // Reset if rowSelection reset
+
+  // React.useEffect(() => {
+  //   if (!selectionSettings) {
+  //     setMergedSelectedKeys(EMPTY_LIST);
+  //   }
+  // }, [!!selectionSettings]);
+
   const contextMenuItems = _react.default.useMemo(() => {
     if (typeof contextMenuHidden === "function" && propContextMenuItems && selectedRowData) {
       const hiddenItems = contextMenuHidden({
@@ -206,7 +239,17 @@ const TableGrid = props => {
       });
     }
   };
-  const handleRowClick = () => {
+  const handleRowClick = () => () => {
+    // console.log(data)
+    // console.log(index)
+
+    // const key = getRowKey(record, index);
+
+    // console.log('key', key)
+
+    if (checkboxOnly !== true) {
+      if (type === 'single') {}
+    }
     if (clickRef.current) return;
 
     // @ts-ignore
@@ -228,7 +271,7 @@ const TableGrid = props => {
   };
   const onSelectChange = (keys, selectedRows, info, selectedRow) => {
     if (info.type === 'all') {
-      // setSelectedRowKeys(keys)
+      // setMergedSelectedKeys(keys)
       rowSelected?.({
         selected: selectedRows,
         type: 'rowSelected',
@@ -236,7 +279,7 @@ const TableGrid = props => {
       });
     } else {
       if (selectionSettings?.type === 'multiple') {
-        // setSelectedRowKeys(keys)
+        // setMergedSelectedKeys(keys)
         rowSelected?.({
           selected: selectedRows,
           type: 'rowSelected',
@@ -244,7 +287,8 @@ const TableGrid = props => {
         });
       } else {
         // @ts-ignore
-        setSelectedRowKeys([selectedRow[rowKey]]);
+        // setMergedSelectedKeys([selectedRow[rowKey]])
+
         rowSelected?.({
           selected: [selectedRow],
           type: 'rowSelected',
@@ -300,19 +344,21 @@ const TableGrid = props => {
     onRow: (data, index) => {
       return {
         onDoubleClick: handleRowDoubleClick(data, index),
-        onClick: handleRowClick,
+        // onClick: handleRowClick,
+        onClick: handleRowClick(),
         onContextMenu: onContextMenu(data)
       };
     },
     rowSelection: {
-      type: selectionSettings?.mode === 'checkbox' || selectionSettings?.type === 'multiple' ? 'checkbox' : "radio",
-      columnWidth: !selectionSettings?.mode ? 0.0000001 : selectionSettings?.columnWidth ?? 50,
+      ...selectionSettings,
+      type: selectionSettings?.mode === 'checkbox' || type === 'multiple' ? 'checkbox' : "radio",
+      columnWidth: !mode ? 0.0000001 : columnWidth ?? 50,
       onChange: onSelectChange,
-      selectedRowKeys: selectionSettings?.mode === 'checkbox' && selectionSettings?.type === 'single' ? selectedRowKeys : undefined,
+      selectedRowKeys: mode === 'checkbox' && type === 'single' ? selectedRowKeys : undefined,
       defaultSelectedRowKeys: selectionSettings?.defaultSelectedRowKeys,
       preserveSelectedRowKeys: true,
       ...rowSelection,
-      hideSelectAll: !selectionSettings?.type || selectionSettings?.type === 'single' || selectionSettings?.mode === 'radio' ? true : selectionSettings?.hideSelectAll ?? selectionSettings?.type !== 'multiple'
+      hideSelectAll: !type || type === 'single' || selectionSettings?.mode === 'radio' ? true : hideSelectAll ?? type !== 'multiple'
     },
     onScroll: () => {
       setMenuVisible(false);
@@ -367,7 +413,7 @@ const TableGrid = props => {
         }
       }), showColumnChoose && /*#__PURE__*/_react.default.createElement(_ColumnsChoose.ColumnsChoose, {
         columns: columns,
-        setColumns: setColumns
+        triggerChangeColumns: triggerChangeColumns
       }), /*#__PURE__*/_react.default.createElement("div", null)));
     }
   }, rest)), pagination && pagination.onChange && /*#__PURE__*/_react.default.createElement(_pagination.default

package/lib/grid-component/async-select/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { BaseOptionType, DefaultOptionType } from "rc-select/lib/Select";
+import type { SelectProps } from "rc-master-ui/es/select";
+export interface DebounceSelectProps<OptionType extends BaseOptionType = DefaultOptionType> extends SelectProps {
+    loadOptions?: (search: string, callback: (newOptions: OptionType[]) => void) => void;
+    debounceTimeout?: number;
+    defaultOptions?: OptionType[];
+}
+export declare function AsyncSelect<OptionType extends BaseOptionType>({ loadOptions, debounceTimeout, defaultOptions, ...props }: DebounceSelectProps<OptionType>): React.JSX.Element;

package/lib/grid-component/async-select/index.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AsyncSelect = AsyncSelect;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
+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; }
+function AsyncSelect({
+  loadOptions,
+  debounceTimeout = 500,
+  defaultOptions,
+  ...props
+}) {
+  const [options, setOptions] = (0, _react.useState)(defaultOptions ?? []);
+  const debounceFetcher = (0, _react.useMemo)(() => {
+    const fetchOptions = value => {
+      if (value.trim().length === 0) {
+        setOptions(defaultOptions ?? []);
+        return;
+      }
+      if (loadOptions) {
+        loadOptions(value, newOptions => {
+          setOptions(newOptions);
+        });
+      }
+    };
+    return (0, _debounce.default)(fetchOptions, debounceTimeout);
+  }, [loadOptions, debounceTimeout]);
+  (0, _react.useEffect)(() => {
+    setOptions(defaultOptions ?? []);
+  }, [defaultOptions]);
+  return /*#__PURE__*/_react.default.createElement(_rcMasterUi.Select, (0, _extends2.default)({}, props, {
+    filterOption: loadOptions ? false : props?.filterOption,
+    onSearch: debounceFetcher,
+    onSelect: () => setOptions(defaultOptions ?? []),
+    options: options
+  }));
+}

package/lib/grid-component/hooks/constant.d.ts

@@ -60,3 +60,13 @@ declare const SortOrder: {
     descend: string;
 };
 export default SortOrder;
+export declare const valueToBoolean: {
+    true: boolean;
+    false: boolean;
+    1: boolean;
+    0: boolean;
+};
+export declare const booleanToValue: {
+    true: number;
+    false: number;
+};

package/lib/grid-component/hooks/constant.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.translateOption = exports.transferFontSize = exports.stringOperator = exports.paperSize = exports.optionsSize = exports.optionsPaperOrientation = exports.optionFontSize = exports.optionFont = exports.numberOperator = exports.defaultWidth = exports.defaultTimeFormat = exports.defaultRowHeight = exports.defaultPageSizes = exports.defaultDateTimeFormat = exports.defaultDateFormat = exports.default = exports.dateTimeOperator = exports.dateOperator = exports.booleanOperator = exports.alignToFlex = void 0;
+exports.valueToBoolean = exports.translateOption = exports.transferFontSize = exports.stringOperator = exports.paperSize = exports.optionsSize = exports.optionsPaperOrientation = exports.optionFontSize = exports.optionFont = exports.numberOperator = exports.defaultWidth = exports.defaultTimeFormat = exports.defaultRowHeight = exports.defaultPageSizes = exports.defaultDateTimeFormat = exports.defaultDateFormat = exports.default = exports.dateTimeOperator = exports.dateOperator = exports.booleanToValue = exports.booleanOperator = exports.alignToFlex = void 0;
 const defaultWidth = exports.defaultWidth = 100;
 const defaultRowHeight = exports.defaultRowHeight = 35;
 const numberOperator = exports.numberOperator = [{
@@ -233,4 +233,14 @@ const SortOrder = {
    */
   descend: 'Descending'
 };
-var _default = exports.default = SortOrder;
+var _default = exports.default = SortOrder;
+const valueToBoolean = exports.valueToBoolean = {
+  true: true,
+  false: false,
+  1: true,
+  0: false
+};
+const booleanToValue = exports.booleanToValue = {
+  true: 1,
+  false: 0
+};

package/lib/grid-component/hooks/useColumns/index.js

@@ -17,6 +17,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 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; }
 // import * as React from 'react'
 
+// import {ColorPicker} from "antd";
 const {
   RangePicker
 } = _rcMasterUi.DatePicker;
@@ -72,13 +73,15 @@ const getValueCell = (column, value, format) => {
     case 'boolean':
       return value ? 'true' : 'false';
     case 'color':
-      return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, (0, _utils.isColor)(value) ? /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
         className: 'w-100 h-100',
         style: {
-          backgroundColor: value,
-          border: '1px solid #f0f0f0'
+          backgroundColor: (0, _utils.isColor)(value) ? value : '#fff',
+          border: '1px solid #f0f0f0',
+          height: '100%',
+          minHeight: 20
         }
-      }) : '');
+      }));
     case 'checkbox':
       return /*#__PURE__*/_react.default.createElement(_rcMasterUi.Input, {
         checked: !!content,

package/lib/grid-component/hooks/utils.d.ts

@@ -33,3 +33,5 @@ export declare const totalFixedWidth: <T>(columns: ColumnsType<T>, type: 'left'
 export declare const isObjEmpty: (obj: any) => boolean;
 export declare const getColumnsVisible: <T>(columns: ColumnsType<T>, index: number) => import("../type").ColumnType<T>[];
 export declare const updateData: <Record_1 = AnyObject>(initData: Record_1[], rows: Record_1[], key: keyof Record_1) => Record_1[];
+export declare const parseBooleanToValue: (value: boolean, type: 'boolean' | 'number') => number | boolean;
+export declare const genPresets: (presets?: import("@ant-design/colors").PalettesProps) => import("antd/es/color-picker/interface").PresetsItem[];

package/lib/grid-component/hooks/utils.js

@@ -4,12 +4,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getEditType = exports.getDatepickerFormat = exports.getDateString = exports.getColumnsVisible = exports.getAllVisibleKeys = exports.customWeekStartEndFormat = exports.convertLabelToTitle = exports.convertDayjsToDate = exports.convertDateToDayjs = exports.convertArrayWithIndent = exports.checkThousandSeparator = exports.checkFieldKey = exports.checkDecimalSeparator = void 0;
+exports.getEditType = exports.getDatepickerFormat = exports.getDateString = exports.getColumnsVisible = exports.getAllVisibleKeys = exports.genPresets = exports.customWeekStartEndFormat = exports.convertLabelToTitle = exports.convertDayjsToDate = exports.convertDateToDayjs = exports.convertArrayWithIndent = exports.checkThousandSeparator = exports.checkFieldKey = exports.checkDecimalSeparator = void 0;
 exports.getHiddenParentKeys = getHiddenParentKeys;
-exports.updateData = exports.updateColumns = exports.updateArrayByKey = exports.totalFixedWidth = exports.sumDataByField = exports.newGuid = exports.isObjEmpty = exports.isNullOrUndefined = exports.isNameColor = exports.isEmpty = exports.isDisable = exports.isColor = exports.getVisibleColumnKeys = exports.getTypeFilter = exports.getTemplate = void 0;
+exports.updateData = exports.updateColumns = exports.updateArrayByKey = exports.totalFixedWidth = exports.sumDataByField = exports.parseBooleanToValue = exports.newGuid = exports.isObjEmpty = exports.isNullOrUndefined = exports.isNameColor = exports.isEmpty = exports.isDisable = exports.isColor = exports.getVisibleColumnKeys = exports.getTypeFilter = exports.getTemplate = void 0;
 var _dayjs = _interopRequireDefault(require("dayjs"));
 var _moment = _interopRequireDefault(require("moment/moment"));
 var _uuid = require("uuid");
+var _colors = require("@ant-design/colors");
 const newGuid = () => {
   for (let i = 0; i < 20; i++) {
     // @ts-ignore
@@ -354,4 +355,16 @@ const updateData = (initData, rows, key) => {
   const newRows = rows.filter(row => !initData.some(item => item[key] === row[key]));
   return [...updatedData, ...newRows];
 };
-exports.updateData = updateData;
+exports.updateData = updateData;
+const parseBooleanToValue = (value, type) => {
+  return type === 'boolean' ? value : Number(value);
+};
+exports.parseBooleanToValue = parseBooleanToValue;
+const genPresets = (presets = _colors.presetPalettes) => {
+  return Object.entries(presets).map(([label, colors]) => ({
+    label,
+    colors,
+    key: label
+  }));
+};
+exports.genPresets = genPresets;

package/lib/grid-component/index.d.ts

@@ -1,2 +1,5 @@
 import InternalTable from './InternalTable';
+import type { ColumnsTable, TableProps, ColumnTable, CommandItem, ContextMenuItem } from './type';
+import type { ToolbarItem } from "rc-master-ui/es/toolbar";
+export type { ColumnsTable, TableProps, ColumnTable, ToolbarItem, CommandItem, ContextMenuItem };
 export default InternalTable;