@univerjs/slides 0.1.10 → 0.1.12

package/lib/es/index.js

@@ -1,22 +1,20 @@
-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";
+var Re = Object.defineProperty;
+var xe = (a, e, r) => e in a ? Re(a, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : a[e] = r;
+var h = (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 Pe, 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 = {};
+const Yt = {}, tt = {}, Ft = {};
 class B {
   constructor() {
-    p(this, "zIndex", 0);
-    p(this, "viewKey", null);
+    h(this, "zIndex", 0);
+    h(this, "viewKey", null);
   }
   check(e) {
     if (e === this.viewKey)
       return this;
   }
-  convert(e, r) {
-  }
   create(e) {
   }
 }
@@ -29,9 +27,9 @@ var rt = Object.defineProperty, nt = Object.getOwnPropertyDescriptor, it = (a, e
 let le = class extends B {
   constructor(e) {
     super();
-    p(this, "zIndex", 5);
-    p(this, "viewKey", F.DOCUMENT);
-    p(this, "_liquid", new Ye());
+    h(this, "zIndex", 5);
+    h(this, "viewKey", F.DOCUMENT);
+    h(this, "_liquid", new Ye());
     this._localeService = e;
   }
   check(e) {
@@ -46,38 +44,38 @@ let le = class extends B {
       zIndex: t,
       left: s = 0,
       top: i = 0,
-      width: c,
-      height: o,
+      width: o,
+      height: c,
       angle: l,
-      scaleX: u,
-      scaleY: _,
+      scaleX: g,
+      scaleY: p,
       skewX: d,
-      skewY: g,
-      flipX: h,
+      skewY: u,
+      flipX: _,
       flipY: f,
-      title: R,
-      description: y,
+      title: y,
+      description: E,
       document: T
     } = e;
     if (T == null)
       return;
-    const b = new je(T), w = new Fe(b), I = Be.create(w, this._localeService), S = new Ke("__DocsRender__", I);
+    const P = new je(T), w = new Fe(P), 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,
+      width: o,
+      height: c,
       zIndex: t,
       angle: l,
-      scaleX: u,
-      scaleY: _,
+      scaleX: g,
+      scaleY: p,
       skewX: d,
-      skewY: g,
-      flipX: h,
+      skewY: u,
+      flipX: _,
       flipY: f,
       isTransformer: !0
-    }), v = new ie("__DocsScene__" + n, D), P = new X("__DocsViewPort_" + n, v, {
+    }), v = new ie("__DocsScene__" + n, D), b = new X("__DocsViewPort_" + n, v, {
       left: 0,
       top: 0,
       bottom: 0,
@@ -91,18 +89,18 @@ let le = class extends B {
         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
-        P.onMouseWheel(O, W);
-    }), new ue(P, {
+        b.onMouseWheel(O, W);
+    }), new ue(b, {
       mainScene: r
     }), v.addObject(S);
     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();
+    const R = (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,
+        width: (R == null ? void 0 : R.width) || q,
+        height: (R == null ? void 0 : R.height) || G,
         strokeWidth: 1,
         stroke: "rgba(198,198,198, 1)",
         fill: "rgba(255,255,255, 1)",
@@ -117,11 +115,11 @@ let le = class extends B {
     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, {
+        const { aLeft: Z, aTop: J, height: De, width: ye, drawingOrigin: Xt } = j, Ee = new Te(j.objectId, {
           // url: objectTransform.imageProperties?.contentUrl || '',
           left: Z + H + this._liquid.x,
           top: J + U + this._liquid.y,
-          width: Re,
+          width: ye,
           height: De,
           zIndex: 11,
           isTransformer: !0
@@ -129,7 +127,7 @@ let le = class extends B {
         K.set(j.objectId, {
           marginLeft: this._liquid.x,
           marginTop: this._liquid.y
-        }), V.push(ye);
+        }), V.push(Ee);
       }), this._liquid.translatePage(
         O,
         S.pageLayoutType,
@@ -148,30 +146,30 @@ let le = class extends B {
           width: ae
         });
       }), I == null || I.calculate();
-    }), v.closeTransformer(), this._calculatePagePosition(S, v, P), D;
+    }), v.closeTransformer(), this._calculatePagePosition(S, v, b), D;
   }
   _recalculateSizeBySkeleton(e, r, n) {
-    var c;
-    const t = (c = n.getSkeletonData()) == null ? void 0 : c.pages;
+    var o;
+    const t = (o = n.getSkeletonData()) == null ? void 0 : o.pages;
     if (t == null)
       return;
     let s = 0, i = 0;
-    for (let o = 0, l = t.length; o < l; o++) {
-      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));
+    for (let c = 0, l = t.length; c < l; c++) {
+      const g = t[c], { pageWidth: p, pageHeight: d } = g;
+      e.pageLayoutType === ve.VERTICAL ? (i += d, i += e.pageMarginTop, c === l - 1 && (i += e.pageMarginTop), s = Math.max(s, p)) : e.pageLayoutType === ve.HORIZONTAL && (s += p, c !== l - 1 && (s += e.pageMarginLeft), i = Math.max(i, d));
     }
     e.resize(s, i), r.resize(s, i);
   }
   _calculatePagePosition(e, r, n, t = 1) {
-    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)
+    const s = r == null ? void 0 : r.getParent(), { width: i, height: o, pageMarginLeft: c, pageMarginTop: l } = e;
+    if (s == null || i === Number.POSITIVE_INFINITY || o === Number.POSITIVE_INFINITY)
       return;
-    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;
+    const { width: g, height: p } = s;
+    let d = 0, u = 0, _ = 0, f = 0, y = Number.POSITIVE_INFINITY;
+    if (g > (i + c * 2) * t ? (d = g / 2 - i * t / 2, d /= t, _ = (g - c * 2) / t, y = 0) : (d = c, _ = i + c * 2, y = (_ - g / t) / 2), p > o ? (u = p / 2 - o / 2, f = (p - l * 2) / t) : (u = l, f = o + l * 2), r.resize(_, f + 200), e.translate(d, u), y !== Number.POSITIVE_INFINITY && n != null) {
+      const E = n.getBarScroll(y, 0).x;
       n.scrollTo({
-        x: y
+        x: E
       });
     }
     return this;
@@ -182,7 +180,7 @@ le = it([
 ], le);
 class at {
   constructor() {
-    p(this, "zIndex", 5);
+    h(this, "zIndex", 5);
   }
   create(e) {
     return e.createInstance(le);
@@ -192,8 +190,8 @@ $.add(new at());
 class ct extends B {
   constructor() {
     super(...arguments);
-    p(this, "zIndex", 1);
-    p(this, "viewKey", F.IMAGE);
+    h(this, "zIndex", 1);
+    h(this, "viewKey", F.IMAGE);
   }
   check(r) {
     if (r === this.viewKey)
@@ -205,32 +203,32 @@ class ct extends B {
       zIndex: t,
       left: s = 0,
       top: i = 0,
-      width: c,
-      height: o,
+      width: o,
+      height: c,
       angle: l,
-      scaleX: u,
-      scaleY: _,
+      scaleX: g,
+      scaleY: p,
       skewX: d,
-      skewY: g,
-      flipX: h,
+      skewY: u,
+      flipX: _,
       flipY: f,
-      title: R,
-      description: y,
+      title: y,
+      description: E,
       image: T = {}
-    } = r, { imageProperties: b, placeholder: w, link: I } = T, S = (b == null ? void 0 : b.contentUrl) || "";
+    } = r, { imageProperties: P, placeholder: w, link: I } = T, S = (P == null ? void 0 : P.contentUrl) || "";
     return new Te(n, {
       url: S,
       top: i,
       left: s,
-      width: c,
-      height: o,
+      width: o,
+      height: c,
       zIndex: t,
       angle: l,
-      scaleX: u,
-      scaleY: _,
+      scaleX: g,
+      scaleY: p,
       skewX: d,
-      skewY: g,
-      flipX: h,
+      skewY: u,
+      flipX: _,
       flipY: f,
       isTransformer: !0,
       forceRender: !0
@@ -239,7 +237,7 @@ class ct extends B {
 }
 class ot {
   constructor() {
-    p(this, "zIndex", 4);
+    h(this, "zIndex", 4);
   }
   create(e) {
     return e.createInstance(ct);
@@ -254,8 +252,8 @@ var lt = Object.defineProperty, dt = Object.getOwnPropertyDescriptor, ht = (a, e
 let de = class extends B {
   constructor(e) {
     super();
-    p(this, "zIndex", 2);
-    p(this, "viewKey", F.TEXT);
+    h(this, "zIndex", 2);
+    h(this, "viewKey", F.TEXT);
     this._localeService = e;
   }
   check(e) {
@@ -268,36 +266,36 @@ let de = class extends B {
       zIndex: t,
       left: s = 0,
       top: i = 0,
-      width: c,
-      height: o,
+      width: o,
+      height: c,
       angle: l,
-      scaleX: u,
-      scaleY: _,
+      scaleX: g,
+      scaleY: p,
       skewX: d,
-      skewY: g,
-      flipX: h,
+      skewY: u,
+      flipX: _,
       flipY: f,
-      title: R,
-      description: y,
+      title: y,
+      description: E,
       richText: T = {}
-    } = 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;
+    } = e, { text: P, ff: w, fs: I, it: S, bl: D, ul: v, st: b, ol: m, bg: R, bd: H, cl: U, rich: L } = T;
     let C = {
       top: i,
       left: s,
-      width: c,
-      height: o,
+      width: o,
+      height: c,
       zIndex: t,
       angle: l,
-      scaleX: u,
-      scaleY: _,
+      scaleX: g,
+      scaleY: p,
       skewX: d,
-      skewY: g,
-      flipX: h,
+      skewY: u,
+      flipX: _,
       flipY: f,
       isTransformer: !0,
       forceRender: !0
     }, 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)
+    if (P != null ? (C = { ...C, text: P, ff: w, fs: I, it: S, bl: D, ul: v, st: b, ol: m, bg: R, bd: H, cl: U }, V = !0) : L != null && (C = { ...C, richText: L }, V = !0), V !== !1)
       return new ke(this._localeService, n, C);
   }
 };
@@ -306,7 +304,7 @@ de = ht([
 ], de);
 class pt {
   constructor() {
-    p(this, "zIndex", 0);
+    h(this, "zIndex", 0);
   }
   create(e) {
     return e.createInstance(de);
@@ -316,8 +314,8 @@ $.add(new pt());
 class ut extends B {
   constructor() {
     super(...arguments);
-    p(this, "zIndex", 2);
-    p(this, "viewKey", F.SHAPE);
+    h(this, "zIndex", 2);
+    h(this, "viewKey", F.SHAPE);
   }
   check(r) {
     if (r === this.viewKey)
@@ -329,40 +327,40 @@ class ut extends B {
       zIndex: t,
       left: s = 0,
       top: i = 0,
-      width: c,
-      height: o,
+      width: o,
+      height: c,
       angle: l,
-      scaleX: u,
-      scaleY: _,
+      scaleX: g,
+      scaleY: p,
       skewX: d,
-      skewY: g,
-      flipX: h,
+      skewY: u,
+      flipX: _,
       flipY: f,
-      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 = {};
+      title: y,
+      description: E
+    } = r, { shapeType: T, text: P, 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, b = {};
     if (v) {
-      const { outlineFill: m, weight: E } = v;
-      P.strokeWidth = E, P.stroke = te(m) || "rgba(0,0,0,1)";
+      const { outlineFill: m, weight: R } = v;
+      b.strokeWidth = R, b.stroke = te(m) || "rgba(0,0,0,1)";
     }
     if (T === fe.RECTANGLE)
       return new Y(n, {
         fill: D,
         top: i,
         left: s,
-        width: c,
-        height: o,
+        width: o,
+        height: c,
         zIndex: t,
         angle: l,
-        scaleX: u,
-        scaleY: _,
+        scaleX: g,
+        scaleY: p,
         skewX: d,
-        skewY: g,
-        flipX: h,
+        skewY: u,
+        flipX: _,
         flipY: f,
         isTransformer: !0,
         forceRender: !0,
-        ...P
+        ...b
       });
     if (T === fe.ROUND_RECTANGLE) {
       const m = (w == null ? void 0 : w.radius) || 0;
@@ -370,27 +368,27 @@ class ut extends B {
         fill: D,
         top: i,
         left: s,
-        width: c,
-        height: o,
+        width: o,
+        height: c,
         zIndex: t,
         angle: l,
-        scaleX: u,
-        scaleY: _,
+        scaleX: g,
+        scaleY: p,
         skewX: d,
-        skewY: g,
-        flipX: h,
+        skewY: u,
+        flipX: _,
         flipY: f,
         isTransformer: !0,
         forceRender: !0,
         radius: m,
-        ...P
+        ...b
       });
     }
   }
 }
 class _t {
   constructor() {
-    p(this, "zIndex", 2);
+    h(this, "zIndex", 2);
   }
   create(e) {
     return e.createInstance(ut);
@@ -405,9 +403,9 @@ var ft = Object.defineProperty, vt = Object.getOwnPropertyDescriptor, wt = (a, e
 let he = class extends B {
   constructor(e) {
     super();
-    p(this, "zIndex", 6);
-    p(this, "viewKey", F.SLIDE);
-    p(this, "_ObjectProvider", null);
+    h(this, "zIndex", 6);
+    h(this, "viewKey", F.SLIDE);
+    h(this, "_ObjectProvider", null);
     this._injector = e;
   }
   check(e) {
@@ -420,65 +418,65 @@ let he = class extends B {
       zIndex: t,
       left: s = 0,
       top: i = 0,
-      width: c,
-      height: o,
+      width: o,
+      height: c,
       angle: l,
-      scaleX: u,
-      scaleY: _,
+      scaleX: g,
+      scaleY: p,
       skewX: d,
-      skewY: g,
-      flipX: h,
+      skewY: u,
+      flipX: _,
       flipY: f,
-      title: R,
-      description: y,
+      title: y,
+      description: E,
       slide: T
     } = e;
     if (T == null)
       return;
-    const b = new Me(T), w = new Oe("__SLIDERender__" + n, {
+    const P = new Me(T), w = new Oe("__SLIDERender__" + n, {
       top: i,
       left: s,
-      width: c,
-      height: o,
+      width: o,
+      height: c,
       zIndex: t,
       angle: l,
-      scaleX: u,
-      scaleY: _,
+      scaleX: g,
+      scaleY: p,
       skewX: d,
-      skewY: g,
-      flipX: h,
+      skewY: u,
+      flipX: _,
       flipY: f,
       isTransformer: !1,
       forceRender: !0
     });
     w.enableNav(), w.enableSelectedClipElement();
-    const I = b.getPageOrder(), S = b.getPages();
+    const I = P.getPageOrder(), S = P.getPages();
     if (!I || !S)
       return w;
     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));
+      const b = S[I[D]], { id: m } = b;
+      w.addPage(this._createScene(m, w, b, r, P));
     }
     return w.activeFirstPage(), w;
   }
   _createScene(e, r, n, t, s) {
-    var g;
-    const { width: i, height: c } = r, o = new ie(e, r, {
+    var u;
+    const { width: i, height: o } = r, c = new ie(e, r, {
       width: i,
-      height: c
+      height: o
     });
-    new X(`PageViewer_${e}`, o, {
+    new X(`PageViewer_${e}`, c, {
       left: 0,
       top: 0,
       bottom: 0,
       right: 0
     }).closeClip();
-    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;
+    const { pageElements: g, pageBackgroundFill: p } = n, d = (u = this._ObjectProvider) == null ? void 0 : u.convertToRenderObjects(g, t);
+    return c.openTransformer(), this._addBackgroundRect(c, p, s), c.addObjects(d), c;
   }
   _addBackgroundRect(e, r, n) {
-    const t = n.getPageSize(), { width: s = 0, height: i = 0 } = t, c = new Y("canvas", {
+    const t = n.getPageSize(), { width: s = 0, height: i = 0 } = t, o = new Y("canvas", {
       left: 0,
       top: 0,
       width: s,
@@ -489,7 +487,7 @@ let he = class extends B {
       zIndex: 0,
       evented: !1
     });
-    e.addObject(c, 0);
+    e.addObject(o, 0);
   }
 };
 he = wt([
@@ -497,23 +495,23 @@ he = wt([
 ], he);
 class It {
   constructor() {
-    p(this, "zIndex", 6);
+    h(this, "zIndex", 6);
   }
   create(e) {
     return e.createInstance(he);
   }
 }
 $.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--)
+var bt = Object.defineProperty, Pt = Object.getOwnPropertyDescriptor, mt = (a, e, r, n) => {
+  for (var t = n > 1 ? void 0 : n ? Pt(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 && Pt(e, r, t), t;
+  return n && t && bt(e, r, t), t;
 }, Ie = (a, e) => (r, n) => e(r, n, a);
 let ge = class extends B {
   constructor(e, r) {
     super();
-    p(this, "zIndex", 4);
-    p(this, "viewKey", F.SPREADSHEET);
+    h(this, "zIndex", 4);
+    h(this, "viewKey", F.SPREADSHEET);
     this._localeService = e, this._contextService = r;
   }
   check(e) {
@@ -526,52 +524,52 @@ let ge = class extends B {
       zIndex: t,
       left: s = 0,
       top: i = 0,
-      width: c,
-      height: o,
+      width: o,
+      height: c,
       angle: l,
-      scaleX: u,
-      scaleY: _,
+      scaleX: g,
+      scaleY: p,
       skewX: d,
-      skewY: g,
-      flipX: h,
+      skewY: u,
+      flipX: _,
       flipY: f,
-      spreadsheet: R
+      spreadsheet: y
     } = e;
-    if (R == null)
+    if (y == null)
       return;
-    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),
+    const { worksheet: E, styles: T } = y, { cellData: P } = E, w = new Ne(P), I = new ze(T), S = new qe(
+      new Ve(n, E, I),
       // FIXME: worksheet in slide doesn't has a Worksheet object
-      y,
+      E,
       w,
       I,
       this._localeService,
       this._contextService
-    ), { 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, {
+    ), { rowTotalHeight: D, columnTotalWidth: v, rowHeaderWidth: b, columnHeaderHeight: m } = S, R = v + E.rowHeader.width || 0, H = D + E.columnHeader.height || 0, U = new me("spreadInSlideSceneViewer" + n, {
       top: i,
       left: s,
-      width: c,
-      height: o,
+      width: o,
+      height: c,
       zIndex: t,
       angle: l,
-      scaleX: u,
-      scaleY: _,
+      scaleX: g,
+      scaleY: p,
       skewX: d,
-      skewY: g,
-      flipX: h,
+      skewY: u,
+      flipX: _,
       flipY: f,
       isTransformer: !0,
       forceRender: !0
     }), L = new ie("spreadInSlideScene" + n, U, {
-      width: E,
+      width: R,
       height: H
     });
-    this._updateViewport(n, P, m, L, r);
+    this._updateViewport(n, b, 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: P,
+      width: b,
       height: m,
       fill: we([248, 249, 250]),
       stroke: we([217, 217, 217]),
@@ -582,22 +580,22 @@ let ge = class extends B {
   _updateViewport(e, r, n, t, s) {
     if (s == null)
       return;
-    const i = r * t.scaleX, c = n * t.scaleY, o = new X("spreadInSlideViewMain" + e, t, {
+    const i = r * t.scaleX, o = n * t.scaleY, c = new X("spreadInSlideViewMain" + e, t, {
       left: i,
-      top: c,
+      top: o,
       bottom: 0,
       right: 0,
       isWheelPreventDefaultX: !0
     }), l = new X("spreadInSlideViewTop" + e, t, {
       left: i,
-      height: c,
+      height: o,
       top: 0,
       right: 0,
       isWheelPreventDefaultX: !0
-    }), u = new X("spreadInSlideViewLeft" + e, t, {
+    }), g = new X("spreadInSlideViewLeft" + e, t, {
       left: 0,
       bottom: 0,
-      top: c,
+      top: o,
       width: i,
       isWheelPreventDefaultX: !0
     });
@@ -605,27 +603,27 @@ let ge = class extends B {
       left: 0,
       top: 0,
       width: i,
-      height: c,
+      height: o,
       isWheelPreventDefaultX: !0
-    }), o.onScrollAfterObserver.add((_) => {
-      const { scrollX: d, scrollY: g, actualScrollX: h, actualScrollY: f } = _;
+    }), c.onScrollAfterObserver.add((p) => {
+      const { scrollX: d, scrollY: u, actualScrollX: _, actualScrollY: f } = p;
       l.updateScroll({
         scrollX: d,
-        actualScrollX: h
-      }), u.updateScroll({
-        scrollY: g,
+        actualScrollX: _
+      }), g.updateScroll({
+        scrollY: u,
         actualScrollY: f
       });
-    }), t.attachControl(), new ue(o, {
+    }), t.attachControl(), new ue(c, {
       mainScene: s
-    }), t.on(pe.wheel, (_, d) => {
-      const g = _;
-      if (g.ctrlKey) {
-        const h = Math.abs(g.deltaX);
-        let f = h < 40 ? 0.05 : h < 80 ? 0.02 : 0.01;
-        f *= g.deltaY > 0 ? -1 : 1, t.scaleX < 1 && (f /= 2), t.scaleX + f > 4 ? t.scale(4, 4) : t.scaleX + f < 0.1 ? t.scale(0.1, 0.1) : (t.scaleBy(f, f), g.preventDefault());
+    }), t.on(pe.wheel, (p, d) => {
+      const u = p;
+      if (u.ctrlKey) {
+        const _ = Math.abs(u.deltaX);
+        let f = _ < 40 ? 0.05 : _ < 80 ? 0.02 : 0.01;
+        f *= u.deltaY > 0 ? -1 : 1, t.scaleX < 1 && (f /= 2), t.scaleX + f > 4 ? t.scale(4, 4) : t.scaleX + f < 0.1 ? t.scale(0.1, 0.1) : (t.scaleBy(f, f), u.preventDefault());
       } else
-        o.onMouseWheel(g, d);
+        c.onMouseWheel(u, d);
     });
   }
 };
@@ -635,21 +633,21 @@ ge = mt([
 ], ge);
 class Tt {
   constructor() {
-    p(this, "zIndex", 4);
+    h(this, "zIndex", 4);
   }
   create(e) {
     return e.createInstance(ge);
   }
 }
 $.add(new Tt());
-var Ot = Object.defineProperty, Dt = Object.getOwnPropertyDescriptor, Rt = (a, e, r, n) => {
+var Ot = Object.defineProperty, Dt = Object.getOwnPropertyDescriptor, yt = (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;
-}, yt = (a, e) => (r, n) => e(r, n, a);
+}, Et = (a, e) => (r, n) => e(r, n, a);
 let re = class {
   constructor(a) {
-    p(this, "_adaptors", []);
+    h(this, "_adaptors", []);
     this._injector = a, this._adaptorLoader();
   }
   convertToRenderObjects(a, e) {
@@ -674,20 +672,20 @@ let re = class {
     });
   }
 };
-re = Rt([
-  yt(0, A(se))
+re = yt([
+  Et(0, A(se))
 ], re);
-var Et = Object.defineProperty, xt = Object.getOwnPropertyDescriptor, Ct = (a, e, r, n) => {
+var Rt = 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 && Et(e, r, t), t;
+  return n && t && Rt(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();
-    p(this, "_objectProvider", null);
-    p(this, "_activePageId", "");
-    p(this, "_refreshThumb", $e(() => {
+    h(this, "_objectProvider", null);
+    h(this, "_activePageId", "");
+    h(this, "_refreshThumb", $e(() => {
       this.createThumbs();
     }, 300));
     this._univerInstanceService = e, this._injector = r, this._renderManagerService = n, this._initializeDependencies(this._injector), this._initialize();
@@ -707,10 +705,10 @@ let ee = class extends We {
     if (e)
       n = r.getPage(e);
     else {
-      const c = r.getPages(), o = r.getPageOrder();
-      if (o == null || c == null)
+      const o = r.getPages(), c = r.getPageOrder();
+      if (c == null || o == null)
         return;
-      n = c[o[0]], e = n.id;
+      n = o[c[0]], e = n.id;
     }
     const t = this._currentRender();
     if (n == null || t == null || t.mainComponent == null)
@@ -723,14 +721,14 @@ let ee = class extends We {
     this._createScene(s, n);
   }
   _scrollToCenter() {
-    var o;
-    const e = (o = this._currentRender()) == null ? void 0 : o.scene, r = e == null ? void 0 : e.getViewport("__mainView__"), n = this._getCenterPositionViewPort(e);
+    var c;
+    const e = (c = this._currentRender()) == null ? void 0 : c.scene, r = e == null ? void 0 : e.getViewport("__mainView__"), n = this._getCenterPositionViewPort(e);
     if (!r || !n)
       return;
-    const { left: t, top: s } = n, { x: i, y: c } = r.getBarScroll(t, s);
+    const { left: t, top: s } = n, { x: i, y: o } = r.getBarScroll(t, s);
     r.scrollTo({
       x: i,
-      y: c
+      y: o
     });
   }
   _create(e) {
@@ -744,58 +742,55 @@ let ee = class extends We {
     const r = this._univerInstanceService.getUnit(e, M.UNIVER_SLIDE);
     if (r == null)
       return;
-    const n = r.getContainer(), t = r.getParentRenderUnitId();
-    if (n != null && t != null)
-      throw new Error("container or parentRenderUnitId can only exist one");
-    n == null && t != null ? this._renderManagerService.createRenderWithParent(e, t) : this._renderManagerService.createRender(e);
-    const s = this._renderManagerService.getRenderById(e);
-    if (s == null)
+    this._renderManagerService.createRender(e);
+    const n = this._renderManagerService.getRenderById(e);
+    if (n == null)
       return;
-    const { scene: i, engine: c } = s;
-    c.onTransformChangeObservable.addOnce(() => {
+    const { scene: t, engine: s } = n;
+    s.onTransformChangeObservable.addOnce(() => {
       this._scrollToCenter();
-    }), c.onTransformChangeObservable.add(() => {
+    }), s.onTransformChangeObservable.add(() => {
       setTimeout(() => {
         this.createThumbs();
       }, 300);
-    }), i.resize(2400, 1800);
-    const o = new X("__mainView__", i, {
+    }), t.resize(2400, 1800);
+    const i = new X("__mainView__", t, {
       left: 0,
       top: 0,
       bottom: 0,
       right: 0,
       isWheelPreventDefaultX: !0
     });
-    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;
-        h *= d.deltaY > 0 ? -1 : 1, i.scaleX < 1 && (h /= 2), i.scaleX + h > 4 ? i.scale(4, 4) : i.scaleX + h < 0.1 ? i.scale(0.1, 0.1) : (d.deltaY > 0, d.preventDefault());
+    t.attachControl(), t.on(pe.wheel, (c, l) => {
+      const g = c;
+      if (g.ctrlKey) {
+        const p = Math.abs(g.deltaX);
+        let d = p < 40 ? 0.2 : p < 80 ? 0.4 : 0.2;
+        d *= g.deltaY > 0 ? -1 : 1, t.scaleX < 1 && (d /= 2), t.scaleX + d > 4 ? t.scale(4, 4) : t.scaleX + d < 0.1 ? t.scale(0.1, 0.1) : (g.deltaY > 0, g.preventDefault());
       } else
-        o.onMouseWheel(d, _);
-    }), i.onFileLoadedObservable.add(() => {
+        i.onMouseWheel(g, l);
+    }), t.onFileLoadedObservable.add(() => {
       this._refreshThumb();
-    }), ue.attachTo(o), this._renderManagerService.setCurrent(e);
-    const l = this._createSlide(i);
-    s.mainComponent = l, s.components.set("__slideRender__", l), this._createSlidePages(r, l), c.runRenderLoop(() => {
-      i.render();
-      const u = document.getElementById("app");
-      u && (u.innerText = `fps:${Math.round(c.getFps()).toString()}`);
+    }), ue.attachTo(i), this._renderManagerService.setCurrent(e);
+    const o = this._createSlide(t);
+    n.mainComponent = o, n.components.set("__slideRender__", o), this._createSlidePages(r, o), s.runRenderLoop(() => {
+      t.render();
+      const c = document.getElementById("app");
+      c && (c.innerText = `fps:${Math.round(s.getFps()).toString()}`);
     });
   }
   _createSlide(e) {
-    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__", {
+    const r = this._univerInstanceService.getCurrentUnitForType(M.UNIVER_SLIDE), { width: n, height: t } = e, s = r.getPageSize(), { width: i = 100, height: o = 100 } = s, c = new Oe("__slideRender__", {
       left: (n - i) / 2,
-      top: (t - c) / 2,
+      top: (t - o) / 2,
       width: i,
-      height: c,
+      height: o,
       zIndex: 10
     });
-    return o.enableNav(), o.enableSelectedClipElement(), e.addObject(o), o;
+    return c.enableNav(), c.enableSelectedClipElement(), e.addObject(c), c;
   }
   _addBackgroundRect(e, r) {
-    const t = this._univerInstanceService.getCurrentUnitForType(M.UNIVER_SLIDE).getPageSize(), { width: s = 0, height: i = 0 } = t, c = new Y("canvas", {
+    const t = this._univerInstanceService.getCurrentUnitForType(M.UNIVER_SLIDE).getPageSize(), { width: s = 0, height: i = 0 } = t, o = new Y("canvas", {
       left: 0,
       top: 0,
       width: s,
@@ -806,7 +801,7 @@ let ee = class extends We {
       zIndex: 0,
       evented: !1
     });
-    e.addObject(c, 0);
+    e.addObject(o, 0);
   }
   _getCenterPositionViewPort(e) {
     if (!e)
@@ -824,15 +819,15 @@ let ee = class extends We {
     const { engine: t } = n;
     if (t == null)
       return;
-    const { width: s, height: i } = r, { width: c = s, height: o = i } = t, l = t.getCanvas().getContext();
-    r.renderToThumb(l, e, c / s, o / i);
+    const { width: s, height: i } = r, { width: o = s, height: c = i } = t, l = t.getCanvas().getContext();
+    r.renderToThumb(l, e, o / s, c / i);
   }
   _createSlidePages(e, r) {
     const n = e.getPages(), t = e.getPageOrder();
     if (!(!n || !t) && t.length !== 0) {
       for (let s = 0, i = t.length; s < i; s++) {
-        const c = t[s];
-        this._createScene(c, n[c]), this._createThumb(c);
+        const o = t[s];
+        this._createScene(o, n[o]), this._createThumb(o);
       }
       this._activePageId = t[0], r.activeFirstPage();
     }
@@ -852,9 +847,9 @@ let ee = class extends We {
     const n = this._currentRender();
     if (!n || !this._objectProvider)
       return;
-    const { scene: t, mainComponent: s } = n, i = s, { width: c, height: o } = i, l = new ie(e, i, {
-      width: c,
-      height: o
+    const { scene: t, mainComponent: s } = n, i = s, { width: o, height: c } = i, l = new ie(e, i, {
+      width: o,
+      height: c
     });
     new X(`PageViewer_${e}`, l, {
       left: 0,
@@ -862,14 +857,14 @@ let ee = class extends We {
       bottom: 0,
       right: 0
     }).closeClip();
-    const { pageElements: _, pageBackgroundFill: d } = r, g = this._objectProvider.convertToRenderObjects(_, t);
-    if (!g || !i)
+    const { pageElements: p, pageBackgroundFill: d } = r, u = this._objectProvider.convertToRenderObjects(p, t);
+    if (!u || !i)
       return;
-    l.openTransformer(), this._addBackgroundRect(l, d), l.addObjects(g);
-    const h = l.getTransformer();
-    return h == null || h.onChangeEndObservable.add(() => {
+    l.openTransformer(), this._addBackgroundRect(l, d), l.addObjects(u);
+    const _ = l.getTransformer();
+    return _ == null || _.onChangeEndObservable.add(() => {
       this._thumbSceneRender(this._activePageId, i);
-    }), h == null || h.onClearControlObservable.add(() => {
+    }), _ == null || _.onClearControlObservable.add(() => {
       this._thumbSceneRender(this._activePageId, i);
     }), i.addPage(l), l;
   }
@@ -879,7 +874,7 @@ let ee = class extends We {
 };
 ee = Ct([
   Ae(Ue.Ready, ee),
-  ce(0, be),
+  ce(0, Pe),
   ce(1, A(se)),
   ce(2, Qe)
 ], ee);
@@ -890,12 +885,12 @@ var Mt = Object.defineProperty, Lt = Object.getOwnPropertyDescriptor, Nt = (a, e
 }, oe = (a, e) => (r, n) => e(r, n, a);
 const zt = {}, Vt = "slides";
 var Q;
-let Pe = (Q = class extends He {
+let be = (Q = class extends He {
   constructor(e = {}, r, n, t) {
     super();
-    p(this, "_config");
-    p(this, "_canvasEngine", null);
-    p(this, "_canvasView", null);
+    h(this, "_config");
+    h(this, "_canvasEngine", null);
+    h(this, "_canvasView", null);
     this._univerInstanceService = r, this._localeService = n, this._injector = t, this._config = Object.assign(zt, e), this._initializeDependencies(this._injector);
   }
   initialize() {
@@ -923,16 +918,17 @@ let Pe = (Q = class extends He {
       e.add(n);
     });
   }
-}, p(Q, "pluginName", Vt), p(Q, "type", M.UNIVER_SLIDE), Q);
-Pe = Nt([
-  oe(1, be),
+}, h(Q, "pluginName", Vt), h(Q, "type", M.UNIVER_SLIDE), Q);
+be = Nt([
+  oe(1, Pe),
   oe(2, A(ne)),
   oe(3, A(se))
-], Pe);
+], be);
 export {
   ee as CanvasView,
   jt as SLIDE_KEY,
-  Pe as UniverSlidesPlugin,
+  be as UniverSlidesPlugin,
   Yt as enUS,
+  Ft as ruRU,
   tt as zhCN
 };