@univerjs/docs-ui 0.1.0-alpha.2 → 0.1.0-beta.0

package/README.md

@@ -1,6 +1,6 @@
 # @univerjs/docs-ui
 
-[![npm version](https://img.shields.io/npm/v/@univerjs/docs-ui)](https://npmjs.org/packages/@univerjs/docs-ui)
+[![npm version](https://img.shields.io/npm/v/@univerjs/docs-ui)](https://npmjs.org/package/@univerjs/docs-ui)
 [![license](https://img.shields.io/npm/l/@univerjs/docs-ui)](https://img.shields.io/npm/l/@univerjs/docs-ui)
 
 ## Introduction

package/lib/cjs/index.js

@@ -1 +1 @@
-"use strict";var T=Object.defineProperty;var P=(t,e,o)=>e in t?T(t,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[e]=o;var u=(t,e,o)=>(P(t,typeof e!="symbol"?e+"":e,o),o);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@univerjs/core"),l=require("@wendellhu/redi"),a=require("@univerjs/ui"),h=require("@univerjs/docs"),S={undo:!0,redo:!0,font:!0,fontSize:!0,bold:!0,italic:!0,strikethrough:!0,underline:!0,textColor:!0,fillColor:!0,horizontalAlignMode:!0,verticalAlignMode:!0,textWrapMode:!0,textRotateMode:!0},D={outerLeft:!1,outerRight:!1,header:!0,footer:!0,innerLeft:!1,innerRight:!1,frozenHeaderLT:!1,frozenHeaderRT:!1,frozenHeaderLM:!1,frozenContent:!1,infoBar:!0,toolbar:!0},m={layout:{docContainerConfig:D,toolbarConfig:S}},O="DocUI";var j=Object.defineProperty,M=Object.getOwnPropertyDescriptor,L=(t,e,o,n)=>{for(var r=n>1?void 0:n?M(e,o):e,i=t.length-1,c;i>=0;i--)(c=t[i])&&(r=(n?c(e,o,r):c(r))||r);return n&&r&&j(e,o,r),r},C=(t,e)=>(o,n)=>e(o,n,t);let I=class{constructor(t,e,o){u(this,"_docContainer");u(this,"getComponent",t=>{if(this._docContainer=t,!t.getContentRef().current)throw new Error("container is not ready")});u(this,"changeLocale",t=>{this._localeService.setLocale(t)});this._config=t,this._localeService=e,this._injector=o}getUIConfig(){return{injector:this._injector,config:this._config,changeLocale:this.changeLocale,getComponent:this.getComponent}}getContentRef(){return this._docContainer.getContentRef()}UIDidMount(t){if(this._docContainer)return t(this._docContainer)}getDocContainer(){return this._docContainer}};I=L([C(1,l.Inject(s.LocaleService)),C(2,l.Inject(l.Injector))],I);var b=Object.defineProperty,y=Object.getOwnPropertyDescriptor,R=(t,e,o,n)=>{for(var r=n>1?void 0:n?y(e,o):e,i=t.length-1,c;i>=0;i--)(c=t[i])&&(r=(n?c(e,o,r):c(r))||r);return n&&r&&b(e,o,r),r},p=(t,e)=>(o,n)=>e(o,n,t);let f=class{constructor(t,e,o){u(this,"_docContainerController");u(this,"changeLocale",t=>{this._localeService.setLocale(t)});this._localeService=e,this._injector=o,this._docContainerController=this._injector.createInstance(I,t)}getDocContainerController(){return this._docContainerController}};f=R([p(1,l.Inject(s.LocaleService)),p(2,l.Inject(l.Injector))],f);function A(t){return{id:h.SetInlineFormatBoldCommand.id,type:a.MenuItemType.BUTTON,icon:"BoldSingle",title:"Set bold",tooltip:"toolbar.bold",positions:[a.MenuPosition.TOOLBAR_START]}}function B(t){return{id:h.SetInlineFormatItalicCommand.id,type:a.MenuItemType.BUTTON,icon:"ItalicSingle",title:"Set italic",tooltip:"toolbar.italic",positions:[a.MenuPosition.TOOLBAR_START]}}function N(t){return{id:h.SetInlineFormatUnderlineCommand.id,type:a.MenuItemType.BUTTON,icon:"UnderlineSingle",title:"Set underline",tooltip:"toolbar.underline",positions:[a.MenuPosition.TOOLBAR_START]}}function F(t){return{id:h.SetInlineFormatStrikethroughCommand.id,type:a.MenuItemType.BUTTON,icon:"StrikethroughSingle",title:"Set strike through",tooltip:"toolbar.strikethrough",positions:[a.MenuPosition.TOOLBAR_START]}}var $=Object.defineProperty,w=Object.getOwnPropertyDescriptor,E=(t,e,o,n)=>{for(var r=n>1?void 0:n?w(e,o):e,i=t.length-1,c;i>=0;i--)(c=t[i])&&(r=(n?c(e,o,r):c(r))||r);return n&&r&&$(e,o,r),r},_=(t,e)=>(o,n)=>e(o,n,t);let d=class extends s.Disposable{constructor(t,e,o,n,r,i){super(),this._injector=t,this._componentManager=e,this._commandService=o,this._shortcutService=n,this._menuService=r,this._uiController=i,this._init()}_init(){[A,B,N,F].forEach(t=>{this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(t)))})}};d=E([s.OnLifecycle(s.LifecycleStages.Rendered,d),_(0,l.Inject(l.Injector)),_(1,l.Inject(a.ComponentManager)),_(2,s.ICommandService),_(3,a.IShortcutService),_(4,a.IMenuService),_(5,a.IUIController)],d);const z={},U={};var x=Object.defineProperty,q=Object.getOwnPropertyDescriptor,H=(t,e,o,n)=>{for(var r=n>1?void 0:n?q(e,o):e,i=t.length-1,c;i>=0;i--)(c=t[i])&&(r=(n?c(e,o,r):c(r))||r);return n&&r&&x(e,o,r),r},v=(t,e)=>(o,n)=>e(o,n,t),g;exports.UniverDocsUIPlugin=(g=class extends s.Plugin{constructor(e,o,n){super(O),this._config=e,this._injector=o,this._localeService=n,this._localeService.load({zhCN:U}),this._config=s.Tools.deepMerge({},m,this._config),this._initDependencies(o)}onRendered(){this._initModules(),this._markDocAsFocused()}onDestroy(){}_initDependencies(e){[[d],[f,{useFactory:()=>this._injector.createInstance(f,this._config)}]].forEach(n=>{e.add(n)})}_markDocAsFocused(){const e=this._injector.get(s.IUniverInstanceService),o=e.getCurrentUniverDocInstance(),n=o.getUnitId();n!==s.DOCS_NORMAL_EDITOR_UNIT_ID_KEY&&n!==s.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY&&e.focusUniverInstance(o.getUnitId())}_initModules(){this._injector.get(f)}},u(g,"type",s.PluginType.Doc),g);exports.UniverDocsUIPlugin=H([v(1,l.Inject(l.Injector)),v(2,l.Inject(s.LocaleService))],exports.UniverDocsUIPlugin);exports.DOC_UI_PLUGIN_NAME=O;exports.DefaultDocContainerConfig=D;exports.DefaultDocUiConfig=m;exports.DefaultToolbarConfig=S;exports.enUS=z;exports.zhCN=U;
+"use strict";var U=Object.defineProperty;var D=(e,t,n)=>t in e?U(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;var d=(e,t,n)=>(D(e,typeof t!="symbol"?t+"":t,n),n);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@univerjs/core"),a=require("@wendellhu/redi"),r=require("@univerjs/ui"),l=require("@univerjs/docs"),v={undo:!0,redo:!0,font:!0,fontSize:!0,bold:!0,italic:!0,strikethrough:!0,underline:!0,textColor:!0,fillColor:!0,horizontalAlignMode:!0,verticalAlignMode:!0,textWrapMode:!0,textRotateMode:!0},C={outerLeft:!1,outerRight:!1,header:!0,footer:!0,innerLeft:!1,innerRight:!1,frozenHeaderLT:!1,frozenHeaderRT:!1,frozenHeaderLM:!1,frozenContent:!1,infoBar:!0,toolbar:!0},M={layout:{docContainerConfig:C,toolbarConfig:v}},S="DocUI";var b=Object.defineProperty,R=Object.getOwnPropertyDescriptor,y=(e,t,n,o)=>{for(var i=o>1?void 0:o?R(t,n):t,s=e.length-1,u;s>=0;s--)(u=e[s])&&(i=(o?u(t,n,i):u(i))||i);return o&&i&&b(t,n,i),i},f=(e,t)=>(n,o)=>t(n,o,e);let T=class{constructor(e,t,n){d(this,"_docContainer");d(this,"getComponent",e=>{if(this._docContainer=e,!e.getContentRef().current)throw new Error("container is not ready")});d(this,"changeLocale",e=>{this._localeService.setLocale(e)});this._config=e,this._localeService=t,this._injector=n}getUIConfig(){return{injector:this._injector,config:this._config,changeLocale:this.changeLocale,getComponent:this.getComponent}}getContentRef(){return this._docContainer.getContentRef()}UIDidMount(e){if(this._docContainer)return e(this._docContainer)}getDocContainer(){return this._docContainer}};T=y([f(1,a.Inject(c.LocaleService)),f(2,a.Inject(a.Injector))],T);var A=Object.defineProperty,L=Object.getOwnPropertyDescriptor,P=(e,t,n,o)=>{for(var i=o>1?void 0:o?L(t,n):t,s=e.length-1,u;s>=0;s--)(u=e[s])&&(i=(o?u(t,n,i):u(i))||i);return o&&i&&A(t,n,i),i},I=(e,t)=>(n,o)=>t(n,o,e);let _=class{constructor(e,t,n){d(this,"_docContainerController");d(this,"changeLocale",e=>{this._localeService.setLocale(e)});this._localeService=t,this._injector=n,this._docContainerController=this._injector.createInstance(T,e)}getDocContainerController(){return this._docContainerController}};_=P([I(1,a.Inject(c.LocaleService)),I(2,a.Inject(a.Injector))],_);function j(e){return{id:l.SetInlineFormatBoldCommand.id,group:r.MenuGroup.TOOLBAR_FORMAT,type:r.MenuItemType.BUTTON,icon:"BoldSingle",title:"Set bold",tooltip:"toolbar.bold",positions:[r.MenuPosition.TOOLBAR_START],hidden$:r.getMenuHiddenObservable(e,c.UniverInstanceType.DOC)}}function B(e){return{id:l.SetInlineFormatItalicCommand.id,group:r.MenuGroup.TOOLBAR_FORMAT,type:r.MenuItemType.BUTTON,icon:"ItalicSingle",title:"Set italic",tooltip:"toolbar.italic",positions:[r.MenuPosition.TOOLBAR_START],hidden$:r.getMenuHiddenObservable(e,c.UniverInstanceType.DOC)}}function F(e){return{id:l.SetInlineFormatUnderlineCommand.id,group:r.MenuGroup.TOOLBAR_FORMAT,type:r.MenuItemType.BUTTON,icon:"UnderlineSingle",title:"Set underline",tooltip:"toolbar.underline",positions:[r.MenuPosition.TOOLBAR_START],hidden$:r.getMenuHiddenObservable(e,c.UniverInstanceType.DOC)}}function $(e){return{id:l.SetInlineFormatStrikethroughCommand.id,group:r.MenuGroup.TOOLBAR_FORMAT,type:r.MenuItemType.BUTTON,icon:"StrikethroughSingle",title:"Set strike through",tooltip:"toolbar.strikethrough",positions:[r.MenuPosition.TOOLBAR_START],hidden$:r.getMenuHiddenObservable(e,c.UniverInstanceType.DOC)}}function N(e){return{id:l.SetInlineFormatSubscriptCommand.id,group:r.MenuGroup.TOOLBAR_FORMAT,type:r.MenuItemType.BUTTON,icon:"SubscriptSingle",tooltip:"toolbar.subscript",positions:[r.MenuPosition.TOOLBAR_START],hidden$:r.getMenuHiddenObservable(e,c.UniverInstanceType.DOC)}}function w(e){return{id:l.SetInlineFormatSuperscriptCommand.id,group:r.MenuGroup.TOOLBAR_FORMAT,type:r.MenuItemType.BUTTON,icon:"SuperscriptSingle",tooltip:"toolbar.superscript",positions:[r.MenuPosition.TOOLBAR_START],hidden$:r.getMenuHiddenObservable(e,c.UniverInstanceType.DOC)}}function H(e){return{id:l.OrderListCommand.id,group:r.MenuGroup.TOOLBAR_LAYOUT,type:r.MenuItemType.BUTTON,icon:"OrderSingle",tooltip:"toolbar.superscript",positions:[r.MenuPosition.TOOLBAR_START],hidden$:r.getMenuHiddenObservable(e,c.UniverInstanceType.DOC)}}function G(e){return{id:l.BulletListCommand.id,group:r.MenuGroup.TOOLBAR_LAYOUT,type:r.MenuItemType.BUTTON,icon:"UnorderSingle",tooltip:"toolbar.superscript",positions:[r.MenuPosition.TOOLBAR_START],hidden$:r.getMenuHiddenObservable(e,c.UniverInstanceType.DOC)}}var E=Object.defineProperty,z=Object.getOwnPropertyDescriptor,x=(e,t,n,o)=>{for(var i=o>1?void 0:o?z(t,n):t,s=e.length-1,u;s>=0;s--)(u=e[s])&&(i=(o?u(t,n,i):u(i))||i);return o&&i&&E(t,n,i),i},p=(e,t)=>(n,o)=>t(n,o,e);let O=class extends c.Disposable{constructor(e,t,n,o,i,s){super(),this._injector=e,this._componentManager=t,this._commandService=n,this._shortcutService=o,this._menuService=i,this._uiController=s,this._init()}_init(){[j,B,F,$,N,w,H,G].forEach(e=>{this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(e)))})}};O=x([c.OnLifecycle(c.LifecycleStages.Rendered,O),p(0,a.Inject(a.Injector)),p(1,a.Inject(r.ComponentManager)),p(2,c.ICommandService),p(3,r.IShortcutService),p(4,r.IMenuService),p(5,r.IUIController)],O);const q={},m={};var Y=Object.defineProperty,K=Object.getOwnPropertyDescriptor,W=(e,t,n,o)=>{for(var i=o>1?void 0:o?K(t,n):t,s=e.length-1,u;s>=0;s--)(u=e[s])&&(i=(o?u(t,n,i):u(i))||i);return o&&i&&Y(t,n,i),i},g=(e,t)=>(n,o)=>t(n,o,e),h;exports.UniverDocsUIPlugin=(h=class extends c.Plugin{constructor(t,n,o,i){super(S),this._config=t,this._injector=n,this._localeService=o,this._logService=i,this._localeService.load({zhCN:m}),this._config=c.Tools.deepMerge({},M,this._config),this._initDependencies(n)}onRendered(){this._initModules(),this._markDocAsFocused()}onDestroy(){}_initDependencies(t){[[O],[_,{useFactory:()=>this._injector.createInstance(_,this._config)}]].forEach(o=>{t.add(o)})}_markDocAsFocused(){const t=this._injector.get(c.IUniverInstanceService);try{const n=t.getCurrentUniverDocInstance(),o=n.getUnitId();o!==c.DOCS_NORMAL_EDITOR_UNIT_ID_KEY&&o!==c.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY&&t.focusUniverInstance(n.getUnitId())}catch(n){this._logService.warn(n)}}_initModules(){this._injector.get(_)}},d(h,"type",c.PluginType.Doc),h);exports.UniverDocsUIPlugin=W([g(1,a.Inject(a.Injector)),g(2,a.Inject(c.LocaleService)),g(3,c.ILogService)],exports.UniverDocsUIPlugin);exports.DOC_UI_PLUGIN_NAME=S;exports.DefaultDocContainerConfig=C;exports.DefaultDocUiConfig=M;exports.DefaultToolbarConfig=v;exports.enUS=q;exports.zhCN=m;

package/lib/es/index.js

@@ -1,11 +1,11 @@
-var O = Object.defineProperty;
-var D = (e, t, o) => t in e ? O(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
-var a = (e, t, o) => (D(e, typeof t != "symbol" ? t + "" : t, o), o);
-import { LocaleService as C, Disposable as T, OnLifecycle as U, LifecycleStages as P, ICommandService as M, Plugin as R, Tools as j, PluginType as L, IUniverInstanceService as b, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as y, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as A } from "@univerjs/core";
-import { Inject as s, Injector as f } from "@wendellhu/redi";
-import { MenuItemType as h, MenuPosition as d, ComponentManager as B, IShortcutService as F, IMenuService as $, IUIController as w } from "@univerjs/ui";
-import { SetInlineFormatBoldCommand as N, SetInlineFormatItalicCommand as E, SetInlineFormatUnderlineCommand as z, SetInlineFormatStrikethroughCommand as x } from "@univerjs/docs";
-const H = {
+var D = Object.defineProperty;
+var A = (e, t, o) => t in e ? D(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
+var p = (e, t, o) => (A(e, typeof t != "symbol" ? t + "" : t, o), o);
+import { LocaleService as m, UniverInstanceType as l, Disposable as L, OnLifecycle as U, LifecycleStages as M, ICommandService as B, Plugin as b, Tools as y, PluginType as P, IUniverInstanceService as F, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as j, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as $, ILogService as N } from "@univerjs/core";
+import { Inject as s, Injector as g } from "@wendellhu/redi";
+import { MenuGroup as a, MenuItemType as u, MenuPosition as _, getMenuHiddenObservable as d, ComponentManager as w, IShortcutService as E, IMenuService as z, IUIController as x } from "@univerjs/ui";
+import { SetInlineFormatBoldCommand as H, SetInlineFormatItalicCommand as Y, SetInlineFormatUnderlineCommand as G, SetInlineFormatStrikethroughCommand as K, SetInlineFormatSubscriptCommand as W, SetInlineFormatSuperscriptCommand as q, OrderListCommand as J, BulletListCommand as Q } from "@univerjs/docs";
+const V = {
   undo: !0,
   redo: !0,
   // Undo redo
@@ -33,7 +33,7 @@ const H = {
   // 'Wrap mode'
   textRotateMode: !0
   // 'Text Rotation Mode'
-}, K = {
+}, X = {
   outerLeft: !1,
   outerRight: !1,
   header: !0,
@@ -46,22 +46,22 @@ const H = {
   frozenContent: !1,
   infoBar: !0,
   toolbar: !0
-}, W = {
+}, Z = {
   layout: {
-    docContainerConfig: K,
-    toolbarConfig: H
+    docContainerConfig: X,
+    toolbarConfig: V
   }
-}, Y = "DocUI";
-var G = Object.defineProperty, q = Object.getOwnPropertyDescriptor, J = (e, t, o, n) => {
-  for (var r = n > 1 ? void 0 : n ? q(t, o) : t, i = e.length - 1, c; i >= 0; i--)
+}, k = "DocUI";
+var ee = Object.defineProperty, te = Object.getOwnPropertyDescriptor, oe = (e, t, o, n) => {
+  for (var r = n > 1 ? void 0 : n ? te(t, o) : t, i = e.length - 1, c; i >= 0; i--)
     (c = e[i]) && (r = (n ? c(t, o, r) : c(r)) || r);
-  return n && r && G(t, o, r), r;
+  return n && r && ee(t, o, r), r;
 }, v = (e, t) => (o, n) => t(o, n, e);
-let g = class {
+let S = class {
   constructor(e, t, o) {
-    a(this, "_docContainer");
+    p(this, "_docContainer");
     // 获取SheetContainer组件
-    a(this, "getComponent", (e) => {
+    p(this, "getComponent", (e) => {
       if (this._docContainer = e, !e.getContentRef().current)
         throw new Error("container is not ready");
     });
@@ -72,7 +72,7 @@ let g = class {
      * e: {target: HTMLSelectElement } reference from  https://stackoverflow.com/a/48443771
      *
      */
-    a(this, "changeLocale", (e) => {
+    p(this, "changeLocale", (e) => {
       this._localeService.setLocale(e);
     });
     this._config = e, this._localeService = t, this._injector = o;
@@ -96,18 +96,18 @@ let g = class {
     return this._docContainer;
   }
 };
-g = J([
-  v(1, s(C)),
-  v(2, s(f))
-], g);
-var Q = Object.defineProperty, V = Object.getOwnPropertyDescriptor, X = (e, t, o, n) => {
-  for (var r = n > 1 ? void 0 : n ? V(t, o) : t, i = e.length - 1, c; i >= 0; i--)
+S = oe([
+  v(1, s(m)),
+  v(2, s(g))
+], S);
+var re = Object.defineProperty, ne = Object.getOwnPropertyDescriptor, ie = (e, t, o, n) => {
+  for (var r = n > 1 ? void 0 : n ? ne(t, o) : t, i = e.length - 1, c; i >= 0; i--)
     (c = e[i]) && (r = (n ? c(t, o, r) : c(r)) || r);
-  return n && r && Q(t, o, r), r;
-}, m = (e, t) => (o, n) => t(o, n, e);
-let _ = class {
+  return n && r && re(t, o, r), r;
+}, I = (e, t) => (o, n) => t(o, n, e);
+let O = class {
   constructor(e, t, o) {
-    a(this, "_docContainerController");
+    p(this, "_docContainerController");
     /**
      * Change language
      * @param {String} locale new language
@@ -115,99 +115,155 @@ let _ = class {
      * e: {target: HTMLSelectElement } reference from  https://stackoverflow.com/a/48443771
      *
      */
-    a(this, "changeLocale", (e) => {
+    p(this, "changeLocale", (e) => {
       this._localeService.setLocale(e);
     });
-    this._localeService = t, this._injector = o, this._docContainerController = this._injector.createInstance(g, e);
+    this._localeService = t, this._injector = o, this._docContainerController = this._injector.createInstance(S, e);
   }
   getDocContainerController() {
     return this._docContainerController;
   }
 };
-_ = X([
-  m(1, s(C)),
-  m(2, s(f))
-], _);
-function Z(e) {
+O = ie([
+  I(1, s(m)),
+  I(2, s(g))
+], O);
+function ce(e) {
   return {
-    id: N.id,
-    type: h.BUTTON,
+    id: H.id,
+    group: a.TOOLBAR_FORMAT,
+    type: u.BUTTON,
     icon: "BoldSingle",
     title: "Set bold",
     tooltip: "toolbar.bold",
-    positions: [d.TOOLBAR_START]
+    positions: [_.TOOLBAR_START],
+    hidden$: d(e, l.DOC)
   };
 }
-function k(e) {
+function se(e) {
   return {
-    id: E.id,
-    type: h.BUTTON,
+    id: Y.id,
+    group: a.TOOLBAR_FORMAT,
+    type: u.BUTTON,
     icon: "ItalicSingle",
     title: "Set italic",
     tooltip: "toolbar.italic",
-    positions: [d.TOOLBAR_START]
+    positions: [_.TOOLBAR_START],
+    hidden$: d(e, l.DOC)
   };
 }
-function ee(e) {
+function le(e) {
   return {
-    id: z.id,
-    type: h.BUTTON,
+    id: G.id,
+    group: a.TOOLBAR_FORMAT,
+    type: u.BUTTON,
     icon: "UnderlineSingle",
     title: "Set underline",
     tooltip: "toolbar.underline",
-    positions: [d.TOOLBAR_START]
+    positions: [_.TOOLBAR_START],
+    hidden$: d(e, l.DOC)
   };
 }
-function te(e) {
+function ae(e) {
   return {
-    id: x.id,
-    type: h.BUTTON,
+    id: K.id,
+    group: a.TOOLBAR_FORMAT,
+    type: u.BUTTON,
     icon: "StrikethroughSingle",
     title: "Set strike through",
     tooltip: "toolbar.strikethrough",
-    positions: [d.TOOLBAR_START]
+    positions: [_.TOOLBAR_START],
+    hidden$: d(e, l.DOC)
+  };
+}
+function ue(e) {
+  return {
+    id: W.id,
+    group: a.TOOLBAR_FORMAT,
+    type: u.BUTTON,
+    icon: "SubscriptSingle",
+    tooltip: "toolbar.subscript",
+    positions: [_.TOOLBAR_START],
+    hidden$: d(e, l.DOC)
   };
 }
-var oe = Object.defineProperty, re = Object.getOwnPropertyDescriptor, ne = (e, t, o, n) => {
-  for (var r = n > 1 ? void 0 : n ? re(t, o) : t, i = e.length - 1, c; i >= 0; i--)
+function _e(e) {
+  return {
+    id: q.id,
+    group: a.TOOLBAR_FORMAT,
+    type: u.BUTTON,
+    icon: "SuperscriptSingle",
+    tooltip: "toolbar.superscript",
+    positions: [_.TOOLBAR_START],
+    hidden$: d(e, l.DOC)
+  };
+}
+function de(e) {
+  return {
+    id: J.id,
+    group: a.TOOLBAR_LAYOUT,
+    type: u.BUTTON,
+    icon: "OrderSingle",
+    tooltip: "toolbar.superscript",
+    positions: [_.TOOLBAR_START],
+    hidden$: d(e, l.DOC)
+  };
+}
+function pe(e) {
+  return {
+    id: Q.id,
+    group: a.TOOLBAR_LAYOUT,
+    type: u.BUTTON,
+    icon: "UnorderSingle",
+    tooltip: "toolbar.superscript",
+    positions: [_.TOOLBAR_START],
+    hidden$: d(e, l.DOC)
+  };
+}
+var he = Object.defineProperty, Oe = Object.getOwnPropertyDescriptor, fe = (e, t, o, n) => {
+  for (var r = n > 1 ? void 0 : n ? Oe(t, o) : t, i = e.length - 1, c; i >= 0; i--)
     (c = e[i]) && (r = (n ? c(t, o, r) : c(r)) || r);
-  return n && r && oe(t, o, r), r;
-}, l = (e, t) => (o, n) => t(o, n, e);
-let u = class extends T {
+  return n && r && he(t, o, r), r;
+}, h = (e, t) => (o, n) => t(o, n, e);
+let f = class extends L {
   constructor(e, t, o, n, r, i) {
     super(), this._injector = e, this._componentManager = t, this._commandService = o, this._shortcutService = n, this._menuService = r, this._uiController = i, this._init();
   }
   _init() {
     [
-      Z,
-      k,
-      ee,
-      te
+      ce,
+      se,
+      le,
+      ae,
+      ue,
+      _e,
+      de,
+      pe
     ].forEach((e) => {
       this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(e)));
     });
   }
 };
-u = ne([
-  U(P.Rendered, u),
-  l(0, s(f)),
-  l(1, s(B)),
-  l(2, M),
-  l(3, F),
-  l(4, $),
-  l(5, w)
-], u);
-const de = {}, ie = {};
-var ce = Object.defineProperty, se = Object.getOwnPropertyDescriptor, ae = (e, t, o, n) => {
-  for (var r = n > 1 ? void 0 : n ? se(t, o) : t, i = e.length - 1, c; i >= 0; i--)
+f = fe([
+  U(M.Rendered, f),
+  h(0, s(g)),
+  h(1, s(w)),
+  h(2, B),
+  h(3, E),
+  h(4, z),
+  h(5, x)
+], f);
+const Ae = {}, ge = {};
+var Te = Object.defineProperty, Ce = Object.getOwnPropertyDescriptor, Se = (e, t, o, n) => {
+  for (var r = n > 1 ? void 0 : n ? Ce(t, o) : t, i = e.length - 1, c; i >= 0; i--)
     (c = e[i]) && (r = (n ? c(t, o, r) : c(r)) || r);
-  return n && r && ce(t, o, r), r;
-}, I = (e, t) => (o, n) => t(o, n, e), p;
-let S = (p = class extends R {
-  constructor(e, t, o) {
-    super(Y), this._config = e, this._injector = t, this._localeService = o, this._localeService.load({
-      zhCN: ie
-    }), this._config = j.deepMerge({}, W, this._config), this._initDependencies(t);
+  return n && r && Te(t, o, r), r;
+}, T = (e, t) => (o, n) => t(o, n, e), C;
+let R = (C = class extends b {
+  constructor(e, t, o, n) {
+    super(k), this._config = e, this._injector = t, this._localeService = o, this._logService = n, this._localeService.load({
+      zhCN: ge
+    }), this._config = y.deepMerge({}, Z, this._config), this._initDependencies(t);
   }
   onRendered() {
     this._initModules(), this._markDocAsFocused();
@@ -216,12 +272,12 @@ let S = (p = class extends R {
   }
   _initDependencies(e) {
     [
-      [u],
+      [f],
       [
         // controllers
-        _,
+        O,
         {
-          useFactory: () => this._injector.createInstance(_, this._config)
+          useFactory: () => this._injector.createInstance(O, this._config)
         }
       ]
     ].forEach((o) => {
@@ -229,23 +285,29 @@ let S = (p = class extends R {
     });
   }
   _markDocAsFocused() {
-    const e = this._injector.get(b), t = e.getCurrentUniverDocInstance(), o = t.getUnitId();
-    o !== y && o !== A && e.focusUniverInstance(t.getUnitId());
+    const e = this._injector.get(F);
+    try {
+      const t = e.getCurrentUniverDocInstance(), o = t.getUnitId();
+      o !== j && o !== $ && e.focusUniverInstance(t.getUnitId());
+    } catch (t) {
+      this._logService.warn(t);
+    }
   }
   _initModules() {
-    this._injector.get(_);
+    this._injector.get(O);
   }
-}, a(p, "type", L.Doc), p);
-S = ae([
-  I(1, s(f)),
-  I(2, s(C))
-], S);
+}, p(C, "type", P.Doc), C);
+R = Se([
+  T(1, s(g)),
+  T(2, s(m)),
+  T(3, N)
+], R);
 export {
-  Y as DOC_UI_PLUGIN_NAME,
-  K as DefaultDocContainerConfig,
-  W as DefaultDocUiConfig,
-  H as DefaultToolbarConfig,
-  S as UniverDocsUIPlugin,
-  de as enUS,
-  ie as zhCN
+  k as DOC_UI_PLUGIN_NAME,
+  X as DefaultDocContainerConfig,
+  Z as DefaultDocUiConfig,
+  V as DefaultToolbarConfig,
+  R as UniverDocsUIPlugin,
+  Ae as enUS,
+  ge as zhCN
 };

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

@@ -19,3 +19,7 @@ export declare function BoldMenuItemFactory(accessor: IAccessor): IMenuButtonIte
 export declare function ItalicMenuItemFactory(accessor: IAccessor): IMenuButtonItem;
 export declare function UnderlineMenuItemFactory(accessor: IAccessor): IMenuButtonItem;
 export declare function StrikeThroughMenuItemFactory(accessor: IAccessor): IMenuButtonItem;
+export declare function SubscriptMenuItemFactory(accessor: IAccessor): IMenuButtonItem;
+export declare function SuperscriptMenuItemFactory(accessor: IAccessor): IMenuButtonItem;
+export declare function OrderListMenuItemFactory(accessor: IAccessor): IMenuButtonItem;
+export declare function BulletListMenuItemFactory(accessor: IAccessor): IMenuButtonItem;

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

@@ -13,15 +13,16 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { LocaleService, Plugin, PluginType } from '@univerjs/core';
+import { ILogService, LocaleService, Plugin, PluginType } from '@univerjs/core';
 import { Injector } from '@wendellhu/redi';
 import type { IUniverDocsUIConfig } from './basics';
 export declare class UniverDocsUIPlugin extends Plugin {
     private readonly _config;
     _injector: Injector;
     private readonly _localeService;
+    private _logService;
     static type: PluginType;
-    constructor(_config: IUniverDocsUIConfig, _injector: Injector, _localeService: LocaleService);
+    constructor(_config: IUniverDocsUIConfig, _injector: Injector, _localeService: LocaleService, _logService: ILogService);
     onRendered(): void;
     onDestroy(): void;
     private _initDependencies;

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

@@ -16,7 +16,7 @@
 import type { BaseComponentProps } from '@univerjs/ui';
 import React, { Component } from 'react';
 import type { IUniverDocsUIConfig } from '../../basics';
-export interface BaseDocContainerProps extends BaseComponentProps {
+interface IBaseDocContainerProps extends BaseComponentProps {
     config: IUniverDocsUIConfig;
     changeLocale: (locale: string) => void;
     methods?: any;
@@ -24,14 +24,14 @@ export interface BaseDocContainerProps extends BaseComponentProps {
 /**
  * One univerdoc instance DOM container
  */
-export declare class DocContainer extends Component<BaseDocContainerProps> {
+export declare class DocContainer extends Component<IBaseDocContainerProps> {
     leftContentLeft: number;
     leftContentTop: number;
     rightBorderX: number;
     rightBorderY: number;
     splitLeftRef: React.RefObject<HTMLDivElement>;
     contentRef: React.RefObject<HTMLDivElement>;
-    constructor(props: BaseDocContainerProps);
+    constructor(props: IBaseDocContainerProps);
     componentDidMount(): void;
     /**
      * split mouse down
@@ -61,3 +61,4 @@ export declare class DocContainer extends Component<BaseDocContainerProps> {
      */
     render(): React.JSX.Element;
 }
+export {};

package/lib/umd/index.js

@@ -1 +1 @@
-(function(c,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("@univerjs/core"),require("@wendellhu/redi"),require("@univerjs/ui"),require("@univerjs/docs")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@wendellhu/redi","@univerjs/ui","@univerjs/docs"],i):(c=typeof globalThis<"u"?globalThis:c||self,i(c.UniverDocsUi={},c.UniverCore,c["@wendellhu/redi"],c.UniverUi,c.UniverDocs))})(this,function(c,i,s,u,d){"use strict";var G=Object.defineProperty;var K=(c,i,s)=>i in c?G(c,i,{enumerable:!0,configurable:!0,writable:!0,value:s}):c[i]=s;var _=(c,i,s)=>(K(c,typeof i!="symbol"?i+"":i,s),s);var C;const g={undo:!0,redo:!0,font:!0,fontSize:!0,bold:!0,italic:!0,strikethrough:!0,underline:!0,textColor:!0,fillColor:!0,horizontalAlignMode:!0,verticalAlignMode:!0,textWrapMode:!0,textRotateMode:!0},p={outerLeft:!1,outerRight:!1,header:!0,footer:!0,innerLeft:!1,innerRight:!1,frozenHeaderLT:!1,frozenHeaderRT:!1,frozenHeaderLM:!1,frozenContent:!1,infoBar:!0,toolbar:!0},D={layout:{docContainerConfig:p,toolbarConfig:g}},S="DocUI";var T=Object.defineProperty,P=Object.getOwnPropertyDescriptor,M=(e,t,n,o)=>{for(var r=o>1?void 0:o?P(t,n):t,l=e.length-1,a;l>=0;l--)(a=e[l])&&(r=(o?a(t,n,r):a(r))||r);return o&&r&&T(t,n,r),r},U=(e,t)=>(n,o)=>t(n,o,e);let I=class{constructor(e,t,n){_(this,"_docContainer");_(this,"getComponent",e=>{if(this._docContainer=e,!e.getContentRef().current)throw new Error("container is not ready")});_(this,"changeLocale",e=>{this._localeService.setLocale(e)});this._config=e,this._localeService=t,this._injector=n}getUIConfig(){return{injector:this._injector,config:this._config,changeLocale:this.changeLocale,getComponent:this.getComponent}}getContentRef(){return this._docContainer.getContentRef()}UIDidMount(e){if(this._docContainer)return e(this._docContainer)}getDocContainer(){return this._docContainer}};I=M([U(1,s.Inject(i.LocaleService)),U(2,s.Inject(s.Injector))],I);var y=Object.defineProperty,L=Object.getOwnPropertyDescriptor,R=(e,t,n,o)=>{for(var r=o>1?void 0:o?L(t,n):t,l=e.length-1,a;l>=0;l--)(a=e[l])&&(r=(o?a(t,n,r):a(r))||r);return o&&r&&y(t,n,r),r},m=(e,t)=>(n,o)=>t(n,o,e);let h=class{constructor(e,t,n){_(this,"_docContainerController");_(this,"changeLocale",e=>{this._localeService.setLocale(e)});this._localeService=t,this._injector=n,this._docContainerController=this._injector.createInstance(I,e)}getDocContainerController(){return this._docContainerController}};h=R([m(1,s.Inject(i.LocaleService)),m(2,s.Inject(s.Injector))],h);function b(e){return{id:d.SetInlineFormatBoldCommand.id,type:u.MenuItemType.BUTTON,icon:"BoldSingle",title:"Set bold",tooltip:"toolbar.bold",positions:[u.MenuPosition.TOOLBAR_START]}}function A(e){return{id:d.SetInlineFormatItalicCommand.id,type:u.MenuItemType.BUTTON,icon:"ItalicSingle",title:"Set italic",tooltip:"toolbar.italic",positions:[u.MenuPosition.TOOLBAR_START]}}function w(e){return{id:d.SetInlineFormatUnderlineCommand.id,type:u.MenuItemType.BUTTON,icon:"UnderlineSingle",title:"Set underline",tooltip:"toolbar.underline",positions:[u.MenuPosition.TOOLBAR_START]}}function B(e){return{id:d.SetInlineFormatStrikethroughCommand.id,type:u.MenuItemType.BUTTON,icon:"StrikethroughSingle",title:"Set strike through",tooltip:"toolbar.strikethrough",positions:[u.MenuPosition.TOOLBAR_START]}}var N=Object.defineProperty,F=Object.getOwnPropertyDescriptor,$=(e,t,n,o)=>{for(var r=o>1?void 0:o?F(t,n):t,l=e.length-1,a;l>=0;l--)(a=e[l])&&(r=(o?a(t,n,r):a(r))||r);return o&&r&&N(t,n,r),r},f=(e,t)=>(n,o)=>t(n,o,e);let v=class extends i.Disposable{constructor(e,t,n,o,r,l){super(),this._injector=e,this._componentManager=t,this._commandService=n,this._shortcutService=o,this._menuService=r,this._uiController=l,this._init()}_init(){[b,A,w,B].forEach(e=>{this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(e)))})}};v=$([i.OnLifecycle(i.LifecycleStages.Rendered,v),f(0,s.Inject(s.Injector)),f(1,s.Inject(u.ComponentManager)),f(2,i.ICommandService),f(3,u.IShortcutService),f(4,u.IMenuService),f(5,u.IUIController)],v);const E={},j={};var z=Object.defineProperty,q=Object.getOwnPropertyDescriptor,H=(e,t,n,o)=>{for(var r=o>1?void 0:o?q(t,n):t,l=e.length-1,a;l>=0;l--)(a=e[l])&&(r=(o?a(t,n,r):a(r))||r);return o&&r&&z(t,n,r),r},O=(e,t)=>(n,o)=>t(n,o,e);c.UniverDocsUIPlugin=(C=class extends i.Plugin{constructor(t,n,o){super(S),this._config=t,this._injector=n,this._localeService=o,this._localeService.load({zhCN:j}),this._config=i.Tools.deepMerge({},D,this._config),this._initDependencies(n)}onRendered(){this._initModules(),this._markDocAsFocused()}onDestroy(){}_initDependencies(t){[[v],[h,{useFactory:()=>this._injector.createInstance(h,this._config)}]].forEach(o=>{t.add(o)})}_markDocAsFocused(){const t=this._injector.get(i.IUniverInstanceService),n=t.getCurrentUniverDocInstance(),o=n.getUnitId();o!==i.DOCS_NORMAL_EDITOR_UNIT_ID_KEY&&o!==i.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY&&t.focusUniverInstance(n.getUnitId())}_initModules(){this._injector.get(h)}},_(C,"type",i.PluginType.Doc),C),c.UniverDocsUIPlugin=H([O(1,s.Inject(s.Injector)),O(2,s.Inject(i.LocaleService))],c.UniverDocsUIPlugin),c.DOC_UI_PLUGIN_NAME=S,c.DefaultDocContainerConfig=p,c.DefaultDocUiConfig=D,c.DefaultToolbarConfig=g,c.enUS=E,c.zhCN=j,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})});
+(function(s,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("@univerjs/core"),require("@wendellhu/redi"),require("@univerjs/ui"),require("@univerjs/docs")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@wendellhu/redi","@univerjs/ui","@univerjs/docs"],c):(s=typeof globalThis<"u"?globalThis:s||self,c(s.UniverDocsUi={},s.UniverCore,s["@wendellhu/redi"],s.UniverUi,s.UniverDocs))})(this,function(s,c,l,o,d){"use strict";var J=Object.defineProperty;var Q=(s,c,l)=>c in s?J(s,c,{enumerable:!0,configurable:!0,writable:!0,value:l}):s[c]=l;var _=(s,c,l)=>(Q(s,typeof c!="symbol"?c+"":c,l),l);var v;const g={undo:!0,redo:!0,font:!0,fontSize:!0,bold:!0,italic:!0,strikethrough:!0,underline:!0,textColor:!0,fillColor:!0,horizontalAlignMode:!0,verticalAlignMode:!0,textWrapMode:!0,textRotateMode:!0},I={outerLeft:!1,outerRight:!1,header:!0,footer:!0,innerLeft:!1,innerRight:!1,frozenHeaderLT:!1,frozenHeaderRT:!1,frozenHeaderLM:!1,frozenContent:!1,infoBar:!0,toolbar:!0},C={layout:{docContainerConfig:I,toolbarConfig:g}},M="DocUI";var D=Object.defineProperty,y=Object.getOwnPropertyDescriptor,R=(e,t,n,r)=>{for(var i=r>1?void 0:r?y(t,n):t,a=e.length-1,u;a>=0;a--)(u=e[a])&&(i=(r?u(t,n,i):u(i))||i);return r&&i&&D(t,n,i),i},S=(e,t)=>(n,r)=>t(n,r,e);let h=class{constructor(e,t,n){_(this,"_docContainer");_(this,"getComponent",e=>{if(this._docContainer=e,!e.getContentRef().current)throw new Error("container is not ready")});_(this,"changeLocale",e=>{this._localeService.setLocale(e)});this._config=e,this._localeService=t,this._injector=n}getUIConfig(){return{injector:this._injector,config:this._config,changeLocale:this.changeLocale,getComponent:this.getComponent}}getContentRef(){return this._docContainer.getContentRef()}UIDidMount(e){if(this._docContainer)return e(this._docContainer)}getDocContainer(){return this._docContainer}};h=R([S(1,l.Inject(c.LocaleService)),S(2,l.Inject(l.Injector))],h);var b=Object.defineProperty,A=Object.getOwnPropertyDescriptor,L=(e,t,n,r)=>{for(var i=r>1?void 0:r?A(t,n):t,a=e.length-1,u;a>=0;a--)(u=e[a])&&(i=(r?u(t,n,i):u(i))||i);return r&&i&&b(t,n,i),i},m=(e,t)=>(n,r)=>t(n,r,e);let f=class{constructor(e,t,n){_(this,"_docContainerController");_(this,"changeLocale",e=>{this._localeService.setLocale(e)});this._localeService=t,this._injector=n,this._docContainerController=this._injector.createInstance(h,e)}getDocContainerController(){return this._docContainerController}};f=L([m(1,l.Inject(c.LocaleService)),m(2,l.Inject(l.Injector))],f);function j(e){return{id:d.SetInlineFormatBoldCommand.id,group:o.MenuGroup.TOOLBAR_FORMAT,type:o.MenuItemType.BUTTON,icon:"BoldSingle",title:"Set bold",tooltip:"toolbar.bold",positions:[o.MenuPosition.TOOLBAR_START],hidden$:o.getMenuHiddenObservable(e,c.UniverInstanceType.DOC)}}function P(e){return{id:d.SetInlineFormatItalicCommand.id,group:o.MenuGroup.TOOLBAR_FORMAT,type:o.MenuItemType.BUTTON,icon:"ItalicSingle",title:"Set italic",tooltip:"toolbar.italic",positions:[o.MenuPosition.TOOLBAR_START],hidden$:o.getMenuHiddenObservable(e,c.UniverInstanceType.DOC)}}function B(e){return{id:d.SetInlineFormatUnderlineCommand.id,group:o.MenuGroup.TOOLBAR_FORMAT,type:o.MenuItemType.BUTTON,icon:"UnderlineSingle",title:"Set underline",tooltip:"toolbar.underline",positions:[o.MenuPosition.TOOLBAR_START],hidden$:o.getMenuHiddenObservable(e,c.UniverInstanceType.DOC)}}function F(e){return{id:d.SetInlineFormatStrikethroughCommand.id,group:o.MenuGroup.TOOLBAR_FORMAT,type:o.MenuItemType.BUTTON,icon:"StrikethroughSingle",title:"Set strike through",tooltip:"toolbar.strikethrough",positions:[o.MenuPosition.TOOLBAR_START],hidden$:o.getMenuHiddenObservable(e,c.UniverInstanceType.DOC)}}function $(e){return{id:d.SetInlineFormatSubscriptCommand.id,group:o.MenuGroup.TOOLBAR_FORMAT,type:o.MenuItemType.BUTTON,icon:"SubscriptSingle",tooltip:"toolbar.subscript",positions:[o.MenuPosition.TOOLBAR_START],hidden$:o.getMenuHiddenObservable(e,c.UniverInstanceType.DOC)}}function N(e){return{id:d.SetInlineFormatSuperscriptCommand.id,group:o.MenuGroup.TOOLBAR_FORMAT,type:o.MenuItemType.BUTTON,icon:"SuperscriptSingle",tooltip:"toolbar.superscript",positions:[o.MenuPosition.TOOLBAR_START],hidden$:o.getMenuHiddenObservable(e,c.UniverInstanceType.DOC)}}function w(e){return{id:d.OrderListCommand.id,group:o.MenuGroup.TOOLBAR_LAYOUT,type:o.MenuItemType.BUTTON,icon:"OrderSingle",tooltip:"toolbar.superscript",positions:[o.MenuPosition.TOOLBAR_START],hidden$:o.getMenuHiddenObservable(e,c.UniverInstanceType.DOC)}}function H(e){return{id:d.BulletListCommand.id,group:o.MenuGroup.TOOLBAR_LAYOUT,type:o.MenuItemType.BUTTON,icon:"UnorderSingle",tooltip:"toolbar.superscript",positions:[o.MenuPosition.TOOLBAR_START],hidden$:o.getMenuHiddenObservable(e,c.UniverInstanceType.DOC)}}var G=Object.defineProperty,E=Object.getOwnPropertyDescriptor,z=(e,t,n,r)=>{for(var i=r>1?void 0:r?E(t,n):t,a=e.length-1,u;a>=0;a--)(u=e[a])&&(i=(r?u(t,n,i):u(i))||i);return r&&i&&G(t,n,i),i},p=(e,t)=>(n,r)=>t(n,r,e);let O=class extends c.Disposable{constructor(e,t,n,r,i,a){super(),this._injector=e,this._componentManager=t,this._commandService=n,this._shortcutService=r,this._menuService=i,this._uiController=a,this._init()}_init(){[j,P,B,F,$,N,w,H].forEach(e=>{this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(e)))})}};O=z([c.OnLifecycle(c.LifecycleStages.Rendered,O),p(0,l.Inject(l.Injector)),p(1,l.Inject(o.ComponentManager)),p(2,c.ICommandService),p(3,o.IShortcutService),p(4,o.IMenuService),p(5,o.IUIController)],O);const q={},U={};var Y=Object.defineProperty,K=Object.getOwnPropertyDescriptor,W=(e,t,n,r)=>{for(var i=r>1?void 0:r?K(t,n):t,a=e.length-1,u;a>=0;a--)(u=e[a])&&(i=(r?u(t,n,i):u(i))||i);return r&&i&&Y(t,n,i),i},T=(e,t)=>(n,r)=>t(n,r,e);s.UniverDocsUIPlugin=(v=class extends c.Plugin{constructor(t,n,r,i){super(M),this._config=t,this._injector=n,this._localeService=r,this._logService=i,this._localeService.load({zhCN:U}),this._config=c.Tools.deepMerge({},C,this._config),this._initDependencies(n)}onRendered(){this._initModules(),this._markDocAsFocused()}onDestroy(){}_initDependencies(t){[[O],[f,{useFactory:()=>this._injector.createInstance(f,this._config)}]].forEach(r=>{t.add(r)})}_markDocAsFocused(){const t=this._injector.get(c.IUniverInstanceService);try{const n=t.getCurrentUniverDocInstance(),r=n.getUnitId();r!==c.DOCS_NORMAL_EDITOR_UNIT_ID_KEY&&r!==c.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY&&t.focusUniverInstance(n.getUnitId())}catch(n){this._logService.warn(n)}}_initModules(){this._injector.get(f)}},_(v,"type",c.PluginType.Doc),v),s.UniverDocsUIPlugin=W([T(1,l.Inject(l.Injector)),T(2,l.Inject(c.LocaleService)),T(3,c.ILogService)],s.UniverDocsUIPlugin),s.DOC_UI_PLUGIN_NAME=M,s.DefaultDocContainerConfig=I,s.DefaultDocUiConfig=C,s.DefaultToolbarConfig=g,s.enUS=q,s.zhCN=U,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@univerjs/docs-ui",
-  "version": "0.1.0-alpha.2",
+  "version": "0.1.0-beta.0",
   "description": "Univer normal ui-plugin-docs",
   "keywords": [],
   "author": "DreamNum <developer@univer.ai>",
@@ -37,30 +37,30 @@
   "devDependencies": {
     "@types/react": "^18.2.42",
     "@vitejs/plugin-react": "^4.2.1",
-    "@vitest/coverage-istanbul": "^1.0.2",
+    "@vitest/coverage-istanbul": "^1.0.4",
     "@wendellhu/redi": "^0.12.12",
     "happy-dom": "^12.10.3",
     "less": "^4.2.0",
     "react": "^18.2.0",
     "typescript": "^5.3.3",
-    "vite": "^5.0.7",
+    "vite": "^5.0.8",
     "vite-plugin-dts": "^3.6.4",
     "vite-plugin-externals": "^0.6.2",
-    "vitest": "^1.0.2",
-    "@univerjs/core": "0.1.0-alpha.2",
-    "@univerjs/design": "0.1.0-alpha.2",
-    "@univerjs/docs": "0.1.0-alpha.2",
-    "@univerjs/engine-render": "0.1.0-alpha.2",
-    "@univerjs/ui": "0.1.0-alpha.2"
+    "vitest": "^1.0.4",
+    "@univerjs/design": "0.1.0-beta.0",
+    "@univerjs/core": "0.1.0-beta.0",
+    "@univerjs/docs": "0.1.0-beta.0",
+    "@univerjs/engine-render": "0.1.0-beta.0",
+    "@univerjs/ui": "0.1.0-beta.0"
   },
   "peerDependencies": {
     "@wendellhu/redi": ">=0.12.12",
     "react": ">=16.9.0",
-    "@univerjs/core": "0.1.0-alpha.2",
-    "@univerjs/engine-render": "0.1.0-alpha.2",
-    "@univerjs/design": "0.1.0-alpha.2",
-    "@univerjs/ui": "0.1.0-alpha.2",
-    "@univerjs/docs": "0.1.0-alpha.2"
+    "@univerjs/core": "0.1.0-beta.0",
+    "@univerjs/design": "0.1.0-beta.0",
+    "@univerjs/docs": "0.1.0-beta.0",
+    "@univerjs/ui": "0.1.0-beta.0",
+    "@univerjs/engine-render": "0.1.0-beta.0"
   },
   "scripts": {
     "test": "vitest run",