@univerjs/slides-ui 0.1.7 → 0.1.8

package/lib/cjs/index.js

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

package/lib/es/index.js

@@ -1,14 +1,14 @@
 var F = Object.defineProperty;
-var M = (r, e, t) => e in r ? F(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
-var P = (r, e, t) => (M(r, typeof e != "symbol" ? e + "" : e, t), t);
-import { CommandType as b, IUniverInstanceService as B, ICommandService as x, Disposable as V, OnLifecycle as W, LifecycleStages as q, Plugin as z, PluginType as G, LocaleService as J } from "@univerjs/core";
-import { Inject as I, Injector as R } from "@wendellhu/redi";
+var M = (t, e, r) => e in t ? F(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
+var f = (t, e, r) => (M(t, typeof e != "symbol" ? e + "" : e, r), r);
+import { CommandType as b, IUniverInstanceService as B, ICommandService as R, UniverInstanceType as g, Disposable as W, OnLifecycle as q, LifecycleStages as z, Plugin as G, LocaleService as J } from "@univerjs/core";
+import { Inject as C, Injector as U } from "@wendellhu/redi";
 import { useObservable as Y, DesktopUIPart as k, IUIController as H } from "@univerjs/ui";
-import { useDependency as _, connectInjector as K } from "@wendellhu/redi/react-bindings";
-import j, { useRef as Q, useCallback as C, useState as X, useEffect as O } from "react";
+import { useDependency as I, connectInjector as K } from "@wendellhu/redi/react-bindings";
+import x, { useRef as Q, useCallback as O, useState as X, useEffect as P } from "react";
 import { IRenderManagerService as Z } from "@univerjs/engine-render";
-import { CanvasView as E } from "@univerjs/slides";
-var U = { exports: {} }, p = {};
+import { CanvasView as j } from "@univerjs/slides";
+var N = { exports: {} }, _ = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -18,31 +18,31 @@ var U = { exports: {} }, p = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var ee = j, re = Symbol.for("react.element"), te = Symbol.for("react.fragment"), ne = Object.prototype.hasOwnProperty, se = ee.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, ie = { key: !0, ref: !0, __self: !0, __source: !0 };
-function w(r, e, t) {
+var ee = x, te = Symbol.for("react.element"), re = Symbol.for("react.fragment"), ne = Object.prototype.hasOwnProperty, se = ee.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, ie = { key: !0, ref: !0, __self: !0, __source: !0 };
+function D(t, e, r) {
   var n, s = {}, i = null, o = null;
-  t !== void 0 && (i = "" + t), e.key !== void 0 && (i = "" + e.key), e.ref !== void 0 && (o = e.ref);
+  r !== void 0 && (i = "" + r), e.key !== void 0 && (i = "" + e.key), e.ref !== void 0 && (o = e.ref);
   for (n in e)
     ne.call(e, n) && !ie.hasOwnProperty(n) && (s[n] = e[n]);
-  if (r && r.defaultProps)
-    for (n in e = r.defaultProps, e)
+  if (t && t.defaultProps)
+    for (n in e = t.defaultProps, e)
       s[n] === void 0 && (s[n] = e[n]);
-  return { $$typeof: re, type: r, key: i, ref: o, props: s, _owner: se.current };
+  return { $$typeof: te, type: t, key: i, ref: o, props: s, _owner: se.current };
 }
-p.Fragment = te;
-p.jsx = w;
-p.jsxs = w;
-U.exports = p;
-var l = U.exports;
-const A = {
+_.Fragment = re;
+_.jsx = D;
+_.jsxs = D;
+N.exports = _;
+var l = N.exports;
+const w = {
   id: "slide.operation.activate-slide",
   type: b.OPERATION,
-  handler: (r, e) => (r.get(E).activePage(e.id), !0)
-}, $ = {
+  handler: (t, e) => (t.get(j).activePage(e.id), !0)
+}, A = {
   id: "slide.operation.set-slide-page-thumb",
   type: b.OPERATION,
-  handler: (r) => (r.get(E).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", u = {
+  handler: (t) => (t.get(j).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", m = {
   slideBar: oe,
   slideBarContent: ae,
   slideBarItem: ce,
@@ -50,112 +50,112 @@ const A = {
   slideBarItemActive: de,
   slideAddButton: ve
 };
-function ue() {
-  const r = _(B), e = _(x), t = _(Z), n = Q(null), s = Y(r.currentSlide$), i = s == null ? void 0 : s.getPages(), o = s == null ? void 0 : s.getPageOrder();
+function me() {
+  const t = I(B), e = I(R), r = I(Z), n = Q(null), s = Y(t.getCurrentTypeOfUnit$(g.UNIVER_SLIDE)), i = s == null ? void 0 : s.getPages(), o = s == null ? void 0 : s.getPageOrder();
   if (!i || !o)
     return null;
-  const d = o.map((a) => i[a]), D = C((a) => !1, []), [v, N] = X([]);
-  O(() => {
-    N(d.map((a) => j.createRef()));
-  }, [d.length]), O(() => {
+  const d = o.map((a) => i[a]), L = O((a) => !1, []), [v, $] = X([]);
+  P(() => {
+    $(d.map((a) => x.createRef()));
+  }, [d.length]), P(() => {
     v.forEach((a, c) => {
-      var g;
+      var y;
       if (a.current) {
-        const T = d[c];
-        (g = t.getRenderById(T.id)) == null || g.engine.setContainer(a.current);
+        const V = d[c];
+        (y = r.getRenderById(V.id)) == null || y.engine.setContainer(a.current);
       }
-    }), v.length > 0 && e.syncExecuteCommand($.id);
+    }), v.length > 0 && e.syncExecuteCommand(A.id);
   }, [v]);
-  const L = C((a) => {
-    e.syncExecuteCommand(A.id, { id: a });
+  const T = O((a) => {
+    e.syncExecuteCommand(w.id, { id: a });
   }, [e]);
-  return /* @__PURE__ */ l.jsx("div", { className: u.slideBar, ref: n, children: /* @__PURE__ */ l.jsx("div", { className: u.slideBarContent, children: d.map((a, c) => /* @__PURE__ */ l.jsxs(
+  return /* @__PURE__ */ l.jsx("div", { className: m.slideBar, ref: n, children: /* @__PURE__ */ l.jsx("div", { className: m.slideBarContent, children: d.map((a, c) => /* @__PURE__ */ l.jsxs(
     "div",
     {
-      className: `${u.slideBarItem} ${D(a.id)}`,
-      onClick: () => L(a.id),
+      className: `${m.slideBarItem} ${L(a.id)}`,
+      onClick: () => T(a.id),
       children: [
         /* @__PURE__ */ l.jsx("span", { children: c + 1 }),
-        /* @__PURE__ */ l.jsx("div", { ref: v[c], className: u.slideBarBox })
+        /* @__PURE__ */ l.jsx("div", { ref: v[c], className: m.slideBarBox })
       ]
     },
     c
   )) }) });
 }
-var me = Object.defineProperty, pe = Object.getOwnPropertyDescriptor, _e = (r, e, t, n) => {
-  for (var s = n > 1 ? void 0 : n ? pe(e, t) : e, i = r.length - 1, o; i >= 0; i--)
-    (o = r[i]) && (s = (n ? o(e, t, s) : o(s)) || s);
-  return n && s && me(e, t, s), s;
-}, f = (r, e) => (t, n) => e(t, n, r);
-let m = class extends V {
-  constructor(r, e, t) {
-    super(), this._injector = r, this._uiController = e, this._commandService = t, this._initCommands(), this._initUIComponents();
+var ue = Object.defineProperty, pe = Object.getOwnPropertyDescriptor, _e = (t, e, r, n) => {
+  for (var s = n > 1 ? void 0 : n ? pe(e, r) : e, i = t.length - 1, o; i >= 0; i--)
+    (o = t[i]) && (s = (n ? o(e, r, s) : o(s)) || s);
+  return n && s && ue(e, r, s), s;
+}, h = (t, e) => (r, n) => e(r, n, t);
+let p = class extends W {
+  constructor(t, e, r) {
+    super(), this._injector = t, this._uiController = e, this._commandService = r, this._initCommands(), this._initUIComponents();
   }
   _initCommands() {
     [
-      A,
-      $
-    ].forEach((r) => this.disposeWithMe(this._commandService.registerCommand(r)));
+      w,
+      A
+    ].forEach((t) => this.disposeWithMe(this._commandService.registerCommand(t)));
   }
   _initUIComponents() {
     this.disposeWithMe(
-      this._uiController.registerComponent(k.LEFT_SIDEBAR, () => K(ue, this._injector))
+      this._uiController.registerComponent(k.LEFT_SIDEBAR, () => K(me, this._injector))
     );
   }
 };
-m = _e([
-  W(q.Ready, m),
-  f(0, I(R)),
-  f(1, H),
-  f(2, x)
-], m);
+p = _e([
+  q(z.Ready, p),
+  h(0, C(U)),
+  h(1, H),
+  h(2, R)
+], p);
 const fe = {
   toolbar: {
     undo: "Undo",
     redo: "Redo"
   }
-}, Ue = fe, he = {
+}, je = fe, Ie = {
   toolbar: {
     undo: "撤销",
     redo: "重做"
   }
-}, Se = he;
-var Ie = Object.defineProperty, ge = Object.getOwnPropertyDescriptor, Pe = (r, e, t, n) => {
-  for (var s = n > 1 ? void 0 : n ? ge(e, t) : e, i = r.length - 1, o; i >= 0; i--)
-    (o = r[i]) && (s = (n ? o(e, t, s) : o(s)) || s);
-  return n && s && Ie(e, t, s), s;
-}, h = (r, e) => (t, n) => e(t, n, r);
-const Ce = "slides-ui";
-var S;
-let y = (S = class extends z {
-  constructor(r, e, t, n) {
-    super(Ce), this._injector = e, this._localeService = t, this._currentUniverService = n;
+}, he = Ie;
+var Se = Object.defineProperty, ge = Object.getOwnPropertyDescriptor, Ce = (t, e, r, n) => {
+  for (var s = n > 1 ? void 0 : n ? ge(e, r) : e, i = t.length - 1, o; i >= 0; i--)
+    (o = t[i]) && (s = (n ? o(e, r, s) : o(s)) || s);
+  return n && s && Se(e, r, s), s;
+}, S = (t, e) => (r, n) => e(r, n, t);
+const ye = "slides-ui";
+var u;
+let E = (u = class extends G {
+  constructor(t, e, r, n) {
+    super(), this._injector = e, this._localeService = r, this._univerInstanceService = n;
   }
-  onStarting(r) {
+  onStarting(t) {
     this._localeService.load({
-      zhCN: Se
-    }), [[m]].forEach((e) => r.add(e));
+      zhCN: he
+    }), [[p]].forEach((e) => t.add(e));
   }
   onRendered() {
     this._markSlideAsFocused();
   }
   _markSlideAsFocused() {
-    const r = this._currentUniverService;
+    const t = this._univerInstanceService;
     try {
-      const e = r.getCurrentUniverSlideInstance();
-      r.focusUniverInstance(e.getUnitId());
+      const e = t.getCurrentUnitForType(g.UNIVER_SLIDE);
+      t.focusUnit(e.getUnitId());
     } catch {
     }
   }
-}, P(S, "type", G.Slide), S);
-y = Pe([
-  h(1, I(R)),
-  h(2, I(J)),
-  h(3, B)
-], y);
+}, f(u, "pluginName", ye), f(u, "type", g.UNIVER_SLIDE), u);
+E = Ce([
+  S(1, C(U)),
+  S(2, C(J)),
+  S(3, B)
+], E);
 export {
-  Ce as SLIDE_UI_PLUGIN_NAME,
-  y as UniverSlidesUIPlugin,
-  Ue as enUS,
-  Se as zhCN
+  ye as SLIDE_UI_PLUGIN_NAME,
+  E as UniverSlidesUIPlugin,
+  je as enUS,
+  he as zhCN
 };

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

@@ -1,13 +1,14 @@
 import { Injector } from '@wendellhu/redi';
-import { IUniverInstanceService, LocaleService, Plugin, PluginType } from '@univerjs/core';
+import { IUniverInstanceService, LocaleService, Plugin, UniverInstanceType } from '@univerjs/core';
 
 export declare const SLIDE_UI_PLUGIN_NAME = "slides-ui";
 export declare class UniverSlidesUIPlugin extends Plugin {
     readonly _injector: Injector;
     private readonly _localeService;
-    private readonly _currentUniverService;
-    static type: PluginType;
-    constructor(_config: unknown, _injector: Injector, _localeService: LocaleService, _currentUniverService: IUniverInstanceService);
+    private readonly _univerInstanceService;
+    static pluginName: string;
+    static type: UniverInstanceType;
+    constructor(_config: unknown, _injector: Injector, _localeService: LocaleService, _univerInstanceService: IUniverInstanceService);
     onStarting(injector: Injector): void;
     onRendered(): void;
     private _markSlideAsFocused;

package/lib/umd/index.js

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

package/package.json

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