@univerjs/slides-ui 0.2.11 → 0.2.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/index.css CHANGED
@@ -1 +1 @@
1
- .univer-slide-panel-color-picker{box-sizing:border-box;margin:0;padding:var(--padding-base);font-size:var(--font-size-xs);list-style:none;background-color:rgb(var(--bg-color-secondary));border:1px solid rgb(var(--border-color));border-radius:var(--border-radius-lg);outline:none;box-shadow:var(--box-shadow-base)}.univer-image-common-panel{text-align:center;padding:var(--padding-sm);font-size:var(--font-size-sm)}.univer-image-common-panel-grid{position:relative;width:100%}.univer-image-common-panel-border{border-top:1px solid rgb(var(--border-color));margin-top:20px}.univer-image-common-panel-title{color:rgb(var(--text-color-secondary));text-align:left}.univer-image-common-panel-subtitle{color:rgb(var(--text-color-primary));text-align:left}.univer-image-common-panel-row{position:relative;display:flex;justify-content:flex-start;align-items:flex-start;height:100%;margin-top:10px}.univer-image-common-panel-row-vertical{justify-content:center;align-items:center;height:36px}.univer-image-common-panel-column{width:100%}.univer-image-common-panel-column-center{display:flex;justify-content:center;align-items:center}.univer-image-common-panel-inline{display:flex;align-items:center;gap:var(--margin-xxs)}.univer-image-common-panel-span2{width:50%}.univer-image-common-panel-span3{width:33.33333333%}.univer-image-common-panel-input{width:90%}.univer-image-popup-menu{display:grid;gap:var(--margin-xxs);align-items:center;box-sizing:border-box;margin-top:0;margin-bottom:0;padding:var(--padding-sm);font-size:var(--font-size-base);background-color:rgb(var(--bg-color-secondary));border:1px solid rgb(var(--border-color));border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-lg)}.univer-image-popup-menu li{list-style:none}.univer-image-popup-menu-item{cursor:pointer;position:relative;display:flex;align-items:center;box-sizing:border-box;height:28px;font-size:var(--font-size-base);font-style:normal;line-height:20px;text-align:left;border-radius:4px;border-radius:var(--border-radius-base);transition:background .2s}.univer-image-popup-menu-item:hover{background-color:rgb(var(--bg-color-hover))}.univer-image-popup-menu-item-icon{position:absolute;top:50%;left:var(--padding-xs);transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.univer-image-popup-menu-item-title{padding:var(--padding-xs) var(--padding-xs) var(--padding-xs) 0;vertical-align:middle}.univer-image-popup-menu-item-hide{color:rgb(var(--text-color-secondary))}.univer-image-popup-menu-item:hover{background:rgb(var(--grey-100))}.univer-btn-container{display:flex;align-items:center;justify-content:center;padding:3px;background:#fff;border:1px solid rgb(var(--grey-200, #e5e5e5));border-radius:4px}.univer-btn-container:hover,.univer-btn-container.univer-btn-container-expand{background:rgb(var(--grey-100, #f5f5f5))}.univer-upload-file-menu{position:absolute;height:100%;width:100%;text-align:center}.univer-upload-file-menu-input{display:none}.univer-slide-editor-container{position:absolute;z-index:10;top:200px;left:100px;display:flex;width:100px;height:50px;border:1px solid rgb(var(--primary-color));box-shadow:none;box-sizing:border-box}.univer-slide-editor-container .univer-editor-input{position:relative;display:flex;width:100%;height:100%;background:#aeaeae33}.univer-slide-editor-container .univer-editor-input canvas{position:absolute;top:-1px!important;left:-1px!important}.univer-slide-bar{display:flex;flex-direction:column;height:100%;background:#f5f7f9;border-right:1px solid #eaecf0;width:260px;overflow-x:hidden;overflow-y:auto}.univer-slide-bar .univer-slide-bar-content{padding:0 15px}.univer-slide-bar .univer-slide-bar-content-header{padding-top:var(--padding-lg);display:flex;justify-content:center}.univer-slide-bar .univer-slide-bar-content-header a{width:212px;padding:var(--padding-xs) 0;font-size:var(--font-size-sm);background:rgb(var(--bg-color-secondary));text-align:center;border:1px solid rgb(var(--border-color));border-radius:var(--border-radius-base);display:block;transition:all .25s;cursor:pointer}.univer-slide-bar .univer-slide-bar-content-header a:hover{background:rgb(var(--bg-color-hover))}.univer-slide-bar .univer-slide-bar-content .univer-slide-bar-item{display:flex;margin:var(--margin-base) 0}.univer-slide-bar .univer-slide-bar-content .univer-slide-bar-item span{width:15px;font-size:12px}.univer-slide-bar .univer-slide-bar-content .univer-slide-bar-item .univer-slide-bar-box{position:relative;width:212px;height:120px;margin-left:5px;background:#fff;border:2px solid #c0c0c0}.univer-slide-bar .univer-slide-bar-content .univer-slide-bar-item .univer-slide-bar-box:hover{border:2px solid #d66a2b}.univer-slide-bar .univer-slide-bar-content .univer-slide-bar-item-active span{color:#d66a2b}.univer-slide-bar .univer-slide-bar-content .univer-slide-bar-item-active .univer-slide-bar-box{border:2px solid #d66a2b}.univer-slide-bar .univer-slide-add-button{padding:10px 0;text-align:center}.univer-slide-bar .univer-slide-add-button button{width:45px;height:auto;font-size:24px;line-height:1;border-radius:10px}
1
+ .univer-slide-panel-color-picker{box-sizing:border-box;margin:0;padding:var(--padding-base);font-size:var(--font-size-xs);list-style:none;background-color:rgb(var(--bg-color-secondary));border:1px solid rgb(var(--border-color));border-radius:var(--border-radius-lg);outline:none;box-shadow:var(--box-shadow-base)}.univer-image-common-panel{text-align:center;padding:var(--padding-sm);font-size:var(--font-size-sm)}.univer-image-common-panel-grid{position:relative;width:100%}.univer-image-common-panel-border{border-top:1px solid rgb(var(--border-color));margin-top:20px}.univer-image-common-panel-title{color:rgb(var(--text-color-secondary));text-align:left}.univer-image-common-panel-subtitle{color:rgb(var(--text-color-primary));text-align:left}.univer-image-common-panel-row{position:relative;display:flex;justify-content:flex-start;align-items:flex-start;height:100%;margin-top:10px}.univer-image-common-panel-row-vertical{justify-content:center;align-items:center;height:36px}.univer-image-common-panel-column{width:100%}.univer-image-common-panel-column-center{display:flex;justify-content:center;align-items:center}.univer-image-common-panel-inline{display:flex;align-items:center;gap:var(--margin-xxs)}.univer-image-common-panel-span2{width:50%}.univer-image-common-panel-span3{width:33.33333333%}.univer-image-common-panel-input{width:90%}.univer-image-popup-menu{display:grid;gap:var(--margin-xxs);align-items:center;box-sizing:border-box;margin-top:0;margin-bottom:0;padding:var(--padding-sm);font-size:var(--font-size-base);background-color:rgb(var(--bg-color-secondary));border:1px solid rgb(var(--border-color));border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-lg)}.univer-image-popup-menu li{list-style:none}.univer-image-popup-menu-item{cursor:pointer;position:relative;display:flex;align-items:center;box-sizing:border-box;height:28px;font-size:var(--font-size-base);font-style:normal;line-height:20px;text-align:left;border-radius:4px;border-radius:var(--border-radius-base);transition:background .2s}.univer-image-popup-menu-item:hover{background-color:rgb(var(--bg-color-hover))}.univer-image-popup-menu-item-icon{position:absolute;top:50%;left:var(--padding-xs);transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.univer-image-popup-menu-item-title{padding:var(--padding-xs) var(--padding-xs) var(--padding-xs) 0;vertical-align:middle}.univer-image-popup-menu-item-hide{color:rgb(var(--text-color-secondary))}.univer-image-popup-menu-item:hover{background:rgb(var(--grey-100))}.univer-btn-container{display:flex;align-items:center;justify-content:center;padding:3px;background:#fff;border:1px solid rgb(var(--grey-200, #e5e5e5));border-radius:4px}.univer-btn-container:hover,.univer-btn-container.univer-btn-container-expand{background:rgb(var(--grey-100, #f5f5f5))}.univer-slide-editor-container{position:absolute;z-index:10;top:200px;left:100px;display:flex;width:100px;height:50px;border:1px solid rgb(var(--primary-color));box-shadow:none;box-sizing:border-box}.univer-slide-editor-container .univer-editor-input{position:relative;display:flex;width:100%;height:100%;background:#aeaeae33}.univer-slide-editor-container .univer-editor-input canvas{position:absolute;top:-1px!important;left:-1px!important}.univer-slide-bar{display:flex;flex-direction:column;height:100%;background:#f5f7f9;border-right:1px solid #eaecf0;width:260px;overflow-x:hidden;overflow-y:auto}.univer-slide-bar .univer-slide-bar-content{padding:0 15px}.univer-slide-bar .univer-slide-bar-content-header{padding-top:var(--padding-lg);display:flex;justify-content:center}.univer-slide-bar .univer-slide-bar-content-header a{width:212px;padding:var(--padding-xs) 0;font-size:var(--font-size-sm);background:rgb(var(--bg-color-secondary));text-align:center;border:1px solid rgb(var(--border-color));border-radius:var(--border-radius-base);display:block;transition:all .25s;cursor:pointer}.univer-slide-bar .univer-slide-bar-content-header a:hover{background:rgb(var(--bg-color-hover))}.univer-slide-bar .univer-slide-bar-content .univer-slide-bar-item{display:flex;margin:var(--margin-base) 0}.univer-slide-bar .univer-slide-bar-content .univer-slide-bar-item span{width:15px;font-size:12px}.univer-slide-bar .univer-slide-bar-content .univer-slide-bar-item .univer-slide-bar-box{position:relative;width:212px;height:120px;margin-left:5px;background:#fff;border:2px solid #c0c0c0}.univer-slide-bar .univer-slide-bar-content .univer-slide-bar-item .univer-slide-bar-box:hover{border:2px solid #d66a2b}.univer-slide-bar .univer-slide-bar-content .univer-slide-bar-item-active span{color:#d66a2b}.univer-slide-bar .univer-slide-bar-content .univer-slide-bar-item-active .univer-slide-bar-box{border:2px solid #d66a2b}.univer-slide-bar .univer-slide-add-button{padding:10px 0;text-align:center}.univer-slide-bar .univer-slide-add-button button{width:45px;height:auto;font-size:24px;line-height:1;border-radius:10px}
@@ -1,6 +1,2 @@
1
- import { ICommand, Nullable } from '@univerjs/core';
2
- export interface IInsertImageOperationParams {
3
- files: Nullable<File[]>;
4
- unitId: string;
5
- }
6
- export declare const InsertSlideFloatImageOperation: ICommand<IInsertImageOperationParams>;
1
+ import { ICommand } from '@univerjs/core';
2
+ export declare const InsertSlideFloatImageCommand: ICommand<{}>;
@@ -0,0 +1,9 @@
1
+ import { MenuConfig } from '@univerjs/ui';
2
+ import { DependencyOverride } from '@univerjs/core';
3
+ export declare const PLUGIN_CONFIG_KEY = "slides-ui.config";
4
+ export declare const configSymbol: unique symbol;
5
+ export interface IUniverSlidesUIConfig {
6
+ override?: DependencyOverride;
7
+ menu?: MenuConfig;
8
+ }
9
+ export declare const defaultPluginConfig: IUniverSlidesUIConfig;
@@ -0,0 +1,2 @@
1
+ import { MenuSchemaType } from '@univerjs/ui';
2
+ export declare const menuSchema: MenuSchemaType;
@@ -1,4 +1,4 @@
1
- import { IShortcutItem, KeyCode } from '@univerjs/ui';
1
+ import { KeyCode, IShortcutItem } from '@univerjs/ui';
2
2
  export declare const ARROW_SELECTION_KEYCODE_LIST: KeyCode[];
3
3
  export declare const MOVE_SELECTION_KEYCODE_LIST: KeyCode[];
4
4
  export declare function generateArrowSelectionShortCutItem(): IShortcutItem<object>[];
@@ -1,7 +1,8 @@
1
- import { Nullable, UnitModel, Disposable, ICommandService, IContextService, IUndoRedoService, IUniverInstanceService, LocaleService } from '@univerjs/core';
2
- import { IDocObjectParam, TextSelectionManagerService } from '@univerjs/docs';
3
- import { IRenderContext, IRenderModule, IRenderManagerService, ITextSelectionRenderManager } from '@univerjs/engine-render';
1
+ import { Disposable, ICommandService, IContextService, IUndoRedoService, IUniverInstanceService, LocaleService, Nullable, UnitModel } from '@univerjs/core';
2
+ import { DocSelectionManagerService } from '@univerjs/docs';
3
+ import { IRenderManagerService, IRenderContext, IRenderModule } from '@univerjs/engine-render';
4
4
  import { IEditorService, ILayoutService } from '@univerjs/ui';
5
+ import { IDocObjectParam } from '@univerjs/docs-ui';
5
6
  import { ISlideEditorBridgeService } from '../services/slide-editor-bridge.service';
6
7
  import { ISlideEditorManagerService } from '../services/slide-editor-manager.service';
7
8
  export declare class SlideEditingRenderController extends Disposable implements IRenderModule {
@@ -13,7 +14,6 @@ export declare class SlideEditingRenderController extends Disposable implements
13
14
  private readonly _renderManagerService;
14
15
  private readonly _editorBridgeService;
15
16
  private readonly _cellEditorManagerService;
16
- private readonly _textSelectionRenderManager;
17
17
  private readonly _textSelectionManagerService;
18
18
  private readonly _commandService;
19
19
  protected readonly _localService: LocaleService;
@@ -25,7 +25,7 @@ export declare class SlideEditingRenderController extends Disposable implements
25
25
  /** If the corresponding unit is active and prepared for editing. */
26
26
  private _isUnitEditing;
27
27
  private _d;
28
- constructor(_renderContext: IRenderContext<UnitModel>, _layoutService: ILayoutService, _undoRedoService: IUndoRedoService, _contextService: IContextService, _instanceSrv: IUniverInstanceService, _renderManagerService: IRenderManagerService, _editorBridgeService: ISlideEditorBridgeService, _cellEditorManagerService: ISlideEditorManagerService, _textSelectionRenderManager: ITextSelectionRenderManager, _textSelectionManagerService: TextSelectionManagerService, _commandService: ICommandService, _localService: LocaleService, _editorService: IEditorService);
28
+ constructor(_renderContext: IRenderContext<UnitModel>, _layoutService: ILayoutService, _undoRedoService: IUndoRedoService, _contextService: IContextService, _instanceSrv: IUniverInstanceService, _renderManagerService: IRenderManagerService, _editorBridgeService: ISlideEditorBridgeService, _cellEditorManagerService: ISlideEditorManagerService, _textSelectionManagerService: DocSelectionManagerService, _commandService: ICommandService, _localService: LocaleService, _editorService: IEditorService);
29
29
  dispose(): void;
30
30
  private _disposeCurrent;
31
31
  private _init;
@@ -1,22 +1,16 @@
1
- import { DependencyOverride, Disposable, ICommandService, Injector } from '@univerjs/core';
2
- import { MenuConfig, ComponentManager, IMenuService, IShortcutService, IUIPartsService } from '@univerjs/ui';
3
- export interface IUniverSlidesDrawingConfig {
4
- menu?: MenuConfig;
5
- override?: DependencyOverride;
6
- }
7
- export declare const DefaultSlidesDrawingConfig: IUniverSlidesDrawingConfig;
1
+ import { Disposable, ICommandService, Injector } from '@univerjs/core';
2
+ import { ComponentManager, IMenuManagerService, IShortcutService, IUIPartsService } from '@univerjs/ui';
8
3
  /**
9
4
  * This controller registers UI parts of slide workbench to the base-ui workbench.
10
5
  */
11
6
  export declare class SlidesUIController extends Disposable {
12
- private readonly _config;
13
7
  protected readonly _injector: Injector;
14
- protected readonly _menuService: IMenuService;
8
+ protected readonly _menuManagerService: IMenuManagerService;
15
9
  protected readonly _componentManager: ComponentManager;
16
10
  protected readonly _uiPartsService: IUIPartsService;
17
11
  protected readonly _commandService: ICommandService;
18
12
  protected readonly _shortcutService: IShortcutService;
19
- constructor(_config: Partial<IUniverSlidesDrawingConfig>, _injector: Injector, _menuService: IMenuService, _componentManager: ComponentManager, _uiPartsService: IUIPartsService, _commandService: ICommandService, _shortcutService: IShortcutService);
13
+ constructor(_injector: Injector, _menuManagerService: IMenuManagerService, _componentManager: ComponentManager, _uiPartsService: IUIPartsService, _commandService: ICommandService, _shortcutService: IShortcutService);
20
14
  private _initMenus;
21
15
  private _initCustomComponents;
22
16
  private _initCommands;
@@ -1,5 +1,5 @@
1
- import { IPageElement, ISlidePage, Nullable, UnitModel, Injector, IUniverInstanceService, RxDisposable } from '@univerjs/core';
2
- import { BaseObject, IRenderContext, IRenderModule, IRenderManagerService, Scene } from '@univerjs/engine-render';
1
+ import { Injector, IUniverInstanceService, RxDisposable, IPageElement, ISlidePage, Nullable, UnitModel } from '@univerjs/core';
2
+ import { IRenderManagerService, Scene, BaseObject, IRenderContext, IRenderModule } from '@univerjs/engine-render';
3
3
  import { PageID } from '../type';
4
4
  export declare class SlideRenderController extends RxDisposable implements IRenderModule {
5
5
  private readonly _renderContext;
@@ -18,12 +18,12 @@ export { SlidesUIController } from './controllers/slide-ui.controller';
18
18
  export { SlideSideBar } from './components/slide-bar/SlideBar';
19
19
  export { ISlideEditorBridgeService } from './services/slide-editor-bridge.service';
20
20
  export { SlideCanvasPopMangerService } from './services/slide-popup-manager.service';
21
- export type { IUniverSlidesDrawingConfig } from './controllers/slide-ui.controller';
22
21
  export { IMAGE_MENU_ID } from './controllers/image.menu';
23
22
  export { SHAPE_MENU_ID } from './controllers/shape.menu';
23
+ export { menuSchema } from './controllers/menu.schema';
24
24
  export { ActivateSlidePageOperation } from './commands/operations/activate.operation';
25
25
  export { DeleteSlideElementOperation } from './commands/operations/delete-element.operation';
26
- export { InsertSlideFloatImageOperation } from './commands/operations/insert-image.operation';
26
+ export { InsertSlideFloatImageCommand } from './commands/operations/insert-image.operation';
27
27
  export { InsertSlideShapeRectangleOperation, InsertSlideShapeRectangleCommand } from './commands/operations/insert-shape.operation';
28
28
  export { SetSlidePageThumbOperation } from './commands/operations/set-thumb.operation';
29
29
  export { AppendSlideOperation } from './commands/operations/append-slide.operation';
@@ -8,7 +8,7 @@ export declare enum SLIDE_VIEW_KEY {
8
8
  SCENE = "__SLIDEScene__",
9
9
  VIEWPORT = "__SLIDEViewPort_"
10
10
  }
11
- export declare const ISlideEditorBridgeService: import('@univerjs/core').IdentifierDecorator<SlideEditorBridgeService>;
11
+ export declare const ISlideEditorBridgeService: import('@wendellhu/redi').IdentifierDecorator<SlideEditorBridgeService>;
12
12
  export interface IEditorBridgeServiceParam {
13
13
  unitId: string;
14
14
  /**
@@ -38,4 +38,4 @@ export declare class SlideEditorManagerService implements ISlideEditorManagerSer
38
38
  setFocus(param?: boolean): void;
39
39
  private _refresh;
40
40
  }
41
- export declare const ISlideEditorManagerService: import('@univerjs/core').IdentifierDecorator<SlideEditorManagerService>;
41
+ export declare const ISlideEditorManagerService: import('@wendellhu/redi').IdentifierDecorator<SlideEditorManagerService>;
@@ -1,7 +1,7 @@
1
- import { IDisposable, Disposable, ICommandService, IUniverInstanceService } from '@univerjs/core';
1
+ import { Disposable, ICommandService, IUniverInstanceService, IDisposable } from '@univerjs/core';
2
2
  import { IRenderManagerService, BaseObject, IBoundRectNoAngle, Scene } from '@univerjs/engine-render';
3
- import { IPopup, ICanvasPopupService } from '@univerjs/ui';
4
- export interface ISlideCanvasPopup extends Pick<IPopup, 'direction' | 'excludeOutside' | 'closeOnSelfTarget' | 'componentKey' | 'offset' | 'onClickOutside' | 'hideOnInvisible'> {
3
+ import { ICanvasPopupService, IPopup } from '@univerjs/ui';
4
+ export interface ISlideCanvasPopup extends Pick<IPopup, 'direction' | 'excludeOutside' | 'componentKey' | 'offset' | 'onClickOutside' | 'hideOnInvisible'> {
5
5
  mask?: boolean;
6
6
  extraProps?: Record<string, any>;
7
7
  }
@@ -1,15 +1,16 @@
1
- import { Injector, IUniverInstanceService, Plugin, UniverInstanceType } from '@univerjs/core';
1
+ import { IConfigService, Injector, IUniverInstanceService, Plugin, UniverInstanceType } from '@univerjs/core';
2
2
  import { IRenderManagerService } from '@univerjs/engine-render';
3
- import { IUniverSlidesDrawingConfig } from './controllers/slide-ui.controller';
3
+ import { IUniverSlidesUIConfig } from './controllers/config.schema';
4
4
  export declare const SLIDE_UI_PLUGIN_NAME = "SLIDE_UI";
5
5
  export declare class UniverSlidesUIPlugin extends Plugin {
6
6
  private readonly _config;
7
7
  readonly _injector: Injector;
8
8
  private readonly _renderManagerService;
9
9
  private readonly _univerInstanceService;
10
+ private readonly _configService;
10
11
  static pluginName: string;
11
12
  static type: UniverInstanceType;
12
- constructor(_config: Partial<IUniverSlidesDrawingConfig>, _injector: Injector, _renderManagerService: IRenderManagerService, _univerInstanceService: IUniverInstanceService);
13
+ constructor(_config: Partial<IUniverSlidesUIConfig> | undefined, _injector: Injector, _renderManagerService: IRenderManagerService, _univerInstanceService: IUniverInstanceService, _configService: IConfigService);
13
14
  onStarting(): void;
14
15
  onReady(): void;
15
16
  onRendered(): void;