@univerjs/slides-ui 0.1.14 → 0.1.16

package/lib/cjs/index.js

@@ -1,4 +1,4 @@
-"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={};/**
+"use strict";var T=Object.defineProperty;var L=(t,e,r)=>e in t?T(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r;var h=(t,e,r)=>L(t,typeof e!="symbol"?e+"":e,r);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=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;
+ */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(t,e,r){var i,n={},s=null,a=null;r!==void 0&&(s=""+r),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(t&&t.defaultProps)for(i in e=t.defaultProps,e)n[i]===void 0&&(n[i]=e[i]);return{$$typeof:V,type:t,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:(t,e)=>(t.get(O.CanvasView).activePage(e.id),!0)},j={id:"slide.operation.set-slide-page-thumb",type:c.CommandType.OPERATION,handler:t=>(t.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 t=f.useDependency(c.IUniverInstanceService),e=f.useDependency(c.ICommandService),r=f.useDependency(A.IRenderManagerService),i=d.useRef(null),n=U.useObservable(()=>t.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=r.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=(t,e,r,i)=>{for(var n=i>1?void 0:i?Z(e,r):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(n=(i?a(e,r,n):a(n))||n);return i&&n&&X(e,r,n),n},y=(t,e)=>(r,i)=>e(r,i,t);let S=class extends c.Disposable{constructor(t,e,r){super(),this._injector=t,this._uiPartsService=e,this._commandService=r,this._initCommands(),this._initUIComponents()}_initCommands(){[b,j].forEach(t=>this.disposeWithMe(this._commandService.registerCommand(t)))}_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=(t,e,r,i)=>{for(var n=i>1?void 0:i?te(e,r):e,s=t.length-1,a;s>=0;s--)(a=t[s])&&(n=(i?a(e,r,n):a(n))||n);return i&&n&&ee(e,r,n),n},P=(t,e)=>(r,i)=>e(r,i,t);const R="slides-ui";var I;exports.UniverSlidesUIPlugin=(I=class extends c.Plugin{constructor(e,r,i,n){super(),this._injector=r,this._localeService=i,this._univerInstanceService=n}onStarting(e){[[S]].forEach(r=>e.add(r))}onRendered(){this._markSlideAsFocused()}_markSlideAsFocused(){const e=this._univerInstanceService;try{const r=e.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SLIDE);e.focusUnit(r.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,6 +1,6 @@
 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);
+var V = (t, e, s) => e in t ? $(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
+var f = (t, e, s) => V(t, typeof e != "symbol" ? e + "" : e, s);
 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";
@@ -20,15 +20,12 @@ var U = { exports: {} }, _ = {};
  * LICENSE file in the root directory of this source tree.
  */
 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 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 (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 };
+function N(t, e, s) {
+  var r, i = {}, n = null, o = null;
+  s !== void 0 && (n = "" + s), e.key !== void 0 && (n = "" + e.key), e.ref !== void 0 && (o = e.ref);
+  for (r in e) ie.call(e, r) && !ne.hasOwnProperty(r) && (i[r] = e[r]);
+  if (t && t.defaultProps) for (r in e = t.defaultProps, e) i[r] === void 0 && (i[r] = e[r]);
+  return { $$typeof: te, type: t, key: n, ref: o, props: i, _owner: se.current };
 }
 _.Fragment = re;
 _.jsx = N;
@@ -52,12 +49,12 @@ const D = {
   slideAddButton: ve
 };
 function me() {
-  const t = I(C), e = I(R), r = I(k), i = K(null), s = J(
+  const t = I(C), e = I(R), s = I(k), r = K(null), i = J(
     () => t.getCurrentTypeOfUnit$(g.UNIVER_SLIDE),
     void 0,
     void 0,
     []
-  ), n = s == null ? void 0 : s.getPages(), o = s == null ? void 0 : s.getPageOrder();
+  ), n = i == null ? void 0 : i.getPages(), o = i == null ? void 0 : i.getPageOrder();
   if (!n || !o)
     return null;
   const v = o.map((a) => n[a]), [m, A] = Q([]);
@@ -68,14 +65,14 @@ function me() {
       var y;
       if (a.current) {
         const T = v[c];
-        (y = r.getRenderById(T.id)) == null || y.engine.setContainer(a.current);
+        (y = s.getRenderById(T.id)) == null || y.engine.setContainer(a.current);
       }
     }), m.length > 0 && e.syncExecuteCommand(w.id);
   }, [m]);
   const L = X((a) => {
     e.syncExecuteCommand(D.id, { id: a });
   }, [e]);
-  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(
+  return /* @__PURE__ */ d.jsx("div", { className: l.slideBar, ref: r, children: /* @__PURE__ */ d.jsx("div", { className: l.slideBarContent, children: v.map((a, c) => /* @__PURE__ */ d.jsxs(
     "div",
     {
       className: Z(l.slideBarItem, {
@@ -91,14 +88,14 @@ function me() {
     c
   )) }) });
 }
-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);
+var ue = Object.defineProperty, pe = Object.getOwnPropertyDescriptor, _e = (t, e, s, r) => {
+  for (var i = r > 1 ? void 0 : r ? pe(e, s) : e, n = t.length - 1, o; n >= 0; n--)
+    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
+  return r && i && ue(e, s, i), i;
+}, h = (t, e) => (s, r) => e(s, r, t);
 let p = class extends F {
-  constructor(t, e, r) {
-    super(), this._injector = t, this._uiPartsService = e, this._commandService = r, this._initCommands(), this._initUIComponents();
+  constructor(t, e, s) {
+    super(), this._injector = t, this._uiPartsService = e, this._commandService = s, this._initCommands(), this._initUIComponents();
   }
   _initCommands() {
     [
@@ -118,16 +115,16 @@ p = _e([
   h(1, z),
   h(2, R)
 ], p);
-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);
+var fe = Object.defineProperty, Ie = Object.getOwnPropertyDescriptor, he = (t, e, s, r) => {
+  for (var i = r > 1 ? void 0 : r ? Ie(e, s) : e, n = t.length - 1, o; n >= 0; n--)
+    (o = t[n]) && (i = (r ? o(e, s, i) : o(i)) || i);
+  return r && i && fe(e, s, i), i;
+}, S = (t, e) => (s, r) => e(s, r, t);
 const Se = "slides-ui";
 var u;
 let B = (u = class extends q {
-  constructor(t, e, r, i) {
-    super(), this._injector = e, this._localeService = r, this._univerInstanceService = i;
+  constructor(t, e, s, r) {
+    super(), this._injector = e, this._localeService = s, this._univerInstanceService = r;
   }
   onStarting(t) {
     [[p]].forEach((e) => t.add(e));

package/lib/umd/index.js

@@ -1,4 +1,4 @@
-(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={};/**
+(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);var h;var C={exports:{}},f={};/**
  * @license React
  * react-jsx-runtime.production.min.js
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@univerjs/slides-ui",
-  "version": "0.1.14",
+  "version": "0.1.16",
   "private": false,
   "description": "Univer normal ui-plugin-slides",
   "author": "DreamNum <developer@univer.ai>",
@@ -50,30 +50,30 @@
     "lib"
   ],
   "peerDependencies": {
-    "@wendellhu/redi": "0.15.2",
+    "@wendellhu/redi": "0.15.4",
     "clsx": ">=2.0.0",
     "react": "^16.9.0 || ^17.0.0 || ^18.0.0",
-    "@univerjs/core": "0.1.14",
-    "@univerjs/engine-render": "0.1.14",
-    "@univerjs/ui": "0.1.14",
-    "@univerjs/slides": "0.1.14"
+    "@univerjs/engine-render": "0.1.16",
+    "@univerjs/core": "0.1.16",
+    "@univerjs/ui": "0.1.16",
+    "@univerjs/slides": "0.1.16"
   },
   "devDependencies": {
     "@types/react": "^18.3.3",
-    "@wendellhu/redi": "0.15.2",
+    "@wendellhu/redi": "0.15.4",
     "clsx": "^2.1.1",
     "less": "^4.2.0",
     "react": "18.3.1",
     "rxjs": "^7.8.1",
     "typescript": "^5.4.5",
-    "vite": "^5.2.12",
+    "vite": "^5.3.1",
     "vitest": "^1.6.0",
-    "@univerjs/core": "0.1.14",
-    "@univerjs/slides": "0.1.14",
-    "@univerjs/design": "0.1.14",
-    "@univerjs/engine-render": "0.1.14",
-    "@univerjs/ui": "0.1.14",
-    "@univerjs/shared": "0.1.14"
+    "@univerjs/design": "0.1.16",
+    "@univerjs/core": "0.1.16",
+    "@univerjs/engine-render": "0.1.16",
+    "@univerjs/shared": "0.1.16",
+    "@univerjs/ui": "0.1.16",
+    "@univerjs/slides": "0.1.16"
   },
   "univerSpace": {
     ".": {
@@ -94,6 +94,7 @@
     "test:watch": "vitest",
     "coverage": "vitest run --coverage",
     "lint:types": "tsc --noEmit",
-    "build": "tsc && vite build"
+    "build": "tsc && vite build",
+    "sync:cnpm": "cnpm sync"
   }
 }