@univerjs/slides-ui 0.1.8 → 0.1.10

package/lib/cjs/index.js

@@ -1,4 +1,4 @@
-"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={};/**
+"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={};/**
  * @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(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;
+ */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;

package/lib/es/index.js

@@ -1,14 +1,15 @@
-var F = Object.defineProperty;
-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 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";
+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 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 j } from "@univerjs/slides";
-var N = { exports: {} }, _ = {};
+import { CanvasView as U } from "@univerjs/slides";
+var j = { exports: {} }, _ = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -18,118 +19,126 @@ var N = { 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"), 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;
+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 };
+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 (n in e)
-    ne.call(e, n) && !ie.hasOwnProperty(n) && (s[n] = e[n]);
+  for (s in e)
+    se.call(e, s) && !ie.hasOwnProperty(s) && (n[s] = e[s]);
   if (t && t.defaultProps)
-    for (n in e = t.defaultProps, e)
-      s[n] === void 0 && (s[n] = e[n]);
-  return { $$typeof: te, type: t, key: i, ref: o, props: s, _owner: se.current };
+    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 };
 }
 _.Fragment = re;
-_.jsx = D;
-_.jsxs = D;
-N.exports = _;
-var l = N.exports;
-const w = {
+_.jsx = N;
+_.jsxs = N;
+j.exports = _;
+var l = j.exports;
+const D = {
   id: "slide.operation.activate-slide",
-  type: b.OPERATION,
-  handler: (t, e) => (t.get(j).activePage(e.id), !0)
-}, A = {
+  type: B.OPERATION,
+  handler: (t, e) => (t.get(U).activePage(e.id), !0)
+}, w = {
   id: "slide.operation.set-slide-page-thumb",
-  type: b.OPERATION,
-  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 = {
+  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 = {
   slideBar: oe,
   slideBarContent: ae,
   slideBarItem: ce,
   slideBarBox: le,
   slideBarItemActive: de,
-  slideAddButton: ve
+  slideAddButton: me
 };
-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();
+function ve() {
+  const t = I(E), e = I(b), r = I(Z), s = H(null), n = 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)
     return null;
-  const d = o.map((a) => i[a]), L = O((a) => !1, []), [v, $] = X([]);
-  P(() => {
-    $(d.map((a) => x.createRef()));
-  }, [d.length]), P(() => {
+  const m = o.map((a) => i[a]), [v, A] = K([]);
+  O(() => {
+    A(m.map((a) => x.createRef()));
+  }, [m.length]), O(() => {
     v.forEach((a, c) => {
       var y;
       if (a.current) {
-        const V = d[c];
-        (y = r.getRenderById(V.id)) == null || y.engine.setContainer(a.current);
+        const T = m[c];
+        (y = r.getRenderById(T.id)) == null || y.engine.setContainer(a.current);
       }
-    }), v.length > 0 && e.syncExecuteCommand(A.id);
+    }), v.length > 0 && e.syncExecuteCommand(w.id);
   }, [v]);
-  const T = O((a) => {
-    e.syncExecuteCommand(w.id, { id: a });
+  const L = Q((a) => {
+    e.syncExecuteCommand(D.id, { id: a });
   }, [e]);
-  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(
+  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(
     "div",
     {
-      className: `${m.slideBarItem} ${L(a.id)}`,
-      onClick: () => T(a.id),
+      className: X(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: m.slideBarBox })
+        /* @__PURE__ */ l.jsx("div", { ref: v[c], className: d.slideBarBox })
       ]
     },
     c
   )) }) });
 }
-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 {
+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);
+let p = class extends F {
   constructor(t, e, r) {
     super(), this._injector = t, this._uiController = e, this._commandService = r, this._initCommands(), this._initUIComponents();
   }
   _initCommands() {
     [
-      w,
-      A
+      D,
+      w
     ].forEach((t) => this.disposeWithMe(this._commandService.registerCommand(t)));
   }
   _initUIComponents() {
     this.disposeWithMe(
-      this._uiController.registerComponent(k.LEFT_SIDEBAR, () => K(me, this._injector))
+      this._uiController.registerComponent(J.LEFT_SIDEBAR, () => k(ve, this._injector))
     );
   }
 };
 p = _e([
-  q(z.Ready, p),
-  h(0, C(U)),
-  h(1, H),
-  h(2, R)
+  M(W.Ready, p),
+  h(0, C(R)),
+  h(1, Y),
+  h(2, b)
 ], p);
 const fe = {
   toolbar: {
     undo: "Undo",
     redo: "Redo"
   }
-}, je = fe, Ie = {
+}, Ne = fe, Ie = {
   toolbar: {
     undo: "撤销",
     redo: "重做"
   }
 }, 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);
+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;
+}, S = (t, e) => (r, s) => e(r, s, 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;
+let P = (u = class extends q {
+  constructor(t, e, r, s) {
+    super(), this._injector = e, this._localeService = r, this._univerInstanceService = s;
   }
   onStarting(t) {
     this._localeService.load({
@@ -148,14 +157,14 @@ let E = (u = class extends G {
     }
   }
 }, 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);
+P = Ce([
+  S(1, C(R)),
+  S(2, C(z)),
+  S(3, E)
+], P);
 export {
   ye as SLIDE_UI_PLUGIN_NAME,
-  E as UniverSlidesUIPlugin,
-  je as enUS,
+  P as UniverSlidesUIPlugin,
+  Ne as enUS,
   he as zhCN
 };

package/lib/umd/index.js

@@ -1,4 +1,4 @@
-(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:{}},_={};/**
+(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={};/**
  * @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,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"})});
+ */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"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@univerjs/slides-ui",
-  "version": "0.1.8",
+  "version": "0.1.10",
   "private": false,
   "description": "Univer normal ui-plugin-slides",
   "author": "DreamNum <developer@univer.ai>",
@@ -54,27 +54,29 @@
   },
   "peerDependencies": {
     "@wendellhu/redi": "^0.13.3",
+    "clsx": ">=2.0.0",
     "react": "^16.9.0 || ^17.0.0 || ^18.0.0",
-    "@univerjs/core": "0.1.8",
-    "@univerjs/engine-render": "0.1.8",
-    "@univerjs/slides": "0.1.8",
-    "@univerjs/ui": "0.1.8"
+    "@univerjs/core": "0.1.10",
+    "@univerjs/ui": "0.1.10",
+    "@univerjs/engine-render": "0.1.10",
+    "@univerjs/slides": "0.1.10"
   },
   "devDependencies": {
     "@types/react": "^18.2.79",
     "@wendellhu/redi": "^0.13.3",
+    "clsx": "^2.1.1",
     "less": "^4.2.0",
-    "react": "^18.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.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"
+    "@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"
   },
   "scripts": {
     "test": "vitest run",