@univerjs/slides-ui 0.2.4-alpha.0 → 0.2.5

package/lib/cjs/index.js

@@ -1,4 +1,4 @@
-"use strict";var w=Object.defineProperty;var A=(t,e,r)=>e in t?w(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r;var g=(t,e,r)=>A(t,typeof e!="symbol"?e+"":e,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@univerjs/core"),h=require("@univerjs/ui"),d=require("react"),N=require("clsx"),L=require("@univerjs/design"),V=require("@univerjs/engine-render"),y=require("@univerjs/slides");var E={exports:{}},f={};/**
+"use strict";var w=Object.defineProperty;var A=(t,e,n)=>e in t?w(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n;var g=(t,e,n)=>A(t,typeof e!="symbol"?e+"":e,n);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@univerjs/core"),P=require("@univerjs/ui"),d=require("react"),N=require("clsx"),L=require("@univerjs/design"),V=require("@univerjs/engine-render"),y=require("@univerjs/slides");var E={exports:{}},f={};/**
  * @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 $=d,q=Symbol.for("react.element"),F=Symbol.for("react.fragment"),M=Object.prototype.hasOwnProperty,W=$.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,G={key:!0,ref:!0,__self:!0,__source:!0};function B(t,e,r){var n,i={},a=null,c=null;r!==void 0&&(a=""+r),e.key!==void 0&&(a=""+e.key),e.ref!==void 0&&(c=e.ref);for(n in e)M.call(e,n)&&!G.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:q,type:t,key:a,ref:c,props:i,_owner:W.current}}f.Fragment=F;f.jsx=B;f.jsxs=B;E.exports=f;var l=E.exports;const O={id:"slide.operation.activate-slide",type:s.CommandType.OPERATION,handler:(t,e)=>(t.get(y.CanvasView).activePage(e.id),!0)},U={id:"slide.operation.set-slide-page-thumb",type:s.CommandType.OPERATION,handler:t=>(t.get(y.CanvasView).createThumbs(),!0)},J="univer-slide-bar",Y="univer-slide-bar-content",z="univer-slide-bar-item",H="univer-slide-bar-box",K="univer-slide-bar-item-active",Q="univer-slide-add-button",u={slideBar:J,slideBarContent:Y,slideBarItem:z,slideBarBox:H,slideBarItemActive:K,slideAddButton:Q};function X(){const t=s.useDependency(s.IUniverInstanceService),e=s.useDependency(s.ICommandService),r=s.useDependency(V.IRenderManagerService),n=s.useDependency(y.CanvasView),i=d.useRef(null),a=h.useObservable(()=>t.getCurrentTypeOfUnit$(s.UniverInstanceType.UNIVER_SLIDE),void 0,void 0,[]),c=a==null?void 0:a.getPages(),S=a==null?void 0:a.getPageOrder();if(!c||!S)return null;const v=S.map(o=>c[o]),[p,j]=d.useState([]),[R,x]=d.useState(S[0]);d.useEffect(()=>{j(v.map(o=>d.createRef()))},[v]),d.useEffect(()=>{n.activePageId$.subscribe(o=>{x(o)})},[]),d.useEffect(()=>{p.forEach((o,m)=>{var b;if(o.current){const T=v[m];(b=r.getRenderById(T.id))==null||b.engine.setContainer(o.current)}}),p.length>0&&e.syncExecuteCommand(U.id)},[p]);const D=d.useCallback(o=>{e.syncExecuteCommand(O.id,{id:o})},[e]);return l.jsx("div",{className:u.slideBar,ref:i,children:l.jsx(L.Scrollbar,{children:l.jsx("div",{className:u.slideBarContent,children:v.map((o,m)=>l.jsxs("div",{className:N(u.slideBarItem,{[u.slideBarItemActive]:o.id===R}),onClick:()=>D(o.id),children:[l.jsx("span",{children:m+1}),l.jsx("div",{ref:p[m],className:u.slideBarBox})]},o.id))})})})}var Z=Object.defineProperty,k=Object.getOwnPropertyDescriptor,ee=(t,e,r,n)=>{for(var i=n>1?void 0:n?k(e,r):e,a=t.length-1,c;a>=0;a--)(c=t[a])&&(i=(n?c(e,r,i):c(i))||i);return n&&i&&Z(e,r,i),i},P=(t,e)=>(r,n)=>e(r,n,t);let I=class extends s.Disposable{constructor(t,e,r){super(),this._injector=t,this._uiPartsService=e,this._commandService=r,this._initCommands(),this._initUIComponents()}_initCommands(){[O,U].forEach(t=>this.disposeWithMe(this._commandService.registerCommand(t)))}_initUIComponents(){this.disposeWithMe(this._uiPartsService.registerComponent(h.BuiltInUIPart.LEFT_SIDEBAR,()=>s.connectInjector(X,this._injector)))}};I=ee([s.OnLifecycle(s.LifecycleStages.Ready,I),P(0,s.Inject(s.Injector)),P(1,h.IUIPartsService),P(2,s.ICommandService)],I);var te=Object.defineProperty,re=Object.getOwnPropertyDescriptor,ne=(t,e,r,n)=>{for(var i=n>1?void 0:n?re(e,r):e,a=t.length-1,c;a>=0;a--)(c=t[a])&&(i=(n?c(e,r,i):c(i))||i);return n&&i&&te(e,r,i),i},C=(t,e)=>(r,n)=>e(r,n,t);const ie="SLIDE_UI";var _;exports.UniverSlidesUIPlugin=(_=class extends s.Plugin{constructor(e,r,n){super(),this._injector=r,this._univerInstanceService=n}onStarting(e){[[I]].forEach(r=>e.add(r))}onRendered(){this._markSlideAsFocused()}_markSlideAsFocused(){const e=this._univerInstanceService;try{const r=e.getCurrentUnitForType(s.UniverInstanceType.UNIVER_SLIDE);e.focusUnit(r.getUnitId())}catch{}}},g(_,"pluginName",ie),g(_,"type",s.UniverInstanceType.UNIVER_SLIDE),_);exports.UniverSlidesUIPlugin=ne([C(1,s.Inject(s.Injector)),C(2,s.IUniverInstanceService)],exports.UniverSlidesUIPlugin);exports.ActivateSlidePageOperation=O;exports.SetSlidePageThumbOperation=U;
+ */var $=d,q=Symbol.for("react.element"),F=Symbol.for("react.fragment"),M=Object.prototype.hasOwnProperty,W=$.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,G={key:!0,ref:!0,__self:!0,__source:!0};function B(t,e,n){var r,i={},a=null,c=null;n!==void 0&&(a=""+n),e.key!==void 0&&(a=""+e.key),e.ref!==void 0&&(c=e.ref);for(r in e)M.call(e,r)&&!G.hasOwnProperty(r)&&(i[r]=e[r]);if(t&&t.defaultProps)for(r in e=t.defaultProps,e)i[r]===void 0&&(i[r]=e[r]);return{$$typeof:q,type:t,key:a,ref:c,props:i,_owner:W.current}}f.Fragment=F;f.jsx=B;f.jsxs=B;E.exports=f;var l=E.exports;const O={id:"slide.operation.activate-slide",type:s.CommandType.OPERATION,handler:(t,e)=>(t.get(y.CanvasView).activePage(e.id),!0)},U={id:"slide.operation.set-slide-page-thumb",type:s.CommandType.OPERATION,handler:t=>(t.get(y.CanvasView).createThumbs(),!0)},J="univer-slide-bar",Y="univer-slide-bar-content",z="univer-slide-bar-item",H="univer-slide-bar-box",K="univer-slide-bar-item-active",Q="univer-slide-add-button",u={slideBar:J,slideBarContent:Y,slideBarItem:z,slideBarBox:H,slideBarItemActive:K,slideAddButton:Q};function X(){const t=s.useDependency(s.IUniverInstanceService),e=s.useDependency(s.ICommandService),n=s.useDependency(V.IRenderManagerService),r=s.useDependency(y.CanvasView),i=d.useRef(null),a=P.useObservable(()=>t.getCurrentTypeOfUnit$(s.UniverInstanceType.UNIVER_SLIDE),void 0,void 0,[]),c=a==null?void 0:a.getPages(),S=a==null?void 0:a.getPageOrder();if(!c||!S)return null;const v=S.map(o=>c[o]),[p,j]=d.useState([]),[R,x]=d.useState(S[0]);d.useEffect(()=>{j(v.map(o=>d.createRef()))},[v.length]),d.useEffect(()=>{r.activePageId$.subscribe(o=>{x(o)})},[]),d.useEffect(()=>{p.forEach((o,m)=>{var b;if(o.current){const T=v[m];(b=n.getRenderById(T.id))==null||b.engine.setContainer(o.current)}}),p.length>0&&e.syncExecuteCommand(U.id)},[p]);const D=d.useCallback(o=>{e.syncExecuteCommand(O.id,{id:o})},[e]);return l.jsx("div",{className:u.slideBar,ref:i,children:l.jsx(L.Scrollbar,{children:l.jsx("div",{className:u.slideBarContent,children:v.map((o,m)=>l.jsxs("div",{className:N(u.slideBarItem,{[u.slideBarItemActive]:o.id===R}),onClick:()=>D(o.id),children:[l.jsx("span",{children:m+1}),l.jsx("div",{ref:p[m],className:u.slideBarBox})]},o.id))})})})}var Z=Object.defineProperty,k=Object.getOwnPropertyDescriptor,ee=(t,e,n,r)=>{for(var i=r>1?void 0:r?k(e,n):e,a=t.length-1,c;a>=0;a--)(c=t[a])&&(i=(r?c(e,n,i):c(i))||i);return r&&i&&Z(e,n,i),i},h=(t,e)=>(n,r)=>e(n,r,t);let I=class extends s.Disposable{constructor(t,e,n){super(),this._injector=t,this._uiPartsService=e,this._commandService=n,this._initCommands(),this._initUIComponents()}_initCommands(){[O,U].forEach(t=>this.disposeWithMe(this._commandService.registerCommand(t)))}_initUIComponents(){this.disposeWithMe(this._uiPartsService.registerComponent(P.BuiltInUIPart.LEFT_SIDEBAR,()=>s.connectInjector(X,this._injector)))}};I=ee([s.OnLifecycle(s.LifecycleStages.Ready,I),h(0,s.Inject(s.Injector)),h(1,P.IUIPartsService),h(2,s.ICommandService)],I);var te=Object.defineProperty,ne=Object.getOwnPropertyDescriptor,re=(t,e,n,r)=>{for(var i=r>1?void 0:r?ne(e,n):e,a=t.length-1,c;a>=0;a--)(c=t[a])&&(i=(r?c(e,n,i):c(i))||i);return r&&i&&te(e,n,i),i},C=(t,e)=>(n,r)=>e(n,r,t);const ie="SLIDE_UI";var _;exports.UniverSlidesUIPlugin=(_=class extends s.Plugin{constructor(e,n,r){super(),this._injector=n,this._univerInstanceService=r}onStarting(e){[[I]].forEach(n=>e.add(n))}onRendered(){this._markSlideAsFocused()}_markSlideAsFocused(){const e=this._univerInstanceService;try{const n=e.getCurrentUnitForType(s.UniverInstanceType.UNIVER_SLIDE);e.focusUnit(n.getUnitId())}catch{}}},g(_,"pluginName",ie),g(_,"type",s.UniverInstanceType.UNIVER_SLIDE),_);exports.UniverSlidesUIPlugin=re([C(1,s.Inject(s.Injector)),C(2,s.IUniverInstanceService)],exports.UniverSlidesUIPlugin);exports.ActivateSlidePageOperation=O;exports.SetSlidePageThumbOperation=U;

package/lib/es/index.js

@@ -59,7 +59,7 @@ function _e() {
   const l = I.map((o) => a[o]), [v, T] = B([]), [$, V] = B(I[0]);
   S(() => {
     T(l.map((o) => D.createRef()));
-  }, [l]), S(() => {
+  }, [l.length]), S(() => {
     i.activePageId$.subscribe((o) => {
       V(o);
     });

package/lib/umd/index.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 T=v,A=Symbol.for("react.element"),w=Symbol.for("react.fragment"),N=Object.prototype.hasOwnProperty,L=T.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,V={key:!0,ref:!0,__self:!0,__source:!0};function O(s,e,t){var i,a={},d=null,c=null;t!==void 0&&(d=""+t),e.key!==void 0&&(d=""+e.key),e.ref!==void 0&&(c=e.ref);for(i in e)N.call(e,i)&&!V.hasOwnProperty(i)&&(a[i]=e[i]);if(s&&s.defaultProps)for(i in e=s.defaultProps,e)a[i]===void 0&&(a[i]=e[i]);return{$$typeof:A,type:s,key:d,ref:c,props:a,_owner:L.current}}m.Fragment=w,m.jsx=O,m.jsxs=O,C.exports=m;var u=C.exports;const P={id:"slide.operation.activate-slide",type:n.CommandType.OPERATION,handler:(s,e)=>(s.get(g.CanvasView).activePage(e.id),!0)},U={id:"slide.operation.set-slide-page-thumb",type:n.CommandType.OPERATION,handler:s=>(s.get(g.CanvasView).createThumbs(),!0)},p={slideBar:"univer-slide-bar",slideBarContent:"univer-slide-bar-content",slideBarItem:"univer-slide-bar-item",slideBarBox:"univer-slide-bar-box",slideBarItemActive:"univer-slide-bar-item-active",slideAddButton:"univer-slide-add-button"};function F(){const s=n.useDependency(n.IUniverInstanceService),e=n.useDependency(n.ICommandService),t=n.useDependency(D.IRenderManagerService),i=n.useDependency(g.CanvasView),a=v.useRef(null),d=l.useObservable(()=>s.getCurrentTypeOfUnit$(n.UniverInstanceType.UNIVER_SLIDE),void 0,void 0,[]),c=d==null?void 0:d.getPages(),j=d==null?void 0:d.getPageOrder();if(!c||!j)return null;const _=j.map(o=>c[o]),[S,H]=v.useState([]),[K,Q]=v.useState(j[0]);v.useEffect(()=>{H(_.map(o=>v.createRef()))},[_]),v.useEffect(()=>{i.activePageId$.subscribe(o=>{Q(o)})},[]),v.useEffect(()=>{S.forEach((o,h)=>{var R;if(o.current){const Z=_[h];(R=t.getRenderById(Z.id))==null||R.engine.setContainer(o.current)}}),S.length>0&&e.syncExecuteCommand(U.id)},[S]);const X=v.useCallback(o=>{e.syncExecuteCommand(P.id,{id:o})},[e]);return u.jsx("div",{className:p.slideBar,ref:a,children:u.jsx(b.Scrollbar,{children:u.jsx("div",{className:p.slideBarContent,children:_.map((o,h)=>u.jsxs("div",{className:x(p.slideBarItem,{[p.slideBarItemActive]:o.id===K}),onClick:()=>X(o.id),children:[u.jsx("span",{children:h+1}),u.jsx("div",{ref:S[h],className:p.slideBarBox})]},o.id))})})})}var M=Object.defineProperty,W=Object.getOwnPropertyDescriptor,G=(s,e,t,i)=>{for(var a=i>1?void 0:i?W(e,t):e,d=s.length-1,c;d>=0;d--)(c=s[d])&&(a=(i?c(e,t,a):c(a))||a);return i&&a&&M(e,t,a),a},y=(s,e)=>(t,i)=>e(t,i,s);let f=class extends n.Disposable{constructor(s,e,t){super(),this._injector=s,this._uiPartsService=e,this._commandService=t,this._initCommands(),this._initUIComponents()}_initCommands(){[P,U].forEach(s=>this.disposeWithMe(this._commandService.registerCommand(s)))}_initUIComponents(){this.disposeWithMe(this._uiPartsService.registerComponent(l.BuiltInUIPart.LEFT_SIDEBAR,()=>n.connectInjector(F,this._injector)))}};f=G([n.OnLifecycle(n.LifecycleStages.Ready,f),y(0,n.Inject(n.Injector)),y(1,l.IUIPartsService),y(2,n.ICommandService)],f);var J=Object.defineProperty,Y=Object.getOwnPropertyDescriptor,q=(s,e,t,i)=>{for(var a=i>1?void 0:i?Y(e,t):e,d=s.length-1,c;d>=0;d--)(c=s[d])&&(a=(i?c(e,t,a):c(a))||a);return i&&a&&J(e,t,a),a},E=(s,e)=>(t,i)=>e(t,i,s);const z="SLIDE_UI";r.UniverSlidesUIPlugin=(I=class extends n.Plugin{constructor(e,t,i){super(),this._injector=t,this._univerInstanceService=i}onStarting(e){[[f]].forEach(t=>e.add(t))}onRendered(){this._markSlideAsFocused()}_markSlideAsFocused(){const e=this._univerInstanceService;try{const t=e.getCurrentUnitForType(n.UniverInstanceType.UNIVER_SLIDE);e.focusUnit(t.getUnitId())}catch{}}},B(I,"pluginName",z),B(I,"type",n.UniverInstanceType.UNIVER_SLIDE),I),r.UniverSlidesUIPlugin=q([E(1,n.Inject(n.Injector)),E(2,n.IUniverInstanceService)],r.UniverSlidesUIPlugin),r.ActivateSlidePageOperation=P,r.SetSlidePageThumbOperation=U,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});
+ */var T=v,A=Symbol.for("react.element"),w=Symbol.for("react.fragment"),N=Object.prototype.hasOwnProperty,L=T.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,V={key:!0,ref:!0,__self:!0,__source:!0};function O(s,e,t){var i,a={},d=null,c=null;t!==void 0&&(d=""+t),e.key!==void 0&&(d=""+e.key),e.ref!==void 0&&(c=e.ref);for(i in e)N.call(e,i)&&!V.hasOwnProperty(i)&&(a[i]=e[i]);if(s&&s.defaultProps)for(i in e=s.defaultProps,e)a[i]===void 0&&(a[i]=e[i]);return{$$typeof:A,type:s,key:d,ref:c,props:a,_owner:L.current}}m.Fragment=w,m.jsx=O,m.jsxs=O,C.exports=m;var u=C.exports;const P={id:"slide.operation.activate-slide",type:n.CommandType.OPERATION,handler:(s,e)=>(s.get(g.CanvasView).activePage(e.id),!0)},U={id:"slide.operation.set-slide-page-thumb",type:n.CommandType.OPERATION,handler:s=>(s.get(g.CanvasView).createThumbs(),!0)},p={slideBar:"univer-slide-bar",slideBarContent:"univer-slide-bar-content",slideBarItem:"univer-slide-bar-item",slideBarBox:"univer-slide-bar-box",slideBarItemActive:"univer-slide-bar-item-active",slideAddButton:"univer-slide-add-button"};function F(){const s=n.useDependency(n.IUniverInstanceService),e=n.useDependency(n.ICommandService),t=n.useDependency(D.IRenderManagerService),i=n.useDependency(g.CanvasView),a=v.useRef(null),d=l.useObservable(()=>s.getCurrentTypeOfUnit$(n.UniverInstanceType.UNIVER_SLIDE),void 0,void 0,[]),c=d==null?void 0:d.getPages(),j=d==null?void 0:d.getPageOrder();if(!c||!j)return null;const _=j.map(o=>c[o]),[S,H]=v.useState([]),[K,Q]=v.useState(j[0]);v.useEffect(()=>{H(_.map(o=>v.createRef()))},[_.length]),v.useEffect(()=>{i.activePageId$.subscribe(o=>{Q(o)})},[]),v.useEffect(()=>{S.forEach((o,h)=>{var R;if(o.current){const Z=_[h];(R=t.getRenderById(Z.id))==null||R.engine.setContainer(o.current)}}),S.length>0&&e.syncExecuteCommand(U.id)},[S]);const X=v.useCallback(o=>{e.syncExecuteCommand(P.id,{id:o})},[e]);return u.jsx("div",{className:p.slideBar,ref:a,children:u.jsx(b.Scrollbar,{children:u.jsx("div",{className:p.slideBarContent,children:_.map((o,h)=>u.jsxs("div",{className:x(p.slideBarItem,{[p.slideBarItemActive]:o.id===K}),onClick:()=>X(o.id),children:[u.jsx("span",{children:h+1}),u.jsx("div",{ref:S[h],className:p.slideBarBox})]},o.id))})})})}var M=Object.defineProperty,W=Object.getOwnPropertyDescriptor,G=(s,e,t,i)=>{for(var a=i>1?void 0:i?W(e,t):e,d=s.length-1,c;d>=0;d--)(c=s[d])&&(a=(i?c(e,t,a):c(a))||a);return i&&a&&M(e,t,a),a},y=(s,e)=>(t,i)=>e(t,i,s);let f=class extends n.Disposable{constructor(s,e,t){super(),this._injector=s,this._uiPartsService=e,this._commandService=t,this._initCommands(),this._initUIComponents()}_initCommands(){[P,U].forEach(s=>this.disposeWithMe(this._commandService.registerCommand(s)))}_initUIComponents(){this.disposeWithMe(this._uiPartsService.registerComponent(l.BuiltInUIPart.LEFT_SIDEBAR,()=>n.connectInjector(F,this._injector)))}};f=G([n.OnLifecycle(n.LifecycleStages.Ready,f),y(0,n.Inject(n.Injector)),y(1,l.IUIPartsService),y(2,n.ICommandService)],f);var J=Object.defineProperty,Y=Object.getOwnPropertyDescriptor,q=(s,e,t,i)=>{for(var a=i>1?void 0:i?Y(e,t):e,d=s.length-1,c;d>=0;d--)(c=s[d])&&(a=(i?c(e,t,a):c(a))||a);return i&&a&&J(e,t,a),a},E=(s,e)=>(t,i)=>e(t,i,s);const z="SLIDE_UI";r.UniverSlidesUIPlugin=(I=class extends n.Plugin{constructor(e,t,i){super(),this._injector=t,this._univerInstanceService=i}onStarting(e){[[f]].forEach(t=>e.add(t))}onRendered(){this._markSlideAsFocused()}_markSlideAsFocused(){const e=this._univerInstanceService;try{const t=e.getCurrentUnitForType(n.UniverInstanceType.UNIVER_SLIDE);e.focusUnit(t.getUnitId())}catch{}}},B(I,"pluginName",z),B(I,"type",n.UniverInstanceType.UNIVER_SLIDE),I),r.UniverSlidesUIPlugin=q([E(1,n.Inject(n.Injector)),E(2,n.IUniverInstanceService)],r.UniverSlidesUIPlugin),r.ActivateSlidePageOperation=P,r.SetSlidePageThumbOperation=U,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@univerjs/slides-ui",
-  "version": "0.2.4-alpha.0",
+  "version": "0.2.5",
   "private": false,
   "description": "Univer normal ui-plugin-slides",
   "author": "DreamNum <developer@univer.ai>",
@@ -52,11 +52,11 @@
   "peerDependencies": {
     "clsx": ">=2.0.0",
     "react": "^16.9.0 || ^17.0.0 || ^18.0.0",
-    "@univerjs/core": "0.2.4-alpha.0",
-    "@univerjs/design": "0.2.4-alpha.0",
-    "@univerjs/engine-render": "0.2.4-alpha.0",
-    "@univerjs/slides": "0.2.4-alpha.0",
-    "@univerjs/ui": "0.2.4-alpha.0"
+    "@univerjs/design": "0.2.5",
+    "@univerjs/core": "0.2.5",
+    "@univerjs/engine-render": "0.2.5",
+    "@univerjs/slides": "0.2.5",
+    "@univerjs/ui": "0.2.5"
   },
   "devDependencies": {
     "@types/react": "^18.3.3",
@@ -67,12 +67,12 @@
     "typescript": "^5.5.3",
     "vite": "^5.3.4",
     "vitest": "^2.0.3",
-    "@univerjs/core": "0.2.4-alpha.0",
-    "@univerjs/engine-render": "0.2.4-alpha.0",
-    "@univerjs/shared": "0.2.4-alpha.0",
-    "@univerjs/design": "0.2.4-alpha.0",
-    "@univerjs/slides": "0.2.4-alpha.0",
-    "@univerjs/ui": "0.2.4-alpha.0"
+    "@univerjs/core": "0.2.5",
+    "@univerjs/design": "0.2.5",
+    "@univerjs/engine-render": "0.2.5",
+    "@univerjs/shared": "0.2.5",
+    "@univerjs/slides": "0.2.5",
+    "@univerjs/ui": "0.2.5"
   },
   "univerSpace": {
     ".": {