es-grid-template 1.7.38 → 1.7.39

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

@@ -6,19 +6,19 @@ import type { Column } from "@tanstack/react-table";
 type Props<T> = {
     prefix: string;
     id: string;
-    tableContainerRef: React.RefObject<HTMLDivElement | null>;
+    tableContainerRef: React.RefObject<HTMLDivElement>;
     height: number;
     minHeight?: number;
     table: Table<T>;
     summary?: boolean;
     loading?: boolean;
-    commandClick?: (args: Omit<CommandClick<T>, "rows">) => void;
+    commandClick?: (args: Omit<CommandClick<T>, 'rows'>) => void;
     editAble?: boolean;
     contextMenuItems?: ContextMenuItem[];
     showEmptyText?: boolean;
     contextMenuClick?: any;
-    contextMenuOpen?: (args: Omit<ContextInfo<T>, "item">) => void;
-    contextMenuHidden?: string[] | ((args?: Omit<ContextInfo<T>, "item" | "event">) => string[]);
+    contextMenuOpen?: (args: Omit<ContextInfo<T>, 'item'>) => void;
+    contextMenuHidden?: string[] | ((args?: Omit<ContextInfo<T>, 'item' | 'event'>) => string[]);
     next?: () => void;
     dataSource: T[];
     pagination?: false | PaginationConfig;

package/lib/table-component/table/TableWrapper.js

@@ -9,14 +9,13 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _TableHead = _interopRequireDefault(require("../header/TableHead"));
 var _TableBody = _interopRequireDefault(require("../body/TableBody"));
 var _TableFooter = _interopRequireDefault(require("../footer/TableFooter"));
+var _LoadingSpinner = _interopRequireDefault(require("../../grid-component/LoadingSpinner"));
 var _reactTooltip = require("react-tooltip");
 var _ContextMenu = _interopRequireDefault(require("../ContextMenu"));
 var _react = _interopRequireWildcard(require("react"));
 var _useContext = require("../useContext");
 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 ComponentSpinner from "../../grid-component/LoadingSpinner"
-
 const TableWrapper = props => {
   const {
     id,
@@ -64,7 +63,7 @@ const TableWrapper = props => {
     viewportHeight: windowSize.innerHeight
   });
   const contextMenuItems = _react.default.useMemo(() => {
-    if (typeof contextMenuHidden === "function" && propContextMenuItems && selectedRowData) {
+    if (typeof contextMenuHidden === 'function' && propContextMenuItems && selectedRowData) {
       const hiddenItems = contextMenuHidden({
         rowInfo: {
           rowData: selectedRowData
@@ -72,15 +71,13 @@ const TableWrapper = props => {
       });
       return propContextMenuItems.filter(item => !hiddenItems.includes(item?.key));
     }
-    if (contextMenuHidden && typeof contextMenuHidden !== "function" && propContextMenuItems) {
+    if (contextMenuHidden && typeof contextMenuHidden !== 'function' && propContextMenuItems) {
       return propContextMenuItems.filter(item => !contextMenuHidden.includes(item?.key));
     }
     return propContextMenuItems;
   }, [propContextMenuItems, contextMenuHidden, selectedRowData]);
   const loadData = page => {
-    if (!hasMoreRef.current || loadingRef.current || loading) {
-      return;
-    }
+    if (!hasMoreRef.current || loadingRef.current || loading) return;
     loadingRef.current = true;
     setTimeout(() => {
       next?.();
@@ -111,14 +108,14 @@ const TableWrapper = props => {
       }
     }
     if (e.target.scrollLeft >= 0 && e.target.scrollLeft + e.target.clientWidth < e.target.scrollWidth) {
-      e.target.classList.add("ui-rc-table-ping-right");
+      e.target.classList.add('ui-rc-table-ping-right');
     } else {
-      e.target.classList.remove("ui-rc-table-ping-right");
+      e.target.classList.remove('ui-rc-table-ping-right');
     }
     if ((e.target.scrollLeft ?? 0) > 0) {
-      e.target.classList.add("ui-rc-table-ping-left");
+      e.target.classList.add('ui-rc-table-ping-left');
     } else {
-      e.target.classList.remove("ui-rc-table-ping-left");
+      e.target.classList.remove('ui-rc-table-ping-left');
     }
   };
   const onContextMenu = data => event => {
@@ -161,8 +158,8 @@ const TableWrapper = props => {
     if (!menuVisible) {
       document.addEventListener(`click`, function onClickOutside(e) {
         const element = e.target;
-        const menuContainer = document.querySelector(".popup-context-menu");
-        const isInsideContainer = element.closest(".popup-context-menu") && menuContainer;
+        const menuContainer = document.querySelector('.popup-context-menu');
+        const isInsideContainer = element.closest('.popup-context-menu') && menuContainer;
         if (isInsideContainer) {
           return;
         }
@@ -178,21 +175,19 @@ const TableWrapper = props => {
   };
   return /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      position: "relative"
+      position: 'relative'
     },
     className: (0, _classnames.default)(`${prefix}-grid-container`, {
-      "ui-rc-table-ping-right": tableContainerRef && (tableContainerRef.current?.scrollLeft ?? 0) >= 0 && (tableContainerRef.current?.scrollLeft ?? 0) + (tableContainerRef.current?.clientWidth ?? 0) < (tableContainerRef.current?.scrollWidth ?? 0),
-      "ui-rc-table-ping-left": tableContainerRef && (tableContainerRef.current?.scrollLeft ?? 0) > 0
+      'ui-rc-table-ping-right': tableContainerRef && (tableContainerRef.current?.scrollLeft ?? 0) >= 0 && (tableContainerRef.current?.scrollLeft ?? 0) + (tableContainerRef.current?.clientWidth ?? 0) < (tableContainerRef.current?.scrollWidth ?? 0),
+      'ui-rc-table-ping-left': tableContainerRef && (tableContainerRef.current?.scrollLeft ?? 0) > 0
     })
   }, /*#__PURE__*/_react.default.createElement("div", {
-    id: id
-    // id={"rc-ui-table-container"}
-    ,
+    // id={id}
     ref: tableContainerRef,
     style: {
-      overflow: "auto",
+      overflow: 'auto',
       //our scrollable table container
-      position: "relative",
+      position: 'relative',
       //needed for sticky header
       // height: tableHeight ?? '500px' //should be a fixed height
       maxHeight: height,
@@ -205,7 +200,7 @@ const TableWrapper = props => {
     onScroll: handleScroll
   }, /*#__PURE__*/_react.default.createElement("table", {
     style: {
-      display: "grid",
+      display: 'grid',
       minWidth: table.getTotalSize()
     }
   }, /*#__PURE__*/_react.default.createElement(_TableHead.default, {
@@ -238,7 +233,9 @@ const TableWrapper = props => {
     // virtualPaddingRight={virtualPaddingRight}
     // fixedLeftColumns={fixedLeftColumns}
     // fixedRightColumns={fixedRightColumns}
-  }))), /*#__PURE__*/_react.default.createElement(_reactTooltip.Tooltip, {
+  }))), loading && /*#__PURE__*/_react.default.createElement("div", {
+    className: "spinner-loading"
+  }, /*#__PURE__*/_react.default.createElement(_LoadingSpinner.default, null)), /*#__PURE__*/_react.default.createElement(_reactTooltip.Tooltip, {
     id: `${id}-tooltip-content`,
     style: {
       zIndex: 1999,

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

@@ -1,9 +1,9 @@
-import type { CheckboxProps, TablePaginationConfig } from "rc-master-ui";
-import type { ItemType } from "rc-master-ui/es/menu/interface";
-import type { OnChangeFn } from "@tanstack/react-table";
-import type { ReactElement, ReactNode } from "react";
-import type { IOperator } from "./hook/constant";
-import type { ColorPickerProps } from "antd";
+import type { CheckboxProps, TablePaginationConfig } from 'rc-master-ui';
+import type { ItemType } from 'rc-master-ui/es/menu/interface';
+import type { OnChangeFn } from '@tanstack/react-table';
+import type { ReactElement, ReactNode } from 'react';
+import type { IOperator } from './hook/constant';
+import type { ColorPickerProps } from 'antd';
 import type { TableLocale } from "rc-master-ui/lib/table/interface";
 declare module "@tanstack/table-core" {
     interface ColumnMeta<any, any> extends ColumnTable {
@@ -47,14 +47,14 @@ export type IFormat = {
     monthFormat?: string;
     yearFormat?: string;
 };
-export type RowSelectMethod = "all" | "none" | "invert" | "single" | "multiple";
-export type EditType = "text" | "numeric" | "asyncSelect" | "date" | "datetime" | "time" | "week" | "month" | "quarter" | "year" | "select" | "checkbox" | "currency" | "image" | "selectTable" | "customSelect" | "form" | "color" | "treeSelect" | "file";
-export type ITextAlign = "center" | "left" | "right";
-export type TypeFilter = "Text" | "Date" | "Time" | "Datetime" | "DateRange" | "Month" | "Quarter" | "Year" | "Week" | "Number" | "NumberRange" | "Dropdown" | "DropTree" | "Checkbox" | "CheckboxTree" | "CheckboxDropdown";
-export type IColumnType = "number" | "time" | "date" | "week" | "month" | "file" | "quarter" | "year" | "datetime" | "string" | "boolean" | "checkbox" | "color" | null | undefined;
-export type FilterOperator = "equal" | "notEqual" | "greaterThan" | "greaterThanOrEqual" | "lessThan" | "lessThanOrEqual" | "startsWith" | "endsWith" | "contains";
-export type FixedType = "left" | "right" | boolean;
-export type SelectMode = "checkbox" | "radio" | undefined;
+export type RowSelectMethod = 'all' | 'none' | 'invert' | 'single' | 'multiple';
+export type EditType = 'text' | 'numeric' | 'asyncSelect' | 'date' | 'datetime' | 'time' | 'week' | 'month' | 'quarter' | 'year' | 'select' | 'checkbox' | 'currency' | 'image' | 'selectTable' | 'customSelect' | 'form' | 'color' | 'treeSelect' | 'file';
+export type ITextAlign = 'center' | 'left' | 'right';
+export type TypeFilter = 'Text' | 'Date' | 'Time' | 'Datetime' | 'DateRange' | 'Month' | 'Quarter' | 'Year' | 'Week' | 'Number' | 'NumberRange' | 'Dropdown' | 'DropTree' | 'Checkbox' | 'CheckboxTree' | 'CheckboxDropdown';
+export type IColumnType = 'number' | 'time' | 'date' | 'week' | 'month' | 'file' | 'quarter' | 'year' | 'datetime' | 'string' | 'boolean' | 'checkbox' | 'color' | null | undefined;
+export type FilterOperator = 'equal' | 'notEqual' | 'greaterThan' | 'greaterThanOrEqual' | 'lessThan' | 'lessThanOrEqual' | 'startsWith' | 'endsWith' | 'contains';
+export type FixedType = 'left' | 'right' | boolean;
+export type SelectMode = 'checkbox' | 'radio' | undefined;
 type IGrid = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24;
 export interface FieldNames {
     value?: string;
@@ -67,7 +67,7 @@ export interface CommandItem {
     type?: string;
     visible?: boolean | ((record: any) => boolean);
     title: string;
-    color?: "blue" | "purple" | "cyan" | "green" | "magenta" | "pink" | "red" | "orange" | "yellow" | "volcano" | "geekblue" | "lime" | "gold";
+    color?: 'blue' | 'purple' | 'cyan' | 'green' | 'magenta' | 'pink' | 'red' | 'orange' | 'yellow' | 'volcano' | 'geekblue' | 'lime' | 'gold';
     tooltip?: string;
     icon?: ReactNode | ReactElement | (() => ReactNode | ReactElement);
     template?: ReactNode | ReactElement | ((record: any) => ReactNode | ReactElement);
@@ -92,9 +92,9 @@ export type ColumnTable<RecordType = AnyObject> = {
     format?: IFormat | ((rowData: any) => IFormat);
     allowFiltering?: boolean;
     /**
-     * @deprecated Please use `allowSorter` instead.
-     * @since  1.7.25
-     */
+      * @deprecated Please use `allowSorter` instead.
+      * @since  1.7.25
+      */
     sorter?: boolean;
     allowSorter?: boolean;
     operator?: FilterOperator;
@@ -106,9 +106,9 @@ export type ColumnTable<RecordType = AnyObject> = {
     showFilterSearch?: boolean;
     headerText?: string;
     /**
-     * @deprecated Please use `visible` instead.
-     * @since  1.7.33
-     */
+      * @deprecated Please use `visible` instead.
+      * @since  1.7.33
+      */
     hidden?: boolean;
     visible?: boolean;
     headerTooltip?: boolean | string | (() => ReactNode | ReactElement);
@@ -145,9 +145,9 @@ export type ColumnTable<RecordType = AnyObject> = {
     fixedType?: FixedType;
     fixed?: FixedType;
     /**
-     * @deprecated Please use `wrapSettings` instead.
-     * @since 1.7.34
-     */
+      * @deprecated Please use `wrapSettings` instead.
+      * @since 1.7.34
+      */
     headerTextWrap?: boolean;
     ellipsis?: boolean;
     allowResizing?: boolean;
@@ -205,8 +205,8 @@ export type TableProps<RecordType = AnyObject> = {
     lang?: string;
     contextMenuItems?: ContextMenuItem[];
     showDefaultContext?: boolean;
-    contextMenuHidden?: string[] | ((args?: Omit<ContextInfo<RecordType>, "item" | "event">) => string[]);
-    contextMenuOpen?: (args: Omit<ContextInfo<RecordType>, "item">) => void;
+    contextMenuHidden?: string[] | ((args?: Omit<ContextInfo<RecordType>, 'item' | 'event'>) => string[]);
+    contextMenuOpen?: (args: Omit<ContextInfo<RecordType>, 'item'>) => void;
     contextMenuClick?: (args: ContextInfo<RecordType>) => void;
     recordDoubleClick?: (args: RecordDoubleClickEventArgs<RecordType>) => void;
     toolbarItems?: ToolbarItem[];
@@ -216,7 +216,7 @@ export type TableProps<RecordType = AnyObject> = {
         field: string;
         key: string;
         operator: IOperator;
-        predicate: "and" | "or";
+        predicate: 'and' | 'or';
         value: any;
     }[]) => void;
     onSorter?: (args: Sorter[]) => void;
@@ -295,7 +295,7 @@ export type IEditSelectSettings = {
     fieldKey?: string;
     options: any[] | ((rowData: any, field: string) => any[]);
     /**  get value form other field **/
-    fieldValue?: any;
+    fieldValue?: string;
     /** get label form other field **/
     fieldLabel?: string;
     /** cho phép nhập giá trị - onBlur: giá trị search được set thành value **/
@@ -363,7 +363,7 @@ export type ColumnSelectTable = {
     dataIndex?: string;
     type?: IColumnType;
     headerText?: string;
-    fixedType?: "left" | "right" | undefined;
+    fixedType?: 'left' | 'right' | undefined;
     width?: number | undefined;
     minWidth?: number;
     maxWidth?: number;
@@ -387,7 +387,7 @@ export type ITemplateColumn = {
 };
 export type RawValueType = string | number;
 export type ToolbarItem = {
-    position?: "Top" | "Bottom";
+    position?: 'Top' | 'Bottom';
     align?: ITextAlign;
     onClick?: (args: any) => void;
     key?: React.Key;
@@ -435,19 +435,19 @@ export type IOnPastedProps = {
     copyRows: any[];
     pastedColumns: string[];
     pasteData: any[];
-    type: "onPaste" | "onChange" | "onCellPaste";
+    type: 'onPaste' | 'onChange' | 'onCellPaste';
 };
 export type ICellClick = {
     index: number;
     indexCol?: number;
     rowId: string | number;
-    type: "Editing" | "Default";
+    type: 'Editing' | 'Default';
     field: string;
     cellValue: any;
     rowData: any;
 };
 export type CellChangeArgs<T> = {
-    type: "onPaste" | "onChange" | "onCellPaste";
+    type: 'onPaste' | 'onChange' | 'onCellPaste';
     value: any;
     option: AnyObject;
     rowData: T;
@@ -458,19 +458,19 @@ export type CellChangeArgs<T> = {
     indexCol: any;
     sumValue?: any[];
 };
-export type IWrapMode = "Header" | "Both" | "Content";
+export type IWrapMode = 'Header' | 'Both' | 'Content';
 export type IWrapSettings = {
     wrapMode?: IWrapMode;
 };
 export type SelectionSettings<T = AnyObject> = {
-    mode?: "checkbox" | "radio";
-    type?: "single" | "multiple";
+    mode?: 'checkbox' | 'radio';
+    type?: 'single' | 'multiple';
     checkboxOnly?: boolean;
     columnWidth?: number;
     hideSelectAll?: boolean;
     selectedRowKeys?: Key[];
     defaultSelectedRowKeys?: Key[];
-    getCheckboxProps?: (record: T) => Partial<Omit<CheckboxProps, "checked" | "defaultChecked">>;
+    getCheckboxProps?: (record: T) => Partial<Omit<CheckboxProps, 'checked' | 'defaultChecked'>>;
 };
 export type SelectionSelectFn<T = AnyObject> = (record: T, selected: boolean, selectedRows: T[], nativeEvent: Event) => void;
 export type RowSelection<T> = {
@@ -480,7 +480,7 @@ export type RowSelection<T> = {
     onChange?: (selectedRowKeys: Key[], selectedRows: T[], info: {
         type: RowSelectMethod;
     }, selectedRow: T) => void;
-    getCheckboxProps?: (record: T) => Partial<Omit<CheckboxProps, "checked" | "defaultChecked">>;
+    getCheckboxProps?: (record: T) => Partial<Omit<CheckboxProps, 'checked' | 'defaultChecked'>>;
     onSelect?: SelectionSelectFn<T>;
     /** @deprecated This function is deprecated and should use `onChange` instead */
     onSelectMultiple?: (selected: boolean, selectedRows: T[], changeRows: T[]) => void;
@@ -513,7 +513,7 @@ export type ContextInfo<RecordType> = {
     event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>;
     item: ItemType;
 };
-export type Presets = Required<ColorPickerProps>["presets"][number];
+export type Presets = Required<ColorPickerProps>['presets'][number];
 export type RangeState = {
     rowRange: string[];
     colRange: string[];
@@ -527,6 +527,6 @@ export type RangeState = {
 export type Sorter = {
     columnKey: string;
     field: string;
-    order: "ascend" | "descend";
+    order: 'ascend' | 'descend';
 };
 export {};

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

@@ -1,7 +1,7 @@
-import type { Dispatch, SetStateAction } from "react";
+import type { Dispatch, SetStateAction } from 'react';
 import type { ColumnTable, ExpandableConfig, IFormat, IWrapSettings, Locale, RangeState, RecordDoubleClickEventArgs, SelectionSettings } from "./type";
 import type { SubmitHandler } from "react-hook-form";
-import type { ExpandedState } from "@tanstack/react-table";
+import type { ExpandedState } from '@tanstack/react-table';
 export type IPositionCell = {
     rowId: string;
     colId: string;
@@ -33,7 +33,6 @@ export interface IContext<T> {
         innerHeight: number;
         innerWidth: number;
     };
-    isFullScreen?: boolean;
     control?: any;
     errors?: any;
     handleSubmit?: any;
@@ -79,5 +78,5 @@ export type ContextCellChange = {
     indexCol: number;
     newState?: any;
     prevState?: any;
-    type: "enter" | "blur" | "outClick";
+    type: 'enter' | 'blur' | 'outClick';
 };

package/lib/table-component/useContext.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.TableContext = void 0;
 var _react = require("react");
 const TableContext = exports.TableContext = /*#__PURE__*/(0, _react.createContext)({
-  prefix: "ui-rc",
-  id: "",
+  prefix: 'ui-rc',
+  id: '',
   isDataTree: false,
-  rowKey: "rowId",
+  rowKey: 'rowId',
   dataSource: [],
   originData: [],
   expanded: {},

package/package.json

@@ -1,116 +1,116 @@
-{
-  "name": "es-grid-template",
-  "version": "1.7.38",
-  "description": "es-grid-template",
-  "keywords": [
-    "react",
-    "react-component",
-    "grid",
-    "table"
-  ],
-  "license": "MIT",
-  "main": "lib/index",
-  "module": "es/index",
-  "files": [
-    "lib",
-    "es",
-    "assets/*.css",
-    "assets/*.scss"
-  ],
-  "scripts": {
-    "__compile": "father build && ",
-    "compile": "father build && sass assets/index.scss assets/index.css",
-    "clean": "rimraf lib es",
-    "__docs:build": "dumi build",
-    "__docs:deploy": "gh-pages -d dist",
-    "lint": "eslint src/ --ext .tsx,.ts,.jsx,.js",
-    "__now-build": "npm run docs:build",
-    "prepare": "dumi setup",
-    "prepublishOnly": "npm run compile",
-    "___postpublish": "npm run docs:build",
-    "__postpublish": "npm run docs:build && npm run docs:deploy",
-    "start": "dumi dev",
-    "test": "vitest --watch false",
-    "coverage": "vitest run --coverage"
-  },
-  "dependencies": {
-    "@ant-design/colors": "^8.0.0",
-    "@ant-design/icons": "^5.5.2",
-    "@babel/runtime": "^7.11.2",
-    "@core-rc/rc-select": "^0.1.3",
-    "@dnd-kit/core": "^6.3.1",
-    "@dnd-kit/modifiers": "^9.0.0",
-    "@dnd-kit/sortable": "^10.0.0",
-    "@faker-js/faker": "^9.5.0",
-    "@floating-ui/react": "^0.27.5",
-    "@hookform/resolvers": "^5.0.1",
-    "@rc-component/color-picker": "^2.0.1",
-    "@rc-component/father-plugin": "^2.0.1",
-    "@rc-component/trigger": "^2.0.0",
-    "@rc-component/util": "^1.0.1",
-    "@tanstack/react-table": "^8.21.3",
-    "@tanstack/react-virtual": "^3.13.12",
-    "@types/react-resizable": "^3.0.8",
-    "@types/styled-components": "^5.1.34",
-    "@vitest/coverage-v8": "^2.0.5",
-    "antd": "^5.24.1",
-    "antd-style": "^3.7.1",
-    "becoxy-icons": "^2.0.1",
-    "classnames": "^2.3.1",
-    "dayjs": "^1.11.13",
-    "lodash": "^4.17.21",
-    "moment": "^2.30.1",
-    "postcss": "^8.4.35",
-    "rc-checkbox": "^3.5.0",
-    "rc-dropdown": "^4.2.1",
-    "rc-field-form": "^2.6.0",
-    "rc-master-ui": "1.1.44",
-    "rc-select": "^14.16.3",
-    "rc-tooltip": "^6.3.0",
-    "rc-tree": "^5.10.1",
-    "rc-tree-select": "^5.24.5",
-    "react-full-screen": "^1.1.1",
-    "react-hook-form": "^7.54.2",
-    "react-hot-toast": "^2.5.2",
-    "react-numeric-component": "^1.0.7",
-    "react-resizable": "^3.0.5",
-    "react-tooltip": "^5.28.1",
-    "rimraf": "5.0.10",
-    "sass": "^1.81.0",
-    "styled-components": "^6.1.15",
-    "sweetalert2": "^11.4.14",
-    "sweetalert2-react-content": "^5.0.0",
-    "throttle-debounce": "^5.0.2",
-    "vitest": "^2.0.5",
-    "yup": "^1.6.1"
-  },
-  "devDependencies": {
-    "@babel/cli": "^7.26.4",
-    "@babel/preset-env": "^7.26.9",
-    "@rc-component/np": "^1.0.3",
-    "@testing-library/react": "^14.0.0",
-    "@types/jest": "^29.4.0",
-    "@types/react": "^18.0.26",
-    "@types/react-dom": "^18.0.10",
-    "@types/warning": "^3.0.0",
-    "cross-env": "^7.0.0",
-    "dumi": "^2.2.13",
-    "eslint": "^8.56.0",
-    "eslint-plugin-unicorn": "^55.0.0",
-    "father": "^4.0.0",
-    "gh-pages": "^3.1.0",
-    "less": "^4.1.1",
-    "np": "^7.1.0",
-    "rc-test": "^7.0.9",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "typescript": "^4.0.5"
-  },
-  "peerDependencies": {
-    "react": ">=16.9.0",
-    "react-dom": ">=16.9.0"
-  },
-  "umi": {
-    "configFile": "config.ts"
-  }
-}
+{
+  "name": "es-grid-template",
+  "version": "1.7.39",
+  "description": "es-grid-template",
+  "keywords": [
+    "react",
+    "react-component",
+    "grid",
+    "table"
+  ],
+  "license": "MIT",
+  "main": "lib/index",
+  "module": "es/index",
+  "files": [
+    "lib",
+    "es",
+    "assets/*.css",
+    "assets/*.scss"
+  ],
+  "scripts": {
+    "__compile": "father build && ",
+    "compile": "father build && sass assets/index.scss assets/index.css",
+    "clean": "rimraf lib es",
+    "__docs:build": "dumi build",
+    "__docs:deploy": "gh-pages -d dist",
+    "lint": "eslint src/ --ext .tsx,.ts,.jsx,.js",
+    "__now-build": "npm run docs:build",
+    "prepare": "dumi setup",
+    "prepublishOnly": "npm run compile",
+    "___postpublish": "npm run docs:build",
+    "__postpublish": "npm run docs:build && npm run docs:deploy",
+    "start": "dumi dev",
+    "test": "vitest --watch false",
+    "coverage": "vitest run --coverage"
+  },
+  "dependencies": {
+    "@ant-design/colors": "^8.0.0",
+    "@ant-design/icons": "^5.5.2",
+    "@babel/runtime": "^7.11.2",
+    "@core-rc/rc-select": "^0.1.3",
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/modifiers": "^9.0.0",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@faker-js/faker": "^9.5.0",
+    "@floating-ui/react": "^0.27.5",
+    "@hookform/resolvers": "^5.0.1",
+    "@rc-component/color-picker": "^2.0.1",
+    "@rc-component/father-plugin": "^2.0.1",
+    "@rc-component/trigger": "^2.0.0",
+    "@rc-component/util": "^1.0.1",
+    "@tanstack/react-table": "^8.21.3",
+    "@tanstack/react-virtual": "^3.13.12",
+    "@types/react-resizable": "^3.0.8",
+    "@types/styled-components": "^5.1.34",
+    "@vitest/coverage-v8": "^2.0.5",
+    "antd": "^5.24.1",
+    "antd-style": "^3.7.1",
+    "becoxy-icons": "^2.0.1",
+    "classnames": "^2.3.1",
+    "dayjs": "^1.11.13",
+    "lodash": "^4.17.21",
+    "moment": "^2.30.1",
+    "postcss": "^8.4.35",
+    "rc-checkbox": "^3.5.0",
+    "rc-dropdown": "^4.2.1",
+    "rc-field-form": "^2.6.0",
+    "rc-master-ui": "1.1.44",
+    "rc-select": "^14.16.3",
+    "rc-tooltip": "^6.3.0",
+    "rc-tree": "^5.10.1",
+    "rc-tree-select": "^5.24.5",
+    "react-full-screen": "^1.1.1",
+    "react-hook-form": "^7.54.2",
+    "react-hot-toast": "^2.5.2",
+    "react-numeric-component": "^1.0.7",
+    "react-resizable": "^3.0.5",
+    "react-tooltip": "^5.28.1",
+    "rimraf": "5.0.10",
+    "sass": "^1.81.0",
+    "styled-components": "^6.1.15",
+    "sweetalert2": "^11.4.14",
+    "sweetalert2-react-content": "^5.0.0",
+    "throttle-debounce": "^5.0.2",
+    "vitest": "^2.0.5",
+    "yup": "^1.6.1"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.26.4",
+    "@babel/preset-env": "^7.26.9",
+    "@rc-component/np": "^1.0.3",
+    "@testing-library/react": "^14.0.0",
+    "@types/jest": "^29.4.0",
+    "@types/react": "^18.0.26",
+    "@types/react-dom": "^18.0.10",
+    "@types/warning": "^3.0.0",
+    "cross-env": "^7.0.0",
+    "dumi": "^2.2.13",
+    "eslint": "^8.56.0",
+    "eslint-plugin-unicorn": "^55.0.0",
+    "father": "^4.0.0",
+    "gh-pages": "^3.1.0",
+    "less": "^4.1.1",
+    "np": "^7.1.0",
+    "rc-test": "^7.0.9",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "typescript": "^4.0.5"
+  },
+  "peerDependencies": {
+    "react": ">=16.9.0",
+    "react-dom": ">=16.9.0"
+  },
+  "umi": {
+    "configFile": "config.ts"
+  }
+}