@univerjs/uniscript 0.1.6 → 0.1.7

package/lib/cjs/index.js

@@ -1,4 +1,4 @@
-"use strict";var F=Object.defineProperty;var B=(r,e,t)=>e in r?F(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t;var f=(r,e,t)=>(B(r,typeof e!="symbol"?e+"":e,t),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@univerjs/core"),a=require("@wendellhu/redi"),u=require("@univerjs/ui"),C=require("rxjs"),d=require("react"),O=require("@univerjs/design"),v=require("@wendellhu/redi/react-bindings"),W=require("monaco-editor"),z=require("@univerjs/facade"),V={"script-panel":{title:"Uniscript",tooltip:{"menu-button":"Toggle Uniscript Panel"},panel:{execute:"Execute Script"}},uniscript:{message:{success:"Execution Success",failed:"Execution Failed"}}},G=V,J={"script-panel":{title:"Uniscript",tooltip:{"menu-button":"打开收起 Uniscript 面板"},panel:{execute:"执行 Uniscript"}},uniscript:{message:{success:"执行成功",failed:"执行失败"}}},D=J;class R extends o.Disposable{constructor(){super(...arguments);f(this,"_open$",new C.BehaviorSubject(!1));f(this,"open$",this._open$.pipe(C.distinctUntilChanged()))}get isOpen(){return this._open$.getValue()}dispose(){this._open$.next(!1),this._open$.complete()}open(){this._open$.next(!0)}close(){this._open$.next(!1)}}const M="ScriptPanel",T={type:o.CommandType.OPERATION,id:"univer.operation.toggle-script-panel",handler:r=>{const e=r.get(R),t=r.get(u.ISidebarService);return e.isOpen?(e.close(),t.close()):(e.open(),t.open({header:{title:"script-panel.title"},children:{label:M},width:600})),!0}};var q={exports:{}},x={};/**
+"use strict";var F=Object.defineProperty;var B=(n,e,t)=>e in n?F(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var f=(n,e,t)=>(B(n,typeof e!="symbol"?e+"":e,t),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@univerjs/core"),a=require("@wendellhu/redi"),u=require("@univerjs/ui"),C=require("rxjs"),d=require("react"),b=require("@univerjs/design"),v=require("@wendellhu/redi/react-bindings"),W=require("monaco-editor"),z=require("@univerjs/facade"),V={"script-panel":{title:"Uniscript",tooltip:{"menu-button":"Toggle Uniscript Panel"},panel:{execute:"Execute Script"}},uniscript:{message:{success:"Execution Success",failed:"Execution Failed"}}},H=V,G={"script-panel":{title:"Uniscript",tooltip:{"menu-button":"打开收起 Uniscript 面板"},panel:{execute:"执行 Uniscript"}},uniscript:{message:{success:"执行成功",failed:"执行失败"}}},D=G;class T extends c.Disposable{constructor(){super(...arguments);f(this,"_open$",new C.BehaviorSubject(!1));f(this,"open$",this._open$.pipe(C.distinctUntilChanged()))}get isOpen(){return this._open$.getValue()}dispose(){this._open$.next(!1),this._open$.complete()}open(){this._open$.next(!0)}close(){this._open$.next(!1)}}const M="ScriptPanel",R={type:c.CommandType.OPERATION,id:"univer.operation.toggle-script-panel",handler:n=>{const e=n.get(T),t=n.get(u.ISidebarService);return e.isOpen?(e.close(),t.close()):(e.open(),t.open({header:{title:"script-panel.title"},children:{label:M},width:600})),!0}};var q={exports:{}},I={};/**
  * @license React
  * react-jsx-runtime.production.min.js
  *
@@ -6,4 +6,4 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var Y=d,H=Symbol.for("react.element"),K=Symbol.for("react.fragment"),Q=Object.prototype.hasOwnProperty,X=Y.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,Z={key:!0,ref:!0,__self:!0,__source:!0};function N(r,e,t){var n,i={},s=null,c=null;t!==void 0&&(s=""+t),e.key!==void 0&&(s=""+e.key),e.ref!==void 0&&(c=e.ref);for(n in e)Q.call(e,n)&&!Z.hasOwnProperty(n)&&(i[n]=e[n]);if(r&&r.defaultProps)for(n in e=r.defaultProps,e)i[n]===void 0&&(i[n]=e[n]);return{$$typeof:H,type:r,key:s,ref:c,props:i,_owner:X.current}}x.Fragment=K;x.jsx=N;x.jsxs=N;q.exports=x;var h=q.exports;class j extends o.Disposable{constructor(t){super();f(this,"_editorInstance",null);this._config=t}setEditorInstance(t){return this._editorInstance=t,o.toDisposable(()=>this._editorInstance=null)}getEditorInstance(){return this._editorInstance}requireVscodeEditor(){window.MonacoEnvironment||(window.MonacoEnvironment={getWorkerUrl:this._config.getWorkerUrl})}}var k=Object.defineProperty,ee=Object.getOwnPropertyDescriptor,te=(r,e,t,n)=>{for(var i=n>1?void 0:n?ee(e,t):e,s=r.length-1,c;s>=0;s--)(c=r[s])&&(i=(n?c(e,t,i):c(i))||i);return n&&i&&k(e,t,i),i},$=(r,e)=>(t,n)=>e(t,n,r);let y=class extends o.Disposable{constructor(r,e){super(),this._logService=r,this._injector=e}async execute(r){this._logService.log("[UniscriptExecutionService]","executing Uniscript...");const e=z.FUniver.newAPI(this._injector),t=new Function("univerAPI",`(() => {${r}})()`);try{return t(e),!0}catch(n){return this._logService.error(n),!1}}};y=te([$(0,o.ILogService),$(1,a.Inject(a.Injector))],y);const ne="univer-script-editor-panel",re="univer-script-editor-content",ie="univer-script-editor-actions",m={scriptEditorPanel:ne,scriptEditorContent:re,scriptEditorActions:ie};function se(){const r=d.useRef(null),e=d.useRef(null),t=d.useRef(null),n=v.useDependency(o.LocaleService),i=v.useDependency(u.IShortcutService),s=v.useDependency(j);d.useEffect(()=>{const b=e.current,_=r.current;let l=null,g=null;if(b&&_){s.requireVscodeEditor();const S=t.current=W.editor.create(b,{value:"",language:"javascript"});g=new ResizeObserver(()=>{let U=requestIdleCallback(()=>{if(!U)return;const{height:L,width:A}=_.getBoundingClientRect();S.layout({width:A,height:L}),U=void 0})}),g.observe(_);let p;l=new o.DisposableCollection,l.add(s.setEditorInstance(S)),l.add(S.onDidFocusEditorWidget(()=>{p=i.forceEscape()})),l.add(S.onDidBlurEditorWidget(()=>{p==null||p.dispose(),p=void 0})),l.add(o.toDisposable(()=>p==null?void 0:p.dispose()))}return()=>{g&&_&&g.unobserve(_),l==null||l.dispose()}},[s,i]);const c=oe(t);return h.jsxs("div",{className:m.scriptEditorPanel,children:[h.jsx("div",{className:m.scriptEditorContent,ref:r,children:h.jsx("div",{className:m.scriptEditorContainer,ref:e})}),h.jsx("div",{className:m.scriptEditorActions,children:h.jsx(O.Button,{type:"primary",size:"small",onClick:c,children:n.t("script-panel.panel.execute")})})]})}function oe(r){const e=v.useDependency(y),t=v.useDependency(u.IMessageService),n=v.useDependency(o.LocaleService);return d.useCallback(()=>{var s;const i=(s=r.current)==null?void 0:s.getModel();i&&e.execute(i.getValue()).then(()=>{t.show({content:n.t("uniscript.message.success"),type:O.MessageType.Success})}).catch(()=>{t.show({content:n.t("uniscript.message.failed"),type:O.MessageType.Error})})},[n,t,r,e])}function ce(r){return{id:T.id,title:"toggle-script-panel",tooltip:"script-panel.tooltip.menu-button",icon:"CodeSingle",type:u.MenuItemType.BUTTON,positions:[u.MenuPosition.TOOLBAR_START]}}var le=Object.defineProperty,pe=Object.getOwnPropertyDescriptor,ae=(r,e,t,n)=>{for(var i=n>1?void 0:n?pe(e,t):e,s=r.length-1,c;s>=0;s--)(c=r[s])&&(i=(n?c(e,t,i):c(i))||i);return n&&i&&le(e,t,i),i},E=(r,e)=>(t,n)=>e(t,n,r);let P=class extends o.Disposable{constructor(r,e,t,n){super(),this._injector=r,this.disposeWithMe(e.addMenuItem(this._injector.invoke(ce))),this.disposeWithMe(n.register(M,se)),this.disposeWithMe(t.registerCommand(T))}};P=ae([o.OnLifecycle(o.LifecycleStages.Steady,P),E(0,a.Inject(a.Injector)),E(1,u.IMenuService),E(2,o.ICommandService),E(3,a.Inject(u.ComponentManager))],P);var ue=Object.defineProperty,de=Object.getOwnPropertyDescriptor,ve=(r,e,t,n)=>{for(var i=n>1?void 0:n?de(e,t):e,s=r.length-1,c;s>=0;s--)(c=r[s])&&(i=(n?c(e,t,i):c(i))||i);return n&&i&&ue(e,t,i),i},w=(r,e)=>(t,n)=>e(t,n,r);const _e="uniscript";var I;exports.UniverUniscriptPlugin=(I=class extends o.Plugin{constructor(e,t,n){super(_e),this._config=e,this._injector=t,this._localeService=n}onStarting(e){[[P],[j,{useFactory:()=>e.createInstance(j,this._config)}],[R],[y]].forEach(n=>e.add(n)),this._localeService.load({zhCN:D})}},f(I,"type",o.PluginType.Univer),I);exports.UniverUniscriptPlugin=ve([w(1,a.Inject(a.Injector)),w(2,a.Inject(o.LocaleService))],exports.UniverUniscriptPlugin);exports.enUS=G;exports.zhCN=D;
+ */var J=d,Y=Symbol.for("react.element"),K=Symbol.for("react.fragment"),Q=Object.prototype.hasOwnProperty,X=J.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,Z={key:!0,ref:!0,__self:!0,__source:!0};function N(n,e,t){var r,i={},s=null,o=null;t!==void 0&&(s=""+t),e.key!==void 0&&(s=""+e.key),e.ref!==void 0&&(o=e.ref);for(r in e)Q.call(e,r)&&!Z.hasOwnProperty(r)&&(i[r]=e[r]);if(n&&n.defaultProps)for(r in e=n.defaultProps,e)i[r]===void 0&&(i[r]=e[r]);return{$$typeof:Y,type:n,key:s,ref:o,props:i,_owner:X.current}}I.Fragment=K;I.jsx=N;I.jsxs=N;q.exports=I;var h=q.exports;class P extends c.Disposable{constructor(t){super();f(this,"_editorInstance",null);this._config=t}setEditorInstance(t){return this._editorInstance=t,c.toDisposable(()=>this._editorInstance=null)}getEditorInstance(){return this._editorInstance}requireVscodeEditor(){window.MonacoEnvironment||(window.MonacoEnvironment={getWorkerUrl:this._config.getWorkerUrl})}}var k=Object.defineProperty,ee=Object.getOwnPropertyDescriptor,te=(n,e,t,r)=>{for(var i=r>1?void 0:r?ee(e,t):e,s=n.length-1,o;s>=0;s--)(o=n[s])&&(i=(r?o(e,t,i):o(i))||i);return r&&i&&k(e,t,i),i},$=(n,e)=>(t,r)=>e(t,r,n);let x=class extends c.Disposable{constructor(n,e){super(),this._logService=n,this._injector=e}async execute(n){this._logService.log("[UniscriptExecutionService]","executing Uniscript...");const e=z.FUniver.newAPI(this._injector),t=new Function("univerAPI",`(() => {${n}})()`);try{return t(e),!0}catch(r){return this._logService.error(r),!1}}};x=te([$(0,c.ILogService),$(1,a.Inject(a.Injector))],x);const ne="univer-script-editor-panel",re="univer-script-editor-content",ie="univer-script-editor-actions",m={scriptEditorPanel:ne,scriptEditorContent:re,scriptEditorActions:ie};function se(){const n=d.useRef(null),e=d.useRef(null),t=d.useRef(null),r=v.useDependency(c.LocaleService),i=v.useDependency(u.IShortcutService),s=v.useDependency(P);d.useEffect(()=>{const j=e.current,_=n.current;let l=null,g=null;if(j&&_){s.requireVscodeEditor();const S=t.current=W.editor.create(j,{value:"",language:"javascript"});g=new ResizeObserver(()=>{let U=requestIdleCallback(()=>{if(!U)return;const{height:L,width:A}=_.getBoundingClientRect();S.layout({width:A,height:L}),U=void 0})}),g.observe(_);let p;l=new c.DisposableCollection,l.add(s.setEditorInstance(S)),l.add(S.onDidFocusEditorWidget(()=>{p=i.forceEscape()})),l.add(S.onDidBlurEditorWidget(()=>{p==null||p.dispose(),p=void 0})),l.add(c.toDisposable(()=>p==null?void 0:p.dispose()))}return()=>{g&&_&&g.unobserve(_),l==null||l.dispose()}},[s,i]);const o=ce(t);return h.jsxs("div",{className:m.scriptEditorPanel,children:[h.jsx("div",{className:m.scriptEditorContent,ref:n,children:h.jsx("div",{className:m.scriptEditorContainer,ref:e})}),h.jsx("div",{className:m.scriptEditorActions,children:h.jsx(b.Button,{type:"primary",size:"small",onClick:o,children:r.t("script-panel.panel.execute")})})]})}function ce(n){const e=v.useDependency(x),t=v.useDependency(u.IMessageService),r=v.useDependency(c.LocaleService);return d.useCallback(()=>{var s;const i=(s=n.current)==null?void 0:s.getModel();i&&e.execute(i.getValue()).then(()=>{t.show({content:r.t("uniscript.message.success"),type:b.MessageType.Success})}).catch(()=>{t.show({content:r.t("uniscript.message.failed"),type:b.MessageType.Error})})},[r,t,n,e])}function oe(n){return{id:R.id,title:"toggle-script-panel",tooltip:"script-panel.tooltip.menu-button",icon:"CodeSingle",type:u.MenuItemType.BUTTON,positions:[u.MenuPosition.TOOLBAR_START],hidden$:u.getMenuHiddenObservable(n,c.UniverInstanceType.SHEET)}}var le=Object.defineProperty,pe=Object.getOwnPropertyDescriptor,ae=(n,e,t,r)=>{for(var i=r>1?void 0:r?pe(e,t):e,s=n.length-1,o;s>=0;s--)(o=n[s])&&(i=(r?o(e,t,i):o(i))||i);return r&&i&&le(e,t,i),i},E=(n,e)=>(t,r)=>e(t,r,n);let y=class extends c.Disposable{constructor(n,e,t,r){super(),this._injector=n,this.disposeWithMe(e.addMenuItem(this._injector.invoke(oe))),this.disposeWithMe(r.register(M,se)),this.disposeWithMe(t.registerCommand(R))}};y=ae([c.OnLifecycle(c.LifecycleStages.Steady,y),E(0,a.Inject(a.Injector)),E(1,u.IMenuService),E(2,c.ICommandService),E(3,a.Inject(u.ComponentManager))],y);var ue=Object.defineProperty,de=Object.getOwnPropertyDescriptor,ve=(n,e,t,r)=>{for(var i=r>1?void 0:r?de(e,t):e,s=n.length-1,o;s>=0;s--)(o=n[s])&&(i=(r?o(e,t,i):o(i))||i);return r&&i&&ue(e,t,i),i},w=(n,e)=>(t,r)=>e(t,r,n);const _e="uniscript";var O;exports.UniverUniscriptPlugin=(O=class extends c.Plugin{constructor(e,t,r){super(_e),this._config=e,this._injector=t,this._localeService=r}onStarting(e){[[y],[P,{useFactory:()=>e.createInstance(P,this._config)}],[T],[x]].forEach(r=>e.add(r)),this._localeService.load({zhCN:D})}},f(O,"type",c.PluginType.Univer),O);exports.UniverUniscriptPlugin=ve([w(1,a.Inject(a.Injector)),w(2,a.Inject(c.LocaleService))],exports.UniverUniscriptPlugin);exports.ScriptEditorService=P;exports.enUS=H;exports.zhCN=D;

package/lib/es/index.js

@@ -1,16 +1,16 @@
 var B = Object.defineProperty;
 var q = (t, e, r) => e in t ? B(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
 var u = (t, e, r) => (q(t, typeof e != "symbol" ? e + "" : e, r), r);
-import { Disposable as E, CommandType as z, toDisposable as M, ILogService as V, LocaleService as I, DisposableCollection as G, OnLifecycle as J, LifecycleStages as Y, ICommandService as H, Plugin as K, PluginType as Q } from "@univerjs/core";
+import { Disposable as E, CommandType as z, toDisposable as M, ILogService as V, LocaleService as I, DisposableCollection as H, UniverInstanceType as G, OnLifecycle as J, LifecycleStages as Y, ICommandService as K, Plugin as Q, PluginType as X } from "@univerjs/core";
 import { Inject as v, Injector as b } from "@wendellhu/redi";
-import { ISidebarService as X, IShortcutService as Z, IMessageService as k, MenuItemType as ee, MenuPosition as te, ComponentManager as re, IMenuService as ne } from "@univerjs/ui";
-import { BehaviorSubject as ie, distinctUntilChanged as oe } from "rxjs";
-import se, { useRef as x, useEffect as ce, useCallback as le } from "react";
-import { Button as pe, MessageType as w } from "@univerjs/design";
+import { ISidebarService as Z, IShortcutService as k, IMessageService as ee, MenuItemType as te, MenuPosition as re, getMenuHiddenObservable as ne, ComponentManager as ie, IMenuService as oe } from "@univerjs/ui";
+import { BehaviorSubject as se, distinctUntilChanged as ce } from "rxjs";
+import le, { useRef as x, useEffect as pe, useCallback as ae } from "react";
+import { Button as ue, MessageType as $ } from "@univerjs/design";
 import { useDependency as p } from "@wendellhu/redi/react-bindings";
-import { editor as ae } from "monaco-editor";
-import { FUniver as ue } from "@univerjs/facade";
-const de = {
+import { editor as de } from "monaco-editor";
+import { FUniver as ve } from "@univerjs/facade";
+const fe = {
   "script-panel": {
     title: "Uniscript",
     tooltip: {
@@ -26,7 +26,7 @@ const de = {
       failed: "Execution Failed"
     }
   }
-}, Ye = de, ve = {
+}, Ke = fe, _e = {
   "script-panel": {
     title: "Uniscript",
     tooltip: {
@@ -42,12 +42,12 @@ const de = {
       failed: "执行失败"
     }
   }
-}, fe = ve;
-class T extends E {
+}, me = _e;
+class R extends E {
   constructor() {
     super(...arguments);
-    u(this, "_open$", new ie(!1));
-    u(this, "open$", this._open$.pipe(oe()));
+    u(this, "_open$", new se(!1));
+    u(this, "open$", this._open$.pipe(ce()));
   }
   get isOpen() {
     return this._open$.getValue();
@@ -66,7 +66,7 @@ const D = "ScriptPanel", N = {
   type: z.OPERATION,
   id: "univer.operation.toggle-script-panel",
   handler: (t) => {
-    const e = t.get(T), r = t.get(X);
+    const e = t.get(R), r = t.get(Z);
     return e.isOpen ? (e.close(), r.close()) : (e.open(), r.open({
       header: { title: "script-panel.title" },
       children: { label: D },
@@ -84,18 +84,18 @@ var A = { exports: {} }, P = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var _e = se, me = Symbol.for("react.element"), he = Symbol.for("react.fragment"), ge = Object.prototype.hasOwnProperty, Se = _e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, Ee = { key: !0, ref: !0, __self: !0, __source: !0 };
+var he = le, ge = Symbol.for("react.element"), Se = Symbol.for("react.fragment"), Ee = Object.prototype.hasOwnProperty, Pe = he.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, xe = { key: !0, ref: !0, __self: !0, __source: !0 };
 function F(t, e, r) {
   var n, i = {}, o = null, s = null;
   r !== void 0 && (o = "" + r), e.key !== void 0 && (o = "" + e.key), e.ref !== void 0 && (s = e.ref);
   for (n in e)
-    ge.call(e, n) && !Ee.hasOwnProperty(n) && (i[n] = e[n]);
+    Ee.call(e, n) && !xe.hasOwnProperty(n) && (i[n] = e[n]);
   if (t && t.defaultProps)
     for (n in e = t.defaultProps, e)
       i[n] === void 0 && (i[n] = e[n]);
-  return { $$typeof: me, type: t, key: o, ref: s, props: i, _owner: Se.current };
+  return { $$typeof: ge, type: t, key: o, ref: s, props: i, _owner: Pe.current };
 }
-P.Fragment = he;
+P.Fragment = Se;
 P.jsx = F;
 P.jsxs = F;
 A.exports = P;
@@ -118,18 +118,18 @@ class y extends E {
     });
   }
 }
-var Pe = Object.defineProperty, xe = Object.getOwnPropertyDescriptor, Oe = (t, e, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? xe(e, r) : e, o = t.length - 1, s; o >= 0; o--)
+var Oe = Object.defineProperty, ye = Object.getOwnPropertyDescriptor, Ie = (t, e, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? ye(e, r) : e, o = t.length - 1, s; o >= 0; o--)
     (s = t[o]) && (i = (n ? s(e, r, i) : s(i)) || i);
-  return n && i && Pe(e, r, i), i;
-}, $ = (t, e) => (r, n) => e(r, n, t);
+  return n && i && Oe(e, r, i), i;
+}, w = (t, e) => (r, n) => e(r, n, t);
 let S = class extends E {
   constructor(t, e) {
     super(), this._logService = t, this._injector = e;
   }
   async execute(t) {
     this._logService.log("[UniscriptExecutionService]", "executing Uniscript...");
-    const e = ue.newAPI(this._injector), r = new Function("univerAPI", `(() => {${t}})()`);
+    const e = ve.newAPI(this._injector), r = new Function("univerAPI", `(() => {${t}})()`);
     try {
       return r(e), !0;
     } catch (n) {
@@ -137,23 +137,23 @@ let S = class extends E {
     }
   }
 };
-S = Oe([
-  $(0, V),
-  $(1, v(b))
+S = Ie([
+  w(0, V),
+  w(1, v(b))
 ], S);
-const ye = "univer-script-editor-panel", Ie = "univer-script-editor-content", be = "univer-script-editor-actions", m = {
-  scriptEditorPanel: ye,
-  scriptEditorContent: Ie,
-  scriptEditorActions: be
+const be = "univer-script-editor-panel", je = "univer-script-editor-content", Ce = "univer-script-editor-actions", m = {
+  scriptEditorPanel: be,
+  scriptEditorContent: je,
+  scriptEditorActions: Ce
 };
-function je() {
-  const t = x(null), e = x(null), r = x(null), n = p(I), i = p(Z), o = p(y);
-  ce(() => {
+function $e() {
+  const t = x(null), e = x(null), r = x(null), n = p(I), i = p(k), o = p(y);
+  pe(() => {
     const j = e.current, a = t.current;
     let c = null, f = null;
     if (j && a) {
       o.requireVscodeEditor();
-      const _ = r.current = ae.create(j, {
+      const _ = r.current = de.create(j, {
         value: "",
         language: "javascript"
       });
@@ -166,7 +166,7 @@ function je() {
         });
       }), f.observe(a);
       let l;
-      c = new G(), c.add(o.setEditorInstance(_)), c.add(
+      c = new H(), c.add(o.setEditorInstance(_)), c.add(
         _.onDidFocusEditorWidget(() => {
           l = i.forceEscape();
         })
@@ -180,70 +180,70 @@ function je() {
       f && a && f.unobserve(a), c == null || c.dispose();
     };
   }, [o, i]);
-  const s = Ce(r);
+  const s = we(r);
   return /* @__PURE__ */ d.jsxs("div", { className: m.scriptEditorPanel, children: [
     /* @__PURE__ */ d.jsx("div", { className: m.scriptEditorContent, ref: t, children: /* @__PURE__ */ d.jsx("div", { className: m.scriptEditorContainer, ref: e }) }),
-    /* @__PURE__ */ d.jsx("div", { className: m.scriptEditorActions, children: /* @__PURE__ */ d.jsx(pe, { type: "primary", size: "small", onClick: s, children: n.t("script-panel.panel.execute") }) })
+    /* @__PURE__ */ d.jsx("div", { className: m.scriptEditorActions, children: /* @__PURE__ */ d.jsx(ue, { type: "primary", size: "small", onClick: s, children: n.t("script-panel.panel.execute") }) })
   ] });
 }
-function Ce(t) {
-  const e = p(S), r = p(k), n = p(I);
-  return le(() => {
+function we(t) {
+  const e = p(S), r = p(ee), n = p(I);
+  return ae(() => {
     var o;
     const i = (o = t.current) == null ? void 0 : o.getModel();
     i && e.execute(i.getValue()).then(() => {
       r.show({
         content: n.t("uniscript.message.success"),
-        type: w.Success
+        type: $.Success
       });
     }).catch(() => {
       r.show({
         content: n.t("uniscript.message.failed"),
-        type: w.Error
+        type: $.Error
       });
     });
   }, [n, r, t, e]);
 }
-function we(t) {
+function Ue(t) {
   return {
     id: N.id,
     title: "toggle-script-panel",
     tooltip: "script-panel.tooltip.menu-button",
     icon: "CodeSingle",
-    type: ee.BUTTON,
-    positions: [te.TOOLBAR_START]
+    type: te.BUTTON,
+    positions: [re.TOOLBAR_START],
     // FIXME hidden$ and disabled$ are not correctly in doc
-    // hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.SHEET),
+    hidden$: ne(t, G.SHEET)
     // disabled$: getCurrentSheetDisabled$(accessor),
   };
 }
-var $e = Object.defineProperty, Ue = Object.getOwnPropertyDescriptor, Re = (t, e, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? Ue(e, r) : e, o = t.length - 1, s; o >= 0; o--)
+var Te = Object.defineProperty, Me = Object.getOwnPropertyDescriptor, Re = (t, e, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? Me(e, r) : e, o = t.length - 1, s; o >= 0; o--)
     (s = t[o]) && (i = (n ? s(e, r, i) : s(i)) || i);
-  return n && i && $e(e, r, i), i;
+  return n && i && Te(e, r, i), i;
 }, h = (t, e) => (r, n) => e(r, n, t);
 let g = class extends E {
   constructor(t, e, r, n) {
-    super(), this._injector = t, this.disposeWithMe(e.addMenuItem(this._injector.invoke(we))), this.disposeWithMe(n.register(D, je)), this.disposeWithMe(r.registerCommand(N));
+    super(), this._injector = t, this.disposeWithMe(e.addMenuItem(this._injector.invoke(Ue))), this.disposeWithMe(n.register(D, $e)), this.disposeWithMe(r.registerCommand(N));
   }
 };
 g = Re([
   J(Y.Steady, g),
   h(0, v(b)),
-  h(1, ne),
-  h(2, H),
-  h(3, v(re))
+  h(1, oe),
+  h(2, K),
+  h(3, v(ie))
 ], g);
-var Me = Object.defineProperty, Te = Object.getOwnPropertyDescriptor, De = (t, e, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? Te(e, r) : e, o = t.length - 1, s; o >= 0; o--)
+var De = Object.defineProperty, Ne = Object.getOwnPropertyDescriptor, Ae = (t, e, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? Ne(e, r) : e, o = t.length - 1, s; o >= 0; o--)
     (s = t[o]) && (i = (n ? s(e, r, i) : s(i)) || i);
-  return n && i && Me(e, r, i), i;
+  return n && i && De(e, r, i), i;
 }, U = (t, e) => (r, n) => e(r, n, t);
-const Ne = "uniscript";
+const Fe = "uniscript";
 var O;
-let R = (O = class extends K {
+let T = (O = class extends Q {
   constructor(t, e, r) {
-    super(Ne), this._config = t, this._injector = e, this._localeService = r;
+    super(Fe), this._config = t, this._injector = e, this._localeService = r;
   }
   onStarting(t) {
     [
@@ -251,19 +251,20 @@ let R = (O = class extends K {
       [g],
       // services
       [y, { useFactory: () => t.createInstance(y, this._config) }],
-      [T],
+      [R],
       [S]
     ].forEach((r) => t.add(r)), this._localeService.load({
-      zhCN: fe
+      zhCN: me
     });
   }
-}, u(O, "type", Q.Univer), O);
-R = De([
+}, u(O, "type", X.Univer), O);
+T = Ae([
   U(1, v(b)),
   U(2, v(I))
-], R);
+], T);
 export {
-  R as UniverUniscriptPlugin,
-  Ye as enUS,
-  fe as zhCN
+  y as ScriptEditorService,
+  T as UniverUniscriptPlugin,
+  Ke as enUS,
+  me as zhCN
 };

package/lib/types/index.d.ts

@@ -15,3 +15,4 @@
  */
 export { enUS, zhCN } from './locale';
 export { type IUniscriptConfig, UniverUniscriptPlugin } from './plugin';
+export { ScriptEditorService } from './services/script-editor.service';

package/lib/types/services/command/batch-command.service.d.ts

@@ -2,6 +2,7 @@ import { IDisposable } from '@wendellhu/redi';
 import { CommandListener, ICommand, ICommandService, IExecutionOptions } from '@univerjs/core';
 
 export declare class BatchCommandService implements ICommandService {
+    hasCommand(commandId: string): boolean;
     beforeCommandExecuted(listener: CommandListener): IDisposable;
     registerCommand(command: ICommand<object, boolean>): IDisposable;
     registerMultipleCommand(command: ICommand<object, boolean>): IDisposable;

package/lib/umd/index.js

@@ -1,4 +1,4 @@
-(function(c,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("@univerjs/core"),require("@wendellhu/redi"),require("@univerjs/ui"),require("rxjs"),require("react"),require("@univerjs/design"),require("@wendellhu/redi/react-bindings"),require("monaco-editor"),require("@univerjs/facade")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@wendellhu/redi","@univerjs/ui","rxjs","react","@univerjs/design","@wendellhu/redi/react-bindings","monaco-editor","@univerjs/facade"],s):(c=typeof globalThis<"u"?globalThis:c||self,s(c.UniverUniscript={},c.UniverCore,c["@wendellhu/redi"],c.UniverUi,c.rxjs,c.React,c.UniverDesign,c["@wendellhu/redi/react-bindings"],c.monaco,c.UniverFacade))})(this,function(c,s,p,d,w,v,U,f,F,q){"use strict";var pe=Object.defineProperty;var ae=(c,s,p)=>s in c?pe(c,s,{enumerable:!0,configurable:!0,writable:!0,value:p}):c[s]=p;var S=(c,s,p)=>(ae(c,typeof s!="symbol"?s+"":s,p),p);var O;const W={"script-panel":{title:"Uniscript",tooltip:{"menu-button":"Toggle Uniscript Panel"},panel:{execute:"Execute Script"}},uniscript:{message:{success:"Execution Success",failed:"Execution Failed"}}},C={"script-panel":{title:"Uniscript",tooltip:{"menu-button":"打开收起 Uniscript 面板"},panel:{execute:"执行 Uniscript"}},uniscript:{message:{success:"执行成功",failed:"执行失败"}}};class b extends s.Disposable{constructor(){super(...arguments);S(this,"_open$",new w.BehaviorSubject(!1));S(this,"open$",this._open$.pipe(w.distinctUntilChanged()))}get isOpen(){return this._open$.getValue()}dispose(){this._open$.next(!1),this._open$.complete()}open(){this._open$.next(!0)}close(){this._open$.next(!1)}}const D="ScriptPanel",R={type:s.CommandType.OPERATION,id:"univer.operation.toggle-script-panel",handler:i=>{const e=i.get(b),n=i.get(d.ISidebarService);return e.isOpen?(e.close(),n.close()):(e.open(),n.open({header:{title:"script-panel.title"},children:{label:D},width:600})),!0}};var T={exports:{}},m={};/**
+(function(c,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("@univerjs/core"),require("@wendellhu/redi"),require("@univerjs/ui"),require("rxjs"),require("react"),require("@univerjs/design"),require("@wendellhu/redi/react-bindings"),require("monaco-editor"),require("@univerjs/facade")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@wendellhu/redi","@univerjs/ui","rxjs","react","@univerjs/design","@wendellhu/redi/react-bindings","monaco-editor","@univerjs/facade"],s):(c=typeof globalThis<"u"?globalThis:c||self,s(c.UniverUniscript={},c.UniverCore,c["@wendellhu/redi"],c.UniverUi,c.rxjs,c.React,c.UniverDesign,c["@wendellhu/redi/react-bindings"],c.monaco,c.UniverFacade))})(this,function(c,s,p,a,w,v,O,f,F,q){"use strict";var pe=Object.defineProperty;var ae=(c,s,p)=>s in c?pe(c,s,{enumerable:!0,configurable:!0,writable:!0,value:p}):c[s]=p;var S=(c,s,p)=>(ae(c,typeof s!="symbol"?s+"":s,p),p);var x;const W={"script-panel":{title:"Uniscript",tooltip:{"menu-button":"Toggle Uniscript Panel"},panel:{execute:"Execute Script"}},uniscript:{message:{success:"Execution Success",failed:"Execution Failed"}}},b={"script-panel":{title:"Uniscript",tooltip:{"menu-button":"打开收起 Uniscript 面板"},panel:{execute:"执行 Uniscript"}},uniscript:{message:{success:"执行成功",failed:"执行失败"}}};class C extends s.Disposable{constructor(){super(...arguments);S(this,"_open$",new w.BehaviorSubject(!1));S(this,"open$",this._open$.pipe(w.distinctUntilChanged()))}get isOpen(){return this._open$.getValue()}dispose(){this._open$.next(!1),this._open$.complete()}open(){this._open$.next(!0)}close(){this._open$.next(!1)}}const D="ScriptPanel",T={type:s.CommandType.OPERATION,id:"univer.operation.toggle-script-panel",handler:i=>{const e=i.get(C),n=i.get(a.ISidebarService);return e.isOpen?(e.close(),n.close()):(e.open(),n.open({header:{title:"script-panel.title"},children:{label:D},width:600})),!0}};var R={exports:{}},m={};/**
  * @license React
  * react-jsx-runtime.production.min.js
  *
@@ -6,4 +6,4 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var z=v,V=Symbol.for("react.element"),B=Symbol.for("react.fragment"),G=Object.prototype.hasOwnProperty,J=z.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,Y={key:!0,ref:!0,__self:!0,__source:!0};function M(i,e,n){var t,r={},o=null,l=null;n!==void 0&&(o=""+n),e.key!==void 0&&(o=""+e.key),e.ref!==void 0&&(l=e.ref);for(t in e)G.call(e,t)&&!Y.hasOwnProperty(t)&&(r[t]=e[t]);if(i&&i.defaultProps)for(t in e=i.defaultProps,e)r[t]===void 0&&(r[t]=e[t]);return{$$typeof:V,type:i,key:o,ref:l,props:r,_owner:J.current}}m.Fragment=B,m.jsx=M,m.jsxs=M,T.exports=m;var _=T.exports;class I extends s.Disposable{constructor(n){super();S(this,"_editorInstance",null);this._config=n}setEditorInstance(n){return this._editorInstance=n,s.toDisposable(()=>this._editorInstance=null)}getEditorInstance(){return this._editorInstance}requireVscodeEditor(){window.MonacoEnvironment||(window.MonacoEnvironment={getWorkerUrl:this._config.getWorkerUrl})}}var H=Object.defineProperty,K=Object.getOwnPropertyDescriptor,Q=(i,e,n,t)=>{for(var r=t>1?void 0:t?K(e,n):e,o=i.length-1,l;o>=0;o--)(l=i[o])&&(r=(t?l(e,n,r):l(r))||r);return t&&r&&H(e,n,r),r},N=(i,e)=>(n,t)=>e(n,t,i);let g=class extends s.Disposable{constructor(i,e){super(),this._logService=i,this._injector=e}async execute(i){this._logService.log("[UniscriptExecutionService]","executing Uniscript...");const e=q.FUniver.newAPI(this._injector),n=new Function("univerAPI",`(() => {${i}})()`);try{return n(e),!0}catch(t){return this._logService.error(t),!1}}};g=Q([N(0,s.ILogService),N(1,p.Inject(p.Injector))],g);const E={scriptEditorPanel:"univer-script-editor-panel",scriptEditorContent:"univer-script-editor-content",scriptEditorActions:"univer-script-editor-actions"};function X(){const i=v.useRef(null),e=v.useRef(null),n=v.useRef(null),t=f.useDependency(s.LocaleService),r=f.useDependency(d.IShortcutService),o=f.useDependency(I);v.useEffect(()=>{const A=e.current,h=i.current;let a=null,P=null;if(A&&h){o.requireVscodeEditor();const x=n.current=F.editor.create(A,{value:"",language:"javascript"});P=new ResizeObserver(()=>{let L=requestIdleCallback(()=>{if(!L)return;const{height:oe,width:le}=h.getBoundingClientRect();x.layout({width:le,height:oe}),L=void 0})}),P.observe(h);let u;a=new s.DisposableCollection,a.add(o.setEditorInstance(x)),a.add(x.onDidFocusEditorWidget(()=>{u=r.forceEscape()})),a.add(x.onDidBlurEditorWidget(()=>{u==null||u.dispose(),u=void 0})),a.add(s.toDisposable(()=>u==null?void 0:u.dispose()))}return()=>{P&&h&&P.unobserve(h),a==null||a.dispose()}},[o,r]);const l=Z(n);return _.jsxs("div",{className:E.scriptEditorPanel,children:[_.jsx("div",{className:E.scriptEditorContent,ref:i,children:_.jsx("div",{className:E.scriptEditorContainer,ref:e})}),_.jsx("div",{className:E.scriptEditorActions,children:_.jsx(U.Button,{type:"primary",size:"small",onClick:l,children:t.t("script-panel.panel.execute")})})]})}function Z(i){const e=f.useDependency(g),n=f.useDependency(d.IMessageService),t=f.useDependency(s.LocaleService);return v.useCallback(()=>{var o;const r=(o=i.current)==null?void 0:o.getModel();r&&e.execute(r.getValue()).then(()=>{n.show({content:t.t("uniscript.message.success"),type:U.MessageType.Success})}).catch(()=>{n.show({content:t.t("uniscript.message.failed"),type:U.MessageType.Error})})},[t,n,i,e])}function k(i){return{id:R.id,title:"toggle-script-panel",tooltip:"script-panel.tooltip.menu-button",icon:"CodeSingle",type:d.MenuItemType.BUTTON,positions:[d.MenuPosition.TOOLBAR_START]}}var ee=Object.defineProperty,te=Object.getOwnPropertyDescriptor,ne=(i,e,n,t)=>{for(var r=t>1?void 0:t?te(e,n):e,o=i.length-1,l;o>=0;o--)(l=i[o])&&(r=(t?l(e,n,r):l(r))||r);return t&&r&&ee(e,n,r),r},j=(i,e)=>(n,t)=>e(n,t,i);let y=class extends s.Disposable{constructor(i,e,n,t){super(),this._injector=i,this.disposeWithMe(e.addMenuItem(this._injector.invoke(k))),this.disposeWithMe(t.register(D,X)),this.disposeWithMe(n.registerCommand(R))}};y=ne([s.OnLifecycle(s.LifecycleStages.Steady,y),j(0,p.Inject(p.Injector)),j(1,d.IMenuService),j(2,s.ICommandService),j(3,p.Inject(d.ComponentManager))],y);var ie=Object.defineProperty,re=Object.getOwnPropertyDescriptor,se=(i,e,n,t)=>{for(var r=t>1?void 0:t?re(e,n):e,o=i.length-1,l;o>=0;o--)(l=i[o])&&(r=(t?l(e,n,r):l(r))||r);return t&&r&&ie(e,n,r),r},$=(i,e)=>(n,t)=>e(n,t,i);const ce="uniscript";c.UniverUniscriptPlugin=(O=class extends s.Plugin{constructor(e,n,t){super(ce),this._config=e,this._injector=n,this._localeService=t}onStarting(e){[[y],[I,{useFactory:()=>e.createInstance(I,this._config)}],[b],[g]].forEach(t=>e.add(t)),this._localeService.load({zhCN:C})}},S(O,"type",s.PluginType.Univer),O),c.UniverUniscriptPlugin=se([$(1,p.Inject(p.Injector)),$(2,p.Inject(s.LocaleService))],c.UniverUniscriptPlugin),c.enUS=W,c.zhCN=C,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})});
+ */var z=v,V=Symbol.for("react.element"),B=Symbol.for("react.fragment"),H=Object.prototype.hasOwnProperty,G=z.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,J={key:!0,ref:!0,__self:!0,__source:!0};function M(i,e,n){var t,r={},o=null,l=null;n!==void 0&&(o=""+n),e.key!==void 0&&(o=""+e.key),e.ref!==void 0&&(l=e.ref);for(t in e)H.call(e,t)&&!J.hasOwnProperty(t)&&(r[t]=e[t]);if(i&&i.defaultProps)for(t in e=i.defaultProps,e)r[t]===void 0&&(r[t]=e[t]);return{$$typeof:V,type:i,key:o,ref:l,props:r,_owner:G.current}}m.Fragment=B,m.jsx=M,m.jsxs=M,R.exports=m;var _=R.exports;class E extends s.Disposable{constructor(n){super();S(this,"_editorInstance",null);this._config=n}setEditorInstance(n){return this._editorInstance=n,s.toDisposable(()=>this._editorInstance=null)}getEditorInstance(){return this._editorInstance}requireVscodeEditor(){window.MonacoEnvironment||(window.MonacoEnvironment={getWorkerUrl:this._config.getWorkerUrl})}}var Y=Object.defineProperty,K=Object.getOwnPropertyDescriptor,Q=(i,e,n,t)=>{for(var r=t>1?void 0:t?K(e,n):e,o=i.length-1,l;o>=0;o--)(l=i[o])&&(r=(t?l(e,n,r):l(r))||r);return t&&r&&Y(e,n,r),r},N=(i,e)=>(n,t)=>e(n,t,i);let g=class extends s.Disposable{constructor(i,e){super(),this._logService=i,this._injector=e}async execute(i){this._logService.log("[UniscriptExecutionService]","executing Uniscript...");const e=q.FUniver.newAPI(this._injector),n=new Function("univerAPI",`(() => {${i}})()`);try{return n(e),!0}catch(t){return this._logService.error(t),!1}}};g=Q([N(0,s.ILogService),N(1,p.Inject(p.Injector))],g);const y={scriptEditorPanel:"univer-script-editor-panel",scriptEditorContent:"univer-script-editor-content",scriptEditorActions:"univer-script-editor-actions"};function X(){const i=v.useRef(null),e=v.useRef(null),n=v.useRef(null),t=f.useDependency(s.LocaleService),r=f.useDependency(a.IShortcutService),o=f.useDependency(E);v.useEffect(()=>{const A=e.current,h=i.current;let u=null,U=null;if(A&&h){o.requireVscodeEditor();const I=n.current=F.editor.create(A,{value:"",language:"javascript"});U=new ResizeObserver(()=>{let L=requestIdleCallback(()=>{if(!L)return;const{height:oe,width:le}=h.getBoundingClientRect();I.layout({width:le,height:oe}),L=void 0})}),U.observe(h);let d;u=new s.DisposableCollection,u.add(o.setEditorInstance(I)),u.add(I.onDidFocusEditorWidget(()=>{d=r.forceEscape()})),u.add(I.onDidBlurEditorWidget(()=>{d==null||d.dispose(),d=void 0})),u.add(s.toDisposable(()=>d==null?void 0:d.dispose()))}return()=>{U&&h&&U.unobserve(h),u==null||u.dispose()}},[o,r]);const l=Z(n);return _.jsxs("div",{className:y.scriptEditorPanel,children:[_.jsx("div",{className:y.scriptEditorContent,ref:i,children:_.jsx("div",{className:y.scriptEditorContainer,ref:e})}),_.jsx("div",{className:y.scriptEditorActions,children:_.jsx(O.Button,{type:"primary",size:"small",onClick:l,children:t.t("script-panel.panel.execute")})})]})}function Z(i){const e=f.useDependency(g),n=f.useDependency(a.IMessageService),t=f.useDependency(s.LocaleService);return v.useCallback(()=>{var o;const r=(o=i.current)==null?void 0:o.getModel();r&&e.execute(r.getValue()).then(()=>{n.show({content:t.t("uniscript.message.success"),type:O.MessageType.Success})}).catch(()=>{n.show({content:t.t("uniscript.message.failed"),type:O.MessageType.Error})})},[t,n,i,e])}function k(i){return{id:T.id,title:"toggle-script-panel",tooltip:"script-panel.tooltip.menu-button",icon:"CodeSingle",type:a.MenuItemType.BUTTON,positions:[a.MenuPosition.TOOLBAR_START],hidden$:a.getMenuHiddenObservable(i,s.UniverInstanceType.SHEET)}}var ee=Object.defineProperty,te=Object.getOwnPropertyDescriptor,ne=(i,e,n,t)=>{for(var r=t>1?void 0:t?te(e,n):e,o=i.length-1,l;o>=0;o--)(l=i[o])&&(r=(t?l(e,n,r):l(r))||r);return t&&r&&ee(e,n,r),r},j=(i,e)=>(n,t)=>e(n,t,i);let P=class extends s.Disposable{constructor(i,e,n,t){super(),this._injector=i,this.disposeWithMe(e.addMenuItem(this._injector.invoke(k))),this.disposeWithMe(t.register(D,X)),this.disposeWithMe(n.registerCommand(T))}};P=ne([s.OnLifecycle(s.LifecycleStages.Steady,P),j(0,p.Inject(p.Injector)),j(1,a.IMenuService),j(2,s.ICommandService),j(3,p.Inject(a.ComponentManager))],P);var ie=Object.defineProperty,re=Object.getOwnPropertyDescriptor,se=(i,e,n,t)=>{for(var r=t>1?void 0:t?re(e,n):e,o=i.length-1,l;o>=0;o--)(l=i[o])&&(r=(t?l(e,n,r):l(r))||r);return t&&r&&ie(e,n,r),r},$=(i,e)=>(n,t)=>e(n,t,i);const ce="uniscript";c.UniverUniscriptPlugin=(x=class extends s.Plugin{constructor(e,n,t){super(ce),this._config=e,this._injector=n,this._localeService=t}onStarting(e){[[P],[E,{useFactory:()=>e.createInstance(E,this._config)}],[C],[g]].forEach(t=>e.add(t)),this._localeService.load({zhCN:b})}},S(x,"type",s.PluginType.Univer),x),c.UniverUniscriptPlugin=se([$(1,p.Inject(p.Injector)),$(2,p.Inject(s.LocaleService))],c.UniverUniscriptPlugin),c.ScriptEditorService=E,c.enUS=W,c.zhCN=b,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@univerjs/uniscript",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "private": false,
   "description": "UI component library for building exceptional Univer.",
   "author": "DreamNum <developer@univer.ai>",
@@ -55,27 +55,27 @@
   "peerDependencies": {
     "@wendellhu/redi": "0.13.0",
     "monaco-editor": ">=0.44.0",
-    "react": ">=16.9.0",
+    "react": "^16.9.0 || ^17.0.0 || ^18.0.0",
     "rxjs": ">=7.0.0",
-    "@univerjs/core": "0.1.6",
-    "@univerjs/design": "0.1.6",
-    "@univerjs/facade": "0.1.6",
-    "@univerjs/ui": "0.1.6"
+    "@univerjs/core": "0.1.7",
+    "@univerjs/design": "0.1.7",
+    "@univerjs/ui": "0.1.7",
+    "@univerjs/facade": "0.1.7"
   },
   "devDependencies": {
-    "@types/react": "^18.2.73",
+    "@types/react": "^18.2.75",
     "@wendellhu/redi": "^0.13.0",
     "less": "^4.2.0",
     "monaco-editor": "0.47.0",
     "rxjs": "^7.8.1",
-    "typescript": "^5.4.3",
-    "vite": "^5.2.7",
+    "typescript": "^5.4.5",
+    "vite": "^5.2.8",
     "vitest": "^1.4.0",
-    "@univerjs/core": "0.1.6",
-    "@univerjs/design": "0.1.6",
-    "@univerjs/facade": "0.1.6",
-    "@univerjs/shared": "0.1.6",
-    "@univerjs/ui": "0.1.6"
+    "@univerjs/core": "0.1.7",
+    "@univerjs/design": "0.1.7",
+    "@univerjs/facade": "0.1.7",
+    "@univerjs/shared": "0.1.7",
+    "@univerjs/ui": "0.1.7"
   },
   "scripts": {
     "test": "vitest run",