@univerjs/docs-ui 0.2.10 → 0.2.12

package/lib/index.css

@@ -1 +1 @@
-.univer-panel{padding-top:20px;font-size:var(--font-size-sm)}.univer-options-section{margin-top:10px;padding-bottom:10px}.univer-options-form-item{display:block;margin-bottom:5px}.univer-options-input{width:80%;margin-top:5px}.univer-options-margin-setting{display:flex}.univer-doc-count-bar{display:flex;flex:0 0 260px;justify-content:flex-end}.univer-doc-footer-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 var(--padding-xl)}.univer-doc-list-type-picker{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;padding:var(--padding-sm);width:240px;margin-bottom:-var(--margin-xs)}.univer-doc-list-type-picker-item{width:72px;height:81px;border-radius:4px;border:1px solid rgb(var(--border-color));margin-bottom:var(--margin-xs)}.univer-doc-list-type-picker-item:hover,.univer-doc-list-type-picker-item-active{border:1px solid rgb(var(--blue-400))}.univer-paragraph-setting-icon-list{display:flex;width:100%;padding:4px;align-items:center;gap:4px;justify-content:space-between;border:1px solid var(---Grey-200, #e5e5e5);border-radius:var(--radius-m, 6px)}.univer-paragraph-setting-icon-list-item{padding:4px 14px;border-radius:4px;background:none;display:flex;justify-content:center;align-items:center;cursor:pointer}.univer-paragraph-setting-icon-list-item:hover{background:var(--black-6, rgba(30, 34, 43, .06))}.univer-paragraph-setting-icon-list-item.univer-paragraph-setting-icon-list-active{background:var(--black-9, rgba(30, 34, 43, .09))}.univer-paragraph-setting-title{margin-top:var(--margin-base);font-size:13px;color:#1e222b;font-weight:500}.univer-paragraph-setting-label{font-size:12px;margin-top:var(--margin-sm);color:#1e222b;font-weight:400}.univer-paragraph-setting-mt-base{margin-top:var(--margin-base)}.univer-paragraph-setting-flex-col{display:flex;justify-content:space-between;align-items:center}.univer-create{padding:20px auto;display:flex;align-content:center;justify-content:space-between}.univer-create-item{display:flex;align-items:center}.univer-create-label{margin-right:5px}.univer-create-input{width:110px}
+.univer-panel{padding-top:20px;font-size:var(--font-size-sm)}.univer-options-section{margin-top:10px;padding-bottom:10px}.univer-options-form-item{display:block;margin-bottom:5px}.univer-options-input{width:80%;margin-top:5px}.univer-options-margin-setting{display:flex}.univer-doc-count-bar{display:flex;flex:0 0 260px;justify-content:flex-end}.univer-doc-footer-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 var(--padding-xl)}.univer-doc-list-type-picker{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;padding:var(--padding-sm);width:240px;margin-bottom:-var(--margin-xs)}.univer-doc-list-type-picker-item{width:72px;height:81px;border-radius:4px;border:1px solid rgb(var(--border-color));margin-bottom:var(--margin-xs)}.univer-doc-list-type-picker-item:hover,.univer-doc-list-type-picker-item-active{border:1px solid rgb(var(--blue-400))}.univer-paragraph-setting-icon-list{display:flex;width:100%;padding:4px;align-items:center;gap:4px;justify-content:space-between;border:1px solid var(---Grey-200, #e5e5e5);border-radius:var(--radius-m, 6px)}.univer-paragraph-setting-icon-list-item{padding:4px 14px;border-radius:4px;background:none;display:flex;justify-content:center;align-items:center;cursor:pointer}.univer-paragraph-setting-icon-list-item:hover{background:var(--black-6, rgba(30, 34, 43, .06))}.univer-paragraph-setting-icon-list-item.univer-paragraph-setting-icon-list-active{background:var(--black-9, rgba(30, 34, 43, .09))}.univer-paragraph-setting-title{margin-top:var(--margin-base);font-size:13px;color:#1e222b;font-weight:500}.univer-paragraph-setting-label{font-size:12px;margin-top:var(--margin-sm);color:#1e222b;font-weight:400}.univer-paragraph-setting-mt-base{margin-top:var(--margin-base)}.univer-paragraph-setting-flex-col{display:flex;justify-content:space-between;align-items:center}.univer-paragraph-setting-space-line{display:flex;flex-direction:column;gap:6px}.univer-create{padding:20px auto;display:flex;align-content:center;justify-content:space-between}.univer-create-item{display:flex;align-items:center}.univer-create-label{margin-right:5px}.univer-create-input{width:110px}

package/lib/locale/en-US.json

@@ -73,7 +73,9 @@
       "spacing": "Spacing",
       "before": "Before",
       "after": "After",
-      "lineSpace": "Line Space"
+      "lineSpace": "Line Space",
+      "multiSpace": "Multi Space",
+      "fixedValue": "Fixed Value(px)"
     }
   }
 }

package/lib/locale/ru-RU.json

@@ -73,7 +73,9 @@
       "spacing": "Spacing",
       "before": "Before",
       "after": "After",
-      "lineSpace": "Line Space"
+      "lineSpace": "Line Space",
+      "multiSpace": "Multi Space",
+      "fixedValue": "Fixed Value(px)"
     }
   }
 }

package/lib/locale/vi-VN.json

@@ -73,7 +73,9 @@
       "spacing": "Spacing",
       "before": "Before",
       "after": "After",
-      "lineSpace": "Line Space"
+      "lineSpace": "Line Space",
+      "multiSpace": "Multi Space",
+      "fixedValue": "Fixed Value(px)"
     }
   }
 }

package/lib/locale/zh-CN.json

@@ -73,7 +73,9 @@
       "spacing": "间距",
       "before": "段落前",
       "after": "段落后",
-      "lineSpace": "行距"
+      "lineSpace": "行距",
+      "multiSpace": "多倍行距",
+      "fixedValue": "固定值(px)"
     }
   }
 }

package/lib/locale/zh-TW.json

@@ -73,7 +73,9 @@
       "spacing": "Spacing",
       "before": "Before",
       "after": "After",
-      "lineSpace": "Line Space"
+      "lineSpace": "Line Space",
+      "multiSpace": "Multi Space",
+      "fixedValue": "Fixed Value(px)"
     }
   }
 }

package/lib/types/basics/const/default-univer-doc-config.d.ts

@@ -43,37 +43,3 @@ export declare const DefaultDocContainerConfig: {
     infoBar: boolean;
     toolbar: boolean;
 };
-export declare const DefaultDocUiConfig: {
-    layout: {
-        docContainerConfig: {
-            outerLeft: boolean;
-            outerRight: boolean;
-            header: boolean;
-            footer: boolean;
-            innerLeft: boolean;
-            innerRight: boolean;
-            frozenHeaderLT: boolean;
-            frozenHeaderRT: boolean;
-            frozenHeaderLM: boolean;
-            frozenContent: boolean;
-            infoBar: boolean;
-            toolbar: boolean;
-        };
-        toolbarConfig: {
-            undo: boolean;
-            redo: boolean;
-            font: boolean;
-            fontSize: boolean;
-            bold: boolean;
-            italic: boolean;
-            strikethrough: boolean;
-            underline: boolean;
-            textColor: boolean;
-            fillColor: boolean;
-            horizontalAlignMode: boolean;
-            verticalAlignMode: boolean;
-            textWrapMode: boolean;
-            textRotateMode: boolean;
-        };
-    };
-};

package/lib/types/basics/interfaces/component-config/i-doc-ui-plugin-config.d.ts

@@ -1,15 +1,22 @@
-import { DependencyOverride } from '@univerjs/core';
-import { MenuConfig } from '@univerjs/ui';
+/**
+ * Copyright 2023-present DreamNum Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
 export interface ILayout {
     docContainerConfig?: DocContainerConfig;
     toolbarConfig?: DocToolbarConfig;
 }
-export interface IUniverDocsUIConfig {
-    menu?: MenuConfig;
-    container?: HTMLElement | string;
-    layout?: ILayout;
-    override?: DependencyOverride;
-}
 export interface DocContainerConfig {
     outerLeft?: boolean;
     outerRight?: boolean;

package/lib/types/commands/commands/doc-paragraph-setting.command.d.ts

@@ -1,3 +1,6 @@
 import { ICommand, IParagraphStyle } from '@univerjs/core';
-export type IDocParagraphSettingCommandParams = Partial<Pick<IParagraphStyle, 'hanging' | 'horizontalAlign' | 'spaceBelow' | 'spaceAbove' | 'indentEnd' | 'indentStart' | 'lineSpacing' | 'indentFirstLine'>>;
+export interface IDocParagraphSettingCommandParams {
+    paragraph: Partial<Pick<IParagraphStyle, 'hanging' | 'horizontalAlign' | 'spaceBelow' | 'spaceAbove' | 'indentEnd' | 'indentStart' | 'lineSpacing' | 'indentFirstLine' | 'snapToGrid' | 'spacingRule'>>;
+    sections?: Record<string, any>;
+}
 export declare const DocParagraphSettingCommand: ICommand<IDocParagraphSettingCommandParams>;

package/lib/types/controllers/app-ui-controller.d.ts

@@ -1,23 +1,11 @@
-import { Injector, LocaleService, RxDisposable } from '@univerjs/core';
+import { Injector, RxDisposable } from '@univerjs/core';
 import { ILayoutService } from '@univerjs/ui';
 import { ITextSelectionRenderManager } from '@univerjs/engine-render';
-import { IUniverDocsUIConfig } from '../basics';
-import { DocContainerUIController } from './doc-container-ui-controller';
 export declare class AppUIController extends RxDisposable {
-    private readonly _localeService;
     private readonly _injector;
     private readonly _textSelectionRenderManager;
     private readonly _layoutService?;
     private _docContainerController;
-    constructor(_config: IUniverDocsUIConfig, _localeService: LocaleService, _injector: Injector, _textSelectionRenderManager: ITextSelectionRenderManager, _layoutService?: ILayoutService | undefined);
+    constructor(_injector: Injector, _textSelectionRenderManager: ITextSelectionRenderManager, _layoutService?: ILayoutService | undefined);
     private _registerContainer;
-    /**
-     * Change language
-     * @param {string} locale new language
-     *
-     * e: {target: HTMLSelectElement } reference from  https://stackoverflow.com/a/48443771
-     *
-     */
-    changeLocale: (locale: string) => void;
-    getDocContainerController(): DocContainerUIController;
 }

package/lib/types/controllers/config.schema.d.ts

@@ -0,0 +1,12 @@
+import { MenuConfig } from '@univerjs/ui';
+import { DependencyOverride } from '@univerjs/core';
+import { ILayout } from '../basics';
+export declare const PLUGIN_CONFIG_KEY = "docs-ui.config";
+export declare const configSymbol: unique symbol;
+export interface IUniverDocsUIConfig {
+    menu?: MenuConfig;
+    container?: HTMLElement | string;
+    layout?: ILayout;
+    override?: DependencyOverride;
+}
+export declare const defaultPluginConfig: IUniverDocsUIConfig;

package/lib/types/controllers/doc-container-ui-controller.d.ts

@@ -1,15 +1,15 @@
-import { Injector, LocaleService } from '@univerjs/core';
-import { IUniverDocsUIConfig } from '../basics';
+import { IConfigService, Injector, LocaleService } from '@univerjs/core';
 import { DocContainer } from '../views/doc-container/DocContainer';
+import { IUniverDocsUIConfig } from './config.schema';
 export declare class DocContainerUIController {
-    private readonly _config;
     private readonly _localeService;
     private readonly _injector;
+    private readonly _configService;
     private _docContainer?;
-    constructor(_config: IUniverDocsUIConfig, _localeService: LocaleService, _injector: Injector);
+    constructor(_localeService: LocaleService, _injector: Injector, _configService: IConfigService);
     getUIConfig(): {
         injector: Injector;
-        config: IUniverDocsUIConfig;
+        config: import('@univerjs/core').Nullable<IUniverDocsUIConfig>;
         changeLocale: (locale: string) => void;
         getComponent: (ref: DocContainer) => void;
     };

package/lib/types/controllers/doc-paragraph-setting.controller.d.ts

@@ -4,7 +4,9 @@ export declare class DocParagraphSettingController extends Disposable {
     private readonly _commandService;
     private readonly _componentManager;
     private _sidebarService;
+    private _id;
     constructor(_commandService: ICommandService, _componentManager: ComponentManager, _sidebarService: ISidebarService);
     private _init;
     openPanel(): void;
+    closePanel(): void;
 }

package/lib/types/controllers/doc-ui.controller.d.ts

@@ -1,17 +1,16 @@
-import { Disposable, ICommandService, Injector, IUniverInstanceService } from '@univerjs/core';
-import { ComponentManager, ILayoutService, IMenuService, IShortcutService, IUIPartsService } from '@univerjs/ui';
-import { IUniverDocsUIConfig } from '../basics';
+import { Disposable, ICommandService, IConfigService, Injector, IUniverInstanceService } from '@univerjs/core';
+import { ComponentManager, ILayoutService, IMenuManagerService, IShortcutService, IUIPartsService } from '@univerjs/ui';
 export declare class DocUIController extends Disposable {
-    protected readonly _config: Partial<IUniverDocsUIConfig>;
     protected readonly _injector: Injector;
     protected readonly _componentManager: ComponentManager;
     protected readonly _commandService: ICommandService;
     protected readonly _layoutService: ILayoutService;
-    protected readonly _menuService: IMenuService;
+    protected readonly _menuManagerService: IMenuManagerService;
     protected readonly _uiPartsService: IUIPartsService;
     protected readonly _univerInstanceService: IUniverInstanceService;
     protected readonly _shortcutService: IShortcutService;
-    constructor(_config: Partial<IUniverDocsUIConfig>, _injector: Injector, _componentManager: ComponentManager, _commandService: ICommandService, _layoutService: ILayoutService, _menuService: IMenuService, _uiPartsService: IUIPartsService, _univerInstanceService: IUniverInstanceService, _shortcutService: IShortcutService);
+    protected readonly _configService: IConfigService;
+    constructor(_injector: Injector, _componentManager: ComponentManager, _commandService: ICommandService, _layoutService: ILayoutService, _menuManagerService: IMenuManagerService, _uiPartsService: IUIPartsService, _univerInstanceService: IUniverInstanceService, _shortcutService: IShortcutService, _configService: IConfigService);
     private _initCustomComponents;
     private _initUiParts;
     private _initMenus;

package/lib/types/controllers/menu/context-menu.d.ts

@@ -5,11 +5,13 @@ export declare const ParagraphSettingMenuFactory: (accessor: IAccessor) => IMenu
 export declare const CutMenuFactory: (accessor: IAccessor) => IMenuButtonItem;
 export declare const PasteMenuFactory: (accessor: IAccessor) => IMenuButtonItem;
 export declare const DeleteMenuFactory: (accessor: IAccessor) => IMenuButtonItem;
+export declare const TABLE_INSERT_MENU_ID = "doc.menu.table-insert";
 export declare function TableInsertMenuItemFactory(accessor: IAccessor): IMenuSelectorItem<string>;
 export declare function InsertRowBeforeMenuItemFactory(accessor: IAccessor): IMenuButtonItem;
 export declare function InsertRowAfterMenuItemFactory(accessor: IAccessor): IMenuButtonItem;
 export declare function InsertColumnLeftMenuItemFactory(accessor: IAccessor): IMenuButtonItem;
 export declare function InsertColumnRightMenuItemFactory(accessor: IAccessor): IMenuButtonItem;
+export declare const TABLE_DELETE_MENU_ID = "doc.menu.table-delete";
 export declare function TableDeleteMenuItemFactory(accessor: IAccessor): IMenuSelectorItem<string>;
 export declare function DeleteRowsMenuItemFactory(accessor: IAccessor): IMenuButtonItem;
 export declare function DeleteColumnsMenuItemFactory(accessor: IAccessor): IMenuButtonItem;

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

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

package/lib/types/docs-ui-plugin.d.ts

@@ -1,15 +1,16 @@
-import { ICommandService, ILogService, Injector, Plugin, UniverInstanceType } from '@univerjs/core';
+import { ICommandService, IConfigService, ILogService, Injector, Plugin, UniverInstanceType } from '@univerjs/core';
 import { IRenderManagerService } from '@univerjs/engine-render';
-import { IUniverDocsUIConfig } from './basics';
+import { IUniverDocsUIConfig } from './controllers/config.schema';
 export declare class UniverDocsUIPlugin extends Plugin {
     private readonly _config;
     _injector: Injector;
     private readonly _renderManagerSrv;
     private _commandService;
     private _logService;
+    private readonly _configService;
     static pluginName: string;
     static type: UniverInstanceType;
-    constructor(_config: IUniverDocsUIConfig, _injector: Injector, _renderManagerSrv: IRenderManagerService, _commandService: ICommandService, _logService: ILogService);
+    constructor(_config: Partial<IUniverDocsUIConfig>, _injector: Injector, _renderManagerSrv: IRenderManagerService, _commandService: ICommandService, _logService: ILogService, _configService: IConfigService);
     onReady(): void;
     onRendered(): void;
     private _initCommand;

package/lib/types/index.d.ts

@@ -25,5 +25,6 @@ export { DocCanvasPopManagerService } from './services/doc-popup-manager.service
 export { docDrawingPositionToTransform, transformToDocDrawingPosition } from './basics/transform-position';
 export { DocEventManagerService } from './services/doc-event-manager.service';
 export { DocUIController } from './controllers/doc-ui.controller';
+export { menuSchema } from './controllers/menu.schema';
 export { DocCopyCommand, DocCutCommand, DocPasteCommand } from './commands/commands/clipboard.command';
 export { DocCreateTableOperation } from './commands/operations/doc-create-table.operation';

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

@@ -89,6 +89,8 @@ declare const locale: {
             before: string;
             after: string;
             lineSpace: string;
+            multiSpace: string;
+            fixedValue: string;
         };
     };
 };

package/lib/types/services/clipboard/clipboard.service.d.ts

@@ -1,6 +1,6 @@
 import { IDisposable, IDocumentBody, Disposable, ICommandService, ILogService, IUniverInstanceService, SliceBodyType } from '@univerjs/core';
 import { IClipboardInterfaceService } from '@univerjs/ui';
-import { DocCustomRangeService, TextSelectionManagerService } from '@univerjs/docs';
+import { TextSelectionManagerService } from '@univerjs/docs';
 export interface IClipboardPropertyItem {
 }
 export interface IDocClipboardHook {
@@ -22,11 +22,10 @@ export declare class DocClipboardService extends Disposable implements IDocClipb
     private readonly _commandService;
     private readonly _clipboardInterfaceService;
     private readonly _textSelectionManagerService;
-    private readonly _docCustomRangeService;
     private _clipboardHooks;
     private _htmlToUDM;
     private _umdToHtml;
-    constructor(_univerInstanceService: IUniverInstanceService, _logService: ILogService, _commandService: ICommandService, _clipboardInterfaceService: IClipboardInterfaceService, _textSelectionManagerService: TextSelectionManagerService, _docCustomRangeService: DocCustomRangeService);
+    constructor(_univerInstanceService: IUniverInstanceService, _logService: ILogService, _commandService: ICommandService, _clipboardInterfaceService: IClipboardInterfaceService, _textSelectionManagerService: TextSelectionManagerService);
     copy(sliceType?: SliceBodyType): Promise<boolean>;
     cut(): Promise<boolean>;
     paste(items: ClipboardItem[]): Promise<boolean>;

package/lib/types/services/clipboard/html-to-udm/converter.d.ts

@@ -15,4 +15,6 @@ export declare class HtmlToUDMService {
     private _process;
     private _processBeforeTable;
     private _processAfterTable;
+    private _processBeforeLink;
+    private _processAfterLink;
 }

package/lib/types/services/doc-popup-manager.service.d.ts

@@ -13,6 +13,7 @@ export declare function transformOffset2Bound(offsetX: number, offsetY: number,
 export interface IDocCanvasPopup extends Pick<IPopup, 'direction' | 'excludeOutside' | 'closeOnSelfTarget' | 'componentKey' | 'offset' | 'onClickOutside' | 'hideOnInvisible'> {
     mask?: boolean;
     extraProps?: Record<string, any>;
+    multipleDirection?: IPopup['direction'];
 }
 export declare const calcDocRangePositions: (range: ITextRangeParam, currentRender: IRender) => IBoundRectNoAngle[] | undefined;
 export declare class DocCanvasPopManagerService extends Disposable {
@@ -29,6 +30,13 @@ export declare class DocCanvasPopManagerService extends Disposable {
      * @param popup popup item
      * @returns disposable
      */
-    attachPopupToObject(targetObject: BaseObject, popup: IDocCanvasPopup): IDisposable;
-    attachPopupToRange(range: ITextRangeParam, popup: IDocCanvasPopup): IDisposable;
+    attachPopupToObject(targetObject: BaseObject, popup: IDocCanvasPopup, unitId: string): IDisposable;
+    /**
+     * attach a popup to doc range
+     * @param range doc range
+     * @param popup popup item
+     * @param unitId unit id
+     * @returns disposable
+     */
+    attachPopupToRange(range: ITextRangeParam, popup: IDocCanvasPopup, unitId: string): IDisposable;
 }

package/lib/types/views/doc-container/DocContainer.d.ts

@@ -1,5 +1,5 @@
 import { default as React, Component } from 'react';
-import { IUniverDocsUIConfig } from '../../basics';
+import { IUniverDocsUIConfig } from '../../controllers/config.schema';
 interface IBaseDocContainerProps {
     config: IUniverDocsUIConfig;
     changeLocale: (locale: string) => void;

package/lib/types/views/paragraph-setting/hook/utils.d.ts

@@ -1,5 +1,6 @@
-import { IParagraph } from '@univerjs/core';
+import { IParagraph, ISectionBreak, SpacingRule } from '@univerjs/core';
 export declare const useCurrentParagraph: () => IParagraph[];
+export declare const useCurrentSections: (currentParagraphs: IParagraph[]) => ISectionBreak[];
 export declare const useFirstParagraphHorizontalAlign: (paragraph: IParagraph[], defaultValue: string) => readonly [string, (v: string) => Promise<boolean>];
 export declare const useFirstParagraphIndentStart: (paragraph: IParagraph[]) => readonly [number, (v: number) => Promise<boolean>];
 export declare const useFirstParagraphIndentEnd: (paragraph: IParagraph[]) => readonly [number, (v: number) => Promise<boolean>];
@@ -7,4 +8,7 @@ export declare const useFirstParagraphIndentFirstLine: (paragraph: IParagraph[])
 export declare const useFirstParagraphIndentHanging: (paragraph: IParagraph[]) => readonly [number, (v: number) => Promise<boolean>];
 export declare const useFirstParagraphIndentSpaceAbove: (paragraph: IParagraph[]) => readonly [number, (v: number) => Promise<boolean>];
 export declare const useFirstParagraphSpaceBelow: (paragraph: IParagraph[]) => readonly [number, (v: number) => Promise<boolean>];
-export declare const useFirstParagraphLineSpacing: (paragraph: IParagraph[]) => readonly [number, (v: number) => Promise<boolean>];
+export declare const useFirstParagraphLineSpacing: (paragraph: IParagraph[]) => {
+    lineSpacing: readonly [number, (v: number) => Promise<void>];
+    spacingRule: readonly [SpacingRule, (v: SpacingRule) => Promise<void>];
+};