@univerjs-pro/sheets-pivot-ui 0.2.7 → 0.2.9

package/lib/locale/en-US.json

@@ -58,6 +58,14 @@
         "currencyTypes": "Currency Types",
         "negativeNumberTypes": "Negative Number Types",
         "dateTypes": "Date Types"
+      },
+      "source": {
+        "insertPivotTable": "Insert Pivot Table",
+        "sourceData": "Data Source Range",
+        "position": "Pivot Table Placement",
+        "newSheet": "New Sheet",
+        "existingSheet": "Existing Sheet",
+        "intersect": "Cannot overlap with source data"
       }
     },
     "subtotal": {

package/lib/locale/ru-RU.json

@@ -58,6 +58,14 @@
         "currencyTypes": "Типы валют",
         "negativeNumberTypes": "Типы отрицательных чисел",
         "dateTypes": "Типы дат"
+      },
+      "source": {
+        "insertPivotTable": "Вставить сводную таблицу",
+        "sourceData": "Диапазон источника данных",
+        "position": "Расположение сводной таблицы",
+        "newSheet": "Новый лист",
+        "existingSheet": "Существующий лист",
+        "intersect": "Не может перекрываться с исходными данными"
       }
     },
     "subtotal": {

package/lib/locale/vi-VN.json

@@ -58,6 +58,14 @@
         "currencyTypes": "Loại tiền tệ",
         "negativeNumberTypes": "Loại số âm",
         "dateTypes": "Loại ngày"
+      },
+      "source": {
+        "insertPivotTable": "Chèn Bảng Pivot",
+        "sourceData": "Phạm vi nguồn dữ liệu",
+        "position": "Vị trí đặt Bảng Pivot",
+        "newSheet": "Bảng mới",
+        "existingSheet": "Bảng hiện có",
+        "intersect": "Không thể chồng lên dữ liệu nguồn"
       }
     },
     "subtotal": {

package/lib/locale/zh-CN.json

@@ -58,6 +58,14 @@
         "currencyTypes": "货币类型",
         "negativeNumberTypes": "负数类型",
         "dateTypes": "日期类型"
+      },
+      "source": {
+        "insertPivotTable": "插入数据透视表",
+        "sourceData": "数据源范围",
+        "position": "透视表放置位置",
+        "newSheet": "新工作表",
+        "existingSheet": "现有工作表",
+        "intersect": "不能和源数据重叠"
       }
     },
     "subtotal": {

package/lib/locale/zh-TW.json

@@ -58,6 +58,14 @@
         "currencyTypes": "貨幣類型",
         "negativeNumberTypes": "負數類型",
         "dateTypes": "日期類型"
+      },
+      "source": {
+        "insertPivotTable": "插入數據透視表",
+        "sourceData": "數據源範圍",
+        "position": "透視表放置位置",
+        "newSheet": "新工作表",
+        "existingSheet": "現有工作表",
+        "intersect": "不能和源數據重疊"
       }
     },
     "subtotal": {

package/lib/types/commands/commands/add-pivot-field.command.d.ts

@@ -1,4 +1,3 @@
 import { ICommand } from '@univerjs/core';
 import { IAddPivotFieldCommandParams } from '../../type';
-
 export declare const AddPivotFieldCommand: ICommand<IAddPivotFieldCommandParams>;

package/lib/types/commands/commands/add-pivot-table.command.d.ts

@@ -1,4 +1,3 @@
 import { ICommand } from '@univerjs/core';
 import { IAddPivotTableCommandParams } from '@univerjs-pro/sheets-pivot';
-
 export declare const AddPivotTableCommand: ICommand<IAddPivotTableCommandParams>;

package/lib/types/commands/commands/move-pivot-field.command.d.ts

@@ -1,4 +1,3 @@
 import { ICommand } from '@univerjs/core';
 import { IMovePivotFieldCommandParams } from '../../type';
-
 export declare const MovePivotFieldCommand: ICommand<IMovePivotFieldCommandParams>;

package/lib/types/commands/commands/remove-pivot-field.command.d.ts

@@ -1,4 +1,3 @@
 import { ICommand } from '@univerjs/core';
 import { IRemovePivotFieldCommandParams } from '../../type';
-
 export declare const RemovePivotFieldCommand: ICommand<IRemovePivotFieldCommandParams>;

package/lib/types/commands/commands/set-pivot-collapse.command.d.ts

@@ -1,4 +1,3 @@
 import { ICommand } from '@univerjs/core';
 import { ISetPivotCollapseCommandParams } from '../../type';
-
 export declare const SetPivotCollapseCommand: ICommand<ISetPivotCollapseCommandParams>;

package/lib/types/commands/commands/set-pivot-filter.command.d.ts

@@ -1,4 +1,3 @@
 import { ICommand } from '@univerjs/core';
 import { ISetPivotFilterCommandParams } from '../../type';
-
 export declare const SetPivotFilterCommand: ICommand<ISetPivotFilterCommandParams>;

package/lib/types/commands/commands/set-pivot-sort.command.d.ts

@@ -1,4 +1,3 @@
 import { ICommand } from '@univerjs/core';
 import { ISetPivotSortCommandParams } from '../../type';
-
 export declare const SetPivotSortCommand: ICommand<ISetPivotSortCommandParams>;

package/lib/types/commands/commands/update-pivot-setting.command.d.ts

@@ -1,4 +1,3 @@
 import { ICommand } from '@univerjs/core';
 import { IUpdatePivotFieldSettingCommandParams } from '../../type';
-
 export declare const UpdatePivotFieldSettingCommand: ICommand<IUpdatePivotFieldSettingCommandParams>;

package/lib/types/commands/commands/update-pivot-source.command.d.ts

@@ -1,4 +1,3 @@
 import { ICommand } from '@univerjs/core';
 import { IUpdatePivotTableSourceRangeCommandParams } from '../../type';
-
 export declare const UpdatePivotTableSourceRangeCommand: ICommand<IUpdatePivotTableSourceRangeCommandParams>;

package/lib/types/commands/commands/update-value-position.command.d.ts

@@ -1,4 +1,3 @@
 import { ICommand } from '@univerjs/core';
 import { IUpdatePivotValuePositionCommandParams } from '../../type';
-
 export declare const UpdatePivotValuePositionCommand: ICommand<IUpdatePivotValuePositionCommandParams>;

package/lib/types/commands/operations/open-pivot-filter-panel.operation.d.ts

@@ -1,4 +1,3 @@
 import { ICommand } from '@univerjs/core';
 import { IOpenPivotTableFilterPanelOperationParams } from '../../type';
-
 export declare const OpenPivotTableFilterPanelOperation: ICommand<IOpenPivotTableFilterPanelOperationParams>;

package/lib/types/commands/operations/open-pivot-range-panel.operation.d.ts

@@ -1,3 +1,2 @@
 import { ICommand } from '@univerjs/core';
-
 export declare const OpenPivotTableRangeSelectorPanelOperation: ICommand;

package/lib/types/commands/operations/open-pivot-setting-dialog.operation.d.ts

@@ -1,4 +1,3 @@
 import { ICommand } from '@univerjs/core';
 import { IOpenPivotTableFieldSettingDialogOperationParams } from '../../type';
-
 export declare const OpenPivotTableFieldSettingDialogOperation: ICommand<IOpenPivotTableFieldSettingDialogOperationParams>;

package/lib/types/commands/operations/open-pivot-table-panel.operation.d.ts

@@ -1,4 +1,3 @@
 import { ICommand } from '@univerjs/core';
 import { IOpenPivotTablePanelOperationParams } from '../../type';
-
 export declare const OpenPivotTablePanelOperation: ICommand<IOpenPivotTablePanelOperationParams>;

package/lib/types/const.d.ts

@@ -11,3 +11,7 @@ export declare const DEFAULT_EMPTY_PIVOT_COL_COUNT = 6;
 export declare const PIVOT_TABLE_ICON_KEY = "PIVOT_TABLE_ICON_KEY";
 export declare const PIVOT_TABLE_BACK_KEY = "PIVOT_TABLE_BACK_KEY";
 export declare const SHEET_PIVOT_AUTO_FIT_COLUMN_TEST_COUNT = 100;
+export declare enum PivotFilterStatus {
+    HasFilter = "HasFilter",
+    NotFilter = "NotFilter"
+}

package/lib/types/controllers/sheets-pivot-clear.controller.d.ts

@@ -1,7 +1,6 @@
 import { SheetsPivotTableConfigModel } from '@univerjs-pro/sheets-pivot';
 import { Disposable, DisposableCollection, IUniverInstanceService } from '@univerjs/core';
 import { SheetInterceptorService, SheetsSelectionsService } from '@univerjs/sheets';
-
 export declare class SheetsPivotClearController extends Disposable {
     private readonly _univerInstanceService;
     private readonly _sheetInterceptorService;

package/lib/types/controllers/sheets-pivot-confirm.controller.d.ts

@@ -3,7 +3,6 @@ import { Disposable, Injector, IUniverInstanceService, LocaleService } from '@un
 import { SheetInterceptorService } from '@univerjs/sheets';
 import { IConfirmService, IMessageService } from '@univerjs/ui';
 import { SheetsPivotTableUIService } from '../services/sheets-pivot-ui.service';
-
 export declare class SheetsPivotConfirmController extends Disposable {
     private readonly _injector;
     private readonly _univerInstanceService;

package/lib/types/controllers/sheets-pivot-edit.controller.d.ts

@@ -2,7 +2,6 @@ import { SheetsPivotTableAdaptorModel, SheetsPivotTableConfigModel } from '@univ
 import { Disposable, ICommandService, IUniverInstanceService } from '@univerjs/core';
 import { SheetsSelectionsService } from '@univerjs/sheets';
 import { IRangeSelectorService, ISidebarService } from '@univerjs/ui';
-
 export declare class SheetsPivotTableEditController extends Disposable {
     private readonly _sheetsSelectionsService;
     private readonly _univerInstanceService;

package/lib/types/controllers/sheets-pivot-menu.controller.d.ts

@@ -1,7 +1,6 @@
 import { SheetsPivotTableConfigModel } from '@univerjs-pro/sheets-pivot';
 import { Disposable, IUniverInstanceService } from '@univerjs/core';
 import { MergeCellController } from '@univerjs/sheets';
-
 export declare class SheetsPivotMenuController extends Disposable {
     private _mergeCellController;
     private _univerInstanceService;

package/lib/types/controllers/sheets-pivot-panel.controller.d.ts

@@ -2,7 +2,6 @@ import { SheetsPivotTableAdaptorModel } from '@univerjs-pro/sheets-pivot';
 import { Disposable, ICommandService, IUniverInstanceService } from '@univerjs/core';
 import { SheetsSelectionsService } from '@univerjs/sheets';
 import { IRangeSelectorService, ISidebarService } from '@univerjs/ui';
-
 export declare class SheetsPivotTablePanelController extends Disposable {
     private readonly _sheetsSelectionsService;
     private readonly _univerInstanceService;

package/lib/types/controllers/sheets-pivot-ref-range.controller.d.ts

@@ -2,7 +2,6 @@ import { SheetsPivotTableAdaptorModel, SheetsPivotTableConfigModel } from '@univ
 import { IMutationInfo, Disposable, DisposableCollection, ICommandService, Injector, IUniverInstanceService } from '@univerjs/core';
 import { IMoveRangeCommandParams, RefRangeService, SheetInterceptorService } from '@univerjs/sheets';
 import { SheetsPivotTableUIService } from '../services/sheets-pivot-ui.service';
-
 export declare class SheetsPivotRefRangeController extends Disposable {
     private readonly _injector;
     private readonly _sheetsPivotTableUIService;

package/lib/types/controllers/sheets-pivot-remove-sheet.controller.d.ts

@@ -1,7 +1,6 @@
 import { SheetsPivotTableConfigModel } from '@univerjs-pro/sheets-pivot';
 import { Disposable } from '@univerjs/core';
 import { SheetInterceptorService } from '@univerjs/sheets';
-
 export declare class SheetsPivotRemoveSheetController extends Disposable {
     private readonly _sheetInterceptorService;
     private readonly _sheetsPivotTableConfigModel;

package/lib/types/controllers/sheets-pivot-render.controller.d.ts

@@ -1,20 +1,17 @@
-import { Disposable, Injector, IUniverInstanceService } from '@univerjs/core';
-import { IRenderContext, IRenderModule, IRenderManagerService } from '@univerjs/engine-render';
+import { Workbook, Disposable, Injector } from '@univerjs/core';
+import { IRenderContext, IRenderModule } from '@univerjs/engine-render';
 import { SheetSkeletonManagerService } from '@univerjs/sheets-ui';
 import { SheetsPivotTableAdaptorModel, SheetsPivotTableConfigModel } from '@univerjs-pro/sheets-pivot';
 import { ComponentManager } from '@univerjs/ui';
-
 export declare class SheetsPivotRenderController extends Disposable implements IRenderModule {
     private readonly _context;
     private readonly _injector;
     private readonly _sheetsPivotTableAdaptorModel;
     private _sheetSkeletonManagerService;
-    private readonly _renderManagerService;
     private _componentManager;
-    private readonly _univerInstanceService;
     private readonly _sheetsPivotTableConfigModel;
     private _pivotButtonShapesArr;
-    constructor(_context: IRenderContext, _injector: Injector, _sheetsPivotTableAdaptorModel: SheetsPivotTableAdaptorModel, _sheetSkeletonManagerService: SheetSkeletonManagerService, _renderManagerService: IRenderManagerService, _componentManager: ComponentManager, _univerInstanceService: IUniverInstanceService, _sheetsPivotTableConfigModel: SheetsPivotTableConfigModel);
+    constructor(_context: IRenderContext<Workbook>, _injector: Injector, _sheetsPivotTableAdaptorModel: SheetsPivotTableAdaptorModel, _sheetSkeletonManagerService: SheetSkeletonManagerService, _componentManager: ComponentManager, _sheetsPivotTableConfigModel: SheetsPivotTableConfigModel);
     private _initButtonRender;
     private _initSkeleton;
     private _initComponents;

package/lib/types/controllers/sheets-pivot-table-menu.controller.d.ts

@@ -1,7 +1,6 @@
 import { Disposable, Injector } from '@univerjs/core';
 import { ComponentManager, IMenuService } from '@univerjs/ui';
 import { IUniverSheetsPivotTableUIConfig } from '../plugin';
-
 export declare class SheetsPivotTableMenuController extends Disposable {
     private readonly _config;
     private readonly _injector;

package/lib/types/locale/en-US.d.ts

@@ -1,4 +1,3 @@
 import { default as zhCN } from './zh-CN';
-
 declare const locale: typeof zhCN;
 export default locale;

package/lib/types/locale/ru-RU.d.ts

@@ -1,4 +1,3 @@
 import { default as zhCN } from './zh-CN';
-
 declare const locale: typeof zhCN;
 export default locale;

package/lib/types/locale/vi-VN.d.ts

@@ -1,4 +1,3 @@
 import { default as zhCN } from './zh-CN';
-
 declare const locale: typeof zhCN;
 export default locale;

package/lib/types/locale/zh-CN.d.ts

@@ -59,6 +59,14 @@ declare const locale: {
                 negativeNumberTypes: string;
                 dateTypes: string;
             };
+            source: {
+                insertPivotTable: string;
+                sourceData: string;
+                position: string;
+                newSheet: string;
+                existingSheet: string;
+                intersect: string;
+            };
         };
         subtotal: {
             average: string;

package/lib/types/locale/zh-TW.d.ts

@@ -1,4 +1,3 @@
 import { default as zhCN } from './zh-CN';
-
 declare const locale: typeof zhCN;
 export default locale;

package/lib/types/plugin.d.ts

@@ -1,7 +1,6 @@
 import { ICommandService, Injector, Plugin, UniverInstanceType } from '@univerjs/core';
 import { IRenderManagerService } from '@univerjs/engine-render';
 import { MenuConfig } from '@univerjs/ui';
-
 export interface IUniverSheetsPivotTableUIConfig {
     menu: MenuConfig;
 }
@@ -13,7 +12,7 @@ export declare class UniverSheetsPivotTableUIPlugin extends Plugin {
     static pluginName: string;
     static type: UniverInstanceType;
     constructor(_config: Partial<IUniverSheetsPivotTableUIConfig>, _injector: Injector, _commandService: ICommandService, _renderManagerService: IRenderManagerService);
-    onStarting(injector: Injector): void;
+    onStarting(): void;
     onReady(): void;
     private _registerRenderModules;
     private _initRegisterCommand;

package/lib/types/services/sheets-pivot-ui.service.d.ts

@@ -1,9 +1,8 @@
-import { PivotView } from '@univerjs-pro/pivot-engine';
+import { PivotView } from '@univerjs-pro/engine-pivot';
 import { IPivotCellPositionInfo, SheetsPivotTableConfigModel } from '@univerjs-pro/sheets-pivot';
 import { IMutationInfo, IRange, Disposable, Injector, IUniverInstanceService, LocaleService } from '@univerjs/core';
 import { ISetRangeValuesMutationParams, SheetInterceptorService } from '@univerjs/sheets';
 import { IConfirmService } from '@univerjs/ui';
-
 export declare class SheetsPivotTableUIService extends Disposable {
     private readonly _injector;
     private readonly _sheetInterceptorService;

package/lib/types/type.d.ts

@@ -1,6 +1,5 @@
-import { IPivotTableFilterInfo, IPivotTableSortInfo, PivotDataFieldDataTypeEnum, PivotSubtotalTypeEnum, PivotTableFiledAreaEnum, PivotTableValuePositionEnum } from '@univerjs-pro/pivot-engine';
+import { IPivotTableFilterInfo, IPivotTableSortInfo, PivotDataFieldDataTypeEnum, PivotSubtotalTypeEnum, PivotTableFiledAreaEnum, PivotTableValuePositionEnum } from '@univerjs-pro/engine-pivot';
 import { IPivotPanelSourceList, IPivotPanelTableListItemBase, IUnitRangeNameWithSubUnitId } from '@univerjs-pro/sheets-pivot';
-
 export interface IOpenPivotTablePanelOperationParams {
     pivotTableId: string;
 }
@@ -24,7 +23,7 @@ export interface IAddPivotFieldCommandParams {
     unitId: string;
     subUnitId: string;
     pivotTableId: string;
-    fieldName: string;
+    dataFieldId: string;
     fieldArea: PivotTableFiledAreaEnum;
     index: number;
 }

package/lib/types/util.d.ts

@@ -1,5 +1,4 @@
-import { LabelViewItem, PivotView, PivotViewItem } from '@univerjs-pro/pivot-engine';
-
+import { LabelViewItem, PivotView, PivotViewItem } from '@univerjs-pro/engine-pivot';
 export declare function getPivotRowColCount(view: PivotView, startCell: {
     row: number;
     col: number;

package/lib/types/views/components/PivotFilterPanel.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { IFilterItemInfo } from '../../type';
-
 interface IPivotFilterPanelProps {
     unitId: string;
     subUnitId: string;

package/lib/types/views/components/PivotNumfmtDialog.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { IPivotPanelSourceList, IPivotPanelTableListItemBase } from '@univerjs-pro/sheets-pivot';
-
 interface IPivotNumfmtPanelProps {
     unitId: string;
     subUnitId: string;

package/lib/types/views/components/PivotPanel.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { IPivotPanelDataInfo } from '@univerjs-pro/sheets-pivot';
-
 interface IPivotPanelProps {
     pivotTableId: string;
     version: number;

package/lib/types/views/components/PivotPanelArea.d.ts

@@ -1,7 +1,6 @@
 import { default as React } from 'react';
 import { IPivotPanelDataInfo, IPivotPanelTableListItemBase, IPivotTableConfig } from '@univerjs-pro/sheets-pivot';
 import { PivotPanelAreaType } from './util';
-
 interface IPivotFieldAreaItemProps {
     areaType: PivotPanelAreaType;
     items: IPivotPanelTableListItemBase[];

package/lib/types/views/components/PivotPanelSourceRange.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { IPivotTableConfig, IUnitRangeNameWithSubUnitId } from '@univerjs-pro/sheets-pivot';
-
 interface IPivotSourceRangeProps {
     sourceRangeInfo: IUnitRangeNameWithSubUnitId;
     pivotTableId: string;

package/lib/types/views/components/PivotSourceList.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { IPivotPanelDataInfo, IPivotPanelSourceList } from '@univerjs-pro/sheets-pivot';
-
 interface IPivotSourceListProps {
     sourceList: IPivotPanelSourceList[];
     refreshHandler: () => void;

package/lib/types/views/components/PivotTableRangeSelector.d.ts

@@ -1,7 +1,6 @@
 import { IRange } from '@univerjs/core';
 import { default as React } from 'react';
 import { PositionType } from '@univerjs-pro/sheets-pivot';
-
 export interface IPivotTableRangeSelectorReturns {
     sourceRange: IRange;
     sourceSheetName: string;

package/lib/types/views/components/SettingDialog.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { IPivotPanelSourceList, IPivotPanelTableListItemBase } from '@univerjs-pro/sheets-pivot';
-
 interface IPivotFilterPanelProps {
     pivotTableId: string;
     tableFieldId: string;

package/lib/types/views/components/util.d.ts

@@ -1,7 +1,7 @@
-import { PivotSubtotalTypeEnum, PivotTableFiledAreaEnum, PivotTableValuePositionEnum } from '@univerjs-pro/pivot-engine';
-import { ICommandService, IRange, Worksheet } from '@univerjs/core';
+import { IPivotTableFilterInfo, PivotSubtotalTypeEnum, PivotTableFiledAreaEnum, PivotTableValuePositionEnum } from '@univerjs-pro/engine-pivot';
+import { ICommandService, IRange, Nullable, Worksheet } from '@univerjs/core';
 import { IPivotPanelDataInfo, IUnitRangeNameWithSubUnitId } from '@univerjs-pro/sheets-pivot';
-
+import { PivotFilterStatus } from '../../const';
 export declare const PivotDropId = "PivotDropId";
 export declare const PivotMultipleValueId = "PivotMultipleValueId";
 interface IExecuteRemoveCommandCtx {
@@ -75,4 +75,7 @@ export declare const isThousandthPercentilePanel: (pattern: string) => boolean;
 export declare const getAreaFieldCount: (pivotTableInfo: IPivotPanelDataInfo, area: PivotTableFiledAreaEnum) => number;
 export declare const isPrefixName: (baseName: string, name: string, textInfo: Record<string, string>) => boolean;
 export declare const getPrefixName: (baseName: string, textInfo: Record<string, string>, subtotalType: PivotSubtotalTypeEnum) => string;
+export declare function getPivotFilterStatus(filterInfo: Nullable<IPivotTableFilterInfo>, additionalParams: {
+    items?: string[];
+}): PivotFilterStatus;
 export {};

package/lib/types/views/menu.d.ts

@@ -1,4 +1,3 @@
 import { IMenuItem } from '@univerjs/ui';
 import { IAccessor } from '@univerjs/core';
-
 export declare function sheetsPivotTableToolbarMenuFactory(accessor: IAccessor): IMenuItem;

package/lib/types/views/widgets/drawing.d.ts

@@ -1,5 +1,4 @@
 import { UniverRenderingContext2D } from '@univerjs/engine-render';
-
 export declare const PIVOT_BUTTON_EMPTY: Path2D;
 export declare class PivotButton {
     static drawNoSetting(ctx: UniverRenderingContext2D, size: number, fgColor: string, bgColor: string): void;

package/lib/types/views/widgets/pivot-button.shape.d.ts

@@ -1,12 +1,12 @@
-import { PivotCellStyleTypeEnum } from '@univerjs-pro/pivot-engine';
+import { PivotCellStyleTypeEnum } from '@univerjs-pro/engine-pivot';
 import { ICommandService, IContextService, ThemeService } from '@univerjs/core';
 import { IMouseEvent, IPointerEvent, IShapeProps, UniverRenderingContext2D, Shape } from '@univerjs/engine-render';
-
 export declare const PIVOT_ICON_SIZE = 16;
 export declare const PIVOT_PADDING_SIZE = 1;
 export declare const PIVOT_EXPEND_SIZE = 12;
 export declare const PIVOT_EXPAND_LEFT_PADDING = 4;
 export declare const FILTER_BUTTON_TYPE_SET: Set<PivotCellStyleTypeEnum>;
+export declare const COLLAPSE_BUTTON_TYPE_SET: Set<PivotCellStyleTypeEnum>;
 export interface ISheetsPivotTableButtonShapeProps extends IShapeProps {
     cellWidth: number;
     cellHeight: number;