@univerjs/slides-ui 0.1.10 → 0.1.12

package/lib/cjs/index.js

@@ -1,4 +1,4 @@
-"use strict";var L=Object.defineProperty;var w=(r,e,t)=>e in r?L(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t;var g=(r,e,t)=>(w(r,typeof e!="symbol"?e+"":e,t),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@univerjs/core"),_=require("@wendellhu/redi"),C=require("@univerjs/ui"),f=require("@wendellhu/redi/react-bindings"),l=require("react"),A=require("clsx"),$=require("@univerjs/engine-render"),E=require("@univerjs/slides");var O={exports:{}},h={};/**
+"use strict";var L=Object.defineProperty;var w=(r,e,t)=>e in r?L(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t;var g=(r,e,t)=>(w(r,typeof e!="symbol"?e+"":e,t),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@univerjs/core"),_=require("@wendellhu/redi"),U=require("@univerjs/ui"),f=require("@wendellhu/redi/react-bindings"),d=require("react"),A=require("clsx"),$=require("@univerjs/engine-render"),E=require("@univerjs/slides");var O={exports:{}},h={};/**
  * @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 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=d,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",H="univer-slide-bar-box",K="univer-slide-bar-item-active",Q="univer-slide-add-button",v={slideBar:G,slideBarContent:J,slideBarItem:Y,slideBarBox:H,slideBarItemActive:K,slideAddButton:Q};function X(){const r=f.useDependency(o.IUniverInstanceService),e=f.useDependency(o.ICommandService),t=f.useDependency($.IRenderManagerService),s=d.useRef(null),n=U.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]=d.useState([]);d.useEffect(()=>{N(m.map(a=>d.createRef()))},[m.length]),d.useEffect(()=>{p.forEach((a,l)=>{var C;if(a.current){const T=m[l];(C=t.getRenderById(T.id))==null||C.engine.setContainer(a.current)}}),p.length>0&&e.syncExecuteCommand(R.id)},[p]);const D=d.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,l)=>u.jsxs("div",{className:A(v.slideBarItem,{[v.slideBarItemActive]:!1}),onClick:()=>D(a.id),children:[u.jsx("span",{children:l+1}),u.jsx("div",{ref:p[l],className:v.slideBarBox})]},l))})})}var Z=Object.defineProperty,k=Object.getOwnPropertyDescriptor,ee=(r,e,t,s)=>{for(var n=s>1?void 0:s?k(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&&Z(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._uiPartsService=e,this._commandService=t,this._initCommands(),this._initUIComponents()}_initCommands(){[B,R].forEach(r=>this.disposeWithMe(this._commandService.registerCommand(r)))}_initUIComponents(){this.disposeWithMe(this._uiPartsService.registerComponent(U.BuiltInUIPart.LEFT_SIDEBAR,()=>f.connectInjector(X,this._injector)))}};S=ee([o.OnLifecycle(o.LifecycleStages.Ready,S),y(0,_.Inject(_.Injector)),y(1,U.IUIPartsService),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},P=(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([P(1,_.Inject(_.Injector)),P(2,_.Inject(o.LocaleService)),P(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 { 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 X from "clsx";
-import { IRenderManagerService as Z } from "@univerjs/engine-render";
-import { CanvasView as U } from "@univerjs/slides";
+import { CommandType as b, IUniverInstanceService as C, 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 P, Injector as R } from "@wendellhu/redi";
+import { useObservable as G, BuiltInUIPart as J, IUIPartsService as Y } from "@univerjs/ui";
+import { useDependency as I, connectInjector as H } from "@wendellhu/redi/react-bindings";
+import U, { useRef as K, useState as Q, useEffect as O, useCallback as X } from "react";
+import Z from "clsx";
+import { IRenderManagerService as k } from "@univerjs/engine-render";
+import { CanvasView as x } from "@univerjs/slides";
 var j = { exports: {} }, _ = {};
 /**
  * @license React
@@ -19,16 +19,16 @@ 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, ie = ee.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, ne = { 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);
+  var s, i = {}, n = null, o = null;
+  r !== void 0 && (n = "" + r), e.key !== void 0 && (n = "" + e.key), e.ref !== void 0 && (o = e.ref);
   for (s in e)
-    se.call(e, s) && !ie.hasOwnProperty(s) && (n[s] = e[s]);
+    se.call(e, s) && !ne.hasOwnProperty(s) && (i[s] = e[s]);
   if (t && t.defaultProps)
     for (s in e = t.defaultProps, e)
-      n[s] === void 0 && (n[s] = e[s]);
-  return { $$typeof: te, type: t, key: i, ref: o, props: n, _owner: ne.current };
+      i[s] === void 0 && (i[s] = e[s]);
+  return { $$typeof: te, type: t, key: n, ref: o, props: i, _owner: ie.current };
 }
 _.Fragment = re;
 _.jsx = N;
@@ -37,68 +37,68 @@ 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)
-}, 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 = {
+  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", ve = "univer-slide-add-button", d = {
   slideBar: oe,
   slideBarContent: ae,
   slideBarItem: ce,
   slideBarBox: le,
   slideBarItemActive: de,
-  slideAddButton: me
+  slideAddButton: ve
 };
-function ve() {
-  const t = I(E), e = I(b), r = I(Z), s = H(null), n = G(
+function me() {
+  const t = I(C), e = I(E), r = I(k), s = K(null), i = G(
     () => t.getCurrentTypeOfUnit$(g.UNIVER_SLIDE),
     void 0,
     void 0,
     []
-  ), i = n == null ? void 0 : n.getPages(), o = n == null ? void 0 : n.getPageOrder();
-  if (!i || !o)
+  ), n = i == null ? void 0 : i.getPages(), o = i == null ? void 0 : i.getPageOrder();
+  if (!n || !o)
     return null;
-  const m = o.map((a) => i[a]), [v, A] = K([]);
+  const v = o.map((a) => n[a]), [m, A] = Q([]);
   O(() => {
-    A(m.map((a) => x.createRef()));
-  }, [m.length]), O(() => {
-    v.forEach((a, c) => {
+    A(v.map((a) => U.createRef()));
+  }, [v.length]), O(() => {
+    m.forEach((a, c) => {
       var y;
       if (a.current) {
-        const T = m[c];
-        (y = r.getRenderById(T.id)) == null || y.engine.setContainer(a.current);
+        const $ = v[c];
+        (y = r.getRenderById($.id)) == null || y.engine.setContainer(a.current);
       }
-    }), v.length > 0 && e.syncExecuteCommand(w.id);
-  }, [v]);
-  const L = Q((a) => {
+    }), m.length > 0 && e.syncExecuteCommand(w.id);
+  }, [m]);
+  const L = X((a) => {
     e.syncExecuteCommand(D.id, { id: a });
   }, [e]);
-  return /* @__PURE__ */ l.jsx("div", { className: d.slideBar, ref: s, children: /* @__PURE__ */ l.jsx("div", { className: d.slideBarContent, children: m.map((a, c) => /* @__PURE__ */ l.jsxs(
+  return /* @__PURE__ */ l.jsx("div", { className: d.slideBar, ref: s, children: /* @__PURE__ */ l.jsx("div", { className: d.slideBarContent, children: v.map((a, c) => /* @__PURE__ */ l.jsxs(
     "div",
     {
-      className: X(d.slideBarItem, {
+      className: Z(d.slideBarItem, {
         [d.slideBarItemActive]: !1
         // TODO: If the slide is active, add the class slideBarItemActive
       }),
       onClick: () => L(a.id),
       children: [
         /* @__PURE__ */ l.jsx("span", { children: c + 1 }),
-        /* @__PURE__ */ l.jsx("div", { ref: v[c], className: d.slideBarBox })
+        /* @__PURE__ */ l.jsx("div", { ref: m[c], className: d.slideBarBox })
       ]
     },
     c
   )) }) });
 }
 var ue = Object.defineProperty, pe = Object.getOwnPropertyDescriptor, _e = (t, e, r, s) => {
-  for (var n = s > 1 ? void 0 : s ? pe(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 && ue(e, r, n), n;
+  for (var i = s > 1 ? void 0 : s ? pe(e, r) : e, n = t.length - 1, o; n >= 0; n--)
+    (o = t[n]) && (i = (s ? o(e, r, i) : o(i)) || i);
+  return s && i && ue(e, r, i), i;
 }, h = (t, e) => (r, s) => e(r, s, t);
 let p = class extends F {
   constructor(t, e, r) {
-    super(), this._injector = t, this._uiController = e, this._commandService = r, this._initCommands(), this._initUIComponents();
+    super(), this._injector = t, this._uiPartsService = e, this._commandService = r, this._initCommands(), this._initUIComponents();
   }
   _initCommands() {
     [
@@ -108,35 +108,40 @@ let p = class extends F {
   }
   _initUIComponents() {
     this.disposeWithMe(
-      this._uiController.registerComponent(J.LEFT_SIDEBAR, () => k(ve, this._injector))
+      this._uiPartsService.registerComponent(J.LEFT_SIDEBAR, () => H(me, this._injector))
     );
   }
 };
 p = _e([
   M(W.Ready, p),
-  h(0, C(R)),
+  h(0, P(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--)
-    (o = t[i]) && (n = (s ? o(e, r, n) : o(n)) || n);
-  return s && n && Se(e, r, n), n;
+}, he = Ie, Se = {
+  toolbar: {
+    undo: "Отменить",
+    redo: "Повторить"
+  }
+}, we = Se;
+var ge = Object.defineProperty, Pe = Object.getOwnPropertyDescriptor, ye = (t, e, r, s) => {
+  for (var i = s > 1 ? void 0 : s ? Pe(e, r) : e, n = t.length - 1, o; n >= 0; n--)
+    (o = t[n]) && (i = (s ? o(e, r, i) : o(i)) || i);
+  return s && i && ge(e, r, i), i;
 }, 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 {
+let B = (u = class extends q {
   constructor(t, e, r, s) {
     super(), this._injector = e, this._localeService = r, this._univerInstanceService = 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([
-  S(1, C(R)),
-  S(2, C(z)),
-  S(3, E)
-], P);
+}, f(u, "pluginName", Oe), f(u, "type", g.UNIVER_SLIDE), u);
+B = ye([
+  S(1, P(R)),
+  S(2, P(z)),
+  S(3, C)
+], B);
 export {
-  ye as SLIDE_UI_PLUGIN_NAME,
-  P as UniverSlidesUIPlugin,
-  Ne as enUS,
+  Oe as SLIDE_UI_PLUGIN_NAME,
+  B as UniverSlidesUIPlugin,
+  De as enUS,
+  we as ruRU,
   he as zhCN
 };

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

@@ -1,15 +1,15 @@
-import { Injector } from '@wendellhu/redi';
-import { IDesktopUIController } from '@univerjs/ui';
 import { Disposable, ICommandService } from '@univerjs/core';
+import { IUIPartsService } from '@univerjs/ui';
+import { Injector } from '@wendellhu/redi';
 
 /**
  * This controller registers UI parts of slide workbench to the base-ui workbench.
  */
 export declare class SlideUIController extends Disposable {
     private readonly _injector;
-    private readonly _uiController;
+    private readonly _uiPartsService;
     private readonly _commandService;
-    constructor(_injector: Injector, _uiController: IDesktopUIController, _commandService: ICommandService);
+    constructor(_injector: Injector, _uiPartsService: IUIPartsService, _commandService: ICommandService);
     private _initCommands;
     private _initUIComponents;
 }

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(t,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):(t=typeof globalThis<"u"?globalThis:t||self,r(t.UniverSlidesUi={},t.UniverCore,t["@wendellhu/redi"],t.UniverUi,t["@wendellhu/redi/react-bindings"],t.React,t.clsx,t.UniverEngineRender,t.UniverSlides))})(this,function(t,r,d,y,f,u,N,T,C){"use strict";var k=Object.defineProperty;var ee=(t,r,d)=>r in t?k(t,r,{enumerable:!0,configurable:!0,writable:!0,value:d}):t[r]=d;var g=(t,r,d)=>(ee(t,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 D=u,A=Symbol.for("react.element"),L=Symbol.for("react.fragment"),V=Object.prototype.hasOwnProperty,M=D.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,F={key:!0,ref:!0,__self:!0,__source:!0};function E(a,e,s){var i,n={},c=null,o=null;s!==void 0&&(c=""+s),e.key!==void 0&&(c=""+e.key),e.ref!==void 0&&(o=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:c,ref:o,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:(a,e)=>(a.get(C.CanvasView).activePage(e.id),!0)},R={id:"slide.operation.set-slide-page-thumb",type:r.CommandType.OPERATION,handler:a=>(a.get(C.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=f.useDependency(r.IUniverInstanceService),e=f.useDependency(r.ICommandService),s=f.useDependency(T.IRenderManagerService),i=u.useRef(null),n=y.useObservable(()=>a.getCurrentTypeOfUnit$(r.UniverInstanceType.UNIVER_SLIDE),void 0,void 0,[]),c=n==null?void 0:n.getPages(),o=n==null?void 0:n.getPageOrder();if(!c||!o)return null;const S=o.map(l=>c[l]),[U,Q]=u.useState([]);u.useEffect(()=>{Q(S.map(l=>u.createRef()))},[S.length]),u.useEffect(()=>{U.forEach((l,_)=>{var x;if(l.current){const Z=S[_];(x=s.getRenderById(Z.id))==null||x.engine.setContainer(l.current)}}),U.length>0&&e.syncExecuteCommand(R.id)},[U]);const X=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:()=>X(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,s,i)=>{for(var n=i>1?void 0:i?z(e,s):e,c=a.length-1,o;c>=0;c--)(o=a[c])&&(n=(i?o(e,s,n):o(n))||n);return i&&n&&W(e,s,n),n},P=(a,e)=>(s,i)=>e(s,i,a);let I=class extends r.Disposable{constructor(a,e,s){super(),this._injector=a,this._uiPartsService=e,this._commandService=s,this._initCommands(),this._initUIComponents()}_initCommands(){[O,R].forEach(a=>this.disposeWithMe(this._commandService.registerCommand(a)))}_initUIComponents(){this.disposeWithMe(this._uiPartsService.registerComponent(y.BuiltInUIPart.LEFT_SIDEBAR,()=>f.connectInjector(q,this._injector)))}};I=G([r.OnLifecycle(r.LifecycleStages.Ready,I),P(0,d.Inject(d.Injector)),P(1,y.IUIPartsService),P(2,r.ICommandService)],I);const J={toolbar:{undo:"Undo",redo:"Redo"}},b={toolbar:{undo:"撤销",redo:"重做"}},Y={toolbar:{undo:"Отменить",redo:"Повторить"}};var $=Object.defineProperty,H=Object.getOwnPropertyDescriptor,K=(a,e,s,i)=>{for(var n=i>1?void 0:i?H(e,s):e,c=a.length-1,o;c>=0;c--)(o=a[c])&&(n=(i?o(e,s,n):o(n))||n);return i&&n&&$(e,s,n),n},j=(a,e)=>(s,i)=>e(s,i,a);const w="slides-ui";t.UniverSlidesUIPlugin=(h=class extends r.Plugin{constructor(e,s,i,n){super(),this._injector=s,this._localeService=i,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),t.UniverSlidesUIPlugin=K([j(1,d.Inject(d.Injector)),j(2,d.Inject(r.LocaleService)),j(3,r.IUniverInstanceService)],t.UniverSlidesUIPlugin),t.SLIDE_UI_PLUGIN_NAME=w,t.enUS=J,t.ruRU=Y,t.zhCN=b,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@univerjs/slides-ui",
-  "version": "0.1.10",
+  "version": "0.1.12",
   "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.2",
     "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/core": "0.1.12",
+    "@univerjs/engine-render": "0.1.12",
+    "@univerjs/slides": "0.1.12",
+    "@univerjs/ui": "0.1.12"
   },
   "devDependencies": {
     "@types/react": "^18.2.79",
-    "@wendellhu/redi": "^0.13.3",
+    "@wendellhu/redi": "0.15.2",
     "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.12",
+    "@univerjs/design": "0.1.12",
+    "@univerjs/shared": "0.1.12",
+    "@univerjs/slides": "0.1.12",
+    "@univerjs/ui": "0.1.12",
+    "@univerjs/engine-render": "0.1.12"
   },
   "scripts": {
     "test": "vitest run",