@realsee/dnalogel 2.3.5-dev.2 → 2.3.5-dev.3

package/libs/PanoTagPlugin/Components/TagItem.js

@@ -1,32 +1,32 @@
-import { SvelteComponent as K, init as M, safe_not_equal as N, append_styles as O, element as D, space as Q, attr as u, set_style as g, toggle_class as p, insert as R, append as I, transition_in as d, group_outros as q, transition_out as c, check_outros as L, detach as U, getContext as V, create_component as F, mount_component as G, destroy_component as H } from "../../vendor/svelte/internal/index.js";
-import { Tag as W } from "./Tag/index.js";
+import { SvelteComponent as M, init as N, safe_not_equal as O, append_styles as Q, element as q, space as R, attr as m, set_style as g, toggle_class as p, insert as U, append as D, transition_in as d, group_outros as L, transition_out as c, check_outros as j, detach as V, getContext as W, create_component as G, mount_component as H, destroy_component as J } from "../../vendor/svelte/internal/index.js";
+import { Tag as X } from "./Tag/index.js";
 import "three";
-import { noTypecheck as j } from "../utils/noTypecheck.js";
-import { TagPoint as X } from "./Common/TagPoint.js";
-function Y(i) {
-  O(i, "svelte-bdubcv", ".tag.hide.svelte-bdubcv{opacity:0;pointer-events:none}.tag.disable.svelte-bdubcv{display:none}.tag.withAnimation.svelte-bdubcv{transition:opacity 0.3s linear}.wrapper.svelte-bdubcv{position:absolute;width:0rem;height:0rem;overflow:visible;pointer-events:auto}");
+import { noTypecheck as B } from "../utils/noTypecheck.js";
+import { TagPoint as Y } from "./Common/TagPoint.js";
+function Z(i) {
+  Q(i, "svelte-bdubcv", ".tag.hide.svelte-bdubcv{opacity:0;pointer-events:none}.tag.disable.svelte-bdubcv{display:none}.tag.withAnimation.svelte-bdubcv{transition:opacity 0.3s linear}.wrapper.svelte-bdubcv{position:absolute;width:0rem;height:0rem;overflow:visible;pointer-events:auto}");
 }
-function B(i) {
+function E(i) {
   let t, e;
-  return t = new W({
+  return t = new X({
     props: {
       mediaStore: i[2],
       withAnimation: i[0],
-      tag: j(i[1]),
-      hooks: i[13],
+      tag: B(i[1]),
+      hooks: i[14],
       state: i[3],
       temporaryState: i[4]
     }
   }), {
     c() {
-      F(t.$$.fragment);
+      G(t.$$.fragment);
     },
     m(a, o) {
-      G(t, a, o), e = !0;
+      H(t, a, o), e = !0;
     },
     p(a, o) {
       const n = {};
-      o & 4 && (n.mediaStore = a[2]), o & 1 && (n.withAnimation = a[0]), o & 2 && (n.tag = j(a[1])), o & 8 && (n.state = a[3]), o & 16 && (n.temporaryState = a[4]), t.$set(n);
+      o & 4 && (n.mediaStore = a[2]), o & 1 && (n.withAnimation = a[0]), o & 2 && (n.tag = B(a[1])), o & 8 && (n.state = a[3]), o & 16 && (n.temporaryState = a[4]), t.$set(n);
     },
     i(a) {
       e || (d(t.$$.fragment, a), e = !0);
@@ -35,18 +35,18 @@ function B(i) {
       c(t.$$.fragment, a), e = !1;
     },
     d(a) {
-      H(t, a);
+      J(t, a);
     }
   };
 }
-function E(i) {
+function F(i) {
   let t, e;
-  return t = new X({ props: { tag: i[1] } }), {
+  return t = new Y({ props: { tag: i[1] } }), {
     c() {
-      F(t.$$.fragment);
+      G(t.$$.fragment);
     },
     m(a, o) {
-      G(t, a, o), e = !0;
+      H(t, a, o), e = !0;
     },
     p(a, o) {
       const n = {};
@@ -59,25 +59,25 @@ function E(i) {
       c(t.$$.fragment, a), e = !1;
     },
     d(a) {
-      H(t, a);
+      J(t, a);
     }
   };
 }
-function Z(i) {
-  let t, e, a, o, n = i[1].stickType === "2DPoint" && B(i), f = i[12] && E(i);
+function x(i) {
+  let t, e, a, o, n = i[12] && E(i), f = i[13] && F(i);
   return {
     c() {
-      t = D("div"), e = D("div"), n && n.c(), a = Q(), f && f.c(), u(e, "class", "wrapper svelte-bdubcv"), u(e, "data-tag-id", i[11]), g(e, "left", i[7]), g(e, "top", i[6]), g(e, "z-index", i[5]), u(t, "class", "tag svelte-bdubcv"), u(t, "data-tag-id", i[11]), u(t, "data-tag-unfolded", i[8]), p(t, "disable", i[10]), p(t, "hide", i[9]), p(t, "withAnimation", i[0]);
+      t = q("div"), e = q("div"), n && n.c(), a = R(), f && f.c(), m(e, "class", "wrapper svelte-bdubcv"), m(e, "data-tag-id", i[11]), g(e, "left", i[7]), g(e, "top", i[6]), g(e, "z-index", i[5]), m(t, "class", "tag svelte-bdubcv"), m(t, "data-tag-id", i[11]), m(t, "data-tag-unfolded", i[8]), p(t, "disable", i[10]), p(t, "hide", i[9]), p(t, "withAnimation", i[0]);
     },
     m(r, l) {
-      R(r, t, l), I(t, e), n && n.m(e, null), I(e, a), f && f.m(e, null), o = !0;
+      U(r, t, l), D(t, e), n && n.m(e, null), D(e, a), f && f.m(e, null), o = !0;
     },
     p(r, [l]) {
-      r[1].stickType === "2DPoint" ? n ? (n.p(r, l), l & 2 && d(n, 1)) : (n = B(r), n.c(), d(n, 1), n.m(e, a)) : n && (q(), c(n, 1, 1, () => {
+      r[12] ? n ? (n.p(r, l), l & 4096 && d(n, 1)) : (n = E(r), n.c(), d(n, 1), n.m(e, a)) : n && (L(), c(n, 1, 1, () => {
         n = null;
-      }), L()), r[12] ? f ? (f.p(r, l), l & 4096 && d(f, 1)) : (f = E(r), f.c(), d(f, 1), f.m(e, null)) : f && (q(), c(f, 1, 1, () => {
+      }), j()), r[13] ? f ? (f.p(r, l), l & 8192 && d(f, 1)) : (f = F(r), f.c(), d(f, 1), f.m(e, null)) : f && (L(), c(f, 1, 1, () => {
         f = null;
-      }), L()), (!o || l & 2048) && u(e, "data-tag-id", r[11]), l & 128 && g(e, "left", r[7]), l & 64 && g(e, "top", r[6]), l & 32 && g(e, "z-index", r[5]), (!o || l & 2048) && u(t, "data-tag-id", r[11]), (!o || l & 256) && u(t, "data-tag-unfolded", r[8]), (!o || l & 1024) && p(t, "disable", r[10]), (!o || l & 512) && p(t, "hide", r[9]), (!o || l & 1) && p(t, "withAnimation", r[0]);
+      }), j()), (!o || l & 2048) && m(e, "data-tag-id", r[11]), l & 128 && g(e, "left", r[7]), l & 64 && g(e, "top", r[6]), l & 32 && g(e, "z-index", r[5]), (!o || l & 2048) && m(t, "data-tag-id", r[11]), (!o || l & 256) && m(t, "data-tag-unfolded", r[8]), (!o || l & 1024) && p(t, "disable", r[10]), (!o || l & 512) && p(t, "hide", r[9]), (!o || l & 1) && p(t, "withAnimation", r[0]);
     },
     i(r) {
       o || (d(n), d(f), o = !0);
@@ -86,24 +86,25 @@ function Z(i) {
       c(n), c(f), o = !1;
     },
     d(r) {
-      r && U(t), n && n.d(), f && f.d();
+      r && V(t), n && n.d(), f && f.d();
     }
   };
 }
-function x(i, t, e) {
-  let a, o, n, f, r, l, b, h, { withAnimation: _ = !1 } = t, { tag: s } = t, { mediaStore: S } = t, { state: w } = t, { temporaryState: v } = t;
-  const J = V("hooks");
-  return i.$$set = (m) => {
-    "withAnimation" in m && e(0, _ = m.withAnimation), "tag" in m && e(1, s = m.tag), "mediaStore" in m && e(2, S = m.mediaStore), "state" in m && e(3, w = m.state), "temporaryState" in m && e(4, v = m.temporaryState);
+function $(i, t, e) {
+  let a, o, n, f, r, l, b, h, _, { withAnimation: S = !1 } = t, { tag: s } = t, { mediaStore: w } = t, { state: v } = t, { temporaryState: y } = t;
+  const K = W("hooks");
+  return i.$$set = (u) => {
+    "withAnimation" in u && e(0, S = u.withAnimation), "tag" in u && e(1, s = u.tag), "mediaStore" in u && e(2, w = u.mediaStore), "state" in u && e(3, v = u.state), "temporaryState" in u && e(4, y = u.temporaryState);
   }, i.$$.update = () => {
-    var m, y, k, T, A, P, z, C;
-    i.$$.dirty & 2 && e(12, a = (() => !(s.contentType === "Link" || s.contentType === "Audio" && s.data.appearance === "plane"))()), i.$$.dirty & 2 && e(11, o = s.id), i.$$.dirty & 2 && e(10, n = !((m = s.pointTagStyle) != null && m.leftPercent) || !((y = s.pointTagStyle) != null && y.topPercent) || s.enabled === !1 || !s.state), i.$$.dirty & 2 && e(9, f = !((k = s.state) != null && k.visible) || ((T = s.temporaryState) == null ? void 0 : T.visible) === !1), i.$$.dirty & 2 && e(8, r = (A = s.state) == null ? void 0 : A.unfolded), i.$$.dirty & 2 && e(7, l = ((P = s.pointTagStyle) == null ? void 0 : P.leftPercent) + "%"), i.$$.dirty & 2 && e(6, b = ((z = s.pointTagStyle) == null ? void 0 : z.topPercent) + "%"), i.$$.dirty & 2 && e(5, h = (C = s.state) != null && C.unfolded ? 1 : 0);
+    var u, T, k, A, P, z, C, I;
+    i.$$.dirty & 2 && e(13, a = (() => !(s.contentType === "Link" || s.contentType === "Audio" && s.data.appearance === "plane"))()), i.$$.dirty & 2 && e(12, o = (() => s.contentType === "2DPoint")()), i.$$.dirty & 2 && e(11, n = s.id), i.$$.dirty & 2 && e(10, f = !((u = s.pointTagStyle) != null && u.leftPercent) || !((T = s.pointTagStyle) != null && T.topPercent) || s.enabled === !1 || !s.state), i.$$.dirty & 2 && e(9, r = !((k = s.state) != null && k.visible) || ((A = s.temporaryState) == null ? void 0 : A.visible) === !1), i.$$.dirty & 2 && e(8, l = (P = s.state) == null ? void 0 : P.unfolded), i.$$.dirty & 2 && e(7, b = ((z = s.pointTagStyle) == null ? void 0 : z.leftPercent) + "%"), i.$$.dirty & 2 && e(6, h = ((C = s.pointTagStyle) == null ? void 0 : C.topPercent) + "%"), i.$$.dirty & 2 && e(5, _ = (I = s.state) != null && I.unfolded ? 1 : 0);
   }, [
-    _,
-    s,
     S,
+    s,
     w,
     v,
+    y,
+    _,
     h,
     b,
     l,
@@ -112,17 +113,17 @@ function x(i, t, e) {
     n,
     o,
     a,
-    J
+    K
   ];
 }
-class ae extends K {
+class oe extends M {
   constructor(t) {
-    super(), M(
+    super(), N(
       this,
       t,
+      $,
       x,
-      Z,
-      N,
+      O,
       {
         withAnimation: 0,
         tag: 1,
@@ -130,10 +131,10 @@ class ae extends K {
         state: 3,
         temporaryState: 4
       },
-      Y
+      Z
     );
   }
 }
 export {
-  ae as TagItem
+  oe as TagItem
 };

package/libs/PanoTagPlugin/controller/index.d.ts

@@ -63,6 +63,7 @@ declare class PanoTagPluginController extends TagComputer {
         userAction?: boolean;
         visibleWithAnimation?: boolean;
     }): void;
+    changeUnfoldedById(id: TagId, unfolded: boolean): void;
     /**
      * @description: 修改3D标签normal
      */

package/libs/PanoTagPlugin/controller/index.js

@@ -1,17 +1,17 @@
-var S = Object.defineProperty, y = Object.defineProperties;
+var A = Object.defineProperty, y = Object.defineProperties;
 var P = Object.getOwnPropertyDescriptors;
 var T = Object.getOwnPropertySymbols;
 var w = Object.prototype.hasOwnProperty, E = Object.prototype.propertyIsEnumerable;
-var g = (h, a, e) => a in h ? S(h, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[a] = e, f = (h, a) => {
+var u = (h, a, e) => a in h ? A(h, a, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[a] = e, f = (h, a) => {
   for (var e in a || (a = {}))
-    w.call(a, e) && g(h, e, a[e]);
+    w.call(a, e) && u(h, e, a[e]);
   if (T)
     for (var e of T(a))
-      E.call(a, e) && g(h, e, a[e]);
+      E.call(a, e) && u(h, e, a[e]);
   return h;
 }, c = (h, a) => y(h, P(a));
-var l = (h, a, e) => (g(h, typeof a != "symbol" ? a + "" : a, e), e);
-var p = (h, a, e) => new Promise((t, i) => {
+var l = (h, a, e) => (u(h, typeof a != "symbol" ? a + "" : a, e), e);
+var g = (h, a, e) => new Promise((t, i) => {
   var s = (n) => {
     try {
       r(e.next(n));
@@ -31,9 +31,9 @@ import { Subscribe as k } from "@realsee/five";
 import { Quaternion as F } from "three";
 import v from "object-assign-deep";
 import { writable as R } from "../../vendor/svelte/store/index.js";
-import { TagContainer as L } from "../Components/TagContainer.js";
-import { Tag as U } from "../Components/Tag/index.js";
-import { arrayPositionToVector3 as u } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
+import { TagContainer as U } from "../Components/TagContainer.js";
+import { Tag as L } from "../Components/Tag/index.js";
+import { arrayPositionToVector3 as p } from "../../CSS3DRenderPlugin/utils/positionToVector3.js";
 import { addDebugPoints as O } from "../utils/addDebugPoints.js";
 import { planeNormal as I } from "../utils/planeNormal.js";
 import { actionAfterFiveModelLoad as B } from "../utils/actionAfterFiveModelLoad.js";
@@ -44,11 +44,11 @@ import { resizeObserver as D } from "../utils/resizeObserver.js";
 import { TagComputer as z } from "./TagComputer.js";
 import { CSS3DRenderPlugin as N } from "../../CSS3DRenderPlugin/index.js";
 import { formatTag as W } from "../utils/tag/format.js";
-const A = "2.0.0-dev.7", m = `DnalogelPlugin-PanoTagPlugin@${A}`, $ = !1, re = (h) => `${m}--${h}`;
+const S = "2.0.0-dev.8", m = `DnalogelPlugin-PanoTagPlugin@${S}`, $ = !1, re = (h) => `${m}--${h}`;
 class ae extends z {
   constructor(e, t) {
     super(e);
-    l(this, "version", A);
+    l(this, "version", S);
     l(this, "state", { enabled: !0, visible: !0 });
     l(this, "params");
     l(this, "debug");
@@ -100,7 +100,7 @@ class ae extends z {
     this.tags = [], this.clearCache(), this.disposeAllCSS3DContainer(), this.updateRenderAllTags();
   }
   show(e) {
-    return p(this, null, function* () {
+    return g(this, null, function* () {
       const { userAction: t = !0, withAnimation: i = !1 } = e != null ? e : {};
       if (this.store.disposed)
         return this.disposedErrorLog();
@@ -108,7 +108,7 @@ class ae extends z {
     });
   }
   hide(e) {
-    return p(this, null, function* () {
+    return g(this, null, function* () {
       const { userAction: t = !0, withAnimation: i = !1 } = e != null ? e : {};
       if (this.store.disposed)
         return this.disposedErrorLog();
@@ -140,9 +140,18 @@ class ae extends z {
     const { userAction: i = !0, visibleWithAnimation: s = !1 } = t, o = f({}, this.state);
     this.state = Object.assign(this.state, e), this.store.visibleWithAnimation = s, o.visible !== this.state.visible && (e.visible ? this.handleShow() : this.handleHide()), o.enabled !== this.state.enabled && (e.enabled ? this.handleEnable() : this.handleDisable()), this.hooks.emit("stateChange", { state: this.state, prevState: o, userAction: i });
   }
+  changeUnfoldedById(e, t) {
+    var o;
+    const i = this.getTagById(e);
+    if (!i)
+      return;
+    i.state.unfolded = t;
+    const s = this.filterPointTag();
+    (o = this.TagContainerSvelte) == null || o.$set({ tags: s });
+  }
   changeTagNormalById(e, t) {
     const i = this.getTagById(e);
-    !i || !i.tag3DContentSvelte || (i.tag3DContentSvelte.currentNormal = u(t), this.updateRenderPlaneTag());
+    !i || !i.tag3DContentSvelte || (i.tag3DContentSvelte.currentNormal = p(t), this.updateRenderPlaneTag());
   }
   changeDataById(e, t, i = !0) {
     const s = this.getTagById(e);
@@ -153,7 +162,7 @@ class ae extends z {
   }
   changeTagById(e, t, i = !0) {
     const s = this.getTagById(e);
-    !t || (i ? v(s, t) : Object.assign(s, t), (s == null ? void 0 : s.tag3DContentSvelte) && (t == null ? void 0 : t.normal) && (s.tag3DContentSvelte.currentNormal = u(t.normal)), this.updateRenderAllTags(), this.checkPanelTag());
+    !t || (i ? v(s, t) : Object.assign(s, t), (s == null ? void 0 : s.tag3DContentSvelte) && (t == null ? void 0 : t.normal) && (s.tag3DContentSvelte.currentNormal = p(t.normal)), this.updateRenderAllTags(), this.checkPanelTag());
   }
   destroyTagById(e) {
     (Array.isArray(e) ? e : [e]).forEach((i) => {
@@ -165,7 +174,7 @@ class ae extends z {
     this.mediaStore.set({ currentMediaElement: null });
   }
   setVisibleAndUnfolded() {
-    return p(this, arguments, function* ({ withAnimation: e } = { withAnimation: !1 }) {
+    return g(this, arguments, function* ({ withAnimation: e } = { withAnimation: !1 }) {
       return this.setVisibleByPanoIndex(), e ? new Promise((t, i) => {
         setTimeout(() => {
           this.setUnfoldedByPanoIndex(), t();
@@ -278,7 +287,7 @@ class ae extends z {
     this.updateRenderPointTag();
   }
   handleFivePanoArrived() {
-    return p(this, null, function* () {
+    return g(this, null, function* () {
       yield this.setVisibleAndUnfolded(), this.tags.forEach((e) => {
         e.temporaryState = c(f({}, e.temporaryState), { visible: !0 });
       }), this.store.visibleWithAnimation = !0, this.updateTagContainerVisible();
@@ -303,7 +312,7 @@ class ae extends z {
       const i = (t = this.five.getElement()) == null ? void 0 : t.parentElement;
       if (!i)
         return console.error("updateRenderPlaneTag: tag2DContainer not found");
-      this.TagContainerSvelte = new L({
+      this.TagContainerSvelte = new U({
         target: i,
         props: { hooks: this.hooks, tags: e, state: this.state, temporaryState: this.temporaryState, mediaStore: this.mediaStore }
       });
@@ -328,11 +337,11 @@ class ae extends z {
           return;
         if (this.css3DRenderPlugin || (this.css3DRenderPlugin = N(this.five)), t.stickType === "3DPoint" && !t.normal)
           return console.error("updateRenderPlaneTag: \u4E09\u7EF4\u70B9\u6807\u7B7E\u7F3A\u5C11\u6CD5\u5411\u91CF\uFF01");
-        const s = t.stickType === "Plane" ? t.position : M(this.five.camera.position, u(t.position), u(t.normal)), o = t.stickType === "Plane" ? I(t.position) : u(t.normal), r = this.getTagConfig(t).tag3DConfig, n = this.css3DRenderPlugin.create3DDomContainer(s, r);
+        const s = t.stickType === "Plane" ? t.position : M(this.five.camera.position, p(t.position), p(t.normal)), o = t.stickType === "Plane" ? I(t.position) : p(t.normal), r = this.getTagConfig(t).tag3DConfig, n = this.css3DRenderPlugin.create3DDomContainer(s, r);
         if (!n)
           return;
         this.store.css3DRenderDisposer.set(t.id, n.dispose), t.tag3DContentSvelte = {
-          svelteApp: new U({
+          svelteApp: new L({
             target: n.container,
             props: {
               tag: t,

package/package.json

@@ -7,7 +7,7 @@
   "repository": "https://github.com/realsee-developer/dnalogel.git",
   "description": "如视 VR 看房插件合集",
   "private": false,
-  "version": "2.3.5-dev.2",
+  "version": "2.3.5-dev.3",
   "license": "SEE LICENSE IN TERMS.txt",
   "scripts": {
     "clean": "rm -rf components dist docs libs types ./vite.config.js.timestamp*",