@realsee/dnalogel 3.33.1-dev.0 → 3.34.0-dev.0

package/dist/index.js

@@ -48,7 +48,7 @@ import Um from "earcut";
 import { GLTFLoader as Ym } from "@realsee/five/gltf-loader";
 function Xm() {
   console.debug(
-    "%c %c@realsee/dnalogel %cv3.33.1-dev.0",
+    "%c %c@realsee/dnalogel %cv3.34.0-dev.0",
     [
       "background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAMCAMAAACHgmeRAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABLFBMVEUAAAAapPoap/oaqvkbrfkbr/gZnfwZoPsaqfnD4v/E4/8Ylv0clPm93/+/4P/B4f8Yj/683/8Wif+33P8Uhv+x2f8ShP+s1v8Pgf+n0/8Nf/+h0f8Lff8Lff8Nf/9dl/+czv8KfP8KfP+Lxf+Uyv+Xy/+Hwv+Jw/+Mxf+Oxv+RyP8aovsapfoap/oZmfwZm/wZnvsYnPsYkf4YlP0NePsDYfgYcfi43f+63v8Xiv8Xjf4EWfwCV/sWZ/qz2v+02/8Vh/8WiP8EUf8CTf4WXv2u1/+v2P8Thf8Thv8ETf8CR/8VV/+o1f+q1f8Qgv8Rg/8DSv8BRf8UVP+j0v+k0v8OgP8Pgf8DR/8DQv9Nhf+dzv+fz/+Kv/+Vyv+Xy/+azf+Oxv+Qx/+SyP////8MUhLdAAAAK3RSTlMACEWQ2bd98uQECPXxqO7c+Pb49vj2+Pb49vj23Oul8fMHA+TwerXXjEIG2P+bHgAAAAFiS0dEY1y+LaoAAAB+SURBVAjXY2BgZGJmYWVgYGBgY9fW0eVg4ORi4NbTNzDk4eXjZxAwMjYxNTO3EGQQsrSytrG1sxdmEHFwdHJ2cXUTZRBz9/D08vbxFWeQ8PMPCAwKDpFkkAoNC4+IjIqWZpCRlZOPiY2LV2BQVGJQTkhMUlEFWaOmrqGpxQAAyg0S9Dq+VPYAAAAASUVORK5CYII=')",
       "background-repeat: no-repeat",
@@ -1519,10 +1519,7 @@ const Ip = 3, _a = "CSS3DRenderer", xs = `${_a}@${Ip}`, vn = () => {
 }, Ke = {
   css3DObjects: [],
   frontModeStore: {
-    css3DRenderer: (() => {
-      const n = new gc();
-      return n.domElement.style.zIndex = "1", n;
-    })()
+    css3DRenderer: new gc()
   },
   behindModeStore: {
     css3DRenderer: new gc()
@@ -2553,9 +2550,10 @@ let qp = class extends Ns {
       if (!r)
         return;
       const a = () => {
-        const c = r.css3DObject.mode === "front" ? this.frontFiveContainer : this.getBehindFiveElement();
+        var h, u;
+        const c = r.css3DObject.mode === "front" ? (u = this.frontFiveContainer) != null ? u : (h = this.five.getElement()) == null ? void 0 : h.parentElement : this.getBehindFiveElement();
         if (!c)
-          return console.error(`${Ac}: wrapper is ${c}`);
+          return console.error(`${Ac}: wrapper is ${c}; mode is ${r.css3DObject.mode}`);
         r.appendToElement(c), r.render(), this.created3DElementResults.push(r);
       }, l = () => {
         r.css3DObject.mode === "front" && a(), r.css3DObject.mode === "behind" && vl(this.five).then(() => a());
@@ -7436,7 +7434,7 @@ let rn = class {
     /**
      * @realsee/dnalogel 版本号
      */
-    d(this, "VERSION", "3.33.1-dev.0");
+    d(this, "VERSION", "3.34.0-dev.0");
     d(this, "five");
     /**
      * @description: 插件事件钩子
@@ -18058,6 +18056,8 @@ class Yw extends Qw {
     d(this, "config", Nw);
     d(this, "tagsLengthWillUpdate", !0);
     d(this, "workUtil", new Gl(this.five));
+    /** 插件参数 */
+    d(this, "params");
     d(this, "mediaStore", Sl({
       currentMediaElement: null
     }));
@@ -28246,11 +28246,11 @@ class W2 extends ce {
   }
 }
 function U2(n) {
-  ge(n, "svelte-38qb2t", ".tag--container.svelte-38qb2t{box-sizing:border-box;position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;opacity:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform:translate3d(0, 0, 0);z-index:1}.withAnimation.svelte-38qb2t{transition:opacity 0.2s linear}.tag--container.hide.svelte-38qb2t{opacity:0;pointer-events:none}.tag--container.hide.svelte-38qb2t *{pointer-events:none !important}");
+  ge(n, "svelte-p0nosq", ".tag--container.svelte-p0nosq{box-sizing:border-box;position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;opacity:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform:translate3d(0, 0, 0)}.withAnimation.svelte-p0nosq{transition:opacity 0.2s linear}.tag--container.hide.svelte-p0nosq{opacity:0;pointer-events:none}.tag--container.hide.svelte-p0nosq *{pointer-events:none !important}");
 }
 function bu(n, t, e) {
   const i = n.slice();
-  return i[8] = t[e], i;
+  return i[9] = t[e], i;
 }
 function yu(n) {
   let t, e = [], i = /* @__PURE__ */ new Map(), s, o = (
@@ -28259,7 +28259,7 @@ function yu(n) {
   );
   const r = (a) => (
     /*tag*/
-    a[8].id
+    a[9].id
   );
   for (let a = 0; a < o.length; a += 1) {
     let l = bu(n, o, a), c = r(l);
@@ -28267,16 +28267,22 @@ function yu(n) {
   }
   return {
     c() {
+      var a;
       t = S("div");
-      for (let a = 0; a < e.length; a += 1)
-        e[a].c();
-      C(t, "class", "tag--container svelte-38qb2t"), K(t, "hide", !/*state*/
+      for (let l = 0; l < e.length; l += 1)
+        e[l].c();
+      C(t, "class", "tag--container svelte-p0nosq"), K(t, "hide", !/*state*/
       n[5].visible || !/*temporaryState*/
       n[6].visible), K(
         t,
         "withAnimation",
         /*withAnimation*/
         n[0]
+      ), T(
+        t,
+        "z-index",
+        /*zIndex*/
+        (a = n[7]) != null ? a : ""
       );
     },
     m(a, l) {
@@ -28286,6 +28292,7 @@ function yu(n) {
       s = !0;
     },
     p(a, l) {
+      var c;
       l & /*state, temporaryState, withAnimation, tags, mediaStore, rendererMap, contentTypeMap*/
       127 && (o = /*tags*/
       a[1], ue(), e = Ut(e, l, r, 1, a, o, i, t, ji, wu, null, bu), fe()), (!s || l & /*state, temporaryState*/
@@ -28297,6 +28304,12 @@ function yu(n) {
         "withAnimation",
         /*withAnimation*/
         a[0]
+      ), l & /*zIndex*/
+      128 && T(
+        t,
+        "z-index",
+        /*zIndex*/
+        (c = a[7]) != null ? c : ""
       );
     },
     i(a) {
@@ -28336,7 +28349,7 @@ function wu(n, t) {
       ),
       tag: (
         /*tag*/
-        t[8]
+        t[9]
       ),
       mediaStore: (
         /*mediaStore*/
@@ -28371,7 +28384,7 @@ function wu(n, t) {
       1 && (a.withAnimation = /*withAnimation*/
       t[0]), r & /*tags*/
       2 && (a.tag = /*tag*/
-      t[8]), r & /*mediaStore*/
+      t[9]), r & /*mediaStore*/
       4 && (a.mediaStore = /*mediaStore*/
       t[2]), r & /*rendererMap*/
       8 && (a.rendererMap = /*rendererMap*/
@@ -28421,9 +28434,9 @@ function Y2(n) {
   };
 }
 function X2(n, t, e) {
-  let { withAnimation: i = !1 } = t, { tags: s = [] } = t, { hooks: o } = t, { mediaStore: r } = t, { rendererMap: a } = t, { contentTypeMap: l } = t, { state: c } = t, { temporaryState: h } = t;
-  return Ua("hooks", o), n.$$set = (u) => {
-    "withAnimation" in u && e(0, i = u.withAnimation), "tags" in u && e(1, s = u.tags), "hooks" in u && e(7, o = u.hooks), "mediaStore" in u && e(2, r = u.mediaStore), "rendererMap" in u && e(3, a = u.rendererMap), "contentTypeMap" in u && e(4, l = u.contentTypeMap), "state" in u && e(5, c = u.state), "temporaryState" in u && e(6, h = u.temporaryState);
+  let { withAnimation: i = !1 } = t, { tags: s = [] } = t, { hooks: o } = t, { mediaStore: r } = t, { rendererMap: a } = t, { contentTypeMap: l } = t, { state: c } = t, { temporaryState: h } = t, { zIndex: u = void 0 } = t;
+  return Ua("hooks", o), n.$$set = (f) => {
+    "withAnimation" in f && e(0, i = f.withAnimation), "tags" in f && e(1, s = f.tags), "hooks" in f && e(8, o = f.hooks), "mediaStore" in f && e(2, r = f.mediaStore), "rendererMap" in f && e(3, a = f.rendererMap), "contentTypeMap" in f && e(4, l = f.contentTypeMap), "state" in f && e(5, c = f.state), "temporaryState" in f && e(6, h = f.temporaryState), "zIndex" in f && e(7, u = f.zIndex);
   }, [
     i,
     s,
@@ -28432,6 +28445,7 @@ function X2(n, t, e) {
     l,
     c,
     h,
+    u,
     o
   ];
 }
@@ -28446,12 +28460,13 @@ class Z2 extends ce {
       {
         withAnimation: 0,
         tags: 1,
-        hooks: 7,
+        hooks: 8,
         mediaStore: 2,
         rendererMap: 3,
         contentTypeMap: 4,
         state: 5,
-        temporaryState: 6
+        temporaryState: 6,
+        zIndex: 7
       },
       U2
     );
@@ -28805,7 +28820,8 @@ class eM extends Zw {
           mediaStore: this.mediaStore,
           rendererMap: this.rendererMap,
           contentTypeMap: this.contentTypeMap,
-          withAnimation: (s = e == null ? void 0 : e.withAnimation) != null ? s : this.store.visibleWithAnimation
+          withAnimation: (s = e == null ? void 0 : e.withAnimation) != null ? s : this.store.visibleWithAnimation,
+          zIndex: this.params.containerZIndex
         }
       });
     }
@@ -28842,8 +28858,6 @@ class ol extends eM {
     super(e);
     /** state */
     d(this, "state", { enabled: !0, visible: !0 });
-    /** 插件参数 */
-    d(this, "params");
     /** debug */
     d(this, "debug");
     d(this, "debugUtil", new tM(this));
@@ -28946,9 +28960,9 @@ class ol extends eM {
   }
   appendTo(e) {
     var s, o, r, a;
-    this.container = e;
-    const i = (o = (s = this.TagContainerSvelte) == null ? void 0 : s.$$) == null ? void 0 : o.root;
-    i && i !== this.container && ((r = this.css3DRenderPlugin) == null || r.appendToFrontFiveContainer(this.container), (a = this.TagContainerSvelte) == null || a.$destroy(), this.TagContainerSvelte = void 0, this.updateDomView());
+    this.container = e, (s = this.css3DRenderPlugin) == null || s.appendToFrontFiveContainer(this.container);
+    const i = (r = (o = this.TagContainerSvelte) == null ? void 0 : o.$$) == null ? void 0 : r.root;
+    i && i !== this.container && ((a = this.TagContainerSvelte) == null || a.$destroy(), this.TagContainerSvelte = void 0, this.updateDomView());
   }
   /**
    * @description 加载数据
@@ -29650,7 +29664,7 @@ class rl {
     d(this, "logWarning", (t) => ew("GuideLineModeItem: ", t));
     d(this, "logError", (t) => bg("GuideLineModeItem: ", t));
     var o, r;
-    this.five = t, this.mode = e.mode, this.plugin = e.plugin, this.parent = e.parent, this.startTagContainer = { tag: null, plugin: new ol(this.five) }, this.endTagContainer = { tag: null, plugin: new ol(this.five) };
+    this.five = t, this.mode = e.mode, this.plugin = e.plugin, this.parent = e.parent, this.startTagContainer = { tag: null, plugin: new ol(this.five, { containerZIndex: 1 }) }, this.endTagContainer = { tag: null, plugin: new ol(this.five, { containerZIndex: 1 }) };
     const i = new w.BufferGeometry(), s = new w.ShaderMaterial({
       vertexShader: aM,
       fragmentShader: lM,