@univerjs-pro/docs-table-ui 0.25.0 → 1.0.0-alpha.0

package/lib/types/views/canvas/docs-table-trigger-model.d.ts

@@ -1,4 +1,5 @@
-export type DocsTableTriggerKind = 'table-select' | 'row-select' | 'column-select' | 'pin-header' | 'insert-row' | 'insert-column' | 'resize-row' | 'resize-column' | 'toolbar' | 'toolbar-sort' | 'toolbar-border' | 'toolbar-insert-column' | 'cell-border';
+export type DocsTableStructuralTriggerKind = 'row-header' | 'column-header' | 'row-insert-dot' | 'column-insert-dot';
+export type DocsTableTriggerKind = 'table-select' | DocsTableStructuralTriggerKind | 'resize-row' | 'resize-column';
 export interface IDocsTableTriggerRect {
     x: number;
     y: number;
@@ -20,7 +21,9 @@ export interface IDocsTableMergedCellRange {
 }
 export interface IDocsTableViewportProjection {
     contentWidth: number;
+    leadingInsetLeft?: number;
     scrollLeft: number;
+    viewportLeft?: number;
     viewportWidth: number;
 }
 export interface IDocsTableTriggerModelInput {
@@ -37,14 +40,15 @@ export interface IDocsTableTriggerModelInput {
         row: number;
     } | null;
     mergedCells?: IDocsTableMergedCellRange[];
-    showControls?: boolean;
-    showPinHeader?: boolean;
     viewport?: IDocsTableViewportProjection;
     zoom?: number;
 }
+export declare const DOCS_TABLE_HEADER_LANE_THICKNESS = 10;
+export declare const DOCS_TABLE_INSERT_LANE_THICKNESS = 6;
 export declare const DOCS_TABLE_ROW_CONTROL_GUTTER: number;
 export declare const DOCS_TABLE_COLUMN_CONTROL_GUTTER: number;
 export declare function buildDocsTableTriggers(input: IDocsTableTriggerModelInput): IDocsTableTrigger[];
 export declare function isDocsTableInsertTriggerKind(kind: DocsTableTriggerKind): boolean;
 export declare function hitTestDocsTableTrigger(triggers: IDocsTableTrigger[], x: number, y: number): IDocsTableTrigger | null;
+export declare function hitTestDocsTableFloatingControl(triggers: IDocsTableTrigger[], x: number, y: number): IDocsTableTrigger | null;
 export declare function isPointInDocsTableFloatingControl(triggers: IDocsTableTrigger[], x: number, y: number): boolean;

package/lib/types/views/column-type/DocsTableColumnTypePanel.d.ts

@@ -1,3 +1,2 @@
-import type { ReactElement } from 'react';
 export declare const DOCS_TABLE_COLUMN_TYPE_PANEL = "docs-table-ui.column-type-panel";
-export declare function DocsTableColumnTypePanel(): ReactElement;
+export declare function DocsTableColumnTypePanel(): import("react").JSX.Element;

package/lib/types/views/floating-toolbar/DocsTableFloatingToolbar.d.ts

@@ -0,0 +1,2 @@
+export declare const DOCS_TABLE_FLOATING_TOOLBAR = "docs-table-ui.floating-toolbar";
+export declare function DocsTableFloatingToolbar(): import("react").JSX.Element | null;

package/lib/types/views/icons/DocsTableBorderToolbarIcons.d.ts

@@ -1,11 +1,6 @@
 import type { SVGProps } from 'react';
-export declare const DOCS_TABLE_BORDER_WIDTH_ICON = "DocsTableBorderWidthIcon";
-export declare const DOCS_TABLE_BORDER_STYLE_ICON = "DocsTableBorderStyleIcon";
-export declare const DOCS_TABLE_BORDER_STYLE_SOLID_ICON = "DocsTableBorderStyleSolidIcon";
-export declare const DOCS_TABLE_BORDER_STYLE_DOTTED_ICON = "DocsTableBorderStyleDottedIcon";
-export declare const DOCS_TABLE_BORDER_STYLE_DASHED_ICON = "DocsTableBorderStyleDashedIcon";
-export declare function DocsTableBorderWidthIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
-export declare function DocsTableBorderStyleIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
-export declare function DocsTableBorderStyleSolidIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
-export declare function DocsTableBorderStyleDottedIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
-export declare function DocsTableBorderStyleDashedIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function DocsTableBorderWidthIcon(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function DocsTableBorderStyleIcon(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function DocsTableBorderStyleSolidIcon(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function DocsTableBorderStyleDottedIcon(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;
+export declare function DocsTableBorderStyleDashedIcon(props: SVGProps<SVGSVGElement>): import("react").JSX.Element;

package/lib/types/views/insert-table/DocsTableInsertTablePicker.d.ts

@@ -1,12 +1,14 @@
 import type { IAccessor } from '@univerjs/core';
 import type { IMenuSelectorItem } from '@univerjs/ui';
+import type { LocaleKey } from '../../locale/types';
 export declare const DOCS_UI_TABLE_MENU_ID = "doc.menu.table";
 export declare const DOCS_TABLE_INSERT_TABLE_PICKER_COMPONENT = "docs-table-ui.insert-table-picker";
 interface IDocsTableInsertTablePickerProps {
     onChange?: (value: string) => void;
 }
-export declare function DocsTableCreateTableMenuFactory(accessor: IAccessor): IMenuSelectorItem;
-export declare function DocsTableCreateTableContextMenuFactory(accessor: IAccessor): IMenuSelectorItem;
+export declare function DocsTableCreateTableMenuFactory(accessor: IAccessor): IMenuSelectorItem<LocaleKey>;
+export declare function DocsTableCreateTableContextMenuFactory(accessor: IAccessor): IMenuSelectorItem<LocaleKey>;
+export declare function DocsTableCreateTableTMenuFactory(accessor: IAccessor): IMenuSelectorItem<LocaleKey>;
 export declare function getDocsTableInsertTableHiddenObservable(accessor: IAccessor): import("rxjs").Observable<boolean>;
-export declare function DocsTableInsertTablePicker(props: IDocsTableInsertTablePickerProps): import("react/jsx-runtime").JSX.Element;
+export declare function DocsTableInsertTablePicker(props: IDocsTableInsertTablePickerProps): import("react").JSX.Element;
 export {};

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

@@ -1,5 +1,6 @@
 import type { IAccessor } from '@univerjs/core';
 import type { IMenuButtonItem, IMenuItem, IMenuSelectorItem } from '@univerjs/ui';
+import type { LocaleKey } from '../locale/types';
 export declare const DOCS_TABLE_CONTEXT_MENU_ID = "docs-table-ui.menu.context";
 export declare const DOCS_TABLE_INSERT_MENU_ID = "docs-table-ui.menu.insert";
 export declare const DOCS_TABLE_DELETE_MENU_ID = "docs-table-ui.menu.delete";
@@ -10,50 +11,55 @@ export declare const DOCS_TABLE_COLUMN_TYPE_MENU_ID = "docs-table-ui.menu.column
 export declare const DOCS_TABLE_STYLE_RIBBON_GROUP = "ribbon.start.docs-table-style";
 export declare const DOCS_UI_TABLE_INSERT_MENU_ID = "doc.menu.table-insert";
 export declare const DOCS_UI_TABLE_DELETE_MENU_ID = "doc.menu.table-delete";
-export declare function DocsTableContextMenuFactory(accessor: IAccessor): IMenuItem;
-export declare function DocsTableInsertMenuFactory(): IMenuItem;
-export declare function DocsTableDeleteMenuFactory(accessor?: IAccessor): IMenuItem;
-export declare function DocsTableSortMenuFactory(accessor?: IAccessor): IMenuItem;
-export declare function DocsTableDistributeMenuFactory(accessor?: IAccessor): IMenuItem;
-export declare function DocsTableBorderMenuFactory(accessor?: IAccessor): IMenuItem;
-export declare function DocsTableColumnTypeMenuFactory(accessor?: IAccessor): IMenuItem;
-export declare function HiddenDocsUiTableInsertMenuFactory(): IMenuItem;
-export declare function HiddenDocsUiTableDeleteMenuFactory(): IMenuItem;
-export declare function InsertRowAboveMenuFactory(accessor?: IAccessor): IMenuButtonItem;
-export declare function InsertRowBelowMenuFactory(accessor?: IAccessor): IMenuButtonItem;
-export declare function InsertColumnLeftMenuFactory(accessor?: IAccessor): IMenuButtonItem;
-export declare function InsertColumnRightMenuFactory(accessor?: IAccessor): IMenuButtonItem;
-export declare function DeleteRowsMenuFactory(accessor?: IAccessor): IMenuButtonItem;
-export declare function DeleteColumnsMenuFactory(accessor?: IAccessor): IMenuButtonItem;
-export declare function DeleteTableMenuFactory(accessor?: IAccessor): IMenuButtonItem;
-export declare function MergeCellsMenuFactory(accessor?: IAccessor): IMenuButtonItem;
-export declare function UnmergeCellsMenuFactory(accessor?: IAccessor): IMenuButtonItem;
-export declare function InsertTitleRowMenuFactory(accessor?: IAccessor): IMenuButtonItem;
-export declare function PinHeaderRowsMenuFactory(accessor?: IAccessor): IMenuButtonItem;
-export declare function SortAscendingMenuFactory(accessor?: IAccessor): IMenuButtonItem;
-export declare function SortDescendingMenuFactory(accessor?: IAccessor): IMenuButtonItem;
-export declare function DistributeRowsMenuFactory(accessor?: IAccessor): IMenuButtonItem;
-export declare function DistributeColumnsMenuFactory(accessor?: IAccessor): IMenuButtonItem;
-export declare function BorderAllMenuFactory(accessor?: IAccessor): IMenuButtonItem;
-export declare function BorderBottomMenuFactory(accessor?: IAccessor): IMenuButtonItem;
-export declare function BorderInnerMenuFactory(accessor?: IAccessor): IMenuButtonItem;
-export declare function BorderInnerHorizontalMenuFactory(accessor?: IAccessor): IMenuButtonItem;
-export declare function BorderInnerVerticalMenuFactory(accessor?: IAccessor): IMenuButtonItem;
-export declare function BorderLeftMenuFactory(accessor?: IAccessor): IMenuButtonItem;
-export declare function BorderOuterMenuFactory(accessor?: IAccessor): IMenuButtonItem;
-export declare function BorderNoneMenuFactory(accessor?: IAccessor): IMenuButtonItem;
-export declare function BorderRightMenuFactory(accessor?: IAccessor): IMenuButtonItem;
-export declare function BorderTopMenuFactory(accessor?: IAccessor): IMenuButtonItem;
-export declare function DocsTableBackgroundColorSelectorMenuFactory(accessor?: IAccessor): IMenuSelectorItem<string, string | undefined>;
-export declare function DocsTableBorderColorSelectorMenuFactory(accessor?: IAccessor): IMenuSelectorItem<string, string | undefined>;
-export declare function DocsTableBorderWidthMenuFactory(accessor?: IAccessor): IMenuSelectorItem<number, number | undefined>;
-export declare function DocsTableBorderStyleMenuFactory(accessor?: IAccessor): IMenuSelectorItem<string, string | undefined>;
-export declare function DocsTextBackgroundColorSelectorMenuFactory(accessor?: IAccessor): IMenuSelectorItem<string, string | undefined>;
-export declare function ResetDocsTextBackgroundColorMenuFactory(accessor?: IAccessor): IMenuButtonItem;
-export declare function ColumnTypeTextMenuFactory(accessor?: IAccessor): IMenuButtonItem;
-export declare function ColumnTypeNumberMenuFactory(accessor?: IAccessor): IMenuButtonItem;
-export declare function ColumnTypeDateMenuFactory(accessor?: IAccessor): IMenuButtonItem;
-export declare function ColumnTypeCheckboxMenuFactory(accessor?: IAccessor): IMenuButtonItem;
-export declare function ColumnTypeDropdownMenuFactory(accessor?: IAccessor): IMenuButtonItem;
-export declare function getRowsLabelKey(count: number, position: 'above' | 'below'): string;
-export declare function getColumnsLabelKey(count: number, position: 'left' | 'right'): string;
+export declare const DOCS_HYPER_LINK_MAIN_AREA_MENU_ID = "doc.operation.show-hyper-link-edit-popup";
+export declare const DOCS_THREAD_COMMENT_MAIN_AREA_MENU_ID = "docs.operation.start-add-comment";
+export declare function DocsTableContextMenuFactory(accessor: IAccessor): IMenuItem<LocaleKey>;
+export declare function DocsTableInsertMenuFactory(): IMenuItem<LocaleKey>;
+export declare function DocsTableDeleteMenuFactory(accessor?: IAccessor): IMenuItem<LocaleKey>;
+export declare function DocsTableSortMenuFactory(accessor?: IAccessor): IMenuItem<LocaleKey>;
+export declare function DocsTableDistributeMenuFactory(accessor?: IAccessor): IMenuItem<LocaleKey>;
+export declare function DocsTableBorderMenuFactory(accessor?: IAccessor): IMenuItem<LocaleKey>;
+export declare function DocsTableColumnTypeMenuFactory(accessor?: IAccessor): IMenuItem<LocaleKey>;
+export declare function HiddenDocsUiTableInsertMenuFactory(): IMenuItem<LocaleKey>;
+export declare function HiddenDocsUiTableDeleteMenuFactory(): IMenuItem<LocaleKey>;
+export declare function HiddenDocsHyperLinkMainAreaMenuFactory(): IMenuButtonItem<LocaleKey>;
+export declare function HiddenDocsThreadCommentMainAreaMenuFactory(): IMenuButtonItem<LocaleKey>;
+export declare function ClearContentMenuFactory(accessor?: IAccessor): IMenuButtonItem<LocaleKey>;
+export declare function InsertRowAboveMenuFactory(accessor?: IAccessor): IMenuButtonItem<LocaleKey>;
+export declare function InsertRowBelowMenuFactory(accessor?: IAccessor): IMenuButtonItem<LocaleKey>;
+export declare function InsertColumnLeftMenuFactory(accessor?: IAccessor): IMenuButtonItem<LocaleKey>;
+export declare function InsertColumnRightMenuFactory(accessor?: IAccessor): IMenuButtonItem<LocaleKey>;
+export declare function DeleteRowsMenuFactory(accessor?: IAccessor): IMenuButtonItem<LocaleKey>;
+export declare function DeleteColumnsMenuFactory(accessor?: IAccessor): IMenuButtonItem<LocaleKey>;
+export declare function DeleteTableMenuFactory(accessor?: IAccessor): IMenuButtonItem<LocaleKey>;
+export declare function MergeCellsMenuFactory(accessor?: IAccessor): IMenuButtonItem<LocaleKey>;
+export declare function UnmergeCellsMenuFactory(accessor?: IAccessor): IMenuButtonItem<LocaleKey>;
+export declare function InsertTitleRowMenuFactory(accessor?: IAccessor): IMenuButtonItem<LocaleKey>;
+export declare function PinHeaderRowsMenuFactory(accessor?: IAccessor): IMenuButtonItem<LocaleKey>;
+export declare function SortAscendingMenuFactory(accessor?: IAccessor): IMenuButtonItem<LocaleKey>;
+export declare function SortDescendingMenuFactory(accessor?: IAccessor): IMenuButtonItem<LocaleKey>;
+export declare function DistributeRowsMenuFactory(accessor?: IAccessor): IMenuButtonItem<LocaleKey>;
+export declare function DistributeColumnsMenuFactory(accessor?: IAccessor): IMenuButtonItem<LocaleKey>;
+export declare function BorderAllMenuFactory(accessor?: IAccessor): IMenuButtonItem<LocaleKey>;
+export declare function BorderBottomMenuFactory(accessor?: IAccessor): IMenuButtonItem<LocaleKey>;
+export declare function BorderInnerMenuFactory(accessor?: IAccessor): IMenuButtonItem<LocaleKey>;
+export declare function BorderInnerHorizontalMenuFactory(accessor?: IAccessor): IMenuButtonItem<LocaleKey>;
+export declare function BorderInnerVerticalMenuFactory(accessor?: IAccessor): IMenuButtonItem<LocaleKey>;
+export declare function BorderLeftMenuFactory(accessor?: IAccessor): IMenuButtonItem<LocaleKey>;
+export declare function BorderOuterMenuFactory(accessor?: IAccessor): IMenuButtonItem<LocaleKey>;
+export declare function BorderNoneMenuFactory(accessor?: IAccessor): IMenuButtonItem<LocaleKey>;
+export declare function BorderRightMenuFactory(accessor?: IAccessor): IMenuButtonItem<LocaleKey>;
+export declare function BorderTopMenuFactory(accessor?: IAccessor): IMenuButtonItem<LocaleKey>;
+export declare function DocsTableBackgroundColorSelectorMenuFactory(accessor?: IAccessor): IMenuSelectorItem<LocaleKey, string | undefined, string | undefined>;
+export declare function DocsTableBorderColorSelectorMenuFactory(accessor?: IAccessor): IMenuSelectorItem<LocaleKey, string | undefined, string | undefined>;
+export declare function DocsTableBorderWidthMenuFactory(accessor?: IAccessor): IMenuSelectorItem<LocaleKey, number, number | undefined>;
+export declare function DocsTableBorderStyleMenuFactory(accessor?: IAccessor): IMenuSelectorItem<LocaleKey, string | undefined, string>;
+export declare function DocsTextBackgroundColorSelectorMenuFactory(accessor?: IAccessor): IMenuSelectorItem<LocaleKey, string | undefined, string | undefined>;
+export declare function ResetDocsTextBackgroundColorMenuFactory(accessor?: IAccessor): IMenuButtonItem<LocaleKey>;
+export declare function ColumnTypeTextMenuFactory(accessor?: IAccessor): IMenuButtonItem<LocaleKey>;
+export declare function ColumnTypeNumberMenuFactory(accessor?: IAccessor): IMenuButtonItem<LocaleKey>;
+export declare function ColumnTypeDateMenuFactory(accessor?: IAccessor): IMenuButtonItem<LocaleKey>;
+export declare function ColumnTypeCheckboxMenuFactory(accessor?: IAccessor): IMenuButtonItem<LocaleKey>;
+export declare function ColumnTypeDropdownMenuFactory(accessor?: IAccessor): IMenuButtonItem<LocaleKey>;
+export declare function getRowsLabelKey(count: number, position: 'above' | 'below'): LocaleKey;
+export declare function getColumnsLabelKey(count: number, position: 'left' | 'right'): LocaleKey;

package/lib/types/views/options/DocsTableOptionsPanel.d.ts

@@ -1,3 +1,2 @@
-import type { ReactElement } from 'react';
 export declare const DOCS_TABLE_OPTIONS_PANEL = "docs-table-ui.options-panel";
-export declare function DocsTableOptionsPanel(): ReactElement;
+export declare function DocsTableOptionsPanel(): import("react").JSX.Element;

package/lib/types/views/toolbar/DocsTableToolbar.d.ts

@@ -1,3 +1,2 @@
-import type { ReactElement } from 'react';
 export declare const DOCS_TABLE_TOOLBAR = "docs-table-ui.toolbar";
-export declare function DocsTableToolbar(): ReactElement;
+export declare function DocsTableToolbar(): import("react").JSX.Element;