@univerjs/slides 0.1.7 → 0.1.8

package/lib/es/index.js

@@ -1,15 +1,15 @@
-var De = Object.defineProperty;
-var Ce = (a, e, r) => e in a ? De(a, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : a[e] = r;
-var u = (a, e, r) => (Ce(a, typeof e != "symbol" ? e + "" : e, r), r);
-import { Registry as Re, LocaleService as te, PageElementType as Y, DocumentDataModel as je, getColorStyle as Q, ShapeType as _e, SlideDataModel as Me, IContextService as Ee, ObjectMatrix as ze, Styles as Xe, Worksheet as Ae, sortRules as Le, OnLifecycle as Ue, LifecycleStages as Ne, RxDisposable as Ve, debounce as We, IUniverInstanceService as be, Plugin as $e, PluginType as He } from "@univerjs/core";
-import { Liquid as Ye, DocumentViewModel as Fe, DocumentSkeleton as Be, Documents as Ke, SceneViewer as me, Scene as re, Viewport as L, EVENT_TYPE as ge, ScrollBar as ue, Rect as H, Picture as Ie, PageLayoutType as fe, RichText as ke, Slide as Te, SpreadsheetSkeleton as qe, Spreadsheet as Ge, SpreadsheetRowHeader as Ze, SpreadsheetColumnHeader as Je, getColor as ve, IRenderManagerService as Qe, IRenderingEngine as et } from "@univerjs/engine-render";
-import { Inject as U, Injector as ne } from "@wendellhu/redi";
-import { takeUntil as we } from "rxjs";
+var Ee = Object.defineProperty;
+var xe = (a, e, r) => e in a ? Ee(a, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : a[e] = r;
+var p = (a, e, r) => (xe(a, typeof e != "symbol" ? e + "" : e, r), r);
+import { Registry as Ce, LocaleService as ne, PageElementType as F, DocumentDataModel as je, getColorStyle as te, ShapeType as fe, SlideDataModel as Me, IContextService as Le, ObjectMatrix as Ne, Styles as ze, Worksheet as Ve, sortRules as Xe, OnLifecycle as Ae, LifecycleStages as Ue, RxDisposable as We, UniverInstanceType as M, debounce as $e, IUniverInstanceService as be, Plugin as He } from "@univerjs/core";
+import { Liquid as Ye, DocumentViewModel as Fe, DocumentSkeleton as Be, Documents as Ke, SceneViewer as me, Scene as ie, Viewport as X, EVENT_TYPE as pe, ScrollBar as ue, Rect as Y, Picture as Te, PageLayoutType as ve, RichText as ke, Slide as Oe, SpreadsheetSkeleton as qe, Spreadsheet as Ge, SpreadsheetRowHeader as Ze, SpreadsheetColumnHeader as Je, getColor as we, IRenderManagerService as Qe, IRenderingEngine as et } from "@univerjs/engine-render";
+import { Inject as A, Injector as se } from "@wendellhu/redi";
+import { takeUntil as Se } from "rxjs";
 const Yt = {}, tt = {};
-class F {
+class B {
   constructor() {
-    u(this, "zIndex", 0);
-    u(this, "viewKey", null);
+    p(this, "zIndex", 0);
+    p(this, "viewKey", null);
   }
   check(e) {
     if (e === this.viewKey)
@@ -20,18 +20,18 @@ class F {
   create(e) {
   }
 }
-const W = Re.create();
+const $ = Ce.create();
 var rt = Object.defineProperty, nt = Object.getOwnPropertyDescriptor, it = (a, e, r, n) => {
   for (var t = n > 1 ? void 0 : n ? nt(e, r) : e, s = a.length - 1, i; s >= 0; s--)
     (i = a[s]) && (t = (n ? i(e, r, t) : i(t)) || t);
   return n && t && rt(e, r, t), t;
 }, st = (a, e) => (r, n) => e(r, n, a);
-let oe = class extends F {
+let le = class extends B {
   constructor(e) {
     super();
-    u(this, "zIndex", 5);
-    u(this, "viewKey", Y.DOCUMENT);
-    u(this, "_liquid", new Ye());
+    p(this, "zIndex", 5);
+    p(this, "viewKey", F.DOCUMENT);
+    p(this, "_liquid", new Ye());
     this._localeService = e;
   }
   check(e) {
@@ -39,7 +39,7 @@ let oe = class extends F {
       return this;
   }
   convert(e, r) {
-    var K, pe;
+    var k, _e;
     const {
       id: n,
       zIndex: t,
@@ -48,87 +48,87 @@ let oe = class extends F {
       width: c,
       height: o,
       angle: l,
-      scaleX: p,
+      scaleX: u,
       scaleY: _,
       skewX: d,
       skewY: g,
       flipX: h,
       flipY: f,
-      title: y,
-      description: D,
+      title: R,
+      description: y,
       document: T
     } = e;
     if (T == null)
       return;
-    const m = new je(T), w = new Fe(m), P = Be.create(w, this._localeService), S = new Ke("__DocsRender__", P);
-    P.calculate();
-    const x = new me("__DocsViewer__" + n, {
+    const b = new je(T), w = new Fe(b), I = Be.create(w, this._localeService), S = new Ke("__DocsRender__", I);
+    I.calculate();
+    const D = new me("__DocsViewer__" + n, {
       top: i,
       left: s,
       width: c,
       height: o,
       zIndex: t,
       angle: l,
-      scaleX: p,
+      scaleX: u,
       scaleY: _,
       skewX: d,
       skewY: g,
       flipX: h,
       flipY: f,
       isTransformer: !0
-    }), v = new re("__DocsScene__" + n, x), b = new L("__DocsViewPort_" + n, v, {
+    }), v = new ie("__DocsScene__" + n, D), P = new X("__DocsViewPort_" + n, v, {
       left: 0,
       top: 0,
       bottom: 0,
       right: 0,
       isWheelPreventDefaultX: !0
     });
-    v.attachControl(), v.on(ge.wheel, (z, V) => {
-      const O = z;
+    v.attachControl(), v.on(pe.wheel, (N, W) => {
+      const O = N;
       if (O.ctrlKey) {
-        const X = Math.abs(O.deltaX);
-        let R = X < 40 ? 0.2 : X < 80 ? 0.4 : 0.2;
-        R *= O.deltaY > 0 ? -1 : 1, v.scaleX < 1 && (R /= 2), v.scaleX + R > 4 ? v.scale(4, 4) : v.scaleX + R < 0.1 ? v.scale(0.1, 0.1) : (O.deltaY > 0, O.preventDefault());
+        const z = Math.abs(O.deltaX);
+        let x = z < 40 ? 0.2 : z < 80 ? 0.4 : 0.2;
+        x *= O.deltaY > 0 ? -1 : 1, v.scaleX < 1 && (x /= 2), v.scaleX + x > 4 ? v.scale(4, 4) : v.scaleX + x < 0.1 ? v.scale(0.1, 0.1) : (O.deltaY > 0, O.preventDefault());
       } else
-        b.onMouseWheel(O, V);
-    }), new ue(b, {
+        P.onMouseWheel(O, W);
+    }), new ue(P, {
       mainScene: r
     }), v.addObject(S);
-    const I = P.getActualSize();
-    S.resize(I.actualWidth, I.actualHeight), v.resize(I.actualWidth, I.actualHeight + 200);
-    const C = (K = S.getSkeleton()) == null ? void 0 : K.getPageSize();
-    S.onPageRenderObservable.add((z) => {
-      const { page: V, pageLeft: O, pageTop: X, ctx: R } = z, { width: k, height: q, marginBottom: ie, marginLeft: M, marginRight: G, marginTop: Z } = V;
-      R.save(), R.translate(O - 0.5, X - 0.5), H.drawWith(R, {
-        width: (C == null ? void 0 : C.width) || k,
-        height: (C == null ? void 0 : C.height) || q,
+    const m = I.getActualSize();
+    S.resize(m.actualWidth, m.actualHeight), v.resize(m.actualWidth, m.actualHeight + 200);
+    const E = (k = S.getSkeleton()) == null ? void 0 : k.getPageSize();
+    S.onPageRenderObservable.add((N) => {
+      const { page: W, pageLeft: O, pageTop: z, ctx: x } = N, { width: q, height: G, marginBottom: ae, marginLeft: j, marginRight: Z, marginTop: J } = W;
+      x.save(), x.translate(O - 0.5, z - 0.5), Y.drawWith(x, {
+        width: (E == null ? void 0 : E.width) || q,
+        height: (E == null ? void 0 : E.height) || G,
         strokeWidth: 1,
         stroke: "rgba(198,198,198, 1)",
         fill: "rgba(255,255,255, 1)",
         zIndex: 3
-      }), R.restore();
+      }), x.restore();
     });
-    const { left: $, top: N } = S, E = P.getSkeletonData();
-    if (E == null)
+    const { left: H, top: U } = S, L = I.getSkeletonData();
+    if (L == null)
       return;
-    const { pages: j } = E, A = [], B = /* @__PURE__ */ new Map();
-    this._recalculateSizeBySkeleton(S, v, P);
-    for (let z = 0, V = j.length; z < V; z++) {
-      const O = j[z], { skeDrawings: X, marginLeft: R, marginTop: k, pageWidth: q, pageHeight: ie } = O;
-      this._liquid.translatePagePadding(O), X.forEach((M) => {
-        const { aLeft: G, aTop: Z, height: Oe, width: xe, drawingOrigin: Ut } = M, ye = new Ie(M.objectId, {
+    const { pages: C } = L, V = [], K = /* @__PURE__ */ new Map();
+    this._recalculateSizeBySkeleton(S, v, I);
+    for (let N = 0, W = C.length; N < W; N++) {
+      const O = C[N], { skeDrawings: z, marginLeft: x, marginTop: q, pageWidth: G, pageHeight: ae } = O;
+      this._liquid.translatePagePadding(O), z.forEach((j) => {
+        const { aLeft: Z, aTop: J, height: De, width: Re, drawingOrigin: Xt } = j, ye = new Te(j.objectId, {
           // url: objectTransform.imageProperties?.contentUrl || '',
-          left: G + $ + this._liquid.x,
-          top: Z + N + this._liquid.y,
-          width: xe,
-          height: Oe,
+          left: Z + H + this._liquid.x,
+          top: J + U + this._liquid.y,
+          width: Re,
+          height: De,
           zIndex: 11,
           isTransformer: !0
         });
-        B.set(M.objectId, {
+        K.set(j.objectId, {
           marginLeft: this._liquid.x,
           marginTop: this._liquid.y
-        }), A.push(ye);
+        }), V.push(ye);
       }), this._liquid.translatePage(
         O,
         S.pageLayoutType,
@@ -136,18 +136,18 @@ let oe = class extends F {
         S.pageMarginTop
       );
     }
-    return v.openTransformer(), v.addObjects(A), (pe = v.getTransformer()) == null || pe.onChangingObservable.add((z) => {
-      const { objects: V } = z;
-      V.forEach((O) => {
-        const { oKey: X, left: R, top: k, height: q, width: ie } = O, M = B.get(X), G = (M == null ? void 0 : M.marginLeft) || 0, Z = (M == null ? void 0 : M.marginTop) || 0;
-        P == null || P.getViewModel().getDataModel().updateDrawing(X, {
-          left: R - $ - G,
-          top: k - N - Z,
-          height: q,
-          width: ie
+    return v.openTransformer(), v.addObjects(V), (_e = v.getTransformer()) == null || _e.onChangingObservable.add((N) => {
+      const { objects: W } = N;
+      W.forEach((O) => {
+        const { oKey: z, left: x, top: q, height: G, width: ae } = O, j = K.get(z), Z = (j == null ? void 0 : j.marginLeft) || 0, J = (j == null ? void 0 : j.marginTop) || 0;
+        I == null || I.getViewModel().getDataModel().updateDrawing(z, {
+          left: x - H - Z,
+          top: q - U - J,
+          height: G,
+          width: ae
         });
-      }), P == null || P.calculate();
-    }), v.closeTransformer(), this._calculatePagePosition(S, v, b), x;
+      }), I == null || I.calculate();
+    }), v.closeTransformer(), this._calculatePagePosition(S, v, P), D;
   }
   _recalculateSizeBySkeleton(e, r, n) {
     var c;
@@ -156,8 +156,8 @@ let oe = class extends F {
       return;
     let s = 0, i = 0;
     for (let o = 0, l = t.length; o < l; o++) {
-      const p = t[o], { pageWidth: _, pageHeight: d } = p;
-      e.pageLayoutType === fe.VERTICAL ? (i += d, i += e.pageMarginTop, o === l - 1 && (i += e.pageMarginTop), s = Math.max(s, _)) : e.pageLayoutType === fe.HORIZONTAL && (s += _, o !== l - 1 && (s += e.pageMarginLeft), i = Math.max(i, d));
+      const u = t[o], { pageWidth: _, pageHeight: d } = u;
+      e.pageLayoutType === ve.VERTICAL ? (i += d, i += e.pageMarginTop, o === l - 1 && (i += e.pageMarginTop), s = Math.max(s, _)) : e.pageLayoutType === ve.HORIZONTAL && (s += _, o !== l - 1 && (s += e.pageMarginLeft), i = Math.max(i, d));
     }
     e.resize(s, i), r.resize(s, i);
   }
@@ -165,34 +165,34 @@ let oe = class extends F {
     const s = r == null ? void 0 : r.getParent(), { width: i, height: c, pageMarginLeft: o, pageMarginTop: l } = e;
     if (s == null || i === Number.POSITIVE_INFINITY || c === Number.POSITIVE_INFINITY)
       return;
-    const { width: p, height: _ } = s;
-    let d = 0, g = 0, h = 0, f = 0, y = Number.POSITIVE_INFINITY;
-    if (p > (i + o * 2) * t ? (d = p / 2 - i * t / 2, d /= t, h = (p - o * 2) / t, y = 0) : (d = o, h = i + o * 2, y = (h - p / t) / 2), _ > c ? (g = _ / 2 - c / 2, f = (_ - l * 2) / t) : (g = l, f = c + l * 2), r.resize(h, f + 200), e.translate(d, g), y !== Number.POSITIVE_INFINITY && n != null) {
-      const D = n.getBarScroll(y, 0).x;
+    const { width: u, height: _ } = s;
+    let d = 0, g = 0, h = 0, f = 0, R = Number.POSITIVE_INFINITY;
+    if (u > (i + o * 2) * t ? (d = u / 2 - i * t / 2, d /= t, h = (u - o * 2) / t, R = 0) : (d = o, h = i + o * 2, R = (h - u / t) / 2), _ > c ? (g = _ / 2 - c / 2, f = (_ - l * 2) / t) : (g = l, f = c + l * 2), r.resize(h, f + 200), e.translate(d, g), R !== Number.POSITIVE_INFINITY && n != null) {
+      const y = n.getBarScroll(R, 0).x;
       n.scrollTo({
-        x: D
+        x: y
       });
     }
     return this;
   }
 };
-oe = it([
-  st(0, U(te))
-], oe);
+le = it([
+  st(0, A(ne))
+], le);
 class at {
   constructor() {
-    u(this, "zIndex", 5);
+    p(this, "zIndex", 5);
   }
   create(e) {
-    return e.createInstance(oe);
+    return e.createInstance(le);
   }
 }
-W.add(new at());
-class ct extends F {
+$.add(new at());
+class ct extends B {
   constructor() {
     super(...arguments);
-    u(this, "zIndex", 1);
-    u(this, "viewKey", Y.IMAGE);
+    p(this, "zIndex", 1);
+    p(this, "viewKey", F.IMAGE);
   }
   check(r) {
     if (r === this.viewKey)
@@ -207,17 +207,17 @@ class ct extends F {
       width: c,
       height: o,
       angle: l,
-      scaleX: p,
+      scaleX: u,
       scaleY: _,
       skewX: d,
       skewY: g,
       flipX: h,
       flipY: f,
-      title: y,
-      description: D,
+      title: R,
+      description: y,
       image: T = {}
-    } = r, { imageProperties: m, placeholder: w, link: P } = T, S = (m == null ? void 0 : m.contentUrl) || "";
-    return new Ie(n, {
+    } = r, { imageProperties: b, placeholder: w, link: I } = T, S = (b == null ? void 0 : b.contentUrl) || "";
+    return new Te(n, {
       url: S,
       top: i,
       left: s,
@@ -225,7 +225,7 @@ class ct extends F {
       height: o,
       zIndex: t,
       angle: l,
-      scaleX: p,
+      scaleX: u,
       scaleY: _,
       skewX: d,
       skewY: g,
@@ -238,23 +238,23 @@ class ct extends F {
 }
 class ot {
   constructor() {
-    u(this, "zIndex", 4);
+    p(this, "zIndex", 4);
   }
   create(e) {
     return e.createInstance(ct);
   }
 }
-W.add(new ot());
+$.add(new ot());
 var lt = Object.defineProperty, dt = Object.getOwnPropertyDescriptor, ht = (a, e, r, n) => {
   for (var t = n > 1 ? void 0 : n ? dt(e, r) : e, s = a.length - 1, i; s >= 0; s--)
     (i = a[s]) && (t = (n ? i(e, r, t) : i(t)) || t);
   return n && t && lt(e, r, t), t;
 }, gt = (a, e) => (r, n) => e(r, n, a);
-let le = class extends F {
+let de = class extends B {
   constructor(e) {
     super();
-    u(this, "zIndex", 2);
-    u(this, "viewKey", Y.TEXT);
+    p(this, "zIndex", 2);
+    p(this, "viewKey", F.TEXT);
     this._localeService = e;
   }
   check(e) {
@@ -270,24 +270,24 @@ let le = class extends F {
       width: c,
       height: o,
       angle: l,
-      scaleX: p,
+      scaleX: u,
       scaleY: _,
       skewX: d,
       skewY: g,
       flipX: h,
       flipY: f,
-      title: y,
-      description: D,
+      title: R,
+      description: y,
       richText: T = {}
-    } = e, { text: m, ff: w, fs: P, it: S, bl: x, ul: v, st: b, ol: I, bg: C, bd: $, cl: N, rich: E } = T;
-    let j = {
+    } = e, { text: b, ff: w, fs: I, it: S, bl: D, ul: v, st: P, ol: m, bg: E, bd: H, cl: U, rich: L } = T;
+    let C = {
       top: i,
       left: s,
       width: c,
       height: o,
       zIndex: t,
       angle: l,
-      scaleX: p,
+      scaleX: u,
       scaleY: _,
       skewX: d,
       skewY: g,
@@ -295,28 +295,28 @@ let le = class extends F {
       flipY: f,
       isTransformer: !0,
       forceRender: !0
-    }, A = !1;
-    if (m != null ? (j = { ...j, text: m, ff: w, fs: P, it: S, bl: x, ul: v, st: b, ol: I, bg: C, bd: $, cl: N }, A = !0) : E != null && (j = { ...j, richText: E }, A = !0), A !== !1)
-      return new ke(this._localeService, n, j);
+    }, V = !1;
+    if (b != null ? (C = { ...C, text: b, ff: w, fs: I, it: S, bl: D, ul: v, st: P, ol: m, bg: E, bd: H, cl: U }, V = !0) : L != null && (C = { ...C, richText: L }, V = !0), V !== !1)
+      return new ke(this._localeService, n, C);
   }
 };
-le = ht([
-  gt(0, U(te))
-], le);
-class ut {
+de = ht([
+  gt(0, A(ne))
+], de);
+class pt {
   constructor() {
-    u(this, "zIndex", 0);
+    p(this, "zIndex", 0);
   }
   create(e) {
-    return e.createInstance(le);
+    return e.createInstance(de);
   }
 }
-W.add(new ut());
-class pt extends F {
+$.add(new pt());
+class ut extends B {
   constructor() {
     super(...arguments);
-    u(this, "zIndex", 2);
-    u(this, "viewKey", Y.SHAPE);
+    p(this, "zIndex", 2);
+    p(this, "viewKey", F.SHAPE);
   }
   check(r) {
     if (r === this.viewKey)
@@ -331,29 +331,29 @@ class pt extends F {
       width: c,
       height: o,
       angle: l,
-      scaleX: p,
+      scaleX: u,
       scaleY: _,
       skewX: d,
       skewY: g,
       flipX: h,
       flipY: f,
-      title: y,
-      description: D
-    } = r, { shapeType: T, text: m, shapeProperties: w, placeholder: P, link: S } = r.shape || {}, x = w == null ? "" : Q(w.shapeBackgroundFill) || "rgba(255,255,255,1)", v = w == null ? void 0 : w.outline, b = {};
+      title: R,
+      description: y
+    } = r, { shapeType: T, text: b, shapeProperties: w, placeholder: I, link: S } = r.shape || {}, D = w == null ? "" : te(w.shapeBackgroundFill) || "rgba(255,255,255,1)", v = w == null ? void 0 : w.outline, P = {};
     if (v) {
-      const { outlineFill: I, weight: C } = v;
-      b.strokeWidth = C, b.stroke = Q(I) || "rgba(0,0,0,1)";
+      const { outlineFill: m, weight: E } = v;
+      P.strokeWidth = E, P.stroke = te(m) || "rgba(0,0,0,1)";
     }
-    if (T === _e.RECTANGLE)
-      return new H(n, {
-        fill: x,
+    if (T === fe.RECTANGLE)
+      return new Y(n, {
+        fill: D,
         top: i,
         left: s,
         width: c,
         height: o,
         zIndex: t,
         angle: l,
-        scaleX: p,
+        scaleX: u,
         scaleY: _,
         skewX: d,
         skewY: g,
@@ -361,19 +361,19 @@ class pt extends F {
         flipY: f,
         isTransformer: !0,
         forceRender: !0,
-        ...b
+        ...P
       });
-    if (T === _e.ROUND_RECTANGLE) {
-      const I = (w == null ? void 0 : w.radius) || 0;
-      return new H(n, {
-        fill: x,
+    if (T === fe.ROUND_RECTANGLE) {
+      const m = (w == null ? void 0 : w.radius) || 0;
+      return new Y(n, {
+        fill: D,
         top: i,
         left: s,
         width: c,
         height: o,
         zIndex: t,
         angle: l,
-        scaleX: p,
+        scaleX: u,
         scaleY: _,
         skewX: d,
         skewY: g,
@@ -381,32 +381,32 @@ class pt extends F {
         flipY: f,
         isTransformer: !0,
         forceRender: !0,
-        radius: I,
-        ...b
+        radius: m,
+        ...P
       });
     }
   }
 }
 class _t {
   constructor() {
-    u(this, "zIndex", 2);
+    p(this, "zIndex", 2);
   }
   create(e) {
-    return e.createInstance(pt);
+    return e.createInstance(ut);
   }
 }
-W.add(new _t());
+$.add(new _t());
 var ft = Object.defineProperty, vt = Object.getOwnPropertyDescriptor, wt = (a, e, r, n) => {
   for (var t = n > 1 ? void 0 : n ? vt(e, r) : e, s = a.length - 1, i; s >= 0; s--)
     (i = a[s]) && (t = (n ? i(e, r, t) : i(t)) || t);
   return n && t && ft(e, r, t), t;
 }, St = (a, e) => (r, n) => e(r, n, a);
-let de = class extends F {
+let he = class extends B {
   constructor(e) {
     super();
-    u(this, "zIndex", 6);
-    u(this, "viewKey", Y.SLIDE);
-    u(this, "_ObjectProvider", null);
+    p(this, "zIndex", 6);
+    p(this, "viewKey", F.SLIDE);
+    p(this, "_ObjectProvider", null);
     this._injector = e;
   }
   check(e) {
@@ -422,26 +422,26 @@ let de = class extends F {
       width: c,
       height: o,
       angle: l,
-      scaleX: p,
+      scaleX: u,
       scaleY: _,
       skewX: d,
       skewY: g,
       flipX: h,
       flipY: f,
-      title: y,
-      description: D,
+      title: R,
+      description: y,
       slide: T
     } = e;
     if (T == null)
       return;
-    const m = new Me(T), w = new Te("__SLIDERender__" + n, {
+    const b = new Me(T), w = new Oe("__SLIDERender__" + n, {
       top: i,
       left: s,
       width: c,
       height: o,
       zIndex: t,
       angle: l,
-      scaleX: p,
+      scaleX: u,
       scaleY: _,
       skewX: d,
       skewY: g,
@@ -451,68 +451,68 @@ let de = class extends F {
       forceRender: !0
     });
     w.enableNav(), w.enableSelectedClipElement();
-    const P = m.getPageOrder(), S = m.getPages();
-    if (!P || !S)
+    const I = b.getPageOrder(), S = b.getPages();
+    if (!I || !S)
       return w;
-    this._ObjectProvider = new ee(this._injector);
-    for (let x = 0, v = P.length; x < v; x++) {
-      const b = S[P[x]], { id: I } = b;
-      w.addPage(this._createScene(I, w, b, r, m));
+    this._ObjectProvider = new re(this._injector);
+    for (let D = 0, v = I.length; D < v; D++) {
+      const P = S[I[D]], { id: m } = P;
+      w.addPage(this._createScene(m, w, P, r, b));
     }
     return w.activeFirstPage(), w;
   }
   _createScene(e, r, n, t, s) {
     var g;
-    const { width: i, height: c } = r, o = new re(e, r, {
+    const { width: i, height: c } = r, o = new ie(e, r, {
       width: i,
       height: c
     });
-    new L(`PageViewer_${e}`, o, {
+    new X(`PageViewer_${e}`, o, {
       left: 0,
       top: 0,
       bottom: 0,
       right: 0
     }).closeClip();
-    const { pageElements: p, pageBackgroundFill: _ } = n, d = (g = this._ObjectProvider) == null ? void 0 : g.convertToRenderObjects(p, t);
+    const { pageElements: u, pageBackgroundFill: _ } = n, d = (g = this._ObjectProvider) == null ? void 0 : g.convertToRenderObjects(u, t);
     return o.openTransformer(), this._addBackgroundRect(o, _, s), o.addObjects(d), o;
   }
   _addBackgroundRect(e, r, n) {
-    const t = n.getPageSize(), { width: s = 0, height: i = 0 } = t, c = new H("canvas", {
+    const t = n.getPageSize(), { width: s = 0, height: i = 0 } = t, c = new Y("canvas", {
       left: 0,
       top: 0,
       width: s,
       height: i,
       strokeWidth: 1,
       stroke: "rgba(198,198,198, 1)",
-      fill: Q(r) || "rgba(255,255,255, 1)",
+      fill: te(r) || "rgba(255,255,255, 1)",
       zIndex: 0,
       evented: !1
     });
     e.addObject(c, 0);
   }
 };
-de = wt([
-  St(0, U(ne))
-], de);
-class Pt {
+he = wt([
+  St(0, A(se))
+], he);
+class It {
   constructor() {
-    u(this, "zIndex", 6);
+    p(this, "zIndex", 6);
   }
   create(e) {
-    return e.createInstance(de);
+    return e.createInstance(he);
   }
 }
-W.add(new Pt());
-var bt = Object.defineProperty, mt = Object.getOwnPropertyDescriptor, It = (a, e, r, n) => {
-  for (var t = n > 1 ? void 0 : n ? mt(e, r) : e, s = a.length - 1, i; s >= 0; s--)
+$.add(new It());
+var Pt = Object.defineProperty, bt = Object.getOwnPropertyDescriptor, mt = (a, e, r, n) => {
+  for (var t = n > 1 ? void 0 : n ? bt(e, r) : e, s = a.length - 1, i; s >= 0; s--)
     (i = a[s]) && (t = (n ? i(e, r, t) : i(t)) || t);
-  return n && t && bt(e, r, t), t;
-}, Se = (a, e) => (r, n) => e(r, n, a);
-let he = class extends F {
+  return n && t && Pt(e, r, t), t;
+}, Ie = (a, e) => (r, n) => e(r, n, a);
+let ge = class extends B {
   constructor(e, r) {
     super();
-    u(this, "zIndex", 4);
-    u(this, "viewKey", Y.SPREADSHEET);
+    p(this, "zIndex", 4);
+    p(this, "viewKey", F.SPREADSHEET);
     this._localeService = e, this._contextService = r;
   }
   check(e) {
@@ -528,32 +528,32 @@ let he = class extends F {
       width: c,
       height: o,
       angle: l,
-      scaleX: p,
+      scaleX: u,
       scaleY: _,
       skewX: d,
       skewY: g,
       flipX: h,
       flipY: f,
-      spreadsheet: y
+      spreadsheet: R
     } = e;
-    if (y == null)
+    if (R == null)
       return;
-    const { worksheet: D, styles: T } = y, { cellData: m } = D, w = new ze(m), P = new Xe(T), S = new qe(
-      new Ae(D, P),
+    const { worksheet: y, styles: T } = R, { cellData: b } = y, w = new Ne(b), I = new ze(T), S = new qe(
+      new Ve(n, y, I),
       // FIXME: worksheet in slide doesn't has a Worksheet object
-      D,
+      y,
       w,
-      P,
+      I,
       this._localeService,
       this._contextService
-    ), { rowTotalHeight: x, columnTotalWidth: v, rowHeaderWidth: b, columnHeaderHeight: I } = S, C = v + D.rowHeader.width || 0, $ = x + D.columnHeader.height || 0, N = new me("spreadInSlideSceneViewer" + n, {
+    ), { rowTotalHeight: D, columnTotalWidth: v, rowHeaderWidth: P, columnHeaderHeight: m } = S, E = v + y.rowHeader.width || 0, H = D + y.columnHeader.height || 0, U = new me("spreadInSlideSceneViewer" + n, {
       top: i,
       left: s,
       width: c,
       height: o,
       zIndex: t,
       angle: l,
-      scaleX: p,
+      scaleX: u,
       scaleY: _,
       skewX: d,
       skewY: g,
@@ -561,46 +561,46 @@ let he = class extends F {
       flipY: f,
       isTransformer: !0,
       forceRender: !0
-    }), E = new re("spreadInSlideScene" + n, N, {
-      width: C,
-      height: $
+    }), L = new ie("spreadInSlideScene" + n, U, {
+      width: E,
+      height: H
     });
-    this._updateViewport(n, b, I, E, r);
-    const j = new Ge("testSheetViewer", S, !1), A = new Ze("spreadInSlideRow", S), B = new Je("spreadInSlideColumn", S), K = new H("spreadInSlideLeftTop", {
+    this._updateViewport(n, P, m, L, r);
+    const C = new Ge("testSheetViewer", S, !1), V = new Ze("spreadInSlideRow", S), K = new Je("spreadInSlideColumn", S), k = new Y("spreadInSlideLeftTop", {
       zIndex: 2,
       left: -1,
       top: -1,
-      width: b,
-      height: I,
-      fill: ve([248, 249, 250]),
-      stroke: ve([217, 217, 217]),
+      width: P,
+      height: m,
+      fill: we([248, 249, 250]),
+      stroke: we([217, 217, 217]),
       strokeWidth: 1
     });
-    return j.zIndex = 10, E.addObjects([j], 1), E.addObjects([A, B, K], 2), N;
+    return C.zIndex = 10, L.addObjects([C], 1), L.addObjects([V, K, k], 2), U;
   }
   _updateViewport(e, r, n, t, s) {
     if (s == null)
       return;
-    const i = r * t.scaleX, c = n * t.scaleY, o = new L("spreadInSlideViewMain" + e, t, {
+    const i = r * t.scaleX, c = n * t.scaleY, o = new X("spreadInSlideViewMain" + e, t, {
       left: i,
       top: c,
       bottom: 0,
       right: 0,
       isWheelPreventDefaultX: !0
-    }), l = new L("spreadInSlideViewTop" + e, t, {
+    }), l = new X("spreadInSlideViewTop" + e, t, {
       left: i,
       height: c,
       top: 0,
       right: 0,
       isWheelPreventDefaultX: !0
-    }), p = new L("spreadInSlideViewLeft" + e, t, {
+    }), u = new X("spreadInSlideViewLeft" + e, t, {
       left: 0,
       bottom: 0,
       top: c,
       width: i,
       isWheelPreventDefaultX: !0
     });
-    new L("spreadInSlideViewLeftTop" + e, t, {
+    new X("spreadInSlideViewLeftTop" + e, t, {
       left: 0,
       top: 0,
       width: i,
@@ -611,13 +611,13 @@ let he = class extends F {
       l.updateScroll({
         scrollX: d,
         actualScrollX: h
-      }), p.updateScroll({
+      }), u.updateScroll({
         scrollY: g,
         actualScrollY: f
       });
     }), t.attachControl(), new ue(o, {
       mainScene: s
-    }), t.on(ge.wheel, (_, d) => {
+    }), t.on(pe.wheel, (_, d) => {
       const g = _;
       if (g.ctrlKey) {
         const h = Math.abs(g.deltaX);
@@ -628,27 +628,27 @@ let he = class extends F {
     });
   }
 };
-he = It([
-  Se(0, U(te)),
-  Se(1, Ee)
-], he);
+ge = mt([
+  Ie(0, A(ne)),
+  Ie(1, Le)
+], ge);
 class Tt {
   constructor() {
-    u(this, "zIndex", 4);
+    p(this, "zIndex", 4);
   }
   create(e) {
-    return e.createInstance(he);
+    return e.createInstance(ge);
   }
 }
-W.add(new Tt());
-var Ot = Object.defineProperty, xt = Object.getOwnPropertyDescriptor, yt = (a, e, r, n) => {
-  for (var t = n > 1 ? void 0 : n ? xt(e, r) : e, s = a.length - 1, i; s >= 0; s--)
+$.add(new Tt());
+var Ot = Object.defineProperty, Dt = Object.getOwnPropertyDescriptor, Rt = (a, e, r, n) => {
+  for (var t = n > 1 ? void 0 : n ? Dt(e, r) : e, s = a.length - 1, i; s >= 0; s--)
     (i = a[s]) && (t = (n ? i(e, r, t) : i(t)) || t);
   return n && t && Ot(e, r, t), t;
-}, Dt = (a, e) => (r, n) => e(r, n, a);
-let ee = class {
+}, yt = (a, e) => (r, n) => e(r, n, a);
+let re = class {
   constructor(a) {
-    u(this, "_adaptors", []);
+    p(this, "_adaptors", []);
     this._injector = a, this._adaptorLoader();
   }
   convertToRenderObjects(a, e) {
@@ -668,40 +668,40 @@ let ee = class {
     }
   }
   _adaptorLoader() {
-    W.getData().sort(Le).forEach((a) => {
+    $.getData().sort(Xe).forEach((a) => {
       this._adaptors.push(a.create(this._injector));
     });
   }
 };
-ee = yt([
-  Dt(0, U(ne))
-], ee);
-var Ct = Object.defineProperty, Rt = Object.getOwnPropertyDescriptor, jt = (a, e, r, n) => {
-  for (var t = n > 1 ? void 0 : n ? Rt(e, r) : e, s = a.length - 1, i; s >= 0; s--)
+re = Rt([
+  yt(0, A(se))
+], re);
+var Et = Object.defineProperty, xt = Object.getOwnPropertyDescriptor, Ct = (a, e, r, n) => {
+  for (var t = n > 1 ? void 0 : n ? xt(e, r) : e, s = a.length - 1, i; s >= 0; s--)
     (i = a[s]) && (t = (n ? i(e, r, t) : i(t)) || t);
-  return n && t && Ct(e, r, t), t;
-}, se = (a, e) => (r, n) => e(r, n, a), Mt = /* @__PURE__ */ ((a) => (a.COMPONENT = "__slideRender__", a.SCENE = "__mainScene__", a.VIEW = "__mainView__", a))(Mt || {});
-let J = class extends Ve {
+  return n && t && Et(e, r, t), t;
+}, ce = (a, e) => (r, n) => e(r, n, a), jt = /* @__PURE__ */ ((a) => (a.COMPONENT = "__slideRender__", a.SCENE = "__mainScene__", a.VIEW = "__mainView__", a))(jt || {});
+let ee = class extends We {
   constructor(e, r, n) {
     super();
-    u(this, "_objectProvider", null);
-    u(this, "_activePageId", "");
-    u(this, "_refreshThumb", We(() => {
+    p(this, "_objectProvider", null);
+    p(this, "_activePageId", "");
+    p(this, "_refreshThumb", $e(() => {
       this.createThumbs();
     }, 300));
-    this._currentUniverService = e, this._injector = r, this._renderManagerService = n, this._initializeDependencies(this._injector), this._initialize();
+    this._univerInstanceService = e, this._injector = r, this._renderManagerService = n, this._initializeDependencies(this._injector), this._initialize();
   }
   _initialize() {
-    this._renderManagerService.createRender$.pipe(we(this.dispose$)).subscribe((e) => {
+    this._renderManagerService.createRender$.pipe(Se(this.dispose$)).subscribe((e) => {
       this._create(e);
-    }), this._currentUniverService.currentSlide$.pipe(we(this.dispose$)).subscribe((e) => {
+    }), this._univerInstanceService.getCurrentTypeOfUnit$(M.UNIVER_SLIDE).pipe(Se(this.dispose$)).subscribe((e) => {
       this._create(e == null ? void 0 : e.getUnitId());
-    }), this._currentUniverService.getAllUniverSlidesInstance().forEach((e) => {
+    }), this._univerInstanceService.getAllUnitsForType(M.UNIVER_SLIDE).forEach((e) => {
       this._create(e.getUnitId());
     });
   }
   activePage(e) {
-    const r = this._currentUniverService.getCurrentUniverSlideInstance();
+    const r = this._univerInstanceService.getCurrentUnitForType(M.UNIVER_SLIDE);
     let n;
     if (e)
       n = r.getPage(e);
@@ -733,14 +733,14 @@ let J = class extends Ve {
     });
   }
   _create(e) {
-    e == null || this._currentUniverService.getUniverSlideInstance(e) == null || this._renderManagerService.has(e) || this._addNewRender(e);
+    e == null || this._univerInstanceService.getUnit(e, M.UNIVER_SLIDE) == null || this._renderManagerService.has(e) || this._addNewRender(e);
   }
   _currentRender() {
-    const e = this._currentUniverService.getCurrentUniverSlideInstance();
+    const e = this._univerInstanceService.getCurrentUnitForType(M.UNIVER_SLIDE);
     return this._renderManagerService.getRenderById(e.getUnitId());
   }
   _addNewRender(e) {
-    const r = this._currentUniverService.getUniverSlideInstance(e);
+    const r = this._univerInstanceService.getUnit(e, M.UNIVER_SLIDE);
     if (r == null)
       return;
     const n = r.getContainer(), t = r.getParentRenderUnitId();
@@ -758,15 +758,15 @@ let J = class extends Ve {
         this.createThumbs();
       }, 300);
     }), i.resize(2400, 1800);
-    const o = new L("__mainView__", i, {
+    const o = new X("__mainView__", i, {
       left: 0,
       top: 0,
       bottom: 0,
       right: 0,
       isWheelPreventDefaultX: !0
     });
-    i.attachControl(), i.on(ge.wheel, (p, _) => {
-      const d = p;
+    i.attachControl(), i.on(pe.wheel, (u, _) => {
+      const d = u;
       if (d.ctrlKey) {
         const g = Math.abs(d.deltaX);
         let h = g < 40 ? 0.2 : g < 80 ? 0.4 : 0.2;
@@ -779,12 +779,12 @@ let J = class extends Ve {
     const l = this._createSlide(i);
     s.mainComponent = l, s.components.set("__slideRender__", l), this._createSlidePages(r, l), c.runRenderLoop(() => {
       i.render();
-      const p = document.getElementById("app");
-      p && (p.innerText = `fps:${Math.round(c.getFps()).toString()}`);
+      const u = document.getElementById("app");
+      u && (u.innerText = `fps:${Math.round(c.getFps()).toString()}`);
     });
   }
   _createSlide(e) {
-    const r = this._currentUniverService.getCurrentUniverSlideInstance(), { width: n, height: t } = e, s = r.getPageSize(), { width: i = 100, height: c = 100 } = s, o = new Te("__slideRender__", {
+    const r = this._univerInstanceService.getCurrentUnitForType(M.UNIVER_SLIDE), { width: n, height: t } = e, s = r.getPageSize(), { width: i = 100, height: c = 100 } = s, o = new Oe("__slideRender__", {
       left: (n - i) / 2,
       top: (t - c) / 2,
       width: i,
@@ -794,14 +794,14 @@ let J = class extends Ve {
     return o.enableNav(), o.enableSelectedClipElement(), e.addObject(o), o;
   }
   _addBackgroundRect(e, r) {
-    const t = this._currentUniverService.getCurrentUniverSlideInstance().getPageSize(), { width: s = 0, height: i = 0 } = t, c = new H("canvas", {
+    const t = this._univerInstanceService.getCurrentUnitForType(M.UNIVER_SLIDE).getPageSize(), { width: s = 0, height: i = 0 } = t, c = new Y("canvas", {
       left: 0,
       top: 0,
       width: s,
       height: i,
       strokeWidth: 1,
       stroke: "rgba(198,198,198, 1)",
-      fill: Q(r) || "rgba(255,255,255, 1)",
+      fill: te(r) || "rgba(255,255,255, 1)",
       zIndex: 0,
       evented: !1
     });
@@ -837,7 +837,7 @@ let J = class extends Ve {
     }
   }
   createThumbs() {
-    const r = this._currentUniverService.getCurrentUniverSlideInstance().getPageOrder(), n = this._currentRender();
+    const r = this._univerInstanceService.getCurrentUnitForType(M.UNIVER_SLIDE).getPageOrder(), n = this._currentRender();
     if (!(!r || !n) && r.length !== 0)
       for (let t = 0, s = r.length; t < s; t++) {
         const i = r[t];
@@ -851,11 +851,11 @@ let J = class extends Ve {
     const n = this._currentRender();
     if (!n || !this._objectProvider)
       return;
-    const { scene: t, mainComponent: s } = n, i = s, { width: c, height: o } = i, l = new re(e, i, {
+    const { scene: t, mainComponent: s } = n, i = s, { width: c, height: o } = i, l = new ie(e, i, {
       width: c,
       height: o
     });
-    new L(`PageViewer_${e}`, l, {
+    new X(`PageViewer_${e}`, l, {
       left: 0,
       top: 0,
       bottom: 0,
@@ -873,29 +873,29 @@ let J = class extends Ve {
     }), i.addPage(l), l;
   }
   _initializeDependencies(e) {
-    this._objectProvider = e.createInstance(ee);
+    this._objectProvider = e.createInstance(re);
   }
 };
-J = jt([
-  Ue(Ne.Ready, J),
-  se(0, be),
-  se(1, U(ne)),
-  se(2, Qe)
-], J);
-var Et = Object.defineProperty, zt = Object.getOwnPropertyDescriptor, Xt = (a, e, r, n) => {
-  for (var t = n > 1 ? void 0 : n ? zt(e, r) : e, s = a.length - 1, i; s >= 0; s--)
+ee = Ct([
+  Ae(Ue.Ready, ee),
+  ce(0, be),
+  ce(1, A(se)),
+  ce(2, Qe)
+], ee);
+var Mt = Object.defineProperty, Lt = Object.getOwnPropertyDescriptor, Nt = (a, e, r, n) => {
+  for (var t = n > 1 ? void 0 : n ? Lt(e, r) : e, s = a.length - 1, i; s >= 0; s--)
     (i = a[s]) && (t = (n ? i(e, r, t) : i(t)) || t);
-  return n && t && Et(e, r, t), t;
-}, ae = (a, e) => (r, n) => e(r, n, a);
-const At = {}, Lt = "slides";
-var ce;
-let Pe = (ce = class extends $e {
+  return n && t && Mt(e, r, t), t;
+}, oe = (a, e) => (r, n) => e(r, n, a);
+const zt = {}, Vt = "slides";
+var Q;
+let Pe = (Q = class extends He {
   constructor(e = {}, r, n, t) {
-    super(Lt);
-    u(this, "_config");
-    u(this, "_canvasEngine", null);
-    u(this, "_canvasView", null);
-    this._currentUniverService = r, this._localeService = n, this._injector = t, this._config = Object.assign(At, e), this._initializeDependencies(this._injector);
+    super();
+    p(this, "_config");
+    p(this, "_canvasEngine", null);
+    p(this, "_canvasView", null);
+    this._univerInstanceService = r, this._localeService = n, this._injector = t, this._config = Object.assign(zt, e), this._initializeDependencies(this._injector);
   }
   initialize() {
     this._localeService.load({
@@ -911,9 +911,6 @@ let Pe = (ce = class extends $e {
   onRendered() {
     this.initialize();
   }
-  onDestroy() {
-    super.onDestroy();
-  }
   getCanvasEngine() {
     return this._canvasEngine;
   }
@@ -921,19 +918,19 @@ let Pe = (ce = class extends $e {
     return this._canvasView;
   }
   _initializeDependencies(e) {
-    [[J]].forEach((n) => {
+    [[ee]].forEach((n) => {
       e.add(n);
     });
   }
-}, u(ce, "type", He.Slide), ce);
-Pe = Xt([
-  ae(1, be),
-  ae(2, U(te)),
-  ae(3, U(ne))
+}, p(Q, "pluginName", Vt), p(Q, "type", M.UNIVER_SLIDE), Q);
+Pe = Nt([
+  oe(1, be),
+  oe(2, A(ne)),
+  oe(3, A(se))
 ], Pe);
 export {
-  J as CanvasView,
-  Mt as SLIDE_KEY,
+  ee as CanvasView,
+  jt as SLIDE_KEY,
   Pe as UniverSlidesPlugin,
   Yt as enUS,
   tt as zhCN