@univerjs/slides-ui 0.1.11 → 0.1.13

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

package/lib/es/index.js

@@ -1,15 +1,15 @@
-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 $ = Object.defineProperty;
+var V = (t, e, r) => e in 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 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 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 x } from "@univerjs/slides";
-var j = { exports: {} }, _ = {};
+import { CommandType as E, IUniverInstanceService as C, ICommandService as R, UniverInstanceType as g, Disposable as F, OnLifecycle as M, LifecycleStages as W, Plugin as q, LocaleService as G } from "@univerjs/core";
+import { Inject as P, Injector as b } from "@wendellhu/redi";
+import { useObservable as J, BuiltInUIPart as Y, IUIPartsService as z } from "@univerjs/ui";
+import { useDependency as I, connectInjector as H } from "@wendellhu/redi/react-bindings";
+import x, { 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 j } from "@univerjs/slides";
+var U = { exports: {} }, _ = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -19,86 +19,86 @@ 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 = 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 };
+var ee = x, te = Symbol.for("react.element"), re = Symbol.for("react.fragment"), ie = Object.prototype.hasOwnProperty, se = 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);
-  for (s in e)
-    se.call(e, s) && !ie.hasOwnProperty(s) && (n[s] = e[s]);
+  var i, s = {}, n = null, o = null;
+  r !== void 0 && (n = "" + r), e.key !== void 0 && (n = "" + e.key), e.ref !== void 0 && (o = e.ref);
+  for (i in e)
+    ie.call(e, i) && !ne.hasOwnProperty(i) && (s[i] = e[i]);
   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 };
+    for (i in e = t.defaultProps, e)
+      s[i] === void 0 && (s[i] = e[i]);
+  return { $$typeof: te, type: t, key: n, ref: o, props: s, _owner: se.current };
 }
 _.Fragment = re;
 _.jsx = N;
 _.jsxs = N;
-j.exports = _;
-var l = j.exports;
+U.exports = _;
+var d = U.exports;
 const D = {
   id: "slide.operation.activate-slide",
-  type: b.OPERATION,
-  handler: (t, e) => (t.get(x).activePage(e.id), !0)
+  type: E.OPERATION,
+  handler: (t, e) => (t.get(j).activePage(e.id), !0)
 }, w = {
   id: "slide.operation.set-slide-page-thumb",
-  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 = {
+  type: E.OPERATION,
+  handler: (t) => (t.get(j).createThumbs(), !0)
+}, oe = "univer-slide-bar", ae = "univer-slide-bar-content", ce = "univer-slide-bar-item", de = "univer-slide-bar-box", le = "univer-slide-bar-item-active", ve = "univer-slide-add-button", l = {
   slideBar: oe,
   slideBarContent: ae,
   slideBarItem: ce,
-  slideBarBox: le,
-  slideBarItemActive: de,
-  slideAddButton: me
+  slideBarBox: de,
+  slideBarItemActive: le,
+  slideAddButton: ve
 };
-function ve() {
-  const t = I(B), e = I(E), r = I(Z), s = H(null), n = G(
+function me() {
+  const t = I(C), e = I(R), r = I(k), i = K(null), s = J(
     () => 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 = s == null ? void 0 : s.getPages(), o = s == null ? void 0 : s.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) => U.createRef()));
-  }, [m.length]), O(() => {
-    v.forEach((a, c) => {
+    A(v.map((a) => x.createRef()));
+  }, [v.length]), O(() => {
+    m.forEach((a, c) => {
       var y;
       if (a.current) {
-        const $ = m[c];
-        (y = r.getRenderById($.id)) == null || y.engine.setContainer(a.current);
+        const T = v[c];
+        (y = r.getRenderById(T.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__ */ d.jsx("div", { className: l.slideBar, ref: i, children: /* @__PURE__ */ d.jsx("div", { className: l.slideBarContent, children: v.map((a, c) => /* @__PURE__ */ d.jsxs(
     "div",
     {
-      className: X(d.slideBarItem, {
-        [d.slideBarItemActive]: !1
+      className: Z(l.slideBarItem, {
+        [l.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__ */ d.jsx("span", { children: c + 1 }),
+        /* @__PURE__ */ d.jsx("div", { ref: m[c], className: l.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;
-}, h = (t, e) => (r, s) => e(r, s, t);
+var ue = Object.defineProperty, pe = Object.getOwnPropertyDescriptor, _e = (t, e, r, i) => {
+  for (var s = i > 1 ? void 0 : i ? pe(e, r) : e, n = t.length - 1, o; n >= 0; n--)
+    (o = t[n]) && (s = (i ? o(e, r, s) : o(s)) || s);
+  return i && s && ue(e, r, s), s;
+}, h = (t, e) => (r, i) => e(r, i, 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,47 +108,29 @@ let p = class extends F {
   }
   _initUIComponents() {
     this.disposeWithMe(
-      this._uiController.registerComponent(J.LEFT_SIDEBAR, () => k(ve, this._injector))
+      this._uiPartsService.registerComponent(Y.LEFT_SIDEBAR, () => H(me, this._injector))
     );
   }
 };
 p = _e([
   M(W.Ready, p),
-  h(0, C(R)),
-  h(1, Y),
-  h(2, E)
+  h(0, P(b)),
+  h(1, z),
+  h(2, R)
 ], p);
-const fe = {
-  toolbar: {
-    undo: "Undo",
-    redo: "Redo"
-  }
-}, De = fe, Ie = {
-  toolbar: {
-    undo: "撤销",
-    redo: "重做"
-  }
-}, 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 && ge(e, r, n), n;
-}, S = (t, e) => (r, s) => e(r, s, t);
-const Oe = "slides-ui";
+var fe = Object.defineProperty, Ie = Object.getOwnPropertyDescriptor, he = (t, e, r, i) => {
+  for (var s = i > 1 ? void 0 : i ? Ie(e, r) : e, n = t.length - 1, o; n >= 0; n--)
+    (o = t[n]) && (s = (i ? o(e, r, s) : o(s)) || s);
+  return i && s && fe(e, r, s), s;
+}, S = (t, e) => (r, i) => e(r, i, t);
+const Se = "slides-ui";
 var u;
-let P = (u = class extends q {
-  constructor(t, e, r, s) {
-    super(), this._injector = e, this._localeService = r, this._univerInstanceService = s;
+let B = (u = class extends q {
+  constructor(t, e, r, i) {
+    super(), this._injector = e, this._localeService = r, this._univerInstanceService = i;
   }
   onStarting(t) {
-    this._localeService.load({
-      zhCN: he
-    }), [[p]].forEach((e) => t.add(e));
+    [[p]].forEach((e) => t.add(e));
   }
   onRendered() {
     this._markSlideAsFocused();
@@ -161,16 +143,13 @@ let P = (u = class extends q {
     } catch {
     }
   }
-}, f(u, "pluginName", Oe), f(u, "type", g.UNIVER_SLIDE), u);
-P = ye([
-  S(1, C(R)),
-  S(2, C(z)),
-  S(3, B)
-], P);
+}, f(u, "pluginName", Se), f(u, "type", g.UNIVER_SLIDE), u);
+B = he([
+  S(1, P(b)),
+  S(2, P(G)),
+  S(3, C)
+], B);
 export {
-  Oe as SLIDE_UI_PLUGIN_NAME,
-  P as UniverSlidesUIPlugin,
-  De as enUS,
-  we as ruRU,
-  he as zhCN
+  Se as SLIDE_UI_PLUGIN_NAME,
+  B as UniverSlidesUIPlugin
 };

package/lib/locale/en-US.json

@@ -0,0 +1,6 @@
+{
+  "toolbar": {
+    "undo": "Undo",
+    "redo": "Redo"
+  }
+}

package/lib/locale/ru-RU.json

@@ -0,0 +1,6 @@
+{
+  "toolbar": {
+    "undo": "Отменить",
+    "redo": "Повторить"
+  }
+}

package/lib/locale/zh-CN.json

@@ -0,0 +1,6 @@
+{
+  "toolbar": {
+    "undo": "撤销",
+    "redo": "重做"
+  }
+}

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

@@ -1,5 +1,5 @@
 import { Disposable, ICommandService } from '@univerjs/core';
-import { IDesktopUIController } from '@univerjs/ui';
+import { IUIPartsService } from '@univerjs/ui';
 import { Injector } from '@wendellhu/redi';
 
 /**
@@ -7,9 +7,9 @@ import { Injector } from '@wendellhu/redi';
  */
 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,3 @@
  * limitations under the License.
  */
 export * from './slides-ui-plugin';
-export { enUS, zhCN, ruRU } from './locale';

package/lib/umd/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@univerjs/slides-ui",
-  "version": "0.1.11",
+  "version": "0.1.13",
   "private": false,
   "description": "Univer normal ui-plugin-slides",
   "author": "DreamNum <developer@univer.ai>",
@@ -34,6 +34,7 @@
       "require": "./lib/cjs/*",
       "types": "./lib/types/index.d.ts"
     },
+    "./locale/*": "./lib/locale/*.json",
     "./lib/*": "./lib/*"
   },
   "main": "./lib/cjs/index.js",
@@ -53,30 +54,30 @@
     "npm": ">=8.0.0"
   },
   "peerDependencies": {
-    "@wendellhu/redi": "^0.15.1",
+    "@wendellhu/redi": "0.15.2",
     "clsx": ">=2.0.0",
     "react": "^16.9.0 || ^17.0.0 || ^18.0.0",
-    "@univerjs/engine-render": "0.1.11",
-    "@univerjs/core": "0.1.11",
-    "@univerjs/slides": "0.1.11",
-    "@univerjs/ui": "0.1.11"
+    "@univerjs/core": "0.1.13",
+    "@univerjs/engine-render": "0.1.13",
+    "@univerjs/slides": "0.1.13",
+    "@univerjs/ui": "0.1.13"
   },
   "devDependencies": {
     "@types/react": "^18.2.79",
-    "@wendellhu/redi": "^0.15.1",
+    "@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.11",
+    "vite": "^5.2.12",
     "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"
+    "@univerjs/core": "0.1.13",
+    "@univerjs/engine-render": "0.1.13",
+    "@univerjs/shared": "0.1.13",
+    "@univerjs/slides": "0.1.13",
+    "@univerjs/design": "0.1.13",
+    "@univerjs/ui": "0.1.13"
   },
   "scripts": {
     "test": "vitest run",

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

@@ -1,18 +0,0 @@
-/**
- * Copyright 2023-present DreamNum Inc.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-export { default as enUS } from './en-US';
-export { default as zhCN } from './zh-CN';
-export { default as ruRU } from './ru-RU';