@univerjs/ui 0.6.1 → 0.6.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (53) hide show
  1. package/README.md +4 -0
  2. package/lib/cjs/facade.js +1 -1
  3. package/lib/cjs/index.js +46 -35
  4. package/lib/cjs/locale/en-US.js +1 -1
  5. package/lib/cjs/locale/fa-IR.js +1 -1
  6. package/lib/cjs/locale/fr-FR.js +1 -1
  7. package/lib/cjs/locale/ru-RU.js +1 -1
  8. package/lib/cjs/locale/vi-VN.js +1 -1
  9. package/lib/cjs/locale/zh-CN.js +1 -1
  10. package/lib/cjs/locale/zh-TW.js +1 -1
  11. package/lib/es/facade.js +176 -74
  12. package/lib/es/index.js +3902 -3618
  13. package/lib/es/locale/en-US.js +4 -1
  14. package/lib/es/locale/fa-IR.js +4 -1
  15. package/lib/es/locale/fr-FR.js +4 -1
  16. package/lib/es/locale/ru-RU.js +4 -1
  17. package/lib/es/locale/vi-VN.js +4 -1
  18. package/lib/es/locale/zh-CN.js +6 -3
  19. package/lib/es/locale/zh-TW.js +6 -3
  20. package/lib/index.css +1 -1
  21. package/lib/types/components/index.d.ts +1 -0
  22. package/lib/types/components/menu/desktop/Menu.d.ts +2 -0
  23. package/lib/types/components/slider/Slider.d.ts +47 -0
  24. package/lib/types/components/slider/Slider.stories.d.ts +7 -0
  25. package/lib/types/components/slider/index.d.ts +16 -0
  26. package/lib/types/controllers/ui/ui-desktop.controller.d.ts +5 -16
  27. package/lib/types/controllers/ui/ui-mobile.controller.d.ts +5 -13
  28. package/lib/types/controllers/ui/ui-shared.controller.d.ts +18 -0
  29. package/lib/types/facade/f-enum.d.ts +9 -1
  30. package/lib/types/facade/f-hooks.d.ts +4 -6
  31. package/lib/types/facade/f-menu-builder.d.ts +61 -2
  32. package/lib/types/facade/f-shortcut.d.ts +37 -2
  33. package/lib/types/facade/f-univer.d.ts +275 -38
  34. package/lib/types/index.d.ts +0 -1
  35. package/lib/types/locale/zh-CN.d.ts +3 -0
  36. package/lib/types/services/menu/menu.d.ts +4 -0
  37. package/lib/types/services/shortcut/shortcut.service.d.ts +4 -4
  38. package/lib/types/views/components/ribbon/Button/ToolbarButton.d.ts +15 -1
  39. package/lib/types/views/components/ribbon/ToolbarItem.d.ts +1 -5
  40. package/lib/types/views/components/ribbon/TooltipButtonWrapper.d.ts +16 -5
  41. package/lib/types/views/mobile-workbench/MobileWorkbench.d.ts +6 -0
  42. package/lib/umd/facade.js +1 -1
  43. package/lib/umd/index.js +46 -35
  44. package/lib/umd/locale/en-US.js +1 -1
  45. package/lib/umd/locale/fa-IR.js +1 -1
  46. package/lib/umd/locale/fr-FR.js +1 -1
  47. package/lib/umd/locale/ru-RU.js +1 -1
  48. package/lib/umd/locale/vi-VN.js +1 -1
  49. package/lib/umd/locale/zh-CN.js +1 -1
  50. package/lib/umd/locale/zh-TW.js +1 -1
  51. package/package.json +8 -9
  52. package/lib/types/views/MobileApp.d.ts +0 -6
  53. package/lib/types/views/parts.d.ts +0 -2
package/README.md CHANGED
@@ -10,6 +10,10 @@
10
10
 
11
11
  `@univerjs/ui` defines basic UI services and provides a set of desktop Workbench implementations based on React.
12
12
 
13
+ Please note that this implementation can only display only 1 unit in the workbench. If you would like to embed units
14
+ into a rich text document, or a mind node, you should implement a new UI plugin for that. Refer to our uniui
15
+ plugin for an example.
16
+
13
17
  ## Usage
14
18
 
15
19
  ### Installation
package/lib/cjs/facade.js CHANGED
@@ -1 +1 @@
1
- "use strict";var f=Object.defineProperty;var C=(i,e,t)=>e in i?f(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t;var a=(i,e,t)=>C(i,typeof e!="symbol"?e+"":e,t);const u=require("@univerjs/core/facade"),M=require("@univerjs/engine-render"),n=require("@univerjs/ui"),c=require("@univerjs/core");var j=Object.getOwnPropertyDescriptor,_=(i,e,t,r)=>{for(var s=r>1?void 0:r?j(e,t):e,o=i.length-1,d;o>=0;o--)(d=i[o])&&(s=d(s)||s);return s},h=(i,e)=>(t,r)=>e(t,r,i);class b extends u.FBase{appendTo(e){const t=typeof e=="string"?e.split("|"):e,r=t.length,s={};let o=s;const d=this.__getSchema();t.forEach((S,I)=>{I===r-1?o[S]=d:o[S]={},o=o[S]}),this._menuManagerService.mergeMenu(s)}}var m;let g=(m=class extends b{constructor(e,t,r,s){super();a(this,"_commandToRegister",new Map);a(this,"_buildingSchema");this._item=e,this._injector=t,this._commandService=r,this._menuManagerService=s;const o=typeof e.action=="string"?e.action:c.Tools.generateRandomId(12);o!==e.action&&this._commandToRegister.set(o,e.action),this._buildingSchema={menuItemFactory:()=>({id:e.id,type:n.MenuItemType.BUTTON,icon:e.icon,title:e.title,tooltip:e.tooltip,commandId:o})},typeof e.order<"u"&&(this._buildingSchema.order=e.order)}__getSchema(){return this._commandToRegister.forEach((e,t)=>{this._commandService.hasCommand(t)||this._commandService.registerCommand({id:t,type:c.CommandType.COMMAND,handler:e})}),{[this._item.id]:this._buildingSchema}}},a(m,"RibbonStartGroup",n.RibbonStartGroup),a(m,"RibbonPosition",n.RibbonPosition),a(m,"MenuManagerPosition",n.MenuManagerPosition),m);g=_([h(1,c.Inject(c.Injector)),h(2,c.ICommandService),h(3,n.IMenuManagerService)],g);let l=class extends b{constructor(e,t,r){super();a(this,"_menuByGroups",[]);a(this,"_submenus",[]);a(this,"_buildingSchema");this._item=e,this._injector=t,this._menuManagerService=r,this._buildingSchema={menuItemFactory:()=>({id:e.id,type:n.MenuItemType.SUBITEMS,icon:e.icon,title:e.title,tooltip:e.tooltip})},typeof e.order<"u"&&(this._buildingSchema.order=e.order)}addSubmenu(e){return this._submenus.push(e),this}addSeparator(){return this._menuByGroups.push(this._submenus),this._submenus=[],this}__getSchema(){const e={};return this.addSeparator(),this._menuByGroups.forEach((t,r)=>{const s={};t.forEach(o=>{Object.assign(s,o.__getSchema())}),e[`${this._item.id}-group-${r}`]=s}),{[this._item.id]:Object.assign(this._buildingSchema,e)}}};l=_([h(1,c.Inject(c.Injector)),h(2,n.IMenuManagerService)],l);var y=Object.getOwnPropertyDescriptor,P=(i,e,t,r)=>{for(var s=r>1?void 0:r?y(e,t):e,o=i.length-1,d;o>=0;o--)(d=i[o])&&(s=d(s)||s);return s},v=(i,e)=>(t,r)=>e(t,r,i);let p=class extends u.FBase{constructor(e,t){super();a(this,"_forceDisableDisposable",null);this._injector=e,this._shortcutService=t}enableShortcut(){var e;return(e=this._forceDisableDisposable)==null||e.dispose(),this._forceDisableDisposable=null,this}disableShortcut(){return this._forceDisableDisposable||(this._forceDisableDisposable=this._shortcutService.forceDisable()),this}dispatchShortcutEvent(e){return this._shortcutService.dispatch(e)}};p=P([v(0,c.Inject(c.Injector)),v(1,n.IShortcutService)],p);class U extends u.FUniver{getURL(){return new URL(window.location.href)}getShortcut(){return this._injector.createInstance(p)}copy(){return this._commandService.syncExecuteCommand(n.CopyCommand.id)}paste(){return this._commandService.syncExecuteCommand(n.PasteCommand.id)}createMenu(e){return this._injector.createInstance(g,e)}createSubmenu(e){return this._injector.createInstance(l,e)}openSiderbar(e){return this._injector.get(n.ISidebarService).open(e)}openSidebar(e){return this.openSiderbar(e)}openDialog(e){const r=this._injector.get(n.IDialogService).open({...e,onClose:()=>{r.dispose()}});return r}getComponentManager(){return this._injector.get(n.ComponentManager)}showMessage(e){return this._injector.get(n.IMessageService).show(e),this}setUIVisible(e,t){return this._injector.get(n.IUIPartsService).setUIVisible(e,t),this}isUIVisible(e){return this._injector.get(n.IUIPartsService).isUIVisible(e)}registerUIPart(e,t){return this._injector.get(n.IUIPartsService).registerComponent(e,()=>n.connectInjector(t,this._injector))}registerComponent(e,t,r){const s=this._injector.get(n.ComponentManager);return this.disposeWithMe(s.register(e,t,r))}setCurrent(e){if(!this._injector.get(M.IRenderManagerService).getRenderById(e))throw new Error("Unit not found");this._univerInstanceService.setCurrentUnitForType(e)}}u.FUniver.extend(U);class x extends u.FHooks{onBeforeCopy(e){return this._injector.get(c.ICommandService).beforeCommandExecuted(r=>{r.id===n.CopyCommand.id&&e()})}onCopy(e){return this._injector.get(c.ICommandService).onCommandExecuted(r=>{r.id===n.CopyCommand.id&&e()})}onBeforePaste(e){return this._injector.get(c.ICommandService).beforeCommandExecuted(r=>{r.id===n.PasteCommand.id&&e()})}onPaste(e){return this._injector.get(c.ICommandService).onCommandExecuted(r=>{(r.id===n.PasteCommand.id||r.id===n.SheetPasteShortKeyCommandName)&&e()})}}u.FHooks.extend(x);class D extends u.FEnum{get BuiltInUIPart(){return n.BuiltInUIPart}}u.FEnum.extend(D);
1
+ "use strict";var f=Object.defineProperty;var M=(i,e,t)=>e in i?f(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t;var a=(i,e,t)=>M(i,typeof e!="symbol"?e+"":e,t);const u=require("@univerjs/core/facade"),_=require("@univerjs/engine-render"),n=require("@univerjs/ui"),c=require("@univerjs/core");var j=Object.getOwnPropertyDescriptor,I=(i,e,t,r)=>{for(var s=r>1?void 0:r?j(e,t):e,o=i.length-1,d;o>=0;o--)(d=i[o])&&(s=d(s)||s);return s},m=(i,e)=>(t,r)=>e(t,r,i);class b extends u.FBase{appendTo(e){const t=typeof e=="string"?e.split("|"):e,r=t.length,s={};let o=s;const d=this.__getSchema();t.forEach((g,C)=>{C===r-1?o[g]=d:o[g]={},o=o[g]}),this._menuManagerService.mergeMenu(s)}}var h;let v=(h=class extends b{constructor(e,t,r,s){super();a(this,"_commandToRegister",new Map);a(this,"_buildingSchema");this._item=e,this._injector=t,this._commandService=r,this._menuManagerService=s;const o=typeof e.action=="string"?e.action:c.Tools.generateRandomId(12);o!==e.action&&this._commandToRegister.set(o,e.action),this._buildingSchema={menuItemFactory:()=>({id:e.id,type:n.MenuItemType.BUTTON,icon:e.icon,title:e.title,tooltip:e.tooltip,commandId:o})},typeof e.order<"u"&&(this._buildingSchema.order=e.order)}__getSchema(){return this._commandToRegister.forEach((e,t)=>{this._commandService.hasCommand(t)||this._commandService.registerCommand({id:t,type:c.CommandType.COMMAND,handler:e})}),{[this._item.id]:this._buildingSchema}}},a(h,"RibbonStartGroup",n.RibbonStartGroup),a(h,"RibbonPosition",n.RibbonPosition),a(h,"MenuManagerPosition",n.MenuManagerPosition),h);v=I([m(1,c.Inject(c.Injector)),m(2,c.ICommandService),m(3,n.IMenuManagerService)],v);let l=class extends b{constructor(e,t,r){super();a(this,"_menuByGroups",[]);a(this,"_submenus",[]);a(this,"_buildingSchema");this._item=e,this._injector=t,this._menuManagerService=r,this._buildingSchema={menuItemFactory:()=>({id:e.id,type:n.MenuItemType.SUBITEMS,icon:e.icon,title:e.title,tooltip:e.tooltip})},typeof e.order<"u"&&(this._buildingSchema.order=e.order)}addSubmenu(e){return this._submenus.push(e),this}addSeparator(){return this._menuByGroups.push(this._submenus),this._submenus=[],this}__getSchema(){const e={};return this.addSeparator(),this._menuByGroups.forEach((t,r)=>{const s={};t.forEach(o=>{Object.assign(s,o.__getSchema())}),e[`${this._item.id}-group-${r}`]=s}),{[this._item.id]:Object.assign(this._buildingSchema,e)}}};l=I([m(1,c.Inject(c.Injector)),m(2,n.IMenuManagerService)],l);var y=Object.getOwnPropertyDescriptor,U=(i,e,t,r)=>{for(var s=r>1?void 0:r?y(e,t):e,o=i.length-1,d;o>=0;o--)(d=i[o])&&(s=d(s)||s);return s},S=(i,e)=>(t,r)=>e(t,r,i);let p=class extends u.FBase{constructor(e,t,r,s){super();a(this,"_forceDisableDisposable",null);this._injector=e,this._renderManagerService=t,this._univerInstanceService=r,this._shortcutService=s}enableShortcut(){var e;return(e=this._forceDisableDisposable)==null||e.dispose(),this._forceDisableDisposable=null,this}disableShortcut(){return this._forceDisableDisposable||(this._forceDisableDisposable=this._shortcutService.forceDisable()),this}triggerShortcut(e){const t=this._univerInstanceService.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SHEET);if(!t)return;const r=this._renderManagerService.getRenderById(t.getUnitId());return r?(r.engine.getCanvasElement().dispatchEvent(e),this._shortcutService.dispatch(e)):void 0}dispatchShortcutEvent(e){return this._shortcutService.dispatch(e)}};p=U([S(0,c.Inject(c.Injector)),S(1,c.Inject(_.IRenderManagerService)),S(2,c.IUniverInstanceService),S(3,n.IShortcutService)],p);class P extends u.FUniver{getURL(){return new URL(window.location.href)}getShortcut(){return this._injector.createInstance(p)}copy(){return this._commandService.executeCommand(n.CopyCommand.id)}paste(){return this._commandService.executeCommand(n.PasteCommand.id)}createMenu(e){return this._injector.createInstance(v,e)}createSubmenu(e){return this._injector.createInstance(l,e)}openSiderbar(e){return this._injector.get(n.ISidebarService).open(e)}openSidebar(e){return this.openSiderbar(e)}openDialog(e){const r=this._injector.get(n.IDialogService).open({...e,onClose:()=>{r.dispose()}});return r}getComponentManager(){return this._injector.get(n.ComponentManager)}showMessage(e){return this._injector.get(n.IMessageService).show(e),this}setUIVisible(e,t){return this._injector.get(n.IUIPartsService).setUIVisible(e,t),this}isUIVisible(e){return this._injector.get(n.IUIPartsService).isUIVisible(e)}registerUIPart(e,t){return this._injector.get(n.IUIPartsService).registerComponent(e,()=>n.connectInjector(t,this._injector))}registerComponent(e,t,r){const s=this._injector.get(n.ComponentManager);return this.disposeWithMe(s.register(e,t,r))}setCurrent(e){if(!this._injector.get(_.IRenderManagerService).getRenderById(e))throw new Error("Unit not found");this._univerInstanceService.setCurrentUnitForType(e)}}u.FUniver.extend(P);class E extends u.FHooks{onBeforeCopy(e){return this._injector.get(c.ICommandService).beforeCommandExecuted(r=>{r.id===n.CopyCommand.id&&e()})}onCopy(e){return this._injector.get(c.ICommandService).onCommandExecuted(r=>{r.id===n.CopyCommand.id&&e()})}onBeforePaste(e){return this._injector.get(c.ICommandService).beforeCommandExecuted(r=>{r.id===n.PasteCommand.id&&e()})}onPaste(e){return this._injector.get(c.ICommandService).onCommandExecuted(r=>{(r.id===n.PasteCommand.id||r.id===n.SheetPasteShortKeyCommandName)&&e()})}}u.FHooks.extend(E);class F extends u.FEnum{get BuiltInUIPart(){return n.BuiltInUIPart}get KeyCode(){return n.KeyCode}}u.FEnum.extend(F);