@univerjs/docs-ui 0.1.0-beta.1 → 0.1.0-beta.3

package/{LICENSE.txt → LICENSE}

@@ -1,5 +1,3 @@
-
-
                                  Apache License
                            Version 2.0, January 2004
                         http://www.apache.org/licenses/

package/lib/cjs/index.js

@@ -1 +1 @@
-"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;
+"use strict";var N=Object.defineProperty;var B=(e,n,t)=>n in e?N(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t;var T=(e,n,t)=>(B(e,typeof n!="symbol"?n+"":n,t),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@univerjs/core"),m=require("@wendellhu/redi"),r=require("@univerjs/ui"),l=require("@univerjs/docs"),p=require("rxjs"),$=require("@univerjs/design"),b={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},F={outerLeft:!1,outerRight:!1,header:!0,footer:!0,innerLeft:!1,innerRight:!1,frozenHeaderLT:!1,frozenHeaderRT:!1,frozenHeaderLM:!1,frozenContent:!1,infoBar:!0,toolbar:!0},U={layout:{docContainerConfig:F,toolbarConfig:b}},L="DocUI";var j=Object.defineProperty,w=Object.getOwnPropertyDescriptor,z=(e,n,t,o)=>{for(var i=o>1?void 0:o?w(n,t):n,c=e.length-1,s;c>=0;c--)(s=e[c])&&(i=(o?s(n,t,i):s(i))||i);return o&&i&&j(n,t,i),i},M=(e,n)=>(t,o)=>n(t,o,e);let h=class{constructor(e,n,t){T(this,"_docContainer");T(this,"getComponent",e=>{if(this._docContainer=e,!e.getContentRef().current)throw new Error("container is not ready")});T(this,"changeLocale",e=>{this._localeService.setLocale(e)});this._config=e,this._localeService=n,this._injector=t}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=z([M(1,m.Inject(a.LocaleService)),M(2,m.Inject(m.Injector))],h);var G=Object.defineProperty,H=Object.getOwnPropertyDescriptor,Y=(e,n,t,o)=>{for(var i=o>1?void 0:o?H(n,t):n,c=e.length-1,s;c>=0;c--)(s=e[c])&&(i=(o?s(n,t,i):s(i))||i);return o&&i&&G(n,t,i),i},R=(e,n)=>(t,o)=>n(t,o,e);let C=class{constructor(e,n,t){T(this,"_docContainerController");T(this,"changeLocale",e=>{this._localeService.setLocale(e)});this._localeService=n,this._injector=t,this._docContainerController=this._injector.createInstance(h,e)}getDocContainerController(){return this._docContainerController}};C=Y([R(1,m.Inject(a.LocaleService)),R(2,m.Inject(m.Injector))],C);const v="UI_PLUGIN_DOCS",x=`${v}_COLOR_PICKER_COMPONENT`,A=`${v}_FONT_FAMILY_COMPONENT`,y=`${v}_FONT_FAMILY_ITEM_COMPONENT`,D=`${v}_FONT_SIZE_COMPONENT`;function q(e){const n=e.get(a.ICommandService);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],activated$:new p.Observable(t=>{const o=n.onCommandExecuted(i=>{var s;const c=i.id;if(c===l.SetTextSelectionsOperation.id||c===l.SetInlineFormatCommand.id){const u=O(e);if(u==null)return;const d=(s=u.ts)==null?void 0:s.bl;t.next(d===a.BooleanNumber.TRUE)}});return t.next(!1),o.dispose}),hidden$:r.getMenuHiddenObservable(e,a.UniverInstanceType.DOC)}}function W(e){const n=e.get(a.ICommandService);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],activated$:new p.Observable(t=>{const o=n.onCommandExecuted(i=>{var s;const c=i.id;if(c===l.SetTextSelectionsOperation.id||c===l.SetInlineFormatCommand.id){const u=O(e);if(u==null)return;const d=(s=u.ts)==null?void 0:s.it;t.next(d===a.BooleanNumber.TRUE)}});return t.next(!1),o.dispose}),hidden$:r.getMenuHiddenObservable(e,a.UniverInstanceType.DOC)}}function Z(e){const n=e.get(a.ICommandService);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],activated$:new p.Observable(t=>{const o=n.onCommandExecuted(i=>{var s;const c=i.id;if(c===l.SetTextSelectionsOperation.id||c===l.SetInlineFormatCommand.id){const u=O(e);if(u==null)return;const d=(s=u.ts)==null?void 0:s.ul;t.next((d==null?void 0:d.s)===a.BooleanNumber.TRUE)}});return t.next(!1),o.dispose}),hidden$:r.getMenuHiddenObservable(e,a.UniverInstanceType.DOC)}}function K(e){const n=e.get(a.ICommandService);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],activated$:new p.Observable(t=>{const o=n.onCommandExecuted(i=>{var s;const c=i.id;if(c===l.SetTextSelectionsOperation.id||c===l.SetInlineFormatCommand.id){const u=O(e);if(u==null)return;const d=(s=u.ts)==null?void 0:s.st;t.next((d==null?void 0:d.s)===a.BooleanNumber.TRUE)}});return t.next(!1),o.dispose}),hidden$:r.getMenuHiddenObservable(e,a.UniverInstanceType.DOC)}}function V(e){const n=e.get(a.ICommandService);return{id:l.SetInlineFormatSubscriptCommand.id,group:r.MenuGroup.TOOLBAR_FORMAT,type:r.MenuItemType.BUTTON,icon:"SubscriptSingle",tooltip:"toolbar.subscript",positions:[r.MenuPosition.TOOLBAR_START],activated$:new p.Observable(t=>{const o=n.onCommandExecuted(i=>{var s;const c=i.id;if(c===l.SetTextSelectionsOperation.id||c===l.SetInlineFormatCommand.id){const u=O(e);if(u==null)return;const d=(s=u.ts)==null?void 0:s.va;t.next(d===a.BaselineOffset.SUBSCRIPT)}});return t.next(!1),o.dispose}),hidden$:r.getMenuHiddenObservable(e,a.UniverInstanceType.DOC)}}function X(e){const n=e.get(a.ICommandService);return{id:l.SetInlineFormatSuperscriptCommand.id,group:r.MenuGroup.TOOLBAR_FORMAT,type:r.MenuItemType.BUTTON,icon:"SuperscriptSingle",tooltip:"toolbar.superscript",positions:[r.MenuPosition.TOOLBAR_START],activated$:new p.Observable(t=>{const o=n.onCommandExecuted(i=>{var s;const c=i.id;if(c===l.SetTextSelectionsOperation.id||c===l.SetInlineFormatCommand.id){const u=O(e);if(u==null)return;const d=(s=u.ts)==null?void 0:s.va;t.next(d===a.BaselineOffset.SUPERSCRIPT)}});return t.next(!1),o.dispose}),hidden$:r.getMenuHiddenObservable(e,a.UniverInstanceType.DOC)}}function J(e){const n=e.get(a.ICommandService);return{id:l.SetInlineFormatFontFamilyCommand.id,tooltip:"toolbar.font",group:r.MenuGroup.TOOLBAR_FORMAT,type:r.MenuItemType.SELECTOR,label:A,positions:[r.MenuPosition.TOOLBAR_START],selections:r.FONT_FAMILY_LIST.map(t=>({label:{name:y,hoverable:!0},value:t.value})),value$:new p.Observable(t=>{const o=r.FONT_FAMILY_LIST[0].value,i=n.onCommandExecuted(c=>{var u;const s=c.id;if(s===l.SetTextSelectionsOperation.id||s===l.SetInlineFormatFontFamilyCommand.id){const d=O(e);if(d==null)return;const S=(u=d.ts)==null?void 0:u.ff;t.next(S??o)}});return t.next(o),i.dispose}),hidden$:r.getMenuHiddenObservable(e,a.UniverInstanceType.DOC)}}function Q(e){const n=e.get(a.ICommandService);return{id:l.SetInlineFormatFontSizeCommand.id,group:r.MenuGroup.TOOLBAR_FORMAT,type:r.MenuItemType.SELECTOR,tooltip:"toolbar.fontSize",label:{name:D,props:{min:1,max:400}},positions:[r.MenuPosition.TOOLBAR_START],selections:r.FONT_SIZE_LIST,value$:new p.Observable(t=>{const i=n.onCommandExecuted(c=>{var u;const s=c.id;if(s===l.SetTextSelectionsOperation.id||s===l.SetInlineFormatFontSizeCommand.id){const d=O(e);if(d==null)return;const S=(u=d.ts)==null?void 0:u.fs;t.next(S??14)}});return t.next(14),i.dispose}),hidden$:r.getMenuHiddenObservable(e,a.UniverInstanceType.DOC)}}function k(e){const n=e.get(a.ICommandService),t=e.get(a.ThemeService);return{id:l.SetInlineFormatTextColorCommand.id,icon:"FontColor",tooltip:"toolbar.textColor.main",group:r.MenuGroup.TOOLBAR_FORMAT,type:r.MenuItemType.BUTTON_SELECTOR,positions:[r.MenuPosition.TOOLBAR_START],selections:[{label:{name:x,hoverable:!1}}],value$:new p.Observable(o=>{const i=t.getCurrentTheme().textColor,c=n.onCommandExecuted(s=>{if(s.id===l.SetInlineFormatTextColorCommand.id){const u=s.params.value;o.next(u??i)}});return o.next(i),c.dispose}),hidden$:r.getMenuHiddenObservable(e,a.UniverInstanceType.DOC)}}function ee(e){return{id:l.OrderListCommand.id,group:r.MenuGroup.TOOLBAR_LAYOUT,type:r.MenuItemType.BUTTON,icon:"OrderSingle",tooltip:"toolbar.order",positions:[r.MenuPosition.TOOLBAR_START],hidden$:r.getMenuHiddenObservable(e,a.UniverInstanceType.DOC)}}function te(e){return{id:l.BulletListCommand.id,group:r.MenuGroup.TOOLBAR_LAYOUT,type:r.MenuItemType.BUTTON,icon:"UnorderSingle",tooltip:"toolbar.unorder",positions:[r.MenuPosition.TOOLBAR_START],hidden$:r.getMenuHiddenObservable(e,a.UniverInstanceType.DOC)}}function O(e){var d;const n=e.get(a.IUniverInstanceService),t=e.get(l.TextSelectionManagerService),o=n.getCurrentUniverDocInstance(),i=t.getActiveRange();if(o==null||i==null)return;const c=(d=o.getBody())==null?void 0:d.textRuns;if(c==null)return;const{startOffset:s}=i;return c.find(({st:S,ed:E})=>s>=S&&s<E)}var ne=Object.defineProperty,oe=Object.getOwnPropertyDescriptor,ie=(e,n,t,o)=>{for(var i=o>1?void 0:o?oe(n,t):n,c=e.length-1,s;c>=0;c--)(s=e[c])&&(i=(o?s(n,t,i):s(i))||i);return o&&i&&ne(n,t,i),i},_=(e,n)=>(t,o)=>n(t,o,e);let I=class extends a.Disposable{constructor(e,n,t,o,i,c){super(),this._injector=e,this._componentManager=n,this._commandService=t,this._shortcutService=o,this._menuService=i,this._uiController=c,this._init()}_initCustomComponents(){const e=this._componentManager;this.disposeWithMe(e.register(x,$.ColorPicker)),this.disposeWithMe(e.register(A,r.FontFamily)),this.disposeWithMe(e.register(y,r.FontFamilyItem)),this.disposeWithMe(e.register(D,r.FontSize))}_initMenus(){[q,W,Z,K,V,X,Q,J,k,ee,te].forEach(e=>{this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(e)))})}_init(){this._initCustomComponents(),this._initMenus()}};I=ie([a.OnLifecycle(a.LifecycleStages.Rendered,I),_(0,m.Inject(m.Injector)),_(1,m.Inject(r.ComponentManager)),_(2,a.ICommandService),_(3,r.IShortcutService),_(4,r.IMenuService),_(5,r.IUIController)],I);const re={toolbar:{undo:"Undo",redo:"Redo",font:"Font",fontSize:"Font size",bold:"Bold",italic:"Italic",strikethrough:"Strikethrough",subscript:"Subscript",superscript:"Superscript",textColor:{main:"Text color",right:"Choose color"},resetColor:"Reset",order:"Ordered list",unorder:"Unordered list"}},P={toolbar:{undo:"撤销",redo:"重做",font:"字体",fontSize:"字号",bold:"粗体",italic:"斜体",strikethrough:"删除线",subscript:"下标",superscript:"上标",underline:"下划线",textColor:{main:"文本颜色",right:"颜色选择"},resetColor:"重置颜色",order:"有序列表",unorder:"无序列表"}};var se=Object.defineProperty,ce=Object.getOwnPropertyDescriptor,ae=(e,n,t,o)=>{for(var i=o>1?void 0:o?ce(n,t):n,c=e.length-1,s;c>=0;c--)(s=e[c])&&(i=(o?s(n,t,i):s(i))||i);return o&&i&&se(n,t,i),i},f=(e,n)=>(t,o)=>n(t,o,e),g;exports.UniverDocsUIPlugin=(g=class extends a.Plugin{constructor(n,t,o,i){super(L),this._config=n,this._injector=t,this._localeService=o,this._logService=i,this._localeService.load({zhCN:P}),this._config=a.Tools.deepMerge({},U,this._config),this._initDependencies(t)}onRendered(){this._initModules(),this._markDocAsFocused()}onDestroy(){}_initDependencies(n){[[I],[C,{useFactory:()=>this._injector.createInstance(C,this._config)}]].forEach(o=>{n.add(o)})}_markDocAsFocused(){const n=this._injector.get(a.IUniverInstanceService);try{const t=n.getCurrentUniverDocInstance(),o=t.getUnitId();o!==a.DOCS_NORMAL_EDITOR_UNIT_ID_KEY&&o!==a.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY&&n.focusUniverInstance(t.getUnitId())}catch(t){this._logService.warn(t)}}_initModules(){this._injector.get(C)}},T(g,"type",a.PluginType.Doc),g);exports.UniverDocsUIPlugin=ae([f(1,m.Inject(m.Injector)),f(2,m.Inject(a.LocaleService)),f(3,a.ILogService)],exports.UniverDocsUIPlugin);exports.DOC_UI_PLUGIN_NAME=L;exports.DefaultDocContainerConfig=F;exports.DefaultDocUiConfig=U;exports.DefaultToolbarConfig=b;exports.enUS=re;exports.zhCN=P;

package/lib/es/index.js

@@ -1,11 +1,13 @@
-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 = {
+var K = Object.defineProperty;
+var G = (e, n, t) => n in e ? K(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
+var S = (e, n, t) => (G(e, typeof n != "symbol" ? n + "" : n, t), t);
+import { LocaleService as U, ICommandService as O, BooleanNumber as M, UniverInstanceType as a, BaselineOffset as j, ThemeService as V, IUniverInstanceService as w, Disposable as X, OnLifecycle as q, LifecycleStages as J, Plugin as Q, Tools as k, PluginType as ee, DOCS_NORMAL_EDITOR_UNIT_ID_KEY as te, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY as ne, ILogService as oe } from "@univerjs/core";
+import { Inject as f, Injector as F } from "@wendellhu/redi";
+import { MenuGroup as d, MenuItemType as u, MenuPosition as _, getMenuHiddenObservable as p, FONT_FAMILY_LIST as E, FONT_SIZE_LIST as ie, FontFamily as re, FontFamilyItem as se, FontSize as ce, ComponentManager as le, IShortcutService as ae, IMenuService as de, IUIController as ue } from "@univerjs/ui";
+import { SetInlineFormatBoldCommand as _e, SetTextSelectionsOperation as T, SetInlineFormatCommand as g, SetInlineFormatItalicCommand as pe, SetInlineFormatUnderlineCommand as Oe, SetInlineFormatStrikethroughCommand as me, SetInlineFormatSubscriptCommand as fe, SetInlineFormatSuperscriptCommand as Te, SetInlineFormatFontFamilyCommand as B, SetInlineFormatFontSizeCommand as N, SetInlineFormatTextColorCommand as P, OrderListCommand as Ce, BulletListCommand as Se, TextSelectionManagerService as he } from "@univerjs/docs";
+import { Observable as m } from "rxjs";
+import { ColorPicker as ge } from "@univerjs/design";
+const ve = {
   undo: !0,
   redo: !0,
   // Undo redo
@@ -33,7 +35,7 @@ const V = {
   // 'Wrap mode'
   textRotateMode: !0
   // 'Text Rotation Mode'
-}, X = {
+}, Re = {
   outerLeft: !1,
   outerRight: !1,
   header: !0,
@@ -46,22 +48,22 @@ const V = {
   frozenContent: !1,
   infoBar: !0,
   toolbar: !0
-}, Z = {
+}, Ie = {
   layout: {
-    docContainerConfig: X,
-    toolbarConfig: V
+    docContainerConfig: Re,
+    toolbarConfig: ve
   }
-}, 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 && ee(t, o, r), r;
-}, v = (e, t) => (o, n) => t(o, n, e);
-let S = class {
-  constructor(e, t, o) {
-    p(this, "_docContainer");
+}, Me = "DocUI";
+var Fe = Object.defineProperty, Ae = Object.getOwnPropertyDescriptor, Le = (e, n, t, i) => {
+  for (var o = i > 1 ? void 0 : i ? Ae(n, t) : n, s = e.length - 1, r; s >= 0; s--)
+    (r = e[s]) && (o = (i ? r(n, t, o) : r(o)) || o);
+  return i && o && Fe(n, t, o), o;
+}, b = (e, n) => (t, i) => n(t, i, e);
+let D = class {
+  constructor(e, n, t) {
+    S(this, "_docContainer");
     // 获取SheetContainer组件
-    p(this, "getComponent", (e) => {
+    S(this, "getComponent", (e) => {
       if (this._docContainer = e, !e.getContentRef().current)
         throw new Error("container is not ready");
     });
@@ -72,10 +74,10 @@ let S = class {
      * e: {target: HTMLSelectElement } reference from  https://stackoverflow.com/a/48443771
      *
      */
-    p(this, "changeLocale", (e) => {
+    S(this, "changeLocale", (e) => {
       this._localeService.setLocale(e);
     });
-    this._config = e, this._localeService = t, this._injector = o;
+    this._config = e, this._localeService = n, this._injector = t;
   }
   getUIConfig() {
     return {
@@ -96,18 +98,18 @@ let S = class {
     return this._docContainer;
   }
 };
-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 && re(t, o, r), r;
-}, I = (e, t) => (o, n) => t(o, n, e);
-let O = class {
-  constructor(e, t, o) {
-    p(this, "_docContainerController");
+D = Le([
+  b(1, f(U)),
+  b(2, f(F))
+], D);
+var xe = Object.defineProperty, De = Object.getOwnPropertyDescriptor, Ue = (e, n, t, i) => {
+  for (var o = i > 1 ? void 0 : i ? De(n, t) : n, s = e.length - 1, r; s >= 0; s--)
+    (r = e[s]) && (o = (i ? r(n, t, o) : r(o)) || o);
+  return i && o && xe(n, t, o), o;
+}, y = (e, n) => (t, i) => n(t, i, e);
+let R = class {
+  constructor(e, n, t) {
+    S(this, "_docContainerController");
     /**
      * Change language
      * @param {String} locale new language
@@ -115,155 +117,405 @@ let O = class {
      * e: {target: HTMLSelectElement } reference from  https://stackoverflow.com/a/48443771
      *
      */
-    p(this, "changeLocale", (e) => {
+    S(this, "changeLocale", (e) => {
       this._localeService.setLocale(e);
     });
-    this._localeService = t, this._injector = o, this._docContainerController = this._injector.createInstance(S, e);
+    this._localeService = n, this._injector = t, this._docContainerController = this._injector.createInstance(D, e);
   }
   getDocContainerController() {
     return this._docContainerController;
   }
 };
-O = ie([
-  I(1, s(m)),
-  I(2, s(g))
-], O);
-function ce(e) {
+R = Ue([
+  y(1, f(U)),
+  y(2, f(F))
+], R);
+const A = "UI_PLUGIN_DOCS", z = `${A}_COLOR_PICKER_COMPONENT`, Y = `${A}_FONT_FAMILY_COMPONENT`, W = `${A}_FONT_FAMILY_ITEM_COMPONENT`, Z = `${A}_FONT_SIZE_COMPONENT`;
+function Ee(e) {
+  const n = e.get(O);
   return {
-    id: H.id,
-    group: a.TOOLBAR_FORMAT,
+    id: _e.id,
+    group: d.TOOLBAR_FORMAT,
     type: u.BUTTON,
     icon: "BoldSingle",
     title: "Set bold",
     tooltip: "toolbar.bold",
     positions: [_.TOOLBAR_START],
-    hidden$: d(e, l.DOC)
+    activated$: new m((t) => {
+      const i = n.onCommandExecuted((o) => {
+        var r;
+        const s = o.id;
+        if (s === T.id || s === g.id) {
+          const c = C(e);
+          if (c == null)
+            return;
+          const l = (r = c.ts) == null ? void 0 : r.bl;
+          t.next(l === M.TRUE);
+        }
+      });
+      return t.next(!1), i.dispose;
+    }),
+    hidden$: p(e, a.DOC)
   };
 }
-function se(e) {
+function Be(e) {
+  const n = e.get(O);
   return {
-    id: Y.id,
-    group: a.TOOLBAR_FORMAT,
+    id: pe.id,
+    group: d.TOOLBAR_FORMAT,
     type: u.BUTTON,
     icon: "ItalicSingle",
     title: "Set italic",
     tooltip: "toolbar.italic",
     positions: [_.TOOLBAR_START],
-    hidden$: d(e, l.DOC)
+    activated$: new m((t) => {
+      const i = n.onCommandExecuted((o) => {
+        var r;
+        const s = o.id;
+        if (s === T.id || s === g.id) {
+          const c = C(e);
+          if (c == null)
+            return;
+          const l = (r = c.ts) == null ? void 0 : r.it;
+          t.next(l === M.TRUE);
+        }
+      });
+      return t.next(!1), i.dispose;
+    }),
+    hidden$: p(e, a.DOC)
   };
 }
-function le(e) {
+function Ne(e) {
+  const n = e.get(O);
   return {
-    id: G.id,
-    group: a.TOOLBAR_FORMAT,
+    id: Oe.id,
+    group: d.TOOLBAR_FORMAT,
     type: u.BUTTON,
     icon: "UnderlineSingle",
     title: "Set underline",
     tooltip: "toolbar.underline",
     positions: [_.TOOLBAR_START],
-    hidden$: d(e, l.DOC)
+    activated$: new m((t) => {
+      const i = n.onCommandExecuted((o) => {
+        var r;
+        const s = o.id;
+        if (s === T.id || s === g.id) {
+          const c = C(e);
+          if (c == null)
+            return;
+          const l = (r = c.ts) == null ? void 0 : r.ul;
+          t.next((l == null ? void 0 : l.s) === M.TRUE);
+        }
+      });
+      return t.next(!1), i.dispose;
+    }),
+    hidden$: p(e, a.DOC)
   };
 }
-function ae(e) {
+function Pe(e) {
+  const n = e.get(O);
   return {
-    id: K.id,
-    group: a.TOOLBAR_FORMAT,
+    id: me.id,
+    group: d.TOOLBAR_FORMAT,
     type: u.BUTTON,
     icon: "StrikethroughSingle",
     title: "Set strike through",
     tooltip: "toolbar.strikethrough",
     positions: [_.TOOLBAR_START],
-    hidden$: d(e, l.DOC)
+    activated$: new m((t) => {
+      const i = n.onCommandExecuted((o) => {
+        var r;
+        const s = o.id;
+        if (s === T.id || s === g.id) {
+          const c = C(e);
+          if (c == null)
+            return;
+          const l = (r = c.ts) == null ? void 0 : r.st;
+          t.next((l == null ? void 0 : l.s) === M.TRUE);
+        }
+      });
+      return t.next(!1), i.dispose;
+    }),
+    hidden$: p(e, a.DOC)
   };
 }
-function ue(e) {
+function be(e) {
+  const n = e.get(O);
   return {
-    id: W.id,
-    group: a.TOOLBAR_FORMAT,
+    id: fe.id,
+    group: d.TOOLBAR_FORMAT,
     type: u.BUTTON,
     icon: "SubscriptSingle",
     tooltip: "toolbar.subscript",
     positions: [_.TOOLBAR_START],
-    hidden$: d(e, l.DOC)
+    activated$: new m((t) => {
+      const i = n.onCommandExecuted((o) => {
+        var r;
+        const s = o.id;
+        if (s === T.id || s === g.id) {
+          const c = C(e);
+          if (c == null)
+            return;
+          const l = (r = c.ts) == null ? void 0 : r.va;
+          t.next(l === j.SUBSCRIPT);
+        }
+      });
+      return t.next(!1), i.dispose;
+    }),
+    hidden$: p(e, a.DOC)
   };
 }
-function _e(e) {
+function ye(e) {
+  const n = e.get(O);
   return {
-    id: q.id,
-    group: a.TOOLBAR_FORMAT,
+    id: Te.id,
+    group: d.TOOLBAR_FORMAT,
     type: u.BUTTON,
     icon: "SuperscriptSingle",
     tooltip: "toolbar.superscript",
     positions: [_.TOOLBAR_START],
-    hidden$: d(e, l.DOC)
+    activated$: new m((t) => {
+      const i = n.onCommandExecuted((o) => {
+        var r;
+        const s = o.id;
+        if (s === T.id || s === g.id) {
+          const c = C(e);
+          if (c == null)
+            return;
+          const l = (r = c.ts) == null ? void 0 : r.va;
+          t.next(l === j.SUPERSCRIPT);
+        }
+      });
+      return t.next(!1), i.dispose;
+    }),
+    hidden$: p(e, a.DOC)
+  };
+}
+function $e(e) {
+  const n = e.get(O);
+  return {
+    id: B.id,
+    tooltip: "toolbar.font",
+    group: d.TOOLBAR_FORMAT,
+    type: u.SELECTOR,
+    label: Y,
+    positions: [_.TOOLBAR_START],
+    selections: E.map((t) => ({
+      label: {
+        name: W,
+        hoverable: !0
+      },
+      value: t.value
+    })),
+    // disabled$: getCurrentSheetDisabled$(accessor),
+    value$: new m((t) => {
+      const i = E[0].value, o = n.onCommandExecuted((s) => {
+        var c;
+        const r = s.id;
+        if (r === T.id || r === B.id) {
+          const l = C(e);
+          if (l == null)
+            return;
+          const v = (c = l.ts) == null ? void 0 : c.ff;
+          t.next(v ?? i);
+        }
+      });
+      return t.next(i), o.dispose;
+    }),
+    hidden$: p(e, a.DOC)
+  };
+}
+function je(e) {
+  const n = e.get(O);
+  return {
+    id: N.id,
+    group: d.TOOLBAR_FORMAT,
+    type: u.SELECTOR,
+    tooltip: "toolbar.fontSize",
+    label: {
+      name: Z,
+      props: {
+        min: 1,
+        max: 400
+        // disabled$,
+      }
+    },
+    positions: [_.TOOLBAR_START],
+    selections: ie,
+    // disabled$,
+    value$: new m((t) => {
+      const o = n.onCommandExecuted((s) => {
+        var c;
+        const r = s.id;
+        if (r === T.id || r === N.id) {
+          const l = C(e);
+          if (l == null)
+            return;
+          const v = (c = l.ts) == null ? void 0 : c.fs;
+          t.next(v ?? 14);
+        }
+      });
+      return t.next(14), o.dispose;
+    }),
+    hidden$: p(e, a.DOC)
+  };
+}
+function we(e) {
+  const n = e.get(O), t = e.get(V);
+  return {
+    id: P.id,
+    icon: "FontColor",
+    tooltip: "toolbar.textColor.main",
+    group: d.TOOLBAR_FORMAT,
+    type: u.BUTTON_SELECTOR,
+    positions: [_.TOOLBAR_START],
+    selections: [
+      {
+        label: {
+          name: z,
+          hoverable: !1
+        }
+      }
+    ],
+    value$: new m((i) => {
+      const o = t.getCurrentTheme().textColor, s = n.onCommandExecuted((r) => {
+        if (r.id === P.id) {
+          const c = r.params.value;
+          i.next(c ?? o);
+        }
+      });
+      return i.next(o), s.dispose;
+    }),
+    hidden$: p(e, a.DOC)
+    // disabled$: getCurrentSheetDisabled$(accessor),
   };
 }
-function de(e) {
+function ze(e) {
   return {
-    id: J.id,
-    group: a.TOOLBAR_LAYOUT,
+    id: Ce.id,
+    group: d.TOOLBAR_LAYOUT,
     type: u.BUTTON,
     icon: "OrderSingle",
-    tooltip: "toolbar.superscript",
+    tooltip: "toolbar.order",
     positions: [_.TOOLBAR_START],
-    hidden$: d(e, l.DOC)
+    hidden$: p(e, a.DOC)
   };
 }
-function pe(e) {
+function Ye(e) {
   return {
-    id: Q.id,
-    group: a.TOOLBAR_LAYOUT,
+    id: Se.id,
+    group: d.TOOLBAR_LAYOUT,
     type: u.BUTTON,
     icon: "UnorderSingle",
-    tooltip: "toolbar.superscript",
+    tooltip: "toolbar.unorder",
     positions: [_.TOOLBAR_START],
-    hidden$: d(e, l.DOC)
+    hidden$: p(e, a.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 && 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();
+function C(e) {
+  var l;
+  const n = e.get(w), t = e.get(he), i = n.getCurrentUniverDocInstance(), o = t.getActiveRange();
+  if (i == null || o == null)
+    return;
+  const s = (l = i.getBody()) == null ? void 0 : l.textRuns;
+  if (s == null)
+    return;
+  const { startOffset: r } = o;
+  return s.find(({ st: v, ed: H }) => r >= v && r < H);
+}
+var We = Object.defineProperty, Ze = Object.getOwnPropertyDescriptor, He = (e, n, t, i) => {
+  for (var o = i > 1 ? void 0 : i ? Ze(n, t) : n, s = e.length - 1, r; s >= 0; s--)
+    (r = e[s]) && (o = (i ? r(n, t, o) : r(o)) || o);
+  return i && o && We(n, t, o), o;
+}, h = (e, n) => (t, i) => n(t, i, e);
+let I = class extends X {
+  constructor(e, n, t, i, o, s) {
+    super(), this._injector = e, this._componentManager = n, this._commandService = t, this._shortcutService = i, this._menuService = o, this._uiController = s, this._init();
   }
-  _init() {
+  _initCustomComponents() {
+    const e = this._componentManager;
+    this.disposeWithMe(e.register(z, ge)), this.disposeWithMe(e.register(Y, re)), this.disposeWithMe(e.register(W, se)), this.disposeWithMe(e.register(Z, ce));
+  }
+  _initMenus() {
     [
-      ce,
-      se,
-      le,
-      ae,
-      ue,
-      _e,
-      de,
-      pe
+      Ee,
+      Be,
+      Ne,
+      Pe,
+      be,
+      ye,
+      je,
+      $e,
+      we,
+      ze,
+      Ye
     ].forEach((e) => {
       this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(e)));
     });
   }
+  _init() {
+    this._initCustomComponents(), this._initMenus();
+  }
 };
-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 && 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);
+I = He([
+  q(J.Rendered, I),
+  h(0, f(F)),
+  h(1, f(le)),
+  h(2, O),
+  h(3, ae),
+  h(4, de),
+  h(5, ue)
+], I);
+const ot = {
+  toolbar: {
+    undo: "Undo",
+    redo: "Redo",
+    font: "Font",
+    fontSize: "Font size",
+    bold: "Bold",
+    italic: "Italic",
+    strikethrough: "Strikethrough",
+    subscript: "Subscript",
+    superscript: "Superscript",
+    textColor: {
+      main: "Text color",
+      right: "Choose color"
+    },
+    resetColor: "Reset",
+    order: "Ordered list",
+    unorder: "Unordered list"
+  }
+}, Ke = {
+  toolbar: {
+    undo: "撤销",
+    redo: "重做",
+    font: "字体",
+    fontSize: "字号",
+    bold: "粗体",
+    italic: "斜体",
+    strikethrough: "删除线",
+    subscript: "下标",
+    superscript: "上标",
+    underline: "下划线",
+    textColor: {
+      main: "文本颜色",
+      right: "颜色选择"
+    },
+    resetColor: "重置颜色",
+    order: "有序列表",
+    unorder: "无序列表"
+  }
+};
+var Ge = Object.defineProperty, Ve = Object.getOwnPropertyDescriptor, Xe = (e, n, t, i) => {
+  for (var o = i > 1 ? void 0 : i ? Ve(n, t) : n, s = e.length - 1, r; s >= 0; s--)
+    (r = e[s]) && (o = (i ? r(n, t, o) : r(o)) || o);
+  return i && o && Ge(n, t, o), o;
+}, L = (e, n) => (t, i) => n(t, i, e), x;
+let $ = (x = class extends Q {
+  constructor(e, n, t, i) {
+    super(Me), this._config = e, this._injector = n, this._localeService = t, this._logService = i, this._localeService.load({
+      zhCN: Ke
+    }), this._config = k.deepMerge({}, Ie, this._config), this._initDependencies(n);
   }
   onRendered() {
     this._initModules(), this._markDocAsFocused();
@@ -272,42 +524,42 @@ let R = (C = class extends b {
   }
   _initDependencies(e) {
     [
-      [f],
+      [I],
       [
         // controllers
-        O,
+        R,
         {
-          useFactory: () => this._injector.createInstance(O, this._config)
+          useFactory: () => this._injector.createInstance(R, this._config)
         }
       ]
-    ].forEach((o) => {
-      e.add(o);
+    ].forEach((t) => {
+      e.add(t);
     });
   }
   _markDocAsFocused() {
-    const e = this._injector.get(F);
+    const e = this._injector.get(w);
     try {
-      const t = e.getCurrentUniverDocInstance(), o = t.getUnitId();
-      o !== j && o !== $ && e.focusUniverInstance(t.getUnitId());
-    } catch (t) {
-      this._logService.warn(t);
+      const n = e.getCurrentUniverDocInstance(), t = n.getUnitId();
+      t !== te && t !== ne && e.focusUniverInstance(n.getUnitId());
+    } catch (n) {
+      this._logService.warn(n);
     }
   }
   _initModules() {
-    this._injector.get(O);
+    this._injector.get(R);
   }
-}, p(C, "type", P.Doc), C);
-R = Se([
-  T(1, s(g)),
-  T(2, s(m)),
-  T(3, N)
-], R);
+}, S(x, "type", ee.Doc), x);
+$ = Xe([
+  L(1, f(F)),
+  L(2, f(U)),
+  L(3, oe)
+], $);
 export {
-  k as DOC_UI_PLUGIN_NAME,
-  X as DefaultDocContainerConfig,
-  Z as DefaultDocUiConfig,
-  V as DefaultToolbarConfig,
-  R as UniverDocsUIPlugin,
-  Ae as enUS,
-  ge as zhCN
+  Me as DOC_UI_PLUGIN_NAME,
+  Re as DefaultDocContainerConfig,
+  Ie as DefaultDocUiConfig,
+  ve as DefaultToolbarConfig,
+  $ as UniverDocsUIPlugin,
+  ot as enUS,
+  Ke as zhCN
 };

package/lib/types/components/color-picker/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * 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 { COLOR_PICKER_COMPONENT } from './interface';
+export { ColorPicker } from '@univerjs/design';

package/lib/types/components/color-picker/interface.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 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 declare const COLOR_PICKER_COMPONENT = "UI_PLUGIN_DOCS_COLOR_PICKER_COMPONENT";

package/lib/types/components/const.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 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 declare const COMPONENT_PREFIX = "UI_PLUGIN_DOCS";

package/lib/types/components/font-family/index.d.ts

@@ -0,0 +1,18 @@
+/**
+ * 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 { FONT_FAMILY_COMPONENT, FONT_FAMILY_ITEM_COMPONENT } from './interface';
+export { FontFamily } from '@univerjs/ui';
+export { FontFamilyItem } from '@univerjs/ui';

package/lib/types/components/font-family/interface.d.ts

@@ -0,0 +1,17 @@
+/**
+ * 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 declare const FONT_FAMILY_COMPONENT = "UI_PLUGIN_DOCS_FONT_FAMILY_COMPONENT";
+export declare const FONT_FAMILY_ITEM_COMPONENT = "UI_PLUGIN_DOCS_FONT_FAMILY_ITEM_COMPONENT";

package/lib/types/components/font-size/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * 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 { FONT_SIZE_COMPONENT } from './interface';
+export { FontSize } from '@univerjs/ui';

package/lib/types/components/font-size/interface.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 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 declare const FONT_SIZE_COMPONENT = "UI_PLUGIN_DOCS_FONT_SIZE_COMPONENT";

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

@@ -25,5 +25,7 @@ export declare class DocUIController extends Disposable {
     private readonly _menuService;
     private readonly _uiController;
     constructor(_injector: Injector, _componentManager: ComponentManager, _commandService: ICommandService, _shortcutService: IShortcutService, _menuService: IMenuService, _uiController: IDesktopUIController);
+    private _initCustomComponents;
+    private _initMenus;
     private _init;
 }

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

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import type { IMenuButtonItem } from '@univerjs/ui';
+import type { IMenuButtonItem, IMenuSelectorItem } from '@univerjs/ui';
 import type { IAccessor } from '@wendellhu/redi';
 export declare function BoldMenuItemFactory(accessor: IAccessor): IMenuButtonItem;
 export declare function ItalicMenuItemFactory(accessor: IAccessor): IMenuButtonItem;
@@ -21,5 +21,8 @@ export declare function UnderlineMenuItemFactory(accessor: IAccessor): IMenuButt
 export declare function StrikeThroughMenuItemFactory(accessor: IAccessor): IMenuButtonItem;
 export declare function SubscriptMenuItemFactory(accessor: IAccessor): IMenuButtonItem;
 export declare function SuperscriptMenuItemFactory(accessor: IAccessor): IMenuButtonItem;
+export declare function FontFamilySelectorMenuItemFactory(accessor: IAccessor): IMenuSelectorItem<string>;
+export declare function FontSizeSelectorMenuItemFactory(accessor: IAccessor): IMenuSelectorItem<number>;
+export declare function TextColorSelectorMenuItemFactory(accessor: IAccessor): IMenuSelectorItem<string>;
 export declare function OrderListMenuItemFactory(accessor: IAccessor): IMenuButtonItem;
 export declare function BulletListMenuItemFactory(accessor: IAccessor): IMenuButtonItem;

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

@@ -13,5 +13,24 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-declare const _default: {};
+declare const _default: {
+    toolbar: {
+        undo: string;
+        redo: string;
+        font: string;
+        fontSize: string;
+        bold: string;
+        italic: string;
+        strikethrough: string;
+        subscript: string;
+        superscript: string;
+        textColor: {
+            main: string;
+            right: string;
+        };
+        resetColor: string;
+        order: string;
+        unorder: string;
+    };
+};
 export default _default;

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

@@ -13,5 +13,25 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-declare const _default: {};
+declare const _default: {
+    toolbar: {
+        undo: string;
+        redo: string;
+        font: string;
+        fontSize: string;
+        bold: string;
+        italic: string;
+        strikethrough: string;
+        subscript: string;
+        superscript: string;
+        underline: string;
+        textColor: {
+            main: string;
+            right: string;
+        };
+        resetColor: string;
+        order: string;
+        unorder: string;
+    };
+};
 export default _default;

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

@@ -13,10 +13,9 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import type { BaseComponentProps } from '@univerjs/ui';
 import React, { Component } from 'react';
 import type { IUniverDocsUIConfig } from '../../basics';
-interface IBaseDocContainerProps extends BaseComponentProps {
+interface IBaseDocContainerProps {
     config: IUniverDocsUIConfig;
     changeLocale: (locale: string) => void;
     methods?: any;
@@ -32,7 +31,6 @@ export declare class DocContainer extends Component<IBaseDocContainerProps> {
     splitLeftRef: React.RefObject<HTMLDivElement>;
     contentRef: React.RefObject<HTMLDivElement>;
     constructor(props: IBaseDocContainerProps);
-    componentDidMount(): void;
     /**
      * split mouse down
      * @param e

package/lib/umd/index.js

@@ -1 +1 @@
-(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"})});
+(function(d,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("@univerjs/core"),require("@wendellhu/redi"),require("@univerjs/ui"),require("@univerjs/docs"),require("rxjs"),require("@univerjs/design")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@wendellhu/redi","@univerjs/ui","@univerjs/docs","rxjs","@univerjs/design"],r):(d=typeof globalThis<"u"?globalThis:d||self,r(d.UniverDocsUi={},d.UniverCore,d["@wendellhu/redi"],d.UniverUi,d.UniverDocs,d.rxjs,d.UniverDesign))})(this,function(d,r,p,s,c,O,N){"use strict";var le=Object.defineProperty;var ce=(d,r,p)=>r in d?le(d,r,{enumerable:!0,configurable:!0,writable:!0,value:p}):d[r]=p;var _=(d,r,p)=>(ce(d,typeof r!="symbol"?r+"":r,p),p);var M;const R={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},U={outerLeft:!1,outerRight:!1,header:!0,footer:!0,innerLeft:!1,innerRight:!1,frozenHeaderLT:!1,frozenHeaderRT:!1,frozenHeaderLM:!1,frozenContent:!1,infoBar:!0,toolbar:!0},F={layout:{docContainerConfig:U,toolbarConfig:R}},b="DocUI";var B=Object.defineProperty,$=Object.getOwnPropertyDescriptor,j=(e,n,t,o)=>{for(var i=o>1?void 0:o?$(n,t):n,l=e.length-1,a;l>=0;l--)(a=e[l])&&(i=(o?a(n,t,i):a(i))||i);return o&&i&&B(n,t,i),i},L=(e,n)=>(t,o)=>n(t,o,e);let g=class{constructor(e,n,t){_(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=n,this._injector=t}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}};g=j([L(1,p.Inject(r.LocaleService)),L(2,p.Inject(p.Injector))],g);var w=Object.defineProperty,z=Object.getOwnPropertyDescriptor,G=(e,n,t,o)=>{for(var i=o>1?void 0:o?z(n,t):n,l=e.length-1,a;l>=0;l--)(a=e[l])&&(i=(o?a(n,t,i):a(i))||i);return o&&i&&w(n,t,i),i},A=(e,n)=>(t,o)=>n(t,o,e);let v=class{constructor(e,n,t){_(this,"_docContainerController");_(this,"changeLocale",e=>{this._localeService.setLocale(e)});this._localeService=n,this._injector=t,this._docContainerController=this._injector.createInstance(g,e)}getDocContainerController(){return this._docContainerController}};v=G([A(1,p.Inject(r.LocaleService)),A(2,p.Inject(p.Injector))],v);const C="UI_PLUGIN_DOCS",y=`${C}_COLOR_PICKER_COMPONENT`,D=`${C}_FONT_FAMILY_COMPONENT`,P=`${C}_FONT_FAMILY_ITEM_COMPONENT`,x=`${C}_FONT_SIZE_COMPONENT`;function H(e){const n=e.get(r.ICommandService);return{id:c.SetInlineFormatBoldCommand.id,group:s.MenuGroup.TOOLBAR_FORMAT,type:s.MenuItemType.BUTTON,icon:"BoldSingle",title:"Set bold",tooltip:"toolbar.bold",positions:[s.MenuPosition.TOOLBAR_START],activated$:new O.Observable(t=>{const o=n.onCommandExecuted(i=>{var a;const l=i.id;if(l===c.SetTextSelectionsOperation.id||l===c.SetInlineFormatCommand.id){const u=T(e);if(u==null)return;const m=(a=u.ts)==null?void 0:a.bl;t.next(m===r.BooleanNumber.TRUE)}});return t.next(!1),o.dispose}),hidden$:s.getMenuHiddenObservable(e,r.UniverInstanceType.DOC)}}function Y(e){const n=e.get(r.ICommandService);return{id:c.SetInlineFormatItalicCommand.id,group:s.MenuGroup.TOOLBAR_FORMAT,type:s.MenuItemType.BUTTON,icon:"ItalicSingle",title:"Set italic",tooltip:"toolbar.italic",positions:[s.MenuPosition.TOOLBAR_START],activated$:new O.Observable(t=>{const o=n.onCommandExecuted(i=>{var a;const l=i.id;if(l===c.SetTextSelectionsOperation.id||l===c.SetInlineFormatCommand.id){const u=T(e);if(u==null)return;const m=(a=u.ts)==null?void 0:a.it;t.next(m===r.BooleanNumber.TRUE)}});return t.next(!1),o.dispose}),hidden$:s.getMenuHiddenObservable(e,r.UniverInstanceType.DOC)}}function q(e){const n=e.get(r.ICommandService);return{id:c.SetInlineFormatUnderlineCommand.id,group:s.MenuGroup.TOOLBAR_FORMAT,type:s.MenuItemType.BUTTON,icon:"UnderlineSingle",title:"Set underline",tooltip:"toolbar.underline",positions:[s.MenuPosition.TOOLBAR_START],activated$:new O.Observable(t=>{const o=n.onCommandExecuted(i=>{var a;const l=i.id;if(l===c.SetTextSelectionsOperation.id||l===c.SetInlineFormatCommand.id){const u=T(e);if(u==null)return;const m=(a=u.ts)==null?void 0:a.ul;t.next((m==null?void 0:m.s)===r.BooleanNumber.TRUE)}});return t.next(!1),o.dispose}),hidden$:s.getMenuHiddenObservable(e,r.UniverInstanceType.DOC)}}function W(e){const n=e.get(r.ICommandService);return{id:c.SetInlineFormatStrikethroughCommand.id,group:s.MenuGroup.TOOLBAR_FORMAT,type:s.MenuItemType.BUTTON,icon:"StrikethroughSingle",title:"Set strike through",tooltip:"toolbar.strikethrough",positions:[s.MenuPosition.TOOLBAR_START],activated$:new O.Observable(t=>{const o=n.onCommandExecuted(i=>{var a;const l=i.id;if(l===c.SetTextSelectionsOperation.id||l===c.SetInlineFormatCommand.id){const u=T(e);if(u==null)return;const m=(a=u.ts)==null?void 0:a.st;t.next((m==null?void 0:m.s)===r.BooleanNumber.TRUE)}});return t.next(!1),o.dispose}),hidden$:s.getMenuHiddenObservable(e,r.UniverInstanceType.DOC)}}function Z(e){const n=e.get(r.ICommandService);return{id:c.SetInlineFormatSubscriptCommand.id,group:s.MenuGroup.TOOLBAR_FORMAT,type:s.MenuItemType.BUTTON,icon:"SubscriptSingle",tooltip:"toolbar.subscript",positions:[s.MenuPosition.TOOLBAR_START],activated$:new O.Observable(t=>{const o=n.onCommandExecuted(i=>{var a;const l=i.id;if(l===c.SetTextSelectionsOperation.id||l===c.SetInlineFormatCommand.id){const u=T(e);if(u==null)return;const m=(a=u.ts)==null?void 0:a.va;t.next(m===r.BaselineOffset.SUBSCRIPT)}});return t.next(!1),o.dispose}),hidden$:s.getMenuHiddenObservable(e,r.UniverInstanceType.DOC)}}function K(e){const n=e.get(r.ICommandService);return{id:c.SetInlineFormatSuperscriptCommand.id,group:s.MenuGroup.TOOLBAR_FORMAT,type:s.MenuItemType.BUTTON,icon:"SuperscriptSingle",tooltip:"toolbar.superscript",positions:[s.MenuPosition.TOOLBAR_START],activated$:new O.Observable(t=>{const o=n.onCommandExecuted(i=>{var a;const l=i.id;if(l===c.SetTextSelectionsOperation.id||l===c.SetInlineFormatCommand.id){const u=T(e);if(u==null)return;const m=(a=u.ts)==null?void 0:a.va;t.next(m===r.BaselineOffset.SUPERSCRIPT)}});return t.next(!1),o.dispose}),hidden$:s.getMenuHiddenObservable(e,r.UniverInstanceType.DOC)}}function V(e){const n=e.get(r.ICommandService);return{id:c.SetInlineFormatFontFamilyCommand.id,tooltip:"toolbar.font",group:s.MenuGroup.TOOLBAR_FORMAT,type:s.MenuItemType.SELECTOR,label:D,positions:[s.MenuPosition.TOOLBAR_START],selections:s.FONT_FAMILY_LIST.map(t=>({label:{name:P,hoverable:!0},value:t.value})),value$:new O.Observable(t=>{const o=s.FONT_FAMILY_LIST[0].value,i=n.onCommandExecuted(l=>{var u;const a=l.id;if(a===c.SetTextSelectionsOperation.id||a===c.SetInlineFormatFontFamilyCommand.id){const m=T(e);if(m==null)return;const f=(u=m.ts)==null?void 0:u.ff;t.next(f??o)}});return t.next(o),i.dispose}),hidden$:s.getMenuHiddenObservable(e,r.UniverInstanceType.DOC)}}function X(e){const n=e.get(r.ICommandService);return{id:c.SetInlineFormatFontSizeCommand.id,group:s.MenuGroup.TOOLBAR_FORMAT,type:s.MenuItemType.SELECTOR,tooltip:"toolbar.fontSize",label:{name:x,props:{min:1,max:400}},positions:[s.MenuPosition.TOOLBAR_START],selections:s.FONT_SIZE_LIST,value$:new O.Observable(t=>{const i=n.onCommandExecuted(l=>{var u;const a=l.id;if(a===c.SetTextSelectionsOperation.id||a===c.SetInlineFormatFontSizeCommand.id){const m=T(e);if(m==null)return;const f=(u=m.ts)==null?void 0:u.fs;t.next(f??14)}});return t.next(14),i.dispose}),hidden$:s.getMenuHiddenObservable(e,r.UniverInstanceType.DOC)}}function J(e){const n=e.get(r.ICommandService),t=e.get(r.ThemeService);return{id:c.SetInlineFormatTextColorCommand.id,icon:"FontColor",tooltip:"toolbar.textColor.main",group:s.MenuGroup.TOOLBAR_FORMAT,type:s.MenuItemType.BUTTON_SELECTOR,positions:[s.MenuPosition.TOOLBAR_START],selections:[{label:{name:y,hoverable:!1}}],value$:new O.Observable(o=>{const i=t.getCurrentTheme().textColor,l=n.onCommandExecuted(a=>{if(a.id===c.SetInlineFormatTextColorCommand.id){const u=a.params.value;o.next(u??i)}});return o.next(i),l.dispose}),hidden$:s.getMenuHiddenObservable(e,r.UniverInstanceType.DOC)}}function Q(e){return{id:c.OrderListCommand.id,group:s.MenuGroup.TOOLBAR_LAYOUT,type:s.MenuItemType.BUTTON,icon:"OrderSingle",tooltip:"toolbar.order",positions:[s.MenuPosition.TOOLBAR_START],hidden$:s.getMenuHiddenObservable(e,r.UniverInstanceType.DOC)}}function k(e){return{id:c.BulletListCommand.id,group:s.MenuGroup.TOOLBAR_LAYOUT,type:s.MenuItemType.BUTTON,icon:"UnorderSingle",tooltip:"toolbar.unorder",positions:[s.MenuPosition.TOOLBAR_START],hidden$:s.getMenuHiddenObservable(e,r.UniverInstanceType.DOC)}}function T(e){var m;const n=e.get(r.IUniverInstanceService),t=e.get(c.TextSelectionManagerService),o=n.getCurrentUniverDocInstance(),i=t.getActiveRange();if(o==null||i==null)return;const l=(m=o.getBody())==null?void 0:m.textRuns;if(l==null)return;const{startOffset:a}=i;return l.find(({st:f,ed:ae})=>a>=f&&a<ae)}var ee=Object.defineProperty,te=Object.getOwnPropertyDescriptor,ne=(e,n,t,o)=>{for(var i=o>1?void 0:o?te(n,t):n,l=e.length-1,a;l>=0;l--)(a=e[l])&&(i=(o?a(n,t,i):a(i))||i);return o&&i&&ee(n,t,i),i},S=(e,n)=>(t,o)=>n(t,o,e);let I=class extends r.Disposable{constructor(e,n,t,o,i,l){super(),this._injector=e,this._componentManager=n,this._commandService=t,this._shortcutService=o,this._menuService=i,this._uiController=l,this._init()}_initCustomComponents(){const e=this._componentManager;this.disposeWithMe(e.register(y,N.ColorPicker)),this.disposeWithMe(e.register(D,s.FontFamily)),this.disposeWithMe(e.register(P,s.FontFamilyItem)),this.disposeWithMe(e.register(x,s.FontSize))}_initMenus(){[H,Y,q,W,Z,K,X,V,J,Q,k].forEach(e=>{this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(e)))})}_init(){this._initCustomComponents(),this._initMenus()}};I=ne([r.OnLifecycle(r.LifecycleStages.Rendered,I),S(0,p.Inject(p.Injector)),S(1,p.Inject(s.ComponentManager)),S(2,r.ICommandService),S(3,s.IShortcutService),S(4,s.IMenuService),S(5,s.IUIController)],I);const oe={toolbar:{undo:"Undo",redo:"Redo",font:"Font",fontSize:"Font size",bold:"Bold",italic:"Italic",strikethrough:"Strikethrough",subscript:"Subscript",superscript:"Superscript",textColor:{main:"Text color",right:"Choose color"},resetColor:"Reset",order:"Ordered list",unorder:"Unordered list"}},E={toolbar:{undo:"撤销",redo:"重做",font:"字体",fontSize:"字号",bold:"粗体",italic:"斜体",strikethrough:"删除线",subscript:"下标",superscript:"上标",underline:"下划线",textColor:{main:"文本颜色",right:"颜色选择"},resetColor:"重置颜色",order:"有序列表",unorder:"无序列表"}};var ie=Object.defineProperty,re=Object.getOwnPropertyDescriptor,se=(e,n,t,o)=>{for(var i=o>1?void 0:o?re(n,t):n,l=e.length-1,a;l>=0;l--)(a=e[l])&&(i=(o?a(n,t,i):a(i))||i);return o&&i&&ie(n,t,i),i},h=(e,n)=>(t,o)=>n(t,o,e);d.UniverDocsUIPlugin=(M=class extends r.Plugin{constructor(n,t,o,i){super(b),this._config=n,this._injector=t,this._localeService=o,this._logService=i,this._localeService.load({zhCN:E}),this._config=r.Tools.deepMerge({},F,this._config),this._initDependencies(t)}onRendered(){this._initModules(),this._markDocAsFocused()}onDestroy(){}_initDependencies(n){[[I],[v,{useFactory:()=>this._injector.createInstance(v,this._config)}]].forEach(o=>{n.add(o)})}_markDocAsFocused(){const n=this._injector.get(r.IUniverInstanceService);try{const t=n.getCurrentUniverDocInstance(),o=t.getUnitId();o!==r.DOCS_NORMAL_EDITOR_UNIT_ID_KEY&&o!==r.DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY&&n.focusUniverInstance(t.getUnitId())}catch(t){this._logService.warn(t)}}_initModules(){this._injector.get(v)}},_(M,"type",r.PluginType.Doc),M),d.UniverDocsUIPlugin=se([h(1,p.Inject(p.Injector)),h(2,p.Inject(r.LocaleService)),h(3,r.ILogService)],d.UniverDocsUIPlugin),d.DOC_UI_PLUGIN_NAME=b,d.DefaultDocContainerConfig=U,d.DefaultDocUiConfig=F,d.DefaultToolbarConfig=R,d.enUS=oe,d.zhCN=E,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,16 +1,14 @@
 {
   "name": "@univerjs/docs-ui",
-  "version": "0.1.0-beta.1",
+  "version": "0.1.0-beta.3",
+  "private": false,
   "description": "Univer normal ui-plugin-docs",
-  "keywords": [],
   "author": "DreamNum <developer@univer.ai>",
   "license": "Apache-2.0",
-  "main": "./lib/cjs/index.js",
-  "module": "./lib/es/index.js",
-  "types": "./lib/types/index.d.ts",
-  "publishConfig": {
-    "access": "public"
-  },
+  "keywords": [],
+  "sideEffects": [
+    "**/*.css"
+  ],
   "exports": {
     ".": {
       "import": "./lib/es/index.js",
@@ -24,48 +22,53 @@
     },
     "./lib/*": "./lib/*"
   },
+  "main": "./lib/cjs/index.js",
+  "module": "./lib/es/index.js",
+  "types": "./lib/types/index.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
   "directories": {
     "lib": "lib"
   },
   "files": [
     "lib"
   ],
-  "sideEffects": [
-    "**/*.css"
-  ],
-  "private": false,
-  "dependencies": {
-    "@wendellhu/redi": "^0.12.12",
-    "react": "^18.2.0",
-    "@univerjs/docs": "0.1.0-beta.1",
-    "@univerjs/core": "0.1.0-beta.1",
-    "@univerjs/design": "0.1.0-beta.1",
-    "@univerjs/ui": "0.1.0-beta.1",
-    "@univerjs/engine-render": "0.1.0-beta.1"
+  "engines": {
+    "node": ">=16.0.0",
+    "npm": ">=8.0.0"
   },
+  "peerDependencies": {
+    "@wendellhu/redi": ">=0.12.13",
+    "react": ">=16.9.0",
+    "@univerjs/design": "0.1.0-beta.3",
+    "@univerjs/docs": "0.1.0-beta.3",
+    "@univerjs/core": "0.1.0-beta.3",
+    "@univerjs/engine-render": "0.1.0-beta.3",
+    "@univerjs/ui": "0.1.0-beta.3"
+  },
+  "dependencies": {},
   "devDependencies": {
-    "@types/react": "^18.2.45",
-    "@vitejs/plugin-react": "^4.2.1",
-    "@vitest/coverage-istanbul": "^1.1.0",
-    "happy-dom": "^12.10.3",
+    "@types/react": "^18.2.48",
+    "@wendellhu/redi": "^0.12.13",
     "less": "^4.2.0",
+    "react": "^18.2.0",
+    "rxjs": "^7.8.1",
     "typescript": "^5.3.3",
-    "vite": "^5.0.10",
-    "vite-plugin-dts": "^3.6.4",
-    "vite-plugin-externals": "^0.6.2",
-    "vitest": "^1.1.0"
-  },
-  "peerDependencies": {
-    "@wendellhu/redi": ">=0.12.12",
-    "react": ">=16.9.0",
-    "@univerjs/core": "0.1.0-beta.1",
-    "@univerjs/design": "0.1.0-beta.1",
-    "@univerjs/engine-render": "0.1.0-beta.1",
-    "@univerjs/docs": "0.1.0-beta.1",
-    "@univerjs/ui": "0.1.0-beta.1"
+    "vite": "^5.0.12",
+    "vitest": "^1.2.1",
+    "@univerjs/core": "0.1.0-beta.3",
+    "@univerjs/design": "0.1.0-beta.3",
+    "@univerjs/docs": "0.1.0-beta.3",
+    "@univerjs/shared": "0.1.0-beta.3",
+    "@univerjs/engine-render": "0.1.0-beta.3",
+    "@univerjs/ui": "0.1.0-beta.3"
   },
   "scripts": {
     "test": "vitest run",
+    "test:watch": "vitest",
+    "coverage": "vitest run --coverage",
+    "lint:types": "tsc --noEmit",
     "build": "tsc && vite build"
   }
 }