@univerjs-pro/docs-shape-ui 1.0.0-beta.0 → 1.0.0-beta.1

package/lib/types/commands/operations/shape-ribbon.operation.d.ts

@@ -0,0 +1,13 @@
+import type { ShapeTypeEnum } from '@univerjs-pro/engine-shape';
+import type { ICommand } from '@univerjs/core';
+interface IApplyDocsShapeQuickStyleOperationParams {
+    value?: string;
+    presetId?: string;
+}
+interface IUpdateDocsShapeTypeOperationParams {
+    value?: ShapeTypeEnum;
+    shapeType?: ShapeTypeEnum;
+}
+export declare const ApplyDocsShapeQuickStyleOperation: ICommand<IApplyDocsShapeQuickStyleOperationParams>;
+export declare const UpdateDocsShapeTypeOperation: ICommand<IUpdateDocsShapeTypeOperationParams>;
+export {};

package/lib/types/const.d.ts

@@ -1,4 +1,11 @@
 export declare const DOCS_SHAPE_EDIT_PANEL_KEY = "doc.shape.edit.panel";
+export declare const DOCS_SHAPE_FORMAT_RIBBON_TAB = "docs-shape-ui.ribbon.shape-format";
+export declare const DOCS_SHAPE_FORMAT_RIBBON_GROUP_QUICK_STYLES = "docs-shape-ui.ribbon.shape-format.quick-styles";
+export declare const DOCS_SHAPE_FORMAT_RIBBON_GROUP_STYLE = "docs-shape-ui.ribbon.shape-format.style";
+export declare const DOCS_SHAPE_FORMAT_RIBBON_GROUP_TEXT = "docs-shape-ui.ribbon.shape-format.text";
+export declare const DOCS_SHAPE_FORMAT_RIBBON_GROUP_ARRANGE = "docs-shape-ui.ribbon.shape-format.arrange";
+export declare const DOCS_SHAPE_FORMAT_RIBBON_GROUP_FORMULA = "docs-shape-ui.ribbon.shape-format.formula";
+export declare const DOCS_SHAPE_FORMAT_RIBBON_GROUP_ADVANCED = "docs-shape-ui.ribbon.shape-format.advanced";
 export declare const DOCS_SHAPE_OBJECT_LIST_PANEL_KEY = "doc.shape.object-list.panel";
 export declare const DOCS_SHAPE_EDITOR_UNIT_ID_KEY: string;
 export declare const SHAPE_TEXT_FLOAT_MENU_COMPONENT_KEY = "doc.shape.text.float-menu";

package/lib/types/controllers/shape-contextual-ribbon.controller.d.ts

@@ -0,0 +1,18 @@
+import { ShapeFloatingToolbarService } from '@univerjs-pro/shape-editor-ui';
+import { Disposable, IUniverInstanceService } from '@univerjs/core';
+import { IDrawingManagerService } from '@univerjs/drawing';
+import { IRenderManagerService } from '@univerjs/engine-render';
+import { IMenuManagerService, IRibbonService } from '@univerjs/ui';
+export declare class DocsShapeContextualRibbonController extends Disposable {
+    private readonly _menuManagerService;
+    private readonly _ribbonService;
+    private readonly _drawingManagerService;
+    private readonly _univerInstanceService;
+    private readonly _renderManagerService;
+    private readonly _shapeFloatingToolbarService;
+    private _visible;
+    constructor(_menuManagerService: IMenuManagerService, _ribbonService: IRibbonService, _drawingManagerService: IDrawingManagerService, _univerInstanceService: IUniverInstanceService, _renderManagerService: IRenderManagerService, _shapeFloatingToolbarService: ShapeFloatingToolbarService);
+    dispose(): void;
+    private _update;
+    private _hide;
+}

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

@@ -1,5 +1,6 @@
 declare const locale: {
     'docs-shape-ui': {
+        quickStyles: string;
         title: string;
         insertShape: string;
         openPanel: string;

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

@@ -1,2 +1,3 @@
 import type { MenuSchemaType } from '@univerjs/ui';
+export declare const docsShapeContextualRibbonSchema: MenuSchemaType;
 export declare const menuSchema: MenuSchemaType;

package/lib/types/menu/shape-format-ribbon.menu.d.ts

@@ -0,0 +1,20 @@
+import type { ShapeTypeEnum } from '@univerjs-pro/engine-shape';
+import type { IAccessor } from '@univerjs/core';
+import type { IMenuButtonItem, IMenuSelectorItem } from '@univerjs/ui';
+export declare const DOCS_SHAPE_STYLE_RIBBON_CONTROL_ID = "docs-shape-ui.ribbon.shape-format.style-control";
+export declare const DOCS_SHAPE_TEXT_RIBBON_CONTROL_ID = "docs-shape-ui.ribbon.shape-format.text-control";
+export declare const DOCS_FORMULA_SHAPE_RIBBON_CONTROL_ID = "docs-shape-ui.ribbon.shape-format.formula-control";
+export declare const DOCS_SHAPE_ARRANGE_FORWARD_MENU_ID = "docs-shape-ui.ribbon.shape-format.arrange-forward";
+export declare const DOCS_SHAPE_ARRANGE_BACKWARD_MENU_ID = "docs-shape-ui.ribbon.shape-format.arrange-backward";
+export declare const DOCS_SHAPE_ARRANGE_FRONT_MENU_ID = "docs-shape-ui.ribbon.shape-format.arrange-front";
+export declare const DOCS_SHAPE_ARRANGE_BACK_MENU_ID = "docs-shape-ui.ribbon.shape-format.arrange-back";
+export declare function DocsShapeQuickStyleGalleryFactory(accessor: IAccessor): IMenuSelectorItem<string>;
+export declare function DocsChangeShapeMenuFactory(accessor: IAccessor): IMenuSelectorItem<string, ShapeTypeEnum | undefined, ShapeTypeEnum>;
+export declare const DocsShapeStyleRibbonControlFactory: (accessor: IAccessor) => IMenuButtonItem<string>;
+export declare const DocsShapeTextRibbonControlFactory: (accessor: IAccessor) => IMenuButtonItem<string>;
+export declare const DocsFormulaShapeRibbonControlFactory: (accessor: IAccessor) => IMenuButtonItem<string>;
+export declare const DocsShapeArrangeForwardFactory: (accessor: IAccessor) => IMenuButtonItem<string>;
+export declare const DocsShapeArrangeBackwardFactory: (accessor: IAccessor) => IMenuButtonItem<string>;
+export declare const DocsShapeArrangeFrontFactory: (accessor: IAccessor) => IMenuButtonItem<string>;
+export declare const DocsShapeArrangeBackFactory: (accessor: IAccessor) => IMenuButtonItem<string>;
+export declare function DocsShapeOpenPanelFactory(accessor: IAccessor): IMenuButtonItem<string>;

package/lib/types/views/shape-floating-toolbar/ShapeFloatingToolbar.d.ts

@@ -1,4 +1,5 @@
 import type { IShapeData, ShapeTypeEnum } from '@univerjs-pro/engine-shape';
+import type { IPopupWithExtraProps } from '@univerjs/ui';
 export declare const DOCS_SHAPE_FLOATING_TOOLBAR_KEY = "doc.shape.floating-toolbar";
 interface IShapeFloatingToolbarExtraProps {
     unitId: string;
@@ -8,9 +9,7 @@ interface IShapeFloatingToolbarExtraProps {
     shapeData: IShapeData;
 }
 interface IShapeFloatingToolbarProps {
-    popup: {
-        extraProps: IShapeFloatingToolbarExtraProps;
-    };
+    popup: IPopupWithExtraProps<IShapeFloatingToolbarExtraProps>;
 }
-export declare function DocsShapeFloatingToolbar(props: IShapeFloatingToolbarProps): import("react").JSX.Element;
+export declare function DocsShapeFloatingToolbar(props: IShapeFloatingToolbarProps): import("react").JSX.Element | null;
 export {};

package/lib/types/views/shape-format-ribbon/DocsShapeFormatRibbonControls.d.ts

@@ -0,0 +1,8 @@
+export declare const DOCS_SHAPE_QUICK_STYLE_GALLERY_COMPONENT = "docs-shape-ui.shape-format.quick-style-gallery";
+export declare const DOCS_SHAPE_STYLE_RIBBON_COMPONENT = "docs-shape-ui.shape-format.style-ribbon-control";
+export declare const DOCS_SHAPE_TEXT_RIBBON_COMPONENT = "docs-shape-ui.shape-format.text-ribbon-control";
+export declare const DOCS_FORMULA_SHAPE_RIBBON_COMPONENT = "docs-shape-ui.shape-format.formula-ribbon-control";
+export declare function DocsShapeStyleRibbonControl(): import("react").JSX.Element | null;
+export declare function DocsShapeQuickStyleGallery(): import("react").JSX.Element | null;
+export declare function DocsShapeTextRibbonControl(): import("react").JSX.Element | null;
+export declare function DocsFormulaShapeRibbonControl(): import("react").JSX.Element | null;