@realsee/dnalogel/libs/GuideLinePlugin/Controller.js

如视 VR 看房插件合集

var S = Object.defineProperty;
var _ = Object.getOwnPropertySymbols;
var V = Object.prototype.hasOwnProperty, M = Object.prototype.propertyIsEnumerable;
var c = (s, o, t) => o in s ? S(s, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[o] = t, f = (s, o) => {
  for (var t in o || (o = {}))
    V.call(o, t) && c(s, t, o[t]);
  if (_)
    for (var t of _(o))
      M.call(o, t) && c(s, t, o[t]);
  return s;
};
var h = (s, o, t) => (c(s, typeof o != "symbol" ? o + "" : o, t), t);
var u = (s, o, t) => new Promise((i, a) => {
  var m = (p) => {
    try {
      r(t.next(p));
    } catch (n) {
      a(n);
    }
  }, e = (p) => {
    try {
      r(t.throw(p));
    } catch (n) {
      a(n);
    }
  }, r = (p) => p.done ? i(p.value) : Promise.resolve(p.value).then(m, e);
  r((t = t.apply(s, o)).next());
});
import { Controller as O } from "../base/BasePluginWithData.js";
import { equal as U } from "../shared-utils/equal.js";
import { GuideLineItem as x } from "./GuideLineItem/index.js";
import N from "../CruisePlugin/Work.js";
import { objectAssignDeepExports as C } from "../vendor/object-assign-deep/objectAssignDeep.js";
import * as T from "three";
import { waitFiveLoaded as W } from "../shared-utils/five/fiveLoaded.js";
import { WorkUtil as $ } from "../shared-utils/Utils/WorkUtil.js";
import "hammerjs";
import "@realsee/five";
import "../vendor/@tweenjs/tween/dist/tween.esm.js.js";
import "../CSS3DRenderPlugin/utils/three/CSS3DRender.js";
import "../CSS3DRenderPlugin/utils/generateBehindFiveElement.js";
import "animejs";
import { uuid as P } from "../shared-utils/uuid.js";
import "../base/BasePlugin.js";
import "../shared-utils/Subscribe.js";
import "../shared-utils/url/absoluteUrl.js";
import "../shared-utils/isTruelyObject.js";
import "./GuideLineModeItem/index.js";
import "../shared-utils/log.js";
import "./utils/createLineGeometry.js";
import "../vendor/polyline-normals/index.js";
import "../vendor/polyline-miter-util/index.js";
import "../vendor/gl-vec2/add.js";
import "../vendor/gl-vec2/set.js";
import "../vendor/gl-vec2/normalize.js";
import "../vendor/gl-vec2/subtract.js";
import "../vendor/gl-vec2/dot.js";
import "../shared-utils/five/mode.js";
import "../shared-utils/isNil.js";
import "../shared-utils/animationFrame/BetterTween.js";
import "../shared-utils/animationFrame/index.js";
import "../shared-utils/three/loadTexture.js";
import "../PanoTagPlugin/controller/index.js";
import "../PanoTagPlugin/utils/addDebugPoints.js";
import "../shared-utils/positionToVector3.js";
import "../PanoTagPlugin/utils/tag/tagCheck.js";
import "../PanoTagPlugin/utils/debounce.js";
import "../PanoTagPlugin/utils/throttle.js";
import "../PanoTagPlugin/utils/tag/format.js";
import "../shared-utils/audio.js";
import "../shared-utils/dom/resizeObserver.js";
import "../PanoTagPlugin/controller/TagRender.js";
import "../PanoTagPlugin/controller/TagComputer.js";
import "../PanoTagPlugin/utils/tagPosition.js";
import "../shared-utils/three/centerPoint.js";
import "../PanoTagPlugin/utils/checkRange.js";
import "../shared-utils/util.js";
import "../PanoTagPlugin/controller/TagUtil.js";
import "../PanoTagPlugin/typings/tag/TagConfig.js";
import "../PanoTagPlugin/tag.config.js";
import "../PanoTagPlugin/utils/planeNormal.js";
import "../PanoTagPlugin/utils/normalPositionToPositions.js";
import "../PanoTagPlugin/controller/TagCache.js";
import "../vendor/svelte/store/index.js";
import "../vendor/svelte/internal/index.js";
import "../shared-utils/device.js";
import "../PanoTagPlugin/utils/model/mediaPlane.js";
import "../shared-utils/three/Quadrangle.js";
import "../shared-utils/math/pointIsRectangle.js";
import "../shared-utils/three/loadVideoTexture.js";
import "../PanoTagPlugin/Assets/Icon.js";
import "../shared-utils/three/getPositionsByObjectFit.js";
import "../shared-utils/three/FragmentTransparencyMaterial.js";
import "../shared-utils/three/getNormal.js";
import "../shared-utils/five/FiveDomEvents.js";
import "../shared-utils/three/getObjectVisible.js";
import "../shared-utils/five/calculateThreeMouse.js";
import "../PanoTagPlugin/utils/tag/adaptConfig.js";
import "../shared-utils/typescript/entries.js";
import "../shared-utils/url/getUrl.js";
import "../shared-utils/five/transformPosition.js";
import "../shared-utils/five/getFloorIndex.js";
import "../shared-utils/safeObj.js";
import "../PanoTagPlugin/Components/TagContainer.js";
import "../PanoTagPlugin/Components/TagItem.js";
import "../PanoTagPlugin/Components/Tag/index.js";
import "../PanoTagPlugin/Components/Tag/TextTag/index.js";
import "../PanoTagPlugin/Components/Tag/TextTag/TextTag.js";
import "../PanoTagPlugin/Components/Common/Line/Straight.js";
import "../vendor/svelte/transition/index.js";
import "../vendor/svelte/easing/index.js";
import "../PanoTagPlugin/Components/Common/Shadow.js";
import "../PanoTagPlugin/Components/Common/Text/FlyMText.js";
import "../PanoTagPlugin/Components/Common/Text/FlyText.js";
import "../PanoTagPlugin/utils/search.js";
import "../PanoTagPlugin/utils/constants.js";
import "../PanoTagPlugin/Components/Common/Arrow.js";
import "../PanoTagPlugin/utils/doUtil.js";
import "../shared-utils/svelte/resizeObserver.js";
import "../vendor/resize-observer-polyfill/dist/ResizeObserver.es.js";
import "../PanoTagPlugin/Components/Tag/TextTag/TextPlaneTag.js";
import "../PanoTagPlugin/Components/Common/Text/MText.js";
import "../PanoTagPlugin/utils/px2rem.js";
import "../PanoTagPlugin/Components/Tag/ImageTextTag.js";
import "../PanoTagPlugin/Components/Common/Line/Polyline.js";
import "../PanoTagPlugin/Components/Common/Media.js";
import "../vendor/svelte-carousel/src/components/Carousel/Carousel.js";
import "../vendor/svelte-carousel/src/components/Dots/Dots.js";
import "../vendor/svelte-carousel/src/components/Dot/Dot.js";
import "../vendor/svelte-carousel/src/components/Arrow/Arrow.js";
import "../vendor/svelte-carousel/src/direction.js";
import "../vendor/svelte-carousel/src/components/Progress/Progress.js";
import "../vendor/svelte-carousel/src/actions/swipeable/swipeable.js";
import "../vendor/svelte-carousel/src/actions/swipeable/event.js";
import "../vendor/svelte-carousel/src/utils/event.js";
import "../vendor/svelte-carousel/src/units.js";
import "../vendor/svelte-carousel/src/actions/hoverable/hoverable.js";
import "../vendor/svelte-carousel/src/actions/hoverable/event.js";
import "../vendor/svelte-carousel/src/actions/tappable/tappable.js";
import "../vendor/svelte-carousel/src/utils/math.js";
import "../vendor/svelte-carousel/src/actions/tappable/event.js";
import "../vendor/svelte-carousel/src/utils/page.js";
import "../vendor/svelte-carousel/src/utils/clones.js";
import "../vendor/svelte-carousel/src/utils/object.js";
import "../vendor/svelte-carousel/src/components/Carousel/createCarousel.js";
import "../vendor/easy-reactive/src/simply-reactive.js";
import "../vendor/lodash.get/index.js";
import "../_commonjsHelpers.js";
import "../vendor/lodash.clonedeep/index.js";
import "../vendor/easy-reactive/src/utils/subscription.js";
import "../vendor/easy-reactive/src/utils/object.js";
import "../vendor/lodash.isequal/index.js";
import "../vendor/easy-reactive/src/utils/watcher.js";
import "../vendor/svelte-carousel/src/utils/lazy.js";
import "../vendor/svelte-carousel/src/utils/ProgressManager.js";
import "../vendor/svelte-carousel/src/utils/interval.js";
import "../PanoTagPlugin/Components/Common/MediaItem.js";
import "../PanoTagPlugin/Components/Tag/MarketingTag.js";
import "../PanoTagPlugin/utils/noTypecheck.js";
import "../PanoTagPlugin/Components/Tag/AudioTag/index.js";
import "../PanoTagPlugin/Components/Tag/AudioTag/AudioTag.js";
import "../PanoTagPlugin/Components/Common/Audio.js";
import "../PanoTagPlugin/utils/audio/SharedAudio.js";
import "../PanoTagPlugin/Components/Common/Icon/audioIcon.js";
import "../PanoTagPlugin/Components/Tag/AudioTag/AudioPlaneTag.js";
import "../PanoTagPlugin/Components/Tag/MediaPlane.js";
import "../PanoTagPlugin/Components/Tag/LinkTag.js";
import "../PanoTagPlugin/Components/Common/Icon/Icon.js";
import "../PanoTagPlugin/utils/getImageInfo.js";
import "../PanoTagPlugin/Components/Tag/PanoramaTag.js";
import "../PanoTagPlugin/Components/Tag/CustomTag.js";
import "../vendor/classnames/index.js";
import "../PanoTagPlugin/Components/Common/TagPoint.js";
import "../CSS3DRenderPlugin/index.js";
import "../CSS3DRenderPlugin/Controller.js";
import "../CSS3DRenderPlugin/utils/waitFiveModelLoaded.js";
import "../CSS3DRenderPlugin/utils/three/CSS3DRenderer.js";
import "three/examples/jsm/renderers/CSS3DRenderer";
import "../CSS3DRenderPlugin/utils/getAllCSS3DObject.js";
import "../CSS3DRenderPlugin/utils/createResizeObserver.js";
import "../CSS3DRenderPlugin/utils/even.js";
import "../CSS3DRenderPlugin/utils/three/CSS3DObject.js";
import "../CSS3DRenderPlugin/utils/three/OpacityMesh.js";
import "../CSS3DRenderPlugin/utils/three/CSS3DScene.js";
import "../CSS3DRenderPlugin/utils/three/CSS3DGroup.js";
import "../shared-utils/three/GLTFLoader.js";
import "@realsee/five/gltf-loader";
import "../shared-utils/three/blink.js";
import "../shared-utils/five/fiveModelLoad.js";
import "../PanoTagPlugin/utils/DebugUtil.js";
import "../CruisePlugin/utils/sleep.js";
import "./Components/Tag.js";
import "./utils/index.js";
import "../shared-utils/to.js";
import "../shared-utils/five/changeMode.js";
import "../shared-utils/nearlyEqual.js";
import "../CruisePlugin/Move.js";
import "../CruisePlugin/BaseController.js";
import "../shared-utils/Utils/FiveUtil.js";
import "../shared-utils/Utils/BaseUtil.js";
import "../CruisePlugin/utils/getFiveStateOnCurve.js";
import "../shared-utils/vectorToCoordinate.js";
import "../shared-utils/formatRad.js";
import "./index.js";
import "./Controller.js";
import "../CruisePlugin/utils/coordinatesAngle.js";
import "../CruisePlugin/utils/coordinatesToVector.js";
import "../CruisePlugin/utils/safeCall.js";
const b = "GuideLinePlugin", g = `${b}`, me = (s) => `${g}--${s}`;
class pe extends O {
  constructor(t, i) {
    super(t, i);
    h(this, "name", b);
    h(this, "cruisePlugin");
    h(this, "workUtils", new $(this.five));
    /** GuideLineItem 索引 */
    h(this, "itemMap", /* @__PURE__ */ new Map());
    h(this, "state", {
      visible: !1,
      enabled: !0
    });
    h(this, "data");
    /** 当新增一根线时，整体高度的偏移值 */
    h(this, "heightOffset", 0);
    h(this, "_config");
    h(this, "_disposed", !1);
    h(this, "disposedErrorLog", () => {
      console.error(`${g} is disposed`);
    });
    this._config = i != null ? i : {}, this.cruisePlugin = new N(t), Object.assign(window, { [`__${b}_DEBUG__`]: this });
  }
  set workCode(t) {
    this.workUtils.workCode = t;
  }
  get workCode() {
    return this.workUtils.workCode;
  }
  get config() {
    return this._config;
  }
  get disposed() {
    return this._disposed;
  }
  load(t, i, a = !0) {
    return u(this, null, function* () {
      var v, w, I, E, y, k, D;
      const m = this.data ? JSON.parse(JSON.stringify(this.data)) : void 0, e = yield this.formatData(t);
      this.hooks.emit("dataChange", e, m), this.data = e;
      const r = e.config, n = {
        panorama_style: {
          visible: !!(!e.lines && e.routes),
          unit_length: (v = r == null ? void 0 : r.unitHeight) != null ? v : 0.4,
          width: (w = r == null ? void 0 : r.unitWidth) != null ? w : 0.6,
          texture: { url: (I = r == null ? void 0 : r.arrowTextureUrl) != null ? I : this.staticPrefix + "/release/web/arrow-white.5c2c79a5.png" }
        }
      }, d = (y = (E = e.routes) == null ? void 0 : E.map((l) => {
        var L;
        return C({}, n, { id: (L = l.id) != null ? L : P(), pano_group: l.panoIndexList });
      })) != null ? y : [], A = (D = (k = e.lines) == null ? void 0 : k.map((l) => C({}, n, l))) != null ? D : [], G = [...d, ...A];
      yield W(this.five), this.clear(), G.forEach((l) => {
        this.addGuideLineItem(l);
      }), this.updateTagsEnable(), this.handleVisible(this.state.visible), this.handleEnable(this.state.enabled), i && this.setState(i, { userAction: a }), this.hooks.emit("dataLoaded", e), console.debug(`${g} loaded`, e);
    });
  }
  formatData(t) {
    return u(this, null, function* () {
      return this.getDataWithoutVersion(t);
    });
  }
  /** 展示插件 */
  show(t) {
    return u(this, null, function* () {
      this.setState({ visible: !0 }, t);
    });
  }
  /** 隐藏插件 */
  hide(t) {
    return u(this, null, function* () {
      this.setState({ visible: !1 }, t);
    });
  }
  /** 开启插件 */
  enable(t) {
    this.setState({ enabled: !0 }, t);
  }
  /** 关闭插件 */
  disable(t) {
    this.setState({ enabled: !1 }, t);
  }
  /** 销毁插件 */
  dispose() {
    this.disposed || (this.clear(), this.hooks.emit("dispose"));
  }
  setState(t, i) {
    var m;
    if (this.disposed)
      return this.disposedErrorLog();
    const a = f({}, this.state);
    this.state = f(f({}, this.state), t), t.visible !== void 0 && t.visible !== a.visible && this.handleVisible(t.visible, i == null ? void 0 : i.userAction), t.enabled !== void 0 && t.enabled !== a.enabled && this.handleEnable(t.enabled, i == null ? void 0 : i.userAction), U(a, this.state, { deep: !0 }) || (this.hooks.emit("stateChange", { state: this.state, prevState: a, userAction: (m = i == null ? void 0 : i.userAction) != null ? m : !0 }), this.five.needsRender = !0);
  }
  /** 添加一个 GuideLineItem */
  addGuideLineItem(t) {
    const i = t.render_id || t.id, a = this.itemMap.get(i);
    a && this.removeGuideLineItem(a);
    const m = new x({ five: this.five, id: i, plugin: this });
    return this.itemMap.set(i, m), t && m.setData(t), this.heightOffset += 1e-4, m.modelItem.setHeightOffset(this.heightOffset), m.panoramaItem.setHeightOffset(this.heightOffset), m;
  }
  /** 获取 Plugin 内的 GuideLineItem */
  getGuideLineItemByID(t) {
    return this.itemMap.get(t);
  }
  /** 移除一个 GuideLineItem */
  removeGuideLineItem(t) {
    this.itemMap.delete(t.id), t.panoramaItem.dispose(), t.modelItem.dispose();
  }
  /** 全量更新 tag */
  updateTagsEnable() {
    const t = [];
    function i(e) {
      return Array.isArray(e) && e.every((r) => typeof r == "number");
    }
    function a(e, r) {
      return new T.Vector3().fromArray(e).distanceTo(new T.Vector3().fromArray(r)) < 0.01;
    }
    function m(e) {
      var p;
      const r = (p = e.tag) == null ? void 0 : p.position;
      return i(r) ? t.every((n) => {
        var d;
        return i((d = n.tag) == null ? void 0 : d.position) ? !a(r, n.tag.position) : !0;
      }) : !1;
    }
    this.itemMap.forEach((e) => {
      const r = e.modelItem.startTagContainer, p = e.modelItem.endTagContainer, n = m(r);
      n && t.push(r), r.plugin.setState({ enabled: n }, {});
      const d = m(p);
      d && t.push(p), p.plugin.setState({ enabled: d }, {});
    });
  }
  /** 清空所有 GuideLineItem */
  clear() {
    this.itemMap.forEach((t) => {
      this.removeGuideLineItem(t);
    });
  }
  handleEnable(t, i = !0) {
    this.hooks.emit(t ? "enable" : "disable", { userAction: i });
  }
  handleVisible(t, i = !0) {
    this.state.enabled && this.hooks.emit(t ? "show" : "hide", { userAction: i });
  }
  getDataWithoutVersion(t) {
    return typeof t == "object" && t !== null && t.data ? t.data : t;
  }
}
export {
  pe as default,
  me as pluginFlag
};