@univerjs/ui 0.17.0 → 0.18.0

package/lib/facade.js

@@ -1,391 +1 @@
-var B = Object.defineProperty;
-var R = (n, e, t) => e in n ? B(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var o = (n, e, t) => R(n, typeof e != "symbol" ? e + "" : e, t);
-import { FBase as C, FUniver as M, FHooks as j, FEnum as y } from "@univerjs/core/facade";
-import { IRenderManagerService as U } from "@univerjs/engine-render";
-import { IMenuManagerService as P, MenuItemType as E, RibbonStartGroup as w, RibbonPosition as T, MenuManagerPosition as O, IShortcutService as G, CopyCommand as v, PasteCommand as _, ISidebarService as V, IDialogService as $, ComponentManager as I, IMessageService as N, IUIPartsService as g, connectInjector as H, IFontService as K, SheetPasteShortKeyCommandName as k, BuiltInUIPart as L, KeyCode as A } from "@univerjs/ui";
-import { Inject as m, Injector as f, ICommandService as d, generateRandomId as W, CommandType as q, IUniverInstanceService as z, UniverInstanceType as J } from "@univerjs/core";
-var Q = Object.getOwnPropertyDescriptor, x = (n, e, t, r) => {
-  for (var i = r > 1 ? void 0 : r ? Q(e, t) : e, s = n.length - 1, c; s >= 0; s--)
-    (c = n[s]) && (i = c(i) || i);
-  return i;
-}, u = (n, e) => (t, r) => e(t, r, n);
-class D extends C {
-  /**
-   * Append the menu to any menu position on Univer UI.
-   * @param {string | string[]} path - Some predefined path to append the menu. The paths can be an array,
-   * or an array joined by `|` separator. Since lots of submenus reuse the same name,
-   * you may need to specify their parent menus as well.
-   *
-   * @example
-   * ```typescript
-   * // This menu item will appear on every `contextMenu.others` section.
-   * univerAPI.createMenu({
-   *   id: 'custom-menu-id-1',
-   *   title: 'Custom Menu 1',
-   *   action: () => {
-   *     console.log('Custom Menu 1 clicked');
-   *   },
-   * }).appendTo('contextMenu.others');
-   *
-   * // This menu item will only appear on the `contextMenu.others` section on the main area.
-   * univerAPI.createMenu({
-   *   id: 'custom-menu-id-2',
-   *   title: 'Custom Menu 2',
-   *   action: () => {
-   *     console.log('Custom Menu 2 clicked');
-   *   },
-   * }).appendTo(['contextMenu.mainArea', 'contextMenu.others']);
-   * ```
-   */
-  appendTo(e) {
-    const t = typeof e == "string" ? e.split("|") : e, r = t.length, i = {};
-    let s = i;
-    const c = this.__getSchema();
-    t.forEach((S, F) => {
-      F === r - 1 ? s[S] = c : s[S] = {}, s = s[S];
-    }), this._menuManagerService.mergeMenu(i);
-  }
-}
-var a;
-let p = (a = class extends D {
-  constructor(e, t, r, i) {
-    super();
-    o(this, "_commandToRegister", /* @__PURE__ */ new Map());
-    o(this, "_buildingSchema");
-    this._item = e, this._injector = t, this._commandService = r, this._menuManagerService = i;
-    const s = typeof e.action == "string" ? e.action : W(12);
-    s !== e.action && this._commandToRegister.set(s, e.action), this._buildingSchema = {
-      // eslint-disable-next-line ts/explicit-function-return-type
-      menuItemFactory: () => ({
-        id: e.id,
-        type: E.BUTTON,
-        // we only support button for now
-        icon: e.icon,
-        title: e.title,
-        tooltip: e.tooltip,
-        commandId: s
-      })
-    }, typeof e.order < "u" && (this._buildingSchema.order = e.order);
-  }
-  /**
-   * @ignore
-   */
-  __getSchema() {
-    return this._commandToRegister.forEach((e, t) => {
-      this._commandService.hasCommand(t) || this._commandService.registerCommand({
-        id: t,
-        type: q.COMMAND,
-        handler: e
-      });
-    }), { [this._item.id]: this._buildingSchema };
-  }
-}, o(a, "RibbonStartGroup", w), o(a, "RibbonPosition", T), o(a, "MenuManagerPosition", O), a);
-p = x([
-  u(1, m(f)),
-  u(2, d),
-  u(3, P)
-], p);
-let l = class extends D {
-  constructor(e, t, r) {
-    super();
-    o(this, "_menuByGroups", []);
-    o(this, "_submenus", []);
-    o(this, "_buildingSchema");
-    this._item = e, this._injector = t, this._menuManagerService = r, this._buildingSchema = {
-      // eslint-disable-next-line ts/explicit-function-return-type
-      menuItemFactory: () => ({
-        id: e.id,
-        type: E.SUBITEMS,
-        icon: e.icon,
-        title: e.title,
-        tooltip: e.tooltip
-      })
-    }, typeof e.order < "u" && (this._buildingSchema.order = e.order);
-  }
-  /**
-   * Add a menu to the submenu. It can be a {@link FMenu} or a {@link FSubmenu}.
-   * @param {FMenu | FSubmenu} submenu - Menu to add to the submenu.
-   * @returns {FSubmenu} The FSubmenu itself for chaining calls.
-   * @example
-   * ```typescript
-   * // Create two leaf menus.
-   * const menu1 = univerAPI.createMenu({
-   *   id: 'submenu-nested-1',
-   *   title: 'Item 1',
-   *   action: () => {
-   *     console.log('Item 1 clicked');
-   *   }
-   * });
-   * const menu2 = univerAPI.createMenu({
-   *   id: 'submenu-nested-2',
-   *   title: 'Item 2',
-   *   action: () => {
-   *     console.log('Item 2 clicked');
-   *   }
-   * });
-   *
-   * // Add the leaf menus to a submenu.
-   * const submenu = univerAPI.createSubmenu({ id: 'submenu-nested', title: 'Nested Submenu' })
-   *   .addSubmenu(menu1)
-   *   .addSeparator()
-   *   .addSubmenu(menu2);
-   *
-   * // Create a root submenu append to the `contextMenu.others` section.
-   * univerAPI.createSubmenu({ id: 'custom-submenu', title: 'Custom Submenu' })
-   *   .addSubmenu(submenu)
-   *   .appendTo('contextMenu.others');
-   * ```
-   */
-  addSubmenu(e) {
-    return this._submenus.push(e), this;
-  }
-  /**
-   * Add a separator to the submenu.
-   * @returns {FSubmenu} The FSubmenu itself for chaining calls.
-   * @example
-   * ```typescript
-   * // Create two leaf menus.
-   * const menu1 = univerAPI.createMenu({
-   *   id: 'submenu-nested-1',
-   *   title: 'Item 1',
-   *   action: () => {
-   *     console.log('Item 1 clicked');
-   *   }
-   * });
-   * const menu2 = univerAPI.createMenu({
-   *   id: 'submenu-nested-2',
-   *   title: 'Item 2',
-   *   action: () => {
-   *     console.log('Item 2 clicked');
-   *   }
-   * });
-   *
-   * // Add the leaf menus to a submenu and add a separator between them.
-   * // Append the submenu to the `contextMenu.others` section.
-   * univerAPI.createSubmenu({ id: 'submenu-nested', title: 'Nested Submenu' })
-   *   .addSubmenu(menu1)
-   *   .addSeparator()
-   *   .addSubmenu(menu2)
-   *   .appendTo('contextMenu.others');
-   * ```
-   */
-  addSeparator() {
-    return this._menuByGroups.push(this._submenus), this._submenus = [], this;
-  }
-  /**
-   * @ignore
-   */
-  __getSchema() {
-    const e = {};
-    return this.addSeparator(), this._menuByGroups.forEach((t, r) => {
-      const i = {};
-      t.forEach((s) => {
-        Object.assign(i, s.__getSchema());
-      }), e[`${this._item.id}-group-${r}`] = i;
-    }), { [this._item.id]: Object.assign(this._buildingSchema, e) };
-  }
-};
-l = x([
-  u(1, m(f)),
-  u(2, P)
-], l);
-var X = Object.getOwnPropertyDescriptor, Y = (n, e, t, r) => {
-  for (var i = r > 1 ? void 0 : r ? X(e, t) : e, s = n.length - 1, c; s >= 0; s--)
-    (c = n[s]) && (i = c(i) || i);
-  return i;
-}, h = (n, e) => (t, r) => e(t, r, n);
-let b = class extends C {
-  constructor(e, t, r, i) {
-    super();
-    o(this, "_forceDisableDisposable", null);
-    this._injector = e, this._renderManagerService = t, this._univerInstanceService = r, this._shortcutService = i;
-  }
-  /**
-   * Enable shortcuts of Univer.
-   * @returns {FShortcut} The Facade API instance itself for chaining.
-   *
-   * @example
-   * ```typescript
-   * fShortcut.enableShortcut(); // Use the FShortcut instance used by disableShortcut before, do not create a new instance
-   * ```
-   */
-  enableShortcut() {
-    var e;
-    return (e = this._forceDisableDisposable) == null || e.dispose(), this._forceDisableDisposable = null, this;
-  }
-  /**
-   * Disable shortcuts of Univer.
-   * @returns {FShortcut} The Facade API instance itself for chaining.
-   *
-   * @example
-   * ```typescript
-   * const fShortcut = univerAPI.getShortcut();
-   * fShortcut.disableShortcut();
-   * ```
-   */
-  disableShortcut() {
-    return this._forceDisableDisposable || (this._forceDisableDisposable = this._shortcutService.forceDisable()), this;
-  }
-  /**
-   * Trigger shortcut of Univer by a KeyboardEvent and return the matched shortcut item.
-   * @param {KeyboardEvent} e - The KeyboardEvent to trigger.
-   * @returns {IShortcutItem<object> | undefined} The matched shortcut item.
-   *
-   * @example
-   * ```typescript
-   * // Assum the current sheet is empty sheet.
-   * const fWorkbook = univerAPI.getActiveWorkbook();
-   * const fWorksheet = fWorkbook.getActiveSheet();
-   * const fRange = fWorksheet.getRange('A1');
-   *
-   * // Set A1 cell active and set value to 'Hello Univer'.
-   * fRange.activate();
-   * fRange.setValue('Hello Univer');
-   * console.log(fRange.getCellStyle().bold); // false
-   *
-   * // Set A1 cell bold by shortcut.
-   * const fShortcut = univerAPI.getShortcut();
-   * const pseudoEvent = new KeyboardEvent('keydown', {
-   *   key: 'b',
-   *   ctrlKey: true,
-   *   keyCode: univerAPI.Enum.KeyCode.B
-   * });
-   * const ifShortcutItem = fShortcut.triggerShortcut(pseudoEvent);
-   * if (ifShortcutItem) {
-   *   const commandId = ifShortcutItem.id;
-   *   console.log(fRange.getCellStyle().bold); // true
-   * }
-   * ```
-   */
-  triggerShortcut(e) {
-    const t = this._univerInstanceService.getCurrentUnitForType(J.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;
-  }
-  /**
-   * Dispatch a KeyboardEvent to the shortcut service and return the matched shortcut item.
-   * @param {KeyboardEvent} e - The KeyboardEvent to dispatch.
-   * @returns {IShortcutItem<object> | undefined} The matched shortcut item.
-   *
-   * @example
-   * ```typescript
-   * const fShortcut = univerAPI.getShortcut();
-   * const pseudoEvent = new KeyboardEvent('keydown', { key: 's', ctrlKey: true });
-   * const ifShortcutItem = fShortcut.dispatchShortcutEvent(pseudoEvent);
-   * if (ifShortcutItem) {
-   *   const commandId = ifShortcutItem.id;
-   *   // Do something with the commandId.
-   * }
-   * ```
-   */
-  dispatchShortcutEvent(e) {
-    return this._shortcutService.dispatch(e);
-  }
-};
-b = Y([
-  h(0, m(f)),
-  h(1, m(U)),
-  h(2, z),
-  h(3, G)
-], b);
-class Z extends M {
-  getURL() {
-    return new URL(window.location.href);
-  }
-  getShortcut() {
-    return this._injector.createInstance(b);
-  }
-  copy() {
-    return this._commandService.executeCommand(v.id);
-  }
-  paste() {
-    return this._commandService.executeCommand(_.id);
-  }
-  createMenu(e) {
-    return this._injector.createInstance(p, e);
-  }
-  createSubmenu(e) {
-    return this._injector.createInstance(l, e);
-  }
-  openSiderbar(e) {
-    return this._injector.get(V).open(e);
-  }
-  openSidebar(e) {
-    return this.openSiderbar(e);
-  }
-  openDialog(e) {
-    const r = this._injector.get($).open({
-      ...e,
-      onClose: () => {
-        r.dispose();
-      }
-    });
-    return r;
-  }
-  getComponentManager() {
-    return this._injector.get(I);
-  }
-  showMessage(e) {
-    return this._injector.get(N).show(e), this;
-  }
-  setUIVisible(e, t) {
-    return this._injector.get(g).setUIVisible(e, t), this;
-  }
-  isUIVisible(e) {
-    return this._injector.get(g).isUIVisible(e);
-  }
-  registerUIPart(e, t) {
-    return this._injector.get(g).registerComponent(e, () => H(t, this._injector));
-  }
-  registerComponent(e, t, r) {
-    const i = this._injector.get(I);
-    return this.disposeWithMe(i.register(e, t, r));
-  }
-  setCurrent(e) {
-    if (!this._injector.get(U).getRenderById(e))
-      throw new Error("Unit not found");
-    this._univerInstanceService.setCurrentUnitForType(e);
-  }
-  addFonts(e) {
-    const t = this._injector.get(K);
-    e.forEach((r) => {
-      t.addFont(r);
-    });
-  }
-}
-M.extend(Z);
-class ee extends j {
-  onBeforeCopy(e) {
-    return this._injector.get(d).beforeCommandExecuted((r) => {
-      r.id === v.id && e();
-    });
-  }
-  onCopy(e) {
-    return this._injector.get(d).onCommandExecuted((r) => {
-      r.id === v.id && e();
-    });
-  }
-  onBeforePaste(e) {
-    return this._injector.get(d).beforeCommandExecuted((r) => {
-      r.id === _.id && e();
-    });
-  }
-  onPaste(e) {
-    return this._injector.get(d).onCommandExecuted((r) => {
-      (r.id === _.id || r.id === k) && e();
-    });
-  }
-}
-j.extend(ee);
-class te extends y {
-  get BuiltInUIPart() {
-    return L;
-  }
-  get KeyCode() {
-    return A;
-  }
-}
-y.extend(te);
+import{FBase as e,FEnum as t,FHooks as n,FUniver as r}from"@univerjs/core/facade";import{IRenderManagerService as i}from"@univerjs/engine-render";import{BuiltInUIPart as a,ComponentManager as o,CopyCommand as s,IDialogService as c,IFontService as l,IMenuManagerService as u,IMessageService as d,IShortcutService as f,ISidebarService as p,IUIPartsService as m,KeyCode as h,MenuItemType as g,MenuManagerPosition as _,PasteCommand as v,RibbonPosition as y,RibbonStartGroup as b,SheetPasteShortKeyCommandName as x,connectInjector as S}from"@univerjs/ui";import{CommandType as C,ICommandService as w,IUniverInstanceService as T,Inject as E,Injector as D,UniverInstanceType as O,generateRandomId as k}from"@univerjs/core";function A(e){"@babel/helpers - typeof";return A=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},A(e)}function j(e,t){if(A(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(A(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function M(e){var t=j(e,`string`);return A(t)==`symbol`?t:t+``}function N(e,t,n){return(t=M(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(e,t){return function(n,r){t(n,r,e)}}function F(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}var I=class extends e{appendTo(e){let t=typeof e==`string`?e.split(`|`):e,n=t.length,r={},i=r,a=this.__getSchema();t.forEach((e,t)=>{t===n-1?i[e]=a:i[e]={},i=i[e]}),this._menuManagerService.mergeMenu(r)}};let L=class extends I{constructor(e,t,n,r){super(),this._item=e,this._injector=t,this._commandService=n,this._menuManagerService=r,N(this,`_commandToRegister`,new Map),N(this,`_buildingSchema`,void 0);let i=typeof e.action==`string`?e.action:k(12);i!==e.action&&this._commandToRegister.set(i,e.action),this._buildingSchema={menuItemFactory:()=>({id:e.id,type:g.BUTTON,icon:e.icon,title:e.title,tooltip:e.tooltip,commandId:i})},e.order!==void 0&&(this._buildingSchema.order=e.order)}__getSchema(){return this._commandToRegister.forEach((e,t)=>{this._commandService.hasCommand(t)||this._commandService.registerCommand({id:t,type:C.COMMAND,handler:e})}),{[this._item.id]:this._buildingSchema}}};N(L,`RibbonStartGroup`,b),N(L,`RibbonPosition`,y),N(L,`MenuManagerPosition`,_),L=F([P(1,E(D)),P(2,w),P(3,u)],L);let R=class extends I{constructor(e,t,n){super(),this._item=e,this._injector=t,this._menuManagerService=n,N(this,`_menuByGroups`,[]),N(this,`_submenus`,[]),N(this,`_buildingSchema`,void 0),this._buildingSchema={menuItemFactory:()=>({id:e.id,type:g.SUBITEMS,icon:e.icon,title:e.title,tooltip:e.tooltip})},e.order!==void 0&&(this._buildingSchema.order=e.order)}addSubmenu(e){return this._submenus.push(e),this}addSeparator(){return this._menuByGroups.push(this._submenus),this._submenus=[],this}__getSchema(){let e={};return this.addSeparator(),this._menuByGroups.forEach((t,n)=>{let r={};t.forEach(e=>{Object.assign(r,e.__getSchema())}),e[`${this._item.id}-group-${n}`]=r}),{[this._item.id]:Object.assign(this._buildingSchema,e)}}};R=F([P(1,E(D)),P(2,u)],R);let z=class extends e{constructor(e,t,n,r){super(),this._injector=e,this._renderManagerService=t,this._univerInstanceService=n,this._shortcutService=r,N(this,`_forceDisableDisposable`,null)}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){let t=this._univerInstanceService.getCurrentUnitForType(O.UNIVER_SHEET);if(!t)return;let n=this._renderManagerService.getRenderById(t.getUnitId());if(n)return n.engine.getCanvasElement().dispatchEvent(e),this._shortcutService.dispatch(e)}dispatchShortcutEvent(e){return this._shortcutService.dispatch(e)}};z=F([P(0,E(D)),P(1,E(i)),P(2,T),P(3,f)],z);var B=class extends r{getURL(){return new URL(window.location.href)}getShortcut(){return this._injector.createInstance(z)}copy(){return this._commandService.executeCommand(s.id)}paste(){return this._commandService.executeCommand(v.id)}createMenu(e){return this._injector.createInstance(L,e)}createSubmenu(e){return this._injector.createInstance(R,e)}openSiderbar(e){return this._injector.get(p).open(e)}openSidebar(e){return this.openSiderbar(e)}openDialog(e){let t=this._injector.get(c).open({...e,onClose:()=>{t.dispose()}});return t}getComponentManager(){return this._injector.get(o)}showMessage(e){return this._injector.get(d).show(e),this}setUIVisible(e,t){return this._injector.get(m).setUIVisible(e,t),this}isUIVisible(e){return this._injector.get(m).isUIVisible(e)}registerUIPart(e,t){return this._injector.get(m).registerComponent(e,()=>S(t,this._injector))}registerComponent(e,t,n){let r=this._injector.get(o);return this.disposeWithMe(r.register(e,t,n))}setCurrent(e){if(!this._injector.get(i).getRenderById(e))throw Error(`Unit not found`);this._univerInstanceService.setCurrentUnitForType(e)}addFonts(e){let t=this._injector.get(l);e.forEach(e=>{t.addFont(e)})}};r.extend(B);var V=class extends n{onBeforeCopy(e){return this._injector.get(w).beforeCommandExecuted(t=>{t.id===s.id&&e()})}onCopy(e){return this._injector.get(w).onCommandExecuted(t=>{t.id===s.id&&e()})}onBeforePaste(e){return this._injector.get(w).beforeCommandExecuted(t=>{t.id===v.id&&e()})}onPaste(e){return this._injector.get(w).onCommandExecuted(t=>{(t.id===v.id||t.id===x)&&e()})}};n.extend(V);var H=class extends t{get BuiltInUIPart(){return a}get KeyCode(){return h}};t.extend(H);export{};