@realsee/dnalogel 3.81.4 → 3.81.5-alpha.0

package/libs/floorplan/FloorplanGuidePlugin/Components/ObserverDots.js

@@ -1,153 +1,161 @@
-import { SvelteComponent as I, init as k, safe_not_equal as D, append_styles as x, element as g, attr as v, insert as b, update_keyed_each as y, noop as u, detach as p, set_style as a, destroy_block as q } from "../../../vendor/svelte/internal/index.js";
-function z(r) {
-  x(r, "svelte-6v429q", ".floorplan-guide-plugin__observer-dots.svelte-6v429q{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.floorplan-guide-plugin__observer-dot.svelte-6v429q{position:absolute;background:#7dacff80;border:0.0375rem solid #96cfff;border-radius:50%;pointer-events:none;transform:translate(-50%, -50%);transition:opacity 0.8s ease-in-out}");
+import { SvelteComponent as F, init as q, safe_not_equal as x, append_styles as z, element as m, attr as I, insert as k, update_keyed_each as S, noop as v, detach as D, set_style as s, destroy_block as w } from "../../../vendor/svelte/internal/index.js";
+function B(n) {
+  z(n, "svelte-6v429q", ".floorplan-guide-plugin__observer-dots.svelte-6v429q{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.floorplan-guide-plugin__observer-dot.svelte-6v429q{position:absolute;background:#7dacff80;border:0.0375rem solid #96cfff;border-radius:50%;pointer-events:none;transform:translate(-50%, -50%);transition:opacity 0.8s ease-in-out}");
 }
-function h(r, t, e) {
-  const i = r.slice();
-  return i[6] = t[e], i;
+function p(n, t, e) {
+  const l = n.slice();
+  return l[8] = t[e], l;
 }
-function _(r, t) {
+function y(n, t) {
   let e;
   return {
-    key: r,
+    key: n,
     first: null,
     c() {
-      e = g("div"), v(e, "class", "floorplan-guide-plugin__observer-dot svelte-6v429q"), a(
-        e,
-        "left",
+      e = m("div"), I(e, "class", "floorplan-guide-plugin__observer-dot svelte-6v429q"), s(e, "left", u(
         /*observer*/
-        t[6].positionInImage.x * /*contentWidth*/
-        t[0] + "px"
-      ), a(
-        e,
-        "top",
+        t[8],
+        !!/*styledFloor*/
+        t[3]
+      ).x * /*contentWidth*/
+      t[0] + "px"), s(e, "top", u(
         /*observer*/
-        t[6].positionInImage.y * /*contentHeight*/
-        t[1] + "px"
-      ), a(
+        t[8],
+        !!/*styledFloor*/
+        t[3]
+      ).y * /*contentHeight*/
+      t[1] + "px"), s(
         e,
         "width",
         /*observerDotSize*/
         t[2] + "px"
-      ), a(
+      ), s(
         e,
         "height",
         /*observerDotSize*/
         t[2] + "px"
       ), this.first = e;
     },
-    m(i, n) {
-      b(i, e, n);
+    m(l, r) {
+      k(l, e, r);
     },
-    p(i, n) {
-      t = i, n & /*currentFloorObservers, contentWidth*/
-      9 && a(
-        e,
-        "left",
+    p(l, r) {
+      t = l, r & /*currentFloorObservers, styledFloor, contentWidth*/
+      25 && s(e, "left", u(
         /*observer*/
-        t[6].positionInImage.x * /*contentWidth*/
-        t[0] + "px"
-      ), n & /*currentFloorObservers, contentHeight*/
-      10 && a(
-        e,
-        "top",
+        t[8],
+        !!/*styledFloor*/
+        t[3]
+      ).x * /*contentWidth*/
+      t[0] + "px"), r & /*currentFloorObservers, styledFloor, contentHeight*/
+      26 && s(e, "top", u(
         /*observer*/
-        t[6].positionInImage.y * /*contentHeight*/
-        t[1] + "px"
-      ), n & /*observerDotSize*/
-      4 && a(
+        t[8],
+        !!/*styledFloor*/
+        t[3]
+      ).y * /*contentHeight*/
+      t[1] + "px"), r & /*observerDotSize*/
+      4 && s(
         e,
         "width",
         /*observerDotSize*/
         t[2] + "px"
-      ), n & /*observerDotSize*/
-      4 && a(
+      ), r & /*observerDotSize*/
+      4 && s(
         e,
         "height",
         /*observerDotSize*/
         t[2] + "px"
       );
     },
-    d(i) {
-      i && p(e);
+    d(l) {
+      l && D(e);
     }
   };
 }
-function S(r) {
-  let t, e = [], i = /* @__PURE__ */ new Map(), n = (
+function E(n) {
+  let t, e = [], l = /* @__PURE__ */ new Map(), r = (
     /*currentFloorObservers*/
-    r[3]
+    n[4]
   );
   const d = (o) => (
     /*observer*/
-    o[6].index
+    o[8].index
   );
-  for (let o = 0; o < n.length; o += 1) {
-    let l = h(r, n, o), f = d(l);
-    i.set(f, e[o] = _(f, l));
+  for (let o = 0; o < r.length; o += 1) {
+    let f = p(n, r, o), a = d(f);
+    l.set(a, e[o] = y(a, f));
   }
   return {
     c() {
-      t = g("div");
+      t = m("div");
       for (let o = 0; o < e.length; o += 1)
         e[o].c();
-      v(t, "class", "floorplan-guide-plugin__observer-dots svelte-6v429q");
+      I(t, "class", "floorplan-guide-plugin__observer-dots svelte-6v429q");
     },
-    m(o, l) {
-      b(o, t, l);
-      for (let f = 0; f < e.length; f += 1)
-        e[f] && e[f].m(t, null);
+    m(o, f) {
+      k(o, t, f);
+      for (let a = 0; a < e.length; a += 1)
+        e[a] && e[a].m(t, null);
     },
-    p(o, [l]) {
-      l & /*currentFloorObservers, contentWidth, contentHeight, observerDotSize*/
-      15 && (n = /*currentFloorObservers*/
-      o[3], e = y(e, l, d, 1, o, n, i, t, q, _, null, h));
+    p(o, [f]) {
+      f & /*getPosition, currentFloorObservers, Boolean, styledFloor, contentWidth, contentHeight, observerDotSize*/
+      31 && (r = /*currentFloorObservers*/
+      o[4], e = S(e, f, d, 1, o, r, l, t, w, y, null, p));
     },
-    i: u,
-    o: u,
+    i: v,
+    o: v,
     d(o) {
-      o && p(t);
-      for (let l = 0; l < e.length; l += 1)
-        e[l].d();
+      o && D(t);
+      for (let f = 0; f < e.length; f += 1)
+        e[f].d();
     }
   };
 }
-function w(r, t, e) {
-  let i, { floorplanData: n } = t, { floorIndex: d } = t, { contentWidth: o } = t, { contentHeight: l } = t, { observerDotSize: f = 12 } = t;
-  return r.$$set = (s) => {
-    "floorplanData" in s && e(4, n = s.floorplanData), "floorIndex" in s && e(5, d = s.floorIndex), "contentWidth" in s && e(0, o = s.contentWidth), "contentHeight" in s && e(1, l = s.contentHeight), "observerDotSize" in s && e(2, f = s.observerDotSize);
-  }, r.$$.update = () => {
-    var s, c;
-    r.$$.dirty & /*floorplanData, floorIndex*/
-    48 && e(3, i = (c = (s = n.observers) == null ? void 0 : s.filter((m) => m.floorIndex === d)) != null ? c : []);
+function u(n, t) {
+  var e, l;
+  return t && (l = (e = n.styledFloorplanPositionInImage) == null ? void 0 : e.guide) != null ? l : n.positionInImage;
+}
+function H(n, t, e) {
+  let l, r, { floorplanData: d } = t, { floorIndex: o } = t, { contentWidth: f } = t, { contentHeight: a } = t, { observerDotSize: g = 12 } = t, { styledFloorplanEnable: h = !1 } = t;
+  return n.$$set = (i) => {
+    "floorplanData" in i && e(5, d = i.floorplanData), "floorIndex" in i && e(6, o = i.floorIndex), "contentWidth" in i && e(0, f = i.contentWidth), "contentHeight" in i && e(1, a = i.contentHeight), "observerDotSize" in i && e(2, g = i.observerDotSize), "styledFloorplanEnable" in i && e(7, h = i.styledFloorplanEnable);
+  }, n.$$.update = () => {
+    var i, _, b;
+    n.$$.dirty & /*floorplanData, floorIndex*/
+    96 && e(4, l = (_ = (i = d.observers) == null ? void 0 : i.filter((c) => c.floorIndex === o)) != null ? _ : []), n.$$.dirty & /*styledFloorplanEnable, floorplanData, floorIndex*/
+    224 && e(3, r = h ? (b = d.styledFloorplan) == null ? void 0 : b.floors.find((c) => c.floorIndex === o) : void 0);
   }, [
-    o,
-    l,
     f,
-    i,
-    n,
-    d
+    a,
+    g,
+    r,
+    l,
+    d,
+    o,
+    h
   ];
 }
-class W extends I {
+class O extends F {
   constructor(t) {
-    super(), k(
+    super(), q(
       this,
       t,
-      w,
-      S,
-      D,
+      H,
+      E,
+      x,
       {
-        floorplanData: 4,
-        floorIndex: 5,
+        floorplanData: 5,
+        floorIndex: 6,
         contentWidth: 0,
         contentHeight: 1,
-        observerDotSize: 2
+        observerDotSize: 2,
+        styledFloorplanEnable: 7
       },
-      z
+      B
     );
   }
 }
 export {
-  W as default
+  O as default
 };

package/libs/floorplan/FloorplanGuidePlugin/Controller.js

@@ -1,33 +1,33 @@
-var F = Object.defineProperty, I = Object.defineProperties;
-var C = Object.getOwnPropertyDescriptors;
-var b = Object.getOwnPropertySymbols;
-var y = Object.prototype.hasOwnProperty, E = Object.prototype.propertyIsEnumerable;
-var g = (l, r, t) => r in l ? F(l, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[r] = t, p = (l, r) => {
-  for (var t in r || (r = {}))
-    y.call(r, t) && g(l, t, r[t]);
-  if (b)
-    for (var t of b(r))
-      E.call(r, t) && g(l, t, r[t]);
-  return l;
-}, m = (l, r) => I(l, C(r));
-var a = (l, r, t) => (g(l, typeof r != "symbol" ? r + "" : r, t), t);
-var f = (l, r, t) => new Promise((i, e) => {
-  var h = (n) => {
+var D = Object.defineProperty, O = Object.defineProperties;
+var k = Object.getOwnPropertyDescriptors;
+var I = Object.getOwnPropertySymbols;
+var P = Object.prototype.hasOwnProperty, M = Object.prototype.propertyIsEnumerable;
+var g = (h, s, t) => s in h ? D(h, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : h[s] = t, p = (h, s) => {
+  for (var t in s || (s = {}))
+    P.call(s, t) && g(h, t, s[t]);
+  if (I)
+    for (var t of I(s))
+      M.call(s, t) && g(h, t, s[t]);
+  return h;
+}, m = (h, s) => O(h, k(s));
+var n = (h, s, t) => (g(h, typeof s != "symbol" ? s + "" : s, t), t);
+var f = (h, s, t) => new Promise((i, e) => {
+  var a = (r) => {
     try {
-      s(t.next(n));
-    } catch (d) {
-      e(d);
+      l(t.next(r));
+    } catch (c) {
+      e(c);
     }
-  }, o = (n) => {
+  }, o = (r) => {
     try {
-      s(t.throw(n));
-    } catch (d) {
-      e(d);
+      l(t.throw(r));
+    } catch (c) {
+      e(c);
     }
-  }, s = (n) => n.done ? i(n.value) : Promise.resolve(n.value).then(h, o);
-  s((t = t.apply(l, r)).next());
+  }, l = (r) => r.done ? i(r.value) : Promise.resolve(r.value).then(a, o);
+  l((t = t.apply(h, s)).next());
 });
-import _ from "./Components/Main.js";
+import T from "./Components/Main.js";
 import "../../shared-utils/tag.js";
 import "three";
 import "../../vendor/hammerjs/hammer.js";
@@ -41,16 +41,17 @@ import "../../shared-utils/three/blink.js";
 import "../../vendor/@tweenjs/tween/dist/tween.esm.js.js";
 import "../../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
 import "../../vendor/earcut/src/earcut.js";
-import { FLOORPLAN_DEFAULT_IMAGE as v } from "../../shared-utils/url/defaultUrls.js";
-import { replaceStaticPrefix as w } from "../../shared-utils/url/replace-static-prefix.js";
-import { equal as D } from "../../shared-utils/equal.js";
+import { FLOORPLAN_DEFAULT_IMAGE as S } from "../../shared-utils/url/defaultUrls.js";
+import { replaceStaticPrefix as y } from "../../shared-utils/url/replace-static-prefix.js";
+import { equal as L } from "../../shared-utils/equal.js";
 import "../../shared-utils/five/FivePuppet.js";
-import { CAMERA_IMAGE_BIG_DOT as O } from "../Assets/camera.js";
-import { Controller as k } from "../../base/BasePluginWithData.js";
-import { formatData as A, formatExtraObjects as P } from "../utils/formatData.js";
+import { CAMERA_IMAGE_BIG_DOT as N } from "../Assets/camera.js";
+import { Controller as j } from "../../base/BasePluginWithData.js";
+import { formatData as C, formatExtraObjects as $ } from "../utils/formatData.js";
 import "../../vendor/svelte/internal/index.js";
 import "./Components/Camera.js";
 import "../../shared-utils/throttle.js";
+import "../utils/styledFloorplan.js";
 import "./Components/CurrentFloor/CurrentFloor.js";
 import "./Components/CurrentFloor/ExtraObjects.js";
 import "../Components/BaseImage.js";
@@ -60,6 +61,7 @@ import "../Components/RoomHighlight/RoomHighlight.js";
 import "../Components/RoomHighlight/Room.js";
 import "../utils/formatPosition.js";
 import "../Components/MissingFloor.js";
+import "../Components/StyledImage.js";
 import "./Components/ObserverDots.js";
 import "./Components/RoomLabels.js";
 import "../../shared-utils/svelte/resizeObserver.js";
@@ -124,31 +126,31 @@ import "../../shared-utils/url/absoluteUrl.js";
 import "../../shared-utils/isTruelyObject.js";
 import "../../base/BasePlugin.js";
 import "../Assets/floorplanExtraObject.js";
-class Fi extends k {
+class ki extends j {
   constructor(t, i) {
-    var o, s;
+    var o, l;
     super(t);
     // =============== public properties =================
-    a(this, "name", "floorplanGuidePlugin");
-    a(this, "state");
+    n(this, "name", "floorplanGuidePlugin");
+    n(this, "state");
     // =============== protected properties =================
-    a(this, "data");
+    n(this, "data");
     // =============== private properties =================
-    a(this, "app");
-    a(this, "wrapperSelector", "");
-    a(this, "wrapper", null);
-    a(this, "disposed", !1);
-    a(this, "extraObjects", []);
-    a(this, "highlightData", {});
-    a(this, "defaultMissingFloorConfig");
-    a(this, "dispose", () => {
+    n(this, "app");
+    n(this, "wrapperSelector", "");
+    n(this, "wrapper", null);
+    n(this, "disposed", !1);
+    n(this, "extraObjects", []);
+    n(this, "highlightData", {});
+    n(this, "defaultMissingFloorConfig");
+    n(this, "dispose", () => {
       var t;
       this.disposed = !0, (t = this.app) == null || t.$destroy(), this.wrapper = null, this.wrapperSelector = "", this.five.off("panoArrived", this.handlePanoArrived), this.hooks.emit("dispose");
     });
-    a(this, "highlight", (t) => {
+    n(this, "highlight", (t) => {
       this.state.config.highlightEnable && (this.highlightData = t, this.render());
     });
-    a(this, "unhighlight", () => {
+    n(this, "unhighlight", () => {
       this.highlightData = {}, this.render();
     });
     /**
@@ -156,51 +158,53 @@ class Fi extends k {
      * 寻找距离点击位置最近的观察点，并移动到该点
      * @param clickData 点击事件数据
      */
-    a(this, "handleFloorplanClick", (t) => {
-      var d;
-      const i = (d = this.data) == null ? void 0 : d.observers;
+    n(this, "handleFloorplanClick", (t) => {
+      var b, v, w;
+      const i = (b = this.data) == null ? void 0 : b.observers;
       if (!i || i.length === 0) {
         console.warn("No floorplan observers found");
         return;
       }
-      const e = t.imageX, h = t.imageY, o = t.floorIndex;
-      let s = null, n = 1 / 0;
-      i.forEach((c) => {
-        if (c.floorIndex !== o)
+      const e = t.imageX, a = t.imageY, o = t.floorIndex, l = this.state.config.styledFloorplanEnable ? (w = (v = this.data) == null ? void 0 : v.styledFloorplan) == null ? void 0 : w.floors.find((d) => d.floorIndex === o) : void 0;
+      let r = null, c = 1 / 0;
+      i.forEach((d) => {
+        var F, x;
+        if (d.floorIndex !== o)
           return;
-        const x = c.positionInImage.x, S = c.positionInImage.y, u = Math.sqrt(
-          Math.pow(e - x, 2) + Math.pow(h - S, 2)
+        const A = l && (x = (F = d.styledFloorplanPositionInImage) == null ? void 0 : F.guide) != null ? x : d.positionInImage, E = A.x, _ = A.y, u = Math.sqrt(
+          Math.pow(e - E, 2) + Math.pow(a - _, 2)
         );
-        u < n && (n = u, s = {
-          panoIndex: c.index,
+        u < c && (c = u, r = {
+          panoIndex: d.index,
           // 使用observer.index作为panoIndex
           distance: u,
-          observer: c
+          observer: d
         });
-      }), s ? this.five.emit("wantsToMoveToPano", s.panoIndex, {}, !0) || this.five.moveToPano(s.panoIndex) : console.warn("No suitable observer found on the same floor");
+      }), r ? this.five.emit("wantsToMoveToPano", r.panoIndex, {}, !0) || this.five.moveToPano(r.panoIndex) : console.warn("No suitable observer found on the same floor");
     });
-    a(this, "_disable", (t) => {
+    n(this, "_disable", (t) => {
       var e;
       const { userAction: i } = t;
       (e = this.app) == null || e.$destroy(), this.app = void 0, this.hooks.emit("disable", { userAction: i });
     });
-    a(this, "handlePanoArrived", () => {
+    n(this, "handlePanoArrived", () => {
       var i, e;
       const t = (e = (i = this.five.work.observers[this.five.getCurrentState().panoIndex]) == null ? void 0 : i.floorIndex) != null ? e : 0;
       this.updateState({ displayedFloorIndex: t }, !0), this.render();
     });
     this.five = t, this.defaultMissingFloorConfig = {
-      imageURL: w(i == null ? void 0 : i.staticPrefix, v),
+      imageURL: y(i == null ? void 0 : i.staticPrefix, S),
       imageWidth: 200,
       imageHeight: 120,
-      text: (s = (o = i == null ? void 0 : i.i18n) == null ? void 0 : o.call(i, "暂无平面图")) != null ? s : "暂无平面图",
+      text: (l = (o = i == null ? void 0 : i.i18n) == null ? void 0 : o.call(i, "暂无平面图")) != null ? l : "暂无平面图",
       textFontSize: 14
     };
     const e = {
+      styledFloorplanEnable: !1,
       hoverEnable: !1,
       highlightEnable: !1,
-      cameraImageUrl: O,
-      missingFloorImageUrl: w(i == null ? void 0 : i.staticPrefix, v),
+      cameraImageUrl: N,
+      missingFloorImageUrl: y(i == null ? void 0 : i.staticPrefix, S),
       missingFloorConfig: p(p({}, this.defaultMissingFloorConfig), i == null ? void 0 : i.missingFloorConfig),
       clickEnable: !0,
       roomLabelsEnable: !1,
@@ -208,7 +212,7 @@ class Fi extends k {
       roomNameOtherTypeEnable: !1,
       roomAreaEnable: !0,
       adaptiveRoomLabelVisibleEnable: !0,
-      getRoomAreaText: (n) => (n / 1e6).toFixed(1) + "㎡",
+      getRoomAreaText: (r) => (r / 1e6).toFixed(1) + "㎡",
       getLabelElement: void 0,
       compassEnable: !1,
       northDesc: "北",
@@ -216,17 +220,17 @@ class Fi extends k {
       observerDotSize: 12,
       cameraSize: 36,
       cameraOffset: 28.5,
-      i18n: (i == null ? void 0 : i.i18n) || ((n) => n)
-    }, h = p(p({}, e), i == null ? void 0 : i.configs);
-    this.state = { enabled: !0, visible: !0, config: h }, i != null && i.wrapper && console.warn("不推荐继续使用 params.selector 配置父容器，请使用 appendTo 方法"), typeof (i == null ? void 0 : i.wrapper) == "string" ? this.wrapperSelector = i.wrapper : (i == null ? void 0 : i.wrapper) instanceof Element && (this.wrapper = i.wrapper), t.once("dispose", this.dispose), t.on("panoArrived", this.handlePanoArrived);
+      i18n: (i == null ? void 0 : i.i18n) || ((r) => r)
+    }, a = p(p({}, e), i == null ? void 0 : i.configs);
+    this.state = { enabled: !0, visible: !0, config: a }, i != null && i.wrapper && console.warn("不推荐继续使用 params.selector 配置父容器，请使用 appendTo 方法"), typeof (i == null ? void 0 : i.wrapper) == "string" ? this.wrapperSelector = i.wrapper : (i == null ? void 0 : i.wrapper) instanceof Element && (this.wrapper = i.wrapper), t.once("dispose", this.dispose), t.on("panoArrived", this.handlePanoArrived);
   }
   load(t, i, e = !0) {
     return f(this, null, function* () {
-      function h(d) {
-        return Object.prototype.hasOwnProperty.apply(d, ["version"]);
+      function a(c) {
+        return Object.prototype.hasOwnProperty.apply(c, ["version"]);
       }
-      const o = JSON.parse(JSON.stringify(t)), s = h(o) ? o.data : o, n = this.data;
-      this.data = yield A(s), this.hooks.emit("dataLoaded", this.data), this.hooks.emit("dataChange", this.data, n), i && this.updateState(i, e), this.render();
+      const o = JSON.parse(JSON.stringify(t)), l = a(o) ? o.data : o, r = this.data;
+      this.data = yield C(l), this.hooks.emit("dataLoaded", this.data), this.hooks.emit("dataChange", this.data, r), i && this.updateState(i, e), this.render();
     });
   }
   show() {
@@ -259,13 +263,13 @@ class Fi extends k {
   }
   /** 更改插件 State */
   setState(t, i = {}) {
-    const e = this.state, h = i.userAction !== void 0 ? i.userAction : !0;
-    if (this.updateState(t, h), t.enabled !== void 0 && e.enabled !== t.enabled) {
-      const o = { userAction: h };
+    const e = this.state, a = i.userAction !== void 0 ? i.userAction : !0;
+    if (this.updateState(t, a), t.enabled !== void 0 && e.enabled !== t.enabled) {
+      const o = { userAction: a };
       t.enabled ? this._enable(o) : this._disable(o);
     }
     if (t.visible !== void 0 && e.visible !== t.visible) {
-      const o = { userAction: h };
+      const o = { userAction: a };
       t.visible ? this._show(o) : this._hide(o);
     }
   }
@@ -277,7 +281,7 @@ class Fi extends k {
     this.setState({ config: t }, { userAction: i }), this.render();
   }
   setExtraObjectsWith3DPositions(t) {
-    this.data && (this.extraObjects = P(t, this.five, this.data), this.render());
+    this.data && (this.extraObjects = $(t, this.five, this.data), this.render());
   }
   /**
    * 更改显示的楼层
@@ -296,7 +300,7 @@ class Fi extends k {
   }
   formatData(t) {
     return f(this, null, function* () {
-      return yield A(t.data);
+      return yield C(t.data);
     });
   }
   _enable(t) {
@@ -316,21 +320,21 @@ class Fi extends k {
     this.hooks.emit("hide", { userAction: i }), this.render();
   }
   updateState(t, i) {
-    var s;
-    const e = this.state, h = (s = t.config) != null && s.missingFloorConfig ? p(p({}, e.config.missingFloorConfig), t.config.missingFloorConfig) : e.config.missingFloorConfig, o = t.config ? m(p(p({}, e.config), t.config), { missingFloorConfig: h }) : e.config;
-    this.state = m(p(p({}, this.state), t), { config: o }), !D(this.state, e, { deep: !0 }) && this.hooks.emit("stateChange", { state: this.state, prevState: e, userAction: i });
+    var l;
+    const e = this.state, a = (l = t.config) != null && l.missingFloorConfig ? p(p({}, e.config.missingFloorConfig), t.config.missingFloorConfig) : e.config.missingFloorConfig, o = t.config ? m(p(p({}, e.config), t.config), { missingFloorConfig: a }) : e.config;
+    this.state = m(p(p({}, this.state), t), { config: o }), !L(this.state, e, { deep: !0 }) && this.hooks.emit("stateChange", { state: this.state, prevState: e, userAction: i });
   }
   render() {
-    var o, s;
+    var o, l;
     if (this.disposed || !this.state.enabled)
       return;
     if (!this.wrapper && this.wrapperSelector) {
-      const n = document.querySelector(this.wrapperSelector);
-      this.wrapper = n;
+      const r = document.querySelector(this.wrapperSelector);
+      this.wrapper = r;
     }
     if (!this.data || !this.wrapper)
       return;
-    const t = (s = (o = this.five.work.observers[this.five.getCurrentState().panoIndex]) == null ? void 0 : o.floorIndex) != null ? s : 0, i = this.state.displayedFloorIndex !== void 0 ? this.state.displayedFloorIndex : t, e = i === t, h = m(p({}, this.state.config), {
+    const t = (l = (o = this.five.work.observers[this.five.getCurrentState().panoIndex]) == null ? void 0 : o.floorIndex) != null ? l : 0, i = this.state.displayedFloorIndex !== void 0 ? this.state.displayedFloorIndex : t, e = i === t, a = m(p({}, this.state.config), {
       five: this.five,
       floorplanData: this.data,
       visible: this.state.visible,
@@ -342,9 +346,9 @@ class Fi extends k {
       cameraOffset: this.state.config.cameraOffset || 28.5,
       onFloorplanClick: this.state.config.clickEnable ? this.handleFloorplanClick : void 0
     });
-    this.app ? this.app.$set(h) : this.app = new _({ target: this.wrapper, props: h });
+    this.app ? this.app.$set(a) : this.app = new T({ target: this.wrapper, props: a });
   }
 }
 export {
-  Fi as Controller
+  ki as Controller
 };

package/libs/floorplan/FloorplanGuidePlugin/index.js

@@ -4,6 +4,7 @@ import "../../vendor/svelte/internal/index.js";
 import "./Components/Camera.js";
 import "../Assets/camera.js";
 import "../../shared-utils/throttle.js";
+import "../utils/styledFloorplan.js";
 import "./Components/CurrentFloor/CurrentFloor.js";
 import "./Components/CurrentFloor/ExtraObjects.js";
 import "../Components/BaseImage.js";
@@ -13,6 +14,7 @@ import "../Components/RoomHighlight/RoomHighlight.js";
 import "../Components/RoomHighlight/Room.js";
 import "../utils/formatPosition.js";
 import "../Components/MissingFloor.js";
+import "../Components/StyledImage.js";
 import "./Components/ObserverDots.js";
 import "./Components/RoomLabels.js";
 import "../../shared-utils/svelte/resizeObserver.js";
@@ -96,8 +98,8 @@ import "../../base/BasePluginWithData.js";
 import "../../base/BasePlugin.js";
 import "../utils/formatData.js";
 import "../Assets/floorplanExtraObject.js";
-const Wo = (o, r) => new t(o, r);
+const Yo = (o, r) => new t(o, r);
 export {
-  Wo as FloorplanGuidePlugin,
-  Wo as default
+  Yo as FloorplanGuidePlugin,
+  Yo as default
 };

package/libs/floorplan/FloorplanGuidePlugin/typing.d.ts

@@ -4,6 +4,11 @@ import type { FloorplanServerData } from '../typings/floorplanServerData';
 import type { FloorplanRoomItem } from '../typings/floorplanData';
 import type { MissingFloorConfig } from '../typings';
 export interface Config {
+    /**
+     * 是否使用 Editor 发布的 Guide 图片和图片坐标
+     * @default false
+     */
+    styledFloorplanEnable: boolean;
     /**
      * @description 鼠标放置在分间上时，是否要自动高亮分间
      * @default false
@@ -154,6 +159,7 @@ export interface EventMap extends BasePlugin.EventMap<State, FloorplanData> {
 export interface Parameters extends Partial<Config> {
     wrapper?: string | Element;
     configs?: {
+        styledFloorplanEnable?: boolean;
         hoverEnable?: boolean;
         cameraImageUrl?: string;
         clickEnable?: boolean;