@univerjs/docs-ui 0.1.0-alpha.2 → 0.1.0-alpha.3

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 R=Object.defineProperty;var U=(e,t,o)=>t in e?R(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o;var _=(e,t,o)=>(U(e,typeof t!="symbol"?t+"":t,o),o);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("@univerjs/core"),a=require("@wendellhu/redi"),i=require("@univerjs/ui"),l=require("@univerjs/docs"),C={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},S={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:S,toolbarConfig:C}},M="DocUI";var D=Object.defineProperty,A=Object.getOwnPropertyDescriptor,L=(e,t,o,n)=>{for(var r=n>1?void 0:n?A(t,o):t,c=e.length-1,s;c>=0;c--)(s=e[c])&&(r=(n?s(t,o,r):s(r))||r);return n&&r&&D(t,o,r),r},g=(e,t)=>(o,n)=>t(o,n,e);let T=class{constructor(e,t,o){_(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=o}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=L([g(1,a.Inject(u.LocaleService)),g(2,a.Inject(a.Injector))],T);var P=Object.defineProperty,y=Object.getOwnPropertyDescriptor,j=(e,t,o,n)=>{for(var r=n>1?void 0:n?y(t,o):t,c=e.length-1,s;c>=0;c--)(s=e[c])&&(r=(n?s(t,o,r):s(r))||r);return n&&r&&P(t,o,r),r},h=(e,t)=>(o,n)=>t(o,n,e);let d=class{constructor(e,t,o){_(this,"_docContainerController");_(this,"changeLocale",e=>{this._localeService.setLocale(e)});this._localeService=t,this._injector=o,this._docContainerController=this._injector.createInstance(T,e)}getDocContainerController(){return this._docContainerController}};d=j([h(1,a.Inject(u.LocaleService)),h(2,a.Inject(a.Injector))],d);function B(e){return{id:l.SetInlineFormatBoldCommand.id,group:i.MenuGroup.TOOLBAR_FORMAT,type:i.MenuItemType.BUTTON,icon:"BoldSingle",title:"Set bold",tooltip:"toolbar.bold",positions:[i.MenuPosition.TOOLBAR_START]}}function b(e){return{id:l.SetInlineFormatItalicCommand.id,group:i.MenuGroup.TOOLBAR_FORMAT,type:i.MenuItemType.BUTTON,icon:"ItalicSingle",title:"Set italic",tooltip:"toolbar.italic",positions:[i.MenuPosition.TOOLBAR_START]}}function F(e){return{id:l.SetInlineFormatUnderlineCommand.id,group:i.MenuGroup.TOOLBAR_FORMAT,type:i.MenuItemType.BUTTON,icon:"UnderlineSingle",title:"Set underline",tooltip:"toolbar.underline",positions:[i.MenuPosition.TOOLBAR_START]}}function N(e){return{id:l.SetInlineFormatStrikethroughCommand.id,group:i.MenuGroup.TOOLBAR_FORMAT,type:i.MenuItemType.BUTTON,icon:"StrikethroughSingle",title:"Set strike through",tooltip:"toolbar.strikethrough",positions:[i.MenuPosition.TOOLBAR_START]}}function $(e){return{id:l.SetInlineFormatSubscriptCommand.id,group:i.MenuGroup.TOOLBAR_FORMAT,type:i.MenuItemType.BUTTON,icon:"FontSizeReduceSingleSingle",tooltip:"toolbar.subscript",positions:[i.MenuPosition.TOOLBAR_START]}}function w(e){return{id:l.SetInlineFormatSuperscriptCommand.id,group:i.MenuGroup.TOOLBAR_FORMAT,type:i.MenuItemType.BUTTON,icon:"FontSizeIncreaseSingle",tooltip:"toolbar.superscript",positions:[i.MenuPosition.TOOLBAR_START]}}function z(e){return{id:l.OrderListCommand.id,group:i.MenuGroup.TOOLBAR_LAYOUT,type:i.MenuItemType.BUTTON,icon:"OrderSingle",tooltip:"toolbar.superscript",positions:[i.MenuPosition.TOOLBAR_START]}}function G(e){return{id:l.BulletListCommand.id,group:i.MenuGroup.TOOLBAR_LAYOUT,type:i.MenuItemType.BUTTON,icon:"UnorderSingle",tooltip:"toolbar.superscript",positions:[i.MenuPosition.TOOLBAR_START]}}var E=Object.defineProperty,x=Object.getOwnPropertyDescriptor,q=(e,t,o,n)=>{for(var r=n>1?void 0:n?x(t,o):t,c=e.length-1,s;c>=0;c--)(s=e[c])&&(r=(n?s(t,o,r):s(r))||r);return n&&r&&E(t,o,r),r},p=(e,t)=>(o,n)=>t(o,n,e);let f=class extends u.Disposable{constructor(e,t,o,n,r,c){super(),this._injector=e,this._componentManager=t,this._commandService=o,this._shortcutService=n,this._menuService=r,this._uiController=c,this._init()}_init(){[B,b,F,N,$,w,z,G].forEach(e=>{this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(e)))})}};f=q([u.OnLifecycle(u.LifecycleStages.Rendered,f),p(0,a.Inject(a.Injector)),p(1,a.Inject(i.ComponentManager)),p(2,u.ICommandService),p(3,i.IShortcutService),p(4,i.IMenuService),p(5,i.IUIController)],f);const Y={},v={};var H=Object.defineProperty,K=Object.getOwnPropertyDescriptor,W=(e,t,o,n)=>{for(var r=n>1?void 0:n?K(t,o):t,c=e.length-1,s;c>=0;c--)(s=e[c])&&(r=(n?s(t,o,r):s(r))||r);return n&&r&&H(t,o,r),r},I=(e,t)=>(o,n)=>t(o,n,e),O;exports.UniverDocsUIPlugin=(O=class extends u.Plugin{constructor(t,o,n){super(M),this._config=t,this._injector=o,this._localeService=n,this._localeService.load({zhCN:v}),this._config=u.Tools.deepMerge({},m,this._config),this._initDependencies(o)}onRendered(){this._initModules(),this._markDocAsFocused()}onDestroy(){}_initDependencies(t){[[f],[d,{useFactory:()=>this._injector.createInstance(d,this._config)}]].forEach(n=>{t.add(n)})}_markDocAsFocused(){const t=this._injector.get(u.IUniverInstanceService),o=t.getCurrentUniverDocInstance(),n=o.getUnitId();n!==u.DOCS_NORMAL_EDITOR_UNIT_ID_KEY&&n!==u.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY&&t.focusUniverInstance(o.getUnitId())}_initModules(){this._injector.get(d)}},_(O,"type",u.PluginType.Doc),O);exports.UniverDocsUIPlugin=W([I(1,a.Inject(a.Injector)),I(2,a.Inject(u.LocaleService))],exports.UniverDocsUIPlugin);exports.DOC_UI_PLUGIN_NAME=M;exports.DefaultDocContainerConfig=S;exports.DefaultDocUiConfig=m;exports.DefaultToolbarConfig=C;exports.enUS=Y;exports.zhCN=v;

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