@univerjs/slides-ui 0.1.10 → 0.1.11

package/lib/cjs/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 q=l,V=Symbol.for("react.element"),M=Symbol.for("react.fragment"),F=Object.prototype.hasOwnProperty,W=q.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,z={key:!0,ref:!0,__self:!0,__source:!0};function b(r,e,t){var s,n={},i=null,c=null;t!==void 0&&(i=""+t),e.key!==void 0&&(i=""+e.key),e.ref!==void 0&&(c=e.ref);for(s in e)F.call(e,s)&&!z.hasOwnProperty(s)&&(n[s]=e[s]);if(r&&r.defaultProps)for(s in e=r.defaultProps,e)n[s]===void 0&&(n[s]=e[s]);return{$$typeof:V,type:r,key:i,ref:c,props:n,_owner:W.current}}h.Fragment=M;h.jsx=b;h.jsxs=b;O.exports=h;var u=O.exports;const B={id:"slide.operation.activate-slide",type:o.CommandType.OPERATION,handler:(r,e)=>(r.get(E.CanvasView).activePage(e.id),!0)},R={id:"slide.operation.set-slide-page-thumb",type:o.CommandType.OPERATION,handler:r=>(r.get(E.CanvasView).createThumbs(),!0)},G="univer-slide-bar",J="univer-slide-bar-content",Y="univer-slide-bar-item",k="univer-slide-bar-box",H="univer-slide-bar-item-active",K="univer-slide-add-button",v={slideBar:G,slideBarContent:J,slideBarItem:Y,slideBarBox:k,slideBarItemActive:H,slideAddButton:K};function Q(){const r=f.useDependency(o.IUniverInstanceService),e=f.useDependency(o.ICommandService),t=f.useDependency($.IRenderManagerService),s=l.useRef(null),n=C.useObservable(()=>r.getCurrentTypeOfUnit$(o.UniverInstanceType.UNIVER_SLIDE),void 0,void 0,[]),i=n==null?void 0:n.getPages(),c=n==null?void 0:n.getPageOrder();if(!i||!c)return null;const m=c.map(a=>i[a]),[p,N]=l.useState([]);l.useEffect(()=>{N(m.map(a=>l.createRef()))},[m.length]),l.useEffect(()=>{p.forEach((a,d)=>{var P;if(a.current){const T=m[d];(P=t.getRenderById(T.id))==null||P.engine.setContainer(a.current)}}),p.length>0&&e.syncExecuteCommand(R.id)},[p]);const D=l.useCallback(a=>{e.syncExecuteCommand(B.id,{id:a})},[e]);return u.jsx("div",{className:v.slideBar,ref:s,children:u.jsx("div",{className:v.slideBarContent,children:m.map((a,d)=>u.jsxs("div",{className:A(v.slideBarItem,{[v.slideBarItemActive]:!1}),onClick:()=>D(a.id),children:[u.jsx("span",{children:d+1}),u.jsx("div",{ref:p[d],className:v.slideBarBox})]},d))})})}var X=Object.defineProperty,Z=Object.getOwnPropertyDescriptor,ee=(r,e,t,s)=>{for(var n=s>1?void 0:s?Z(e,t):e,i=r.length-1,c;i>=0;i--)(c=r[i])&&(n=(s?c(e,t,n):c(n))||n);return s&&n&&X(e,t,n),n},y=(r,e)=>(t,s)=>e(t,s,r);let S=class extends o.Disposable{constructor(r,e,t){super(),this._injector=r,this._uiController=e,this._commandService=t,this._initCommands(),this._initUIComponents()}_initCommands(){[B,R].forEach(r=>this.disposeWithMe(this._commandService.registerCommand(r)))}_initUIComponents(){this.disposeWithMe(this._uiController.registerComponent(C.DesktopUIPart.LEFT_SIDEBAR,()=>f.connectInjector(Q,this._injector)))}};S=ee([o.OnLifecycle(o.LifecycleStages.Ready,S),y(0,_.Inject(_.Injector)),y(1,C.IUIController),y(2,o.ICommandService)],S);const te={toolbar:{undo:"Undo",redo:"Redo"}},re=te,ne={toolbar:{undo:"撤销",redo:"重做"}},j=ne;var se=Object.defineProperty,ie=Object.getOwnPropertyDescriptor,oe=(r,e,t,s)=>{for(var n=s>1?void 0:s?ie(e,t):e,i=r.length-1,c;i>=0;i--)(c=r[i])&&(n=(s?c(e,t,n):c(n))||n);return s&&n&&se(e,t,n),n},U=(r,e)=>(t,s)=>e(t,s,r);const x="slides-ui";var I;exports.UniverSlidesUIPlugin=(I=class extends o.Plugin{constructor(e,t,s,n){super(),this._injector=t,this._localeService=s,this._univerInstanceService=n}onStarting(e){this._localeService.load({zhCN:j}),[[S]].forEach(t=>e.add(t))}onRendered(){this._markSlideAsFocused()}_markSlideAsFocused(){const e=this._univerInstanceService;try{const t=e.getCurrentUnitForType(o.UniverInstanceType.UNIVER_SLIDE);e.focusUnit(t.getUnitId())}catch{}}},g(I,"pluginName",x),g(I,"type",o.UniverInstanceType.UNIVER_SLIDE),I);exports.UniverSlidesUIPlugin=oe([U(1,_.Inject(_.Injector)),U(2,_.Inject(o.LocaleService)),U(3,o.IUniverInstanceService)],exports.UniverSlidesUIPlugin);exports.SLIDE_UI_PLUGIN_NAME=x;exports.enUS=re;exports.zhCN=j;
+ */var q=l,V=Symbol.for("react.element"),M=Symbol.for("react.fragment"),F=Object.prototype.hasOwnProperty,W=q.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,z={key:!0,ref:!0,__self:!0,__source:!0};function b(r,e,t){var s,n={},i=null,c=null;t!==void 0&&(i=""+t),e.key!==void 0&&(i=""+e.key),e.ref!==void 0&&(c=e.ref);for(s in e)F.call(e,s)&&!z.hasOwnProperty(s)&&(n[s]=e[s]);if(r&&r.defaultProps)for(s in e=r.defaultProps,e)n[s]===void 0&&(n[s]=e[s]);return{$$typeof:V,type:r,key:i,ref:c,props:n,_owner:W.current}}h.Fragment=M;h.jsx=b;h.jsxs=b;O.exports=h;var u=O.exports;const B={id:"slide.operation.activate-slide",type:o.CommandType.OPERATION,handler:(r,e)=>(r.get(E.CanvasView).activePage(e.id),!0)},R={id:"slide.operation.set-slide-page-thumb",type:o.CommandType.OPERATION,handler:r=>(r.get(E.CanvasView).createThumbs(),!0)},G="univer-slide-bar",J="univer-slide-bar-content",Y="univer-slide-bar-item",k="univer-slide-bar-box",H="univer-slide-bar-item-active",K="univer-slide-add-button",v={slideBar:G,slideBarContent:J,slideBarItem:Y,slideBarBox:k,slideBarItemActive:H,slideAddButton:K};function Q(){const r=f.useDependency(o.IUniverInstanceService),e=f.useDependency(o.ICommandService),t=f.useDependency($.IRenderManagerService),s=l.useRef(null),n=C.useObservable(()=>r.getCurrentTypeOfUnit$(o.UniverInstanceType.UNIVER_SLIDE),void 0,void 0,[]),i=n==null?void 0:n.getPages(),c=n==null?void 0:n.getPageOrder();if(!i||!c)return null;const m=c.map(a=>i[a]),[p,N]=l.useState([]);l.useEffect(()=>{N(m.map(a=>l.createRef()))},[m.length]),l.useEffect(()=>{p.forEach((a,d)=>{var P;if(a.current){const T=m[d];(P=t.getRenderById(T.id))==null||P.engine.setContainer(a.current)}}),p.length>0&&e.syncExecuteCommand(R.id)},[p]);const D=l.useCallback(a=>{e.syncExecuteCommand(B.id,{id:a})},[e]);return u.jsx("div",{className:v.slideBar,ref:s,children:u.jsx("div",{className:v.slideBarContent,children:m.map((a,d)=>u.jsxs("div",{className:A(v.slideBarItem,{[v.slideBarItemActive]:!1}),onClick:()=>D(a.id),children:[u.jsx("span",{children:d+1}),u.jsx("div",{ref:p[d],className:v.slideBarBox})]},d))})})}var X=Object.defineProperty,Z=Object.getOwnPropertyDescriptor,ee=(r,e,t,s)=>{for(var n=s>1?void 0:s?Z(e,t):e,i=r.length-1,c;i>=0;i--)(c=r[i])&&(n=(s?c(e,t,n):c(n))||n);return s&&n&&X(e,t,n),n},y=(r,e)=>(t,s)=>e(t,s,r);let S=class extends o.Disposable{constructor(r,e,t){super(),this._injector=r,this._uiController=e,this._commandService=t,this._initCommands(),this._initUIComponents()}_initCommands(){[B,R].forEach(r=>this.disposeWithMe(this._commandService.registerCommand(r)))}_initUIComponents(){this.disposeWithMe(this._uiController.registerComponent(C.DesktopUIPart.LEFT_SIDEBAR,()=>f.connectInjector(Q,this._injector)))}};S=ee([o.OnLifecycle(o.LifecycleStages.Ready,S),y(0,_.Inject(_.Injector)),y(1,C.IUIController),y(2,o.ICommandService)],S);const te={toolbar:{undo:"Undo",redo:"Redo"}},re=te,ne={toolbar:{undo:"撤销",redo:"重做"}},j=ne,se={toolbar:{undo:"Отменить",redo:"Повторить"}},ie=se;var oe=Object.defineProperty,ce=Object.getOwnPropertyDescriptor,ae=(r,e,t,s)=>{for(var n=s>1?void 0:s?ce(e,t):e,i=r.length-1,c;i>=0;i--)(c=r[i])&&(n=(s?c(e,t,n):c(n))||n);return s&&n&&oe(e,t,n),n},U=(r,e)=>(t,s)=>e(t,s,r);const x="slides-ui";var I;exports.UniverSlidesUIPlugin=(I=class extends o.Plugin{constructor(e,t,s,n){super(),this._injector=t,this._localeService=s,this._univerInstanceService=n}onStarting(e){this._localeService.load({zhCN:j}),[[S]].forEach(t=>e.add(t))}onRendered(){this._markSlideAsFocused()}_markSlideAsFocused(){const e=this._univerInstanceService;try{const t=e.getCurrentUnitForType(o.UniverInstanceType.UNIVER_SLIDE);e.focusUnit(t.getUnitId())}catch{}}},g(I,"pluginName",x),g(I,"type",o.UniverInstanceType.UNIVER_SLIDE),I);exports.UniverSlidesUIPlugin=ae([U(1,_.Inject(_.Injector)),U(2,_.Inject(o.LocaleService)),U(3,o.IUniverInstanceService)],exports.UniverSlidesUIPlugin);exports.SLIDE_UI_PLUGIN_NAME=x;exports.enUS=re;exports.ruRU=ie;exports.zhCN=j;

package/lib/es/index.js

@@ -1,14 +1,14 @@
-var $ = Object.defineProperty;
-var V = (t, e, r) => e in t ? $(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
+var T = Object.defineProperty;
+var V = (t, e, r) => e in t ? T(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
 var f = (t, e, r) => (V(t, typeof e != "symbol" ? e + "" : e, r), r);
-import { CommandType as B, IUniverInstanceService as E, ICommandService as b, UniverInstanceType as g, Disposable as F, OnLifecycle as M, LifecycleStages as W, Plugin as q, LocaleService as z } from "@univerjs/core";
+import { CommandType as b, IUniverInstanceService as B, ICommandService as E, UniverInstanceType as g, Disposable as F, OnLifecycle as M, LifecycleStages as W, Plugin as q, LocaleService as z } from "@univerjs/core";
 import { Inject as C, Injector as R } from "@wendellhu/redi";
 import { useObservable as G, DesktopUIPart as J, IUIController as Y } from "@univerjs/ui";
 import { useDependency as I, connectInjector as k } from "@wendellhu/redi/react-bindings";
-import x, { useRef as H, useState as K, useEffect as O, useCallback as Q } from "react";
+import U, { useRef as H, useState as K, useEffect as O, useCallback as Q } from "react";
 import X from "clsx";
 import { IRenderManagerService as Z } from "@univerjs/engine-render";
-import { CanvasView as U } from "@univerjs/slides";
+import { CanvasView as x } from "@univerjs/slides";
 var j = { exports: {} }, _ = {};
 /**
  * @license React
@@ -19,7 +19,7 @@ var j = { exports: {} }, _ = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ee = x, te = Symbol.for("react.element"), re = Symbol.for("react.fragment"), se = Object.prototype.hasOwnProperty, ne = ee.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, ie = { key: !0, ref: !0, __self: !0, __source: !0 };
+var ee = U, te = Symbol.for("react.element"), re = Symbol.for("react.fragment"), se = Object.prototype.hasOwnProperty, ne = ee.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, ie = { key: !0, ref: !0, __self: !0, __source: !0 };
 function N(t, e, r) {
   var s, n = {}, i = null, o = null;
   r !== void 0 && (i = "" + r), e.key !== void 0 && (i = "" + e.key), e.ref !== void 0 && (o = e.ref);
@@ -37,12 +37,12 @@ j.exports = _;
 var l = j.exports;
 const D = {
   id: "slide.operation.activate-slide",
-  type: B.OPERATION,
-  handler: (t, e) => (t.get(U).activePage(e.id), !0)
+  type: b.OPERATION,
+  handler: (t, e) => (t.get(x).activePage(e.id), !0)
 }, w = {
   id: "slide.operation.set-slide-page-thumb",
-  type: B.OPERATION,
-  handler: (t) => (t.get(U).createThumbs(), !0)
+  type: b.OPERATION,
+  handler: (t) => (t.get(x).createThumbs(), !0)
 }, oe = "univer-slide-bar", ae = "univer-slide-bar-content", ce = "univer-slide-bar-item", le = "univer-slide-bar-box", de = "univer-slide-bar-item-active", me = "univer-slide-add-button", d = {
   slideBar: oe,
   slideBarContent: ae,
@@ -52,7 +52,7 @@ const D = {
   slideAddButton: me
 };
 function ve() {
-  const t = I(E), e = I(b), r = I(Z), s = H(null), n = G(
+  const t = I(B), e = I(E), r = I(Z), s = H(null), n = G(
     () => t.getCurrentTypeOfUnit$(g.UNIVER_SLIDE),
     void 0,
     void 0,
@@ -62,13 +62,13 @@ function ve() {
     return null;
   const m = o.map((a) => i[a]), [v, A] = K([]);
   O(() => {
-    A(m.map((a) => x.createRef()));
+    A(m.map((a) => U.createRef()));
   }, [m.length]), O(() => {
     v.forEach((a, c) => {
       var y;
       if (a.current) {
-        const T = m[c];
-        (y = r.getRenderById(T.id)) == null || y.engine.setContainer(a.current);
+        const $ = m[c];
+        (y = r.getRenderById($.id)) == null || y.engine.setContainer(a.current);
       }
     }), v.length > 0 && e.syncExecuteCommand(w.id);
   }, [v]);
@@ -116,25 +116,30 @@ p = _e([
   M(W.Ready, p),
   h(0, C(R)),
   h(1, Y),
-  h(2, b)
+  h(2, E)
 ], p);
 const fe = {
   toolbar: {
     undo: "Undo",
     redo: "Redo"
   }
-}, Ne = fe, Ie = {
+}, De = fe, Ie = {
   toolbar: {
     undo: "撤销",
     redo: "重做"
   }
-}, he = Ie;
-var Se = Object.defineProperty, ge = Object.getOwnPropertyDescriptor, Ce = (t, e, r, s) => {
-  for (var n = s > 1 ? void 0 : s ? ge(e, r) : e, i = t.length - 1, o; i >= 0; i--)
+}, he = Ie, Se = {
+  toolbar: {
+    undo: "Отменить",
+    redo: "Повторить"
+  }
+}, we = Se;
+var ge = Object.defineProperty, Ce = Object.getOwnPropertyDescriptor, ye = (t, e, r, s) => {
+  for (var n = s > 1 ? void 0 : s ? Ce(e, r) : e, i = t.length - 1, o; i >= 0; i--)
     (o = t[i]) && (n = (s ? o(e, r, n) : o(n)) || n);
-  return s && n && Se(e, r, n), n;
+  return s && n && ge(e, r, n), n;
 }, S = (t, e) => (r, s) => e(r, s, t);
-const ye = "slides-ui";
+const Oe = "slides-ui";
 var u;
 let P = (u = class extends q {
   constructor(t, e, r, s) {
@@ -156,15 +161,16 @@ let P = (u = class extends q {
     } catch {
     }
   }
-}, f(u, "pluginName", ye), f(u, "type", g.UNIVER_SLIDE), u);
-P = Ce([
+}, f(u, "pluginName", Oe), f(u, "type", g.UNIVER_SLIDE), u);
+P = ye([
   S(1, C(R)),
   S(2, C(z)),
-  S(3, E)
+  S(3, B)
 ], P);
 export {
-  ye as SLIDE_UI_PLUGIN_NAME,
+  Oe as SLIDE_UI_PLUGIN_NAME,
   P as UniverSlidesUIPlugin,
-  Ne as enUS,
+  De as enUS,
+  we as ruRU,
   he as zhCN
 };

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

@@ -1,6 +1,6 @@
-import { Injector } from '@wendellhu/redi';
-import { IDesktopUIController } from '@univerjs/ui';
 import { Disposable, ICommandService } from '@univerjs/core';
+import { IDesktopUIController } from '@univerjs/ui';
+import { Injector } from '@wendellhu/redi';
 
 /**
  * This controller registers UI parts of slide workbench to the base-ui workbench.

package/lib/types/index.d.ts

@@ -14,4 +14,4 @@
  * limitations under the License.
  */
 export * from './slides-ui-plugin';
-export { enUS, zhCN } from './locale';
+export { enUS, zhCN, ruRU } from './locale';

package/lib/types/locale/index.d.ts

@@ -15,3 +15,4 @@
  */
 export { default as enUS } from './en-US';
 export { default as zhCN } from './zh-CN';
+export { default as ruRU } from './ru-RU';

package/lib/types/locale/ru-RU.d.ts

@@ -0,0 +1,4 @@
+import { default as zhCN } from './zh-CN';
+
+declare const locale: typeof zhCN;
+export default locale;

package/lib/types/slides-ui-plugin.d.ts

@@ -1,5 +1,5 @@
-import { Injector } from '@wendellhu/redi';
 import { IUniverInstanceService, LocaleService, Plugin, UniverInstanceType } from '@univerjs/core';
+import { Injector } from '@wendellhu/redi';
 
 export declare const SLIDE_UI_PLUGIN_NAME = "slides-ui";
 export declare class UniverSlidesUIPlugin extends Plugin {

package/lib/umd/index.js

@@ -1,4 +1,4 @@
-(function(s,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("@univerjs/core"),require("@wendellhu/redi"),require("@univerjs/ui"),require("@wendellhu/redi/react-bindings"),require("react"),require("clsx"),require("@univerjs/engine-render"),require("@univerjs/slides")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@wendellhu/redi","@univerjs/ui","@wendellhu/redi/react-bindings","react","clsx","@univerjs/engine-render","@univerjs/slides"],t):(s=typeof globalThis<"u"?globalThis:s||self,t(s.UniverSlidesUi={},s.UniverCore,s["@wendellhu/redi"],s.UniverUi,s["@wendellhu/redi/react-bindings"],s.React,s.clsx,s.UniverEngineRender,s.UniverSlides))})(this,function(s,t,d,y,p,u,N,D,P){"use strict";var Z=Object.defineProperty;var $=(s,t,d)=>t in s?Z(s,t,{enumerable:!0,configurable:!0,writable:!0,value:d}):s[t]=d;var g=(s,t,d)=>($(s,typeof t!="symbol"?t+"":t,d),d);var h;var B={exports:{}},f={};/**
+(function(i,r){typeof exports=="object"&&typeof module<"u"?r(exports,require("@univerjs/core"),require("@wendellhu/redi"),require("@univerjs/ui"),require("@wendellhu/redi/react-bindings"),require("react"),require("clsx"),require("@univerjs/engine-render"),require("@univerjs/slides")):typeof define=="function"&&define.amd?define(["exports","@univerjs/core","@wendellhu/redi","@univerjs/ui","@wendellhu/redi/react-bindings","react","clsx","@univerjs/engine-render","@univerjs/slides"],r):(i=typeof globalThis<"u"?globalThis:i||self,r(i.UniverSlidesUi={},i.UniverCore,i["@wendellhu/redi"],i.UniverUi,i["@wendellhu/redi/react-bindings"],i.React,i.clsx,i.UniverEngineRender,i.UniverSlides))})(this,function(i,r,d,y,f,u,N,D,P){"use strict";var Z=Object.defineProperty;var ee=(i,r,d)=>r in i?Z(i,r,{enumerable:!0,configurable:!0,writable:!0,value:d}):i[r]=d;var g=(i,r,d)=>(ee(i,typeof r!="symbol"?r+"":r,d),d);var h;var B={exports:{}},p={};/**
  * @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 T=u,A=Symbol.for("react.element"),L=Symbol.for("react.fragment"),V=Object.prototype.hasOwnProperty,M=T.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,F={key:!0,ref:!0,__self:!0,__source:!0};function E(a,e,r){var i,n={},o=null,c=null;r!==void 0&&(o=""+r),e.key!==void 0&&(o=""+e.key),e.ref!==void 0&&(c=e.ref);for(i in e)V.call(e,i)&&!F.hasOwnProperty(i)&&(n[i]=e[i]);if(a&&a.defaultProps)for(i in e=a.defaultProps,e)n[i]===void 0&&(n[i]=e[i]);return{$$typeof:A,type:a,key:o,ref:c,props:n,_owner:M.current}}f.Fragment=L,f.jsx=E,f.jsxs=E,B.exports=f;var v=B.exports;const O={id:"slide.operation.activate-slide",type:t.CommandType.OPERATION,handler:(a,e)=>(a.get(P.CanvasView).activePage(e.id),!0)},R={id:"slide.operation.set-slide-page-thumb",type:t.CommandType.OPERATION,handler:a=>(a.get(P.CanvasView).createThumbs(),!0)},m={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 q(){const a=p.useDependency(t.IUniverInstanceService),e=p.useDependency(t.ICommandService),r=p.useDependency(D.IRenderManagerService),i=u.useRef(null),n=y.useObservable(()=>a.getCurrentTypeOfUnit$(t.UniverInstanceType.UNIVER_SLIDE),void 0,void 0,[]),o=n==null?void 0:n.getPages(),c=n==null?void 0:n.getPageOrder();if(!o||!c)return null;const S=c.map(l=>o[l]),[U,K]=u.useState([]);u.useEffect(()=>{K(S.map(l=>u.createRef()))},[S.length]),u.useEffect(()=>{U.forEach((l,_)=>{var w;if(l.current){const X=S[_];(w=r.getRenderById(X.id))==null||w.engine.setContainer(l.current)}}),U.length>0&&e.syncExecuteCommand(R.id)},[U]);const Q=u.useCallback(l=>{e.syncExecuteCommand(O.id,{id:l})},[e]);return v.jsx("div",{className:m.slideBar,ref:i,children:v.jsx("div",{className:m.slideBarContent,children:S.map((l,_)=>v.jsxs("div",{className:N(m.slideBarItem,{[m.slideBarItemActive]:!1}),onClick:()=>Q(l.id),children:[v.jsx("span",{children:_+1}),v.jsx("div",{ref:U[_],className:m.slideBarBox})]},_))})})}var W=Object.defineProperty,z=Object.getOwnPropertyDescriptor,G=(a,e,r,i)=>{for(var n=i>1?void 0:i?z(e,r):e,o=a.length-1,c;o>=0;o--)(c=a[o])&&(n=(i?c(e,r,n):c(n))||n);return i&&n&&W(e,r,n),n},C=(a,e)=>(r,i)=>e(r,i,a);let I=class extends t.Disposable{constructor(a,e,r){super(),this._injector=a,this._uiController=e,this._commandService=r,this._initCommands(),this._initUIComponents()}_initCommands(){[O,R].forEach(a=>this.disposeWithMe(this._commandService.registerCommand(a)))}_initUIComponents(){this.disposeWithMe(this._uiController.registerComponent(y.DesktopUIPart.LEFT_SIDEBAR,()=>p.connectInjector(q,this._injector)))}};I=G([t.OnLifecycle(t.LifecycleStages.Ready,I),C(0,d.Inject(d.Injector)),C(1,y.IUIController),C(2,t.ICommandService)],I);const J={toolbar:{undo:"Undo",redo:"Redo"}},b={toolbar:{undo:"撤销",redo:"重做"}};var Y=Object.defineProperty,k=Object.getOwnPropertyDescriptor,H=(a,e,r,i)=>{for(var n=i>1?void 0:i?k(e,r):e,o=a.length-1,c;o>=0;o--)(c=a[o])&&(n=(i?c(e,r,n):c(n))||n);return i&&n&&Y(e,r,n),n},j=(a,e)=>(r,i)=>e(r,i,a);const x="slides-ui";s.UniverSlidesUIPlugin=(h=class extends t.Plugin{constructor(e,r,i,n){super(),this._injector=r,this._localeService=i,this._univerInstanceService=n}onStarting(e){this._localeService.load({zhCN:b}),[[I]].forEach(r=>e.add(r))}onRendered(){this._markSlideAsFocused()}_markSlideAsFocused(){const e=this._univerInstanceService;try{const r=e.getCurrentUnitForType(t.UniverInstanceType.UNIVER_SLIDE);e.focusUnit(r.getUnitId())}catch{}}},g(h,"pluginName",x),g(h,"type",t.UniverInstanceType.UNIVER_SLIDE),h),s.UniverSlidesUIPlugin=H([j(1,d.Inject(d.Injector)),j(2,d.Inject(t.LocaleService)),j(3,t.IUniverInstanceService)],s.UniverSlidesUIPlugin),s.SLIDE_UI_PLUGIN_NAME=x,s.enUS=J,s.zhCN=b,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});
+ */var T=u,A=Symbol.for("react.element"),L=Symbol.for("react.fragment"),V=Object.prototype.hasOwnProperty,M=T.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,F={key:!0,ref:!0,__self:!0,__source:!0};function E(o,e,s){var t,n={},a=null,c=null;s!==void 0&&(a=""+s),e.key!==void 0&&(a=""+e.key),e.ref!==void 0&&(c=e.ref);for(t in e)V.call(e,t)&&!F.hasOwnProperty(t)&&(n[t]=e[t]);if(o&&o.defaultProps)for(t in e=o.defaultProps,e)n[t]===void 0&&(n[t]=e[t]);return{$$typeof:A,type:o,key:a,ref:c,props:n,_owner:M.current}}p.Fragment=L,p.jsx=E,p.jsxs=E,B.exports=p;var v=B.exports;const O={id:"slide.operation.activate-slide",type:r.CommandType.OPERATION,handler:(o,e)=>(o.get(P.CanvasView).activePage(e.id),!0)},R={id:"slide.operation.set-slide-page-thumb",type:r.CommandType.OPERATION,handler:o=>(o.get(P.CanvasView).createThumbs(),!0)},m={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 q(){const o=f.useDependency(r.IUniverInstanceService),e=f.useDependency(r.ICommandService),s=f.useDependency(D.IRenderManagerService),t=u.useRef(null),n=y.useObservable(()=>o.getCurrentTypeOfUnit$(r.UniverInstanceType.UNIVER_SLIDE),void 0,void 0,[]),a=n==null?void 0:n.getPages(),c=n==null?void 0:n.getPageOrder();if(!a||!c)return null;const S=c.map(l=>a[l]),[U,K]=u.useState([]);u.useEffect(()=>{K(S.map(l=>u.createRef()))},[S.length]),u.useEffect(()=>{U.forEach((l,_)=>{var x;if(l.current){const X=S[_];(x=s.getRenderById(X.id))==null||x.engine.setContainer(l.current)}}),U.length>0&&e.syncExecuteCommand(R.id)},[U]);const Q=u.useCallback(l=>{e.syncExecuteCommand(O.id,{id:l})},[e]);return v.jsx("div",{className:m.slideBar,ref:t,children:v.jsx("div",{className:m.slideBarContent,children:S.map((l,_)=>v.jsxs("div",{className:N(m.slideBarItem,{[m.slideBarItemActive]:!1}),onClick:()=>Q(l.id),children:[v.jsx("span",{children:_+1}),v.jsx("div",{ref:U[_],className:m.slideBarBox})]},_))})})}var W=Object.defineProperty,z=Object.getOwnPropertyDescriptor,G=(o,e,s,t)=>{for(var n=t>1?void 0:t?z(e,s):e,a=o.length-1,c;a>=0;a--)(c=o[a])&&(n=(t?c(e,s,n):c(n))||n);return t&&n&&W(e,s,n),n},C=(o,e)=>(s,t)=>e(s,t,o);let I=class extends r.Disposable{constructor(o,e,s){super(),this._injector=o,this._uiController=e,this._commandService=s,this._initCommands(),this._initUIComponents()}_initCommands(){[O,R].forEach(o=>this.disposeWithMe(this._commandService.registerCommand(o)))}_initUIComponents(){this.disposeWithMe(this._uiController.registerComponent(y.DesktopUIPart.LEFT_SIDEBAR,()=>f.connectInjector(q,this._injector)))}};I=G([r.OnLifecycle(r.LifecycleStages.Ready,I),C(0,d.Inject(d.Injector)),C(1,y.IUIController),C(2,r.ICommandService)],I);const J={toolbar:{undo:"Undo",redo:"Redo"}},b={toolbar:{undo:"撤销",redo:"重做"}},Y={toolbar:{undo:"Отменить",redo:"Повторить"}};var $=Object.defineProperty,k=Object.getOwnPropertyDescriptor,H=(o,e,s,t)=>{for(var n=t>1?void 0:t?k(e,s):e,a=o.length-1,c;a>=0;a--)(c=o[a])&&(n=(t?c(e,s,n):c(n))||n);return t&&n&&$(e,s,n),n},j=(o,e)=>(s,t)=>e(s,t,o);const w="slides-ui";i.UniverSlidesUIPlugin=(h=class extends r.Plugin{constructor(e,s,t,n){super(),this._injector=s,this._localeService=t,this._univerInstanceService=n}onStarting(e){this._localeService.load({zhCN:b}),[[I]].forEach(s=>e.add(s))}onRendered(){this._markSlideAsFocused()}_markSlideAsFocused(){const e=this._univerInstanceService;try{const s=e.getCurrentUnitForType(r.UniverInstanceType.UNIVER_SLIDE);e.focusUnit(s.getUnitId())}catch{}}},g(h,"pluginName",w),g(h,"type",r.UniverInstanceType.UNIVER_SLIDE),h),i.UniverSlidesUIPlugin=H([j(1,d.Inject(d.Injector)),j(2,d.Inject(r.LocaleService)),j(3,r.IUniverInstanceService)],i.UniverSlidesUIPlugin),i.SLIDE_UI_PLUGIN_NAME=w,i.enUS=J,i.ruRU=Y,i.zhCN=b,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@univerjs/slides-ui",
-  "version": "0.1.10",
+  "version": "0.1.11",
   "private": false,
   "description": "Univer normal ui-plugin-slides",
   "author": "DreamNum <developer@univer.ai>",
@@ -53,30 +53,30 @@
     "npm": ">=8.0.0"
   },
   "peerDependencies": {
-    "@wendellhu/redi": "^0.13.3",
+    "@wendellhu/redi": "^0.15.1",
     "clsx": ">=2.0.0",
     "react": "^16.9.0 || ^17.0.0 || ^18.0.0",
-    "@univerjs/core": "0.1.10",
-    "@univerjs/ui": "0.1.10",
-    "@univerjs/engine-render": "0.1.10",
-    "@univerjs/slides": "0.1.10"
+    "@univerjs/engine-render": "0.1.11",
+    "@univerjs/core": "0.1.11",
+    "@univerjs/slides": "0.1.11",
+    "@univerjs/ui": "0.1.11"
   },
   "devDependencies": {
     "@types/react": "^18.2.79",
-    "@wendellhu/redi": "^0.13.3",
+    "@wendellhu/redi": "^0.15.1",
     "clsx": "^2.1.1",
     "less": "^4.2.0",
     "react": "18.2.0",
     "rxjs": "^7.8.1",
     "typescript": "^5.4.5",
-    "vite": "^5.2.10",
-    "vitest": "^1.5.0",
-    "@univerjs/core": "0.1.10",
-    "@univerjs/design": "0.1.10",
-    "@univerjs/shared": "0.1.10",
-    "@univerjs/engine-render": "0.1.10",
-    "@univerjs/slides": "0.1.10",
-    "@univerjs/ui": "0.1.10"
+    "vite": "^5.2.11",
+    "vitest": "^1.6.0",
+    "@univerjs/core": "0.1.11",
+    "@univerjs/design": "0.1.11",
+    "@univerjs/shared": "0.1.11",
+    "@univerjs/engine-render": "0.1.11",
+    "@univerjs/slides": "0.1.11",
+    "@univerjs/ui": "0.1.11"
   },
   "scripts": {
     "test": "vitest run",