officialblock 2.1.7 → 2.1.8

package/dist/index-BLMXunT4.mjs

@@ -1,609 +0,0 @@
-import { getCurrentInstance as A, ref as n, computed as k, watch as B, onMounted as H, nextTick as V, createElementBlock as b, openBlock as i, createElementVNode as r, withDirectives as S, vShow as T, Fragment as U, renderList as D, normalizeClass as P, toDisplayString as O, normalizeStyle as Y, createCommentVNode as R, unref as E, createVNode as q, createBlock as F } from "vue";
-import { _ as W, $ as G, r as J } from "./index-DV6KnqfT.mjs";
-const K = ["onClick"], Q = {
-  __name: "VrTourTab",
-  props: {
-    list: {
-      type: Array,
-      default: () => []
-    },
-    currentIdx: {
-      type: [String, Number],
-      default: 0
-    }
-  },
-  emits: ["updateIdx"],
-  setup(I, { emit: L }) {
-    const { proxy: C } = A(), { $_vsWidth: f } = C, $ = I, v = L, c = n(0), t = n(0), u = n(0), g = n(0), d = n(null), _ = n(null), p = n([]), w = k(() => c.value > 40), x = k(() => u.value + g.value < t.value + 40), l = k({
-      get() {
-        return $.currentIdx ?? 0;
-      },
-      set(a) {
-        v("updateIdx", a);
-      }
-    });
-    B(f, () => {
-      m();
-    });
-    const m = () => {
-      if ($.list.length <= 0) return;
-      _.value && (c.value = _.value.scrollLeft), d.value && (u.value = d.value.getBoundingClientRect().left, g.value = d.value.getBoundingClientRect().width);
-      let a = null;
-      p.value.length > 0 && (a = Array.isArray(p.value) ? p.value[p.value.length - 1] : p.value), a && a.getBoundingClientRect && (t.value = a.getBoundingClientRect().left);
-    }, s = (a) => {
-      _.value && (a === "next" ? _.value.scrollLeft += 200 : _.value.scrollLeft -= 200);
-    }, e = () => {
-      m();
-    };
-    return H(() => {
-      V(() => {
-        e();
-      });
-    }), (a, y) => (i(), b("div", {
-      class: "tab-tag",
-      ref_key: "VrtourWrapper",
-      ref: d
-    }, [
-      r("ul", {
-        class: "tab-tag__list",
-        ref_key: "VrtourList",
-        ref: _,
-        onScroll: e
-      }, [
-        S(r("div", {
-          class: "tab-tag__nav__prev",
-          onClick: y[0] || (y[0] = (o) => s("prev"))
-        }, null, 512), [
-          [T, w.value]
-        ]),
-        (i(!0), b(U, null, D(I.list, (o, h) => (i(), b("li", { key: h }, [
-          r("button", {
-            type: "button",
-            class: P(["tab-tag__btn", { "is-active": l.value == h }]),
-            ref_for: !0,
-            ref_key: "VrtourBtn",
-            ref: p,
-            onClick: (j) => l.value = h
-          }, O(o.name), 11, K)
-        ]))), 128)),
-        S(r("div", {
-          class: "tab-tag__nav__next",
-          onClick: y[1] || (y[1] = (o) => s("next"))
-        }, null, 512), [
-          [T, x.value]
-        ])
-      ], 544)
-    ], 512));
-  }
-}, X = /* @__PURE__ */ W(Q, [["__scopeId", "data-v-efdafd78"]]), Z = ["onClick"], ee = {
-  __name: "VrTourCat",
-  props: {
-    list: {
-      type: Array,
-      default: () => []
-    },
-    currentIdx: {
-      type: [String, Number],
-      default: 0
-    }
-  },
-  emits: ["updateIdx"],
-  setup(I, { emit: L }) {
-    const { proxy: C } = A(), f = I, $ = L, v = n(null), c = n(null), t = n(null), u = n(0), g = n(0), d = n(0), _ = n(0), p = n(0), w = k(() => u.value > 40), x = k(() => d.value + _.value < g.value + 40), l = k({
-      get() {
-        return f.currentIdx ?? 0;
-      },
-      set(y) {
-        $("updateIdx", y), V(a);
-      }
-    }), m = () => {
-      if (f.list.length <= 0) return;
-      c.value && (u.value = c.value.scrollLeft), v.value && (d.value = v.value.getBoundingClientRect().left, _.value = v.value.getBoundingClientRect().width);
-      let y = null;
-      t.value && (y = Array.isArray(t.value) ? t.value[t.value.length - 1] : t.value), y && y.getBoundingClientRect && (g.value = y.getBoundingClientRect().left);
-    }, s = (y) => {
-      y == "next" ? c.value.scrollLeft += 200 : c.value.scrollLeft -= 200;
-    }, e = () => {
-      c.value && (u.value = c.value.scrollLeft), m();
-    }, a = async () => {
-      if (await V(), !t.value || !t.value[l.value]) return;
-      const y = t.value[l.value], o = y.clientWidth / 2, h = C.$_vsWidth / 2;
-      p.value = y.getBoundingClientRect().right - o, c.value.scrollLeft -= h - p.value;
-    };
-    return B(
-      () => C.$_vsWidth,
-      () => {
-        m();
-      }
-    ), B(
-      () => f.list,
-      () => {
-        V(m), c.value && c.value.scrollLeft && (c.value.scrollLeft = 0);
-      },
-      { deep: !0 }
-    ), H(() => {
-      V(e);
-    }), (y, o) => (i(), b("div", {
-      class: "tab-tag",
-      ref_key: "wrapper",
-      ref: v
-    }, [
-      r("ul", {
-        class: "tab-tag__list",
-        ref_key: "list",
-        ref: c,
-        onScroll: e
-      }, [
-        S(r("div", {
-          class: "tab-tag__nav__prev",
-          onClick: o[0] || (o[0] = (h) => s("prev"))
-        }, null, 512), [
-          [T, w.value]
-        ]),
-        (i(!0), b(U, null, D(c.value, (h, j) => (i(), b("li", {
-          key: j,
-          class: "tab-tag__item"
-        }, [
-          r("button", {
-            type: "button",
-            class: P(["tab-tag__btn", { "is-active": l.value == j }]),
-            ref_for: !0,
-            ref_key: "btnRef",
-            ref: t,
-            onClick: (N) => l.value = j
-          }, O(h.name), 11, Z)
-        ]))), 128)),
-        S(r("div", {
-          class: "tab-tag__nav__next",
-          onClick: o[1] || (o[1] = (h) => s("next"))
-        }, null, 512), [
-          [T, x.value]
-        ])
-      ], 544)
-    ], 512));
-  }
-}, M = /* @__PURE__ */ W(ee, [["__scopeId", "data-v-6dd36752"]]), te = { class: "tab-tag__nav__prev" }, se = ["onClick"], le = ["src", "alt"], ne = { class: "tab-tag__btn__title" }, re = { class: "tab-tag__nav__next" }, ae = {
-  __name: "VrTourChoose",
-  props: {
-    list: {
-      type: Array,
-      default: () => []
-    },
-    currentIdx: {
-      type: [String, Number],
-      default: 0
-    }
-  },
-  emits: ["updateIdx"],
-  setup(I, { emit: L }) {
-    const { proxy: C } = A(), { $_vsWidth: f } = C, $ = I, v = L, c = n(null), t = n(null), u = n(null), g = n(0), d = n(0), _ = n(0), p = n(0), w = n(0), x = k(() => g.value > 0), l = k(() => d.value - 40 > p.value), m = k({
-      get() {
-        return $.currentIdx ?? 0;
-      },
-      set(o) {
-        v("updateIdx", o), V(a);
-      }
-    }), s = () => {
-      var h, j, N;
-      if ($.list.length <= 0) return;
-      g.value = (h = t.value) == null ? void 0 : h.scrollLeft, _.value = (j = c.value) == null ? void 0 : j.getBoundingClientRect().left, p.value = (N = c.value) == null ? void 0 : N.getBoundingClientRect().right;
-      let o = null;
-      u.value && (o = Array.isArray(u.value) ? u.value[u.value.length - 1] : u.value), d.value = o == null ? void 0 : o.getBoundingClientRect().right;
-    }, e = (o) => {
-      o === "next" ? t.value.scrollLeft += 200 : t.value.scrollLeft -= 200;
-    }, a = () => {
-      const o = u.value[m.value];
-      if (!o) return;
-      const h = o.clientWidth / 2, j = f.value / 2;
-      w.value = o.getBoundingClientRect().right - h, t.value.scrollLeft -= j - w.value;
-    }, y = () => {
-      s();
-    };
-    return B(
-      () => f.value,
-      () => {
-        s();
-      }
-    ), B(
-      () => $.list,
-      () => {
-        V(s), t.value && t.value.scrollLeft && (t.value.scrollLeft = 0);
-      }
-    ), H(() => {
-      V(y);
-    }), (o, h) => (i(), b("div", {
-      class: "vr-tour-choose tab-tag",
-      ref_key: "wrapper",
-      ref: c
-    }, [
-      r("ul", {
-        class: "tab-tag__list",
-        ref_key: "list",
-        ref: t,
-        onScroll: y
-      }, [
-        S(r("div", te, [
-          r("button", {
-            type: "button",
-            class: "nav__btn",
-            onClick: h[0] || (h[0] = (j) => e("prev"))
-          })
-        ], 512), [
-          [T, x.value]
-        ]),
-        (i(!0), b(U, null, D(t.value, (j, N) => (i(), b("li", {
-          key: N,
-          class: "tab-tag__item"
-        }, [
-          r("button", {
-            type: "button",
-            class: P(["tab-tag__btn", { "is-active": m.value === N }]),
-            ref_for: !0,
-            ref_key: "btn",
-            ref: u,
-            onClick: (Ve) => m.value = N
-          }, [
-            r("img", {
-              src: j.url,
-              alt: j.name
-            }, null, 8, le),
-            r("div", ne, O(j.name), 1)
-          ], 10, se)
-        ]))), 128)),
-        S(r("div", re, [
-          r("button", {
-            type: "button",
-            class: "nav__btn",
-            onClick: h[1] || (h[1] = (j) => e("next"))
-          })
-        ], 512), [
-          [T, l.value]
-        ])
-      ], 544)
-    ], 512));
-  }
-}, oe = /* @__PURE__ */ W(ae, [["__scopeId", "data-v-ebb85a22"]]), ce = { class: "vr-tour-scene" }, ue = ["src"], ie = {
-  key: 1,
-  class: "vr-tour-scene__img"
-}, ve = ["src", "alt"], de = {
-  __name: "VrTourScene",
-  props: {
-    scene: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  setup(I) {
-    const L = I, C = k(() => {
-      var v;
-      return (v = L.scene) == null ? void 0 : v.embed;
-    }), f = k(() => {
-      var v;
-      return (v = L.scene) == null ? void 0 : v.url;
-    }), $ = k(() => {
-      var v;
-      return (v = L.scene) == null ? void 0 : v.name;
-    });
-    return (v, c) => (i(), b("div", ce, [
-      C.value ? (i(), b("iframe", {
-        key: 0,
-        src: C.value,
-        frameborder: "0"
-      }, null, 8, ue)) : (i(), b("div", ie, [
-        r("img", {
-          src: f.value,
-          alt: $.value
-        }, null, 8, ve)
-      ]))
-    ]));
-  }
-}, pe = /* @__PURE__ */ W(de, [["__scopeId", "data-v-c07507d5"]]), me = { class: "vr-tour-select" }, _e = { class: "select-btn__focus-name line-clamp-1" }, ye = { class: "select-list" }, be = ["onClick"], fe = {
-  __name: "VrTourSelect",
-  props: {
-    list: {
-      type: Array,
-      default: () => []
-    },
-    currentIdx: {
-      type: [String, Number],
-      default: 0
-      // 原代码默认值是箭头函数，此处简化为直接值（数组/对象才需箭头函数避免共享）
-    }
-  },
-  emits: ["updateIdx"],
-  setup(I, { emit: L }) {
-    const { proxy: C } = A(), { $_vsWidth: f } = C, $ = {
-      mounted(l, m) {
-        l.clickOutsideEvent = (s) => {
-          l === s.target || l.contains(s.target) || m.value(s);
-        }, document.body.addEventListener("click", l.clickOutsideEvent);
-      },
-      unmounted(l) {
-        document.body.removeEventListener("click", l.clickOutsideEvent);
-      }
-    }, v = I, c = L, t = n(!1), u = n(-8), g = n(null), d = k({
-      get() {
-        return v.currentIdx ?? 0;
-      },
-      set(l) {
-        c("updateIdx", l);
-      }
-    }), _ = k(() => {
-      var l;
-      return ((l = v.list[d.value]) == null ? void 0 : l.name) || "";
-    });
-    B(t, () => {
-      w();
-    }), H(() => {
-      window.addEventListener("resize", () => {
-        f.value = window.innerWidth, t.value && w();
-      });
-    });
-    const p = () => {
-      t.value = !1;
-    }, w = () => {
-      const l = g.value;
-      if (!l) return;
-      const m = G(l).x + l.clientWidth;
-      m > f.value && (u.value = u.value - m + f.value - 4);
-    }, x = (l) => {
-      d.value = l, p();
-    };
-    return (l, m) => S((i(), b("div", me, [
-      r("button", {
-        type: "button",
-        class: P(["select-btn", { "is-open": t.value }]),
-        onClick: m[0] || (m[0] = (s) => t.value = !t.value)
-      }, [
-        r("div", _e, O(_.value), 1),
-        m[1] || (m[1] = r("div", { class: "select-btn__arrow" }, null, -1))
-      ], 2),
-      r("div", {
-        class: P(["select-block", { "is-open": t.value }]),
-        style: Y({ "--left": `${u.value}px` }),
-        ref_key: "blockRef",
-        ref: g
-      }, [
-        r("ul", ye, [
-          (i(!0), b(U, null, D(I.list, (s, e) => (i(), b("li", {
-            class: P(["select-item line-clamp-1", { "is-active": d.value === e }]),
-            key: e,
-            onClick: (a) => x(e)
-          }, O(s.name), 11, be))), 128))
-        ])
-      ], 6)
-    ])), [
-      [$, p]
-    ]);
-  }
-}, z = /* @__PURE__ */ W(fe, [["__scopeId", "data-v-536804a2"]]), ge = { class: "vr-tour__wrapper" }, he = {
-  key: 0,
-  class: "vr-tour__tabs"
-}, ke = { class: "container-content-middle" }, we = {
-  key: 1,
-  class: "vr-tour__selects"
-}, xe = { class: "container-content" }, je = { class: "vr-tour__selects__list" }, Ie = { class: "vr-tour__scene" }, Le = {
-  key: 2,
-  class: "vr-tour__cats"
-}, Ce = { class: "pt-2" }, $e = {
-  key: 3,
-  class: "vr-tour__chooses"
-}, Se = {
-  __name: "index",
-  props: {
-    modelValue: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  emits: ["update:modelValue", "handleDelete", "handleCopy", "handlePaste"],
-  setup(I, { emit: L }) {
-    const { proxy: C } = A(), { $_vsWidth: f, $_vsScrollY: $, $vsScreenAddListener: v, $vsScreenDestroyListener: c } = C, t = L, u = I, g = n(0), d = n(0), _ = n(0), p = k(() => {
-      var s;
-      return ((s = u.modelValue) == null ? void 0 : s.data) ?? null;
-    }), w = k(() => {
-      var s, e;
-      return (e = (s = p.value) == null ? void 0 : s[g.value]) == null ? void 0 : e.categoriesList;
-    }), x = k(() => {
-      var s, e;
-      return (e = (s = w.value) == null ? void 0 : s[d.value]) == null ? void 0 : e.facilitiesList;
-    }), l = k(() => {
-      var s;
-      return (s = x.value) == null ? void 0 : s[_.value];
-    }), m = () => {
-      var e;
-      if (u.modelValue && u.modelValue.data)
-        return;
-      const s = {
-        id: ((e = u.modelValue) == null ? void 0 : e.id) || J(),
-        //componentKey
-        type: "VrTour",
-        onlyShowPc: !1,
-        containerWidth: "",
-        bgColor: "",
-        classes: "custom-class another-class",
-        style: {},
-        width: "",
-        data: [
-          {
-            key: "secondary-school",
-            name: "Secondary School",
-            categoriesList: [
-              {
-                key: "facilities",
-                name: "Facilities",
-                facilitiesList: [
-                  {
-                    key: "ece-learning-communities",
-                    name: "ECE Learning Communities",
-                    url: "https://osswebsite.ycyw.com/ycis-qd/res/qd/vt/multi_floor_plans/853_floorplan.png",
-                    scene: null,
-                    embed: "https://osswebsite.ycyw.com/ycis-qd/res/qd/vt-2026/en/index.html"
-                  },
-                  {
-                    key: "primary-learning-communities",
-                    name: "Primary Learning Communities",
-                    url: "https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/y3-5.jpg",
-                    scene: null,
-                    embed: "https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/y3-5/tour.html"
-                  },
-                  {
-                    key: "our-libraries",
-                    name: "Our Libraries",
-                    url: "https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/libraries.jpg",
-                    scene: null,
-                    embed: "https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/libraries/tour.html"
-                  },
-                  {
-                    key: "our-facilities",
-                    name: "Our Facilities",
-                    url: "https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/facilities.jpg",
-                    scene: null,
-                    embed: "https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/facilities2/tour.html"
-                  },
-                  {
-                    key: "honglingjin-park",
-                    name: "Honglingjin Park",
-                    url: "https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/park.jpg",
-                    scene: null,
-                    embed: "https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/park2/tour.html"
-                  },
-                  {
-                    key: "other-public-areas",
-                    name: "Other Public Areas",
-                    url: "https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/our-campus.jpg",
-                    scene: null,
-                    embed: "https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/our-campus/tour.html"
-                  }
-                ]
-              }
-            ]
-          },
-          {
-            key: "secondary-school",
-            name: "Secondary School",
-            categoriesList: [
-              {
-                key: "facilities",
-                name: "Facilities",
-                facilitiesList: [
-                  {
-                    key: "ece-learning-communities",
-                    name: "ECE Learning Communities",
-                    url: "https://osswebsite.ycyw.com/ycis-qd/res/qd/vt/multi_floor_plans/853_floorplan.png",
-                    scene: null,
-                    embed: "https://osswebsite.ycyw.com/ycis-qd/res/qd/vt-2026/en/index.html"
-                  },
-                  {
-                    key: "primary-learning-communities",
-                    name: "Primary Learning Communities",
-                    url: "https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/y3-5.jpg",
-                    scene: null,
-                    embed: "https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/y3-5/tour.html"
-                  },
-                  {
-                    key: "our-libraries",
-                    name: "Our Libraries",
-                    url: "https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/libraries.jpg",
-                    scene: null,
-                    embed: "https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/libraries/tour.html"
-                  },
-                  {
-                    key: "our-facilities",
-                    name: "Our Facilities",
-                    url: "https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/facilities.jpg",
-                    scene: null,
-                    embed: "https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/facilities2/tour.html"
-                  },
-                  {
-                    key: "honglingjin-park",
-                    name: "Honglingjin Park",
-                    url: "https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/park.jpg",
-                    scene: null,
-                    embed: "https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/park2/tour.html"
-                  },
-                  {
-                    key: "other-public-areas",
-                    name: "Other Public Areas",
-                    url: "https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/our-campus.jpg",
-                    scene: null,
-                    embed: "https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/our-campus/tour.html"
-                  }
-                ]
-              }
-            ]
-          }
-        ]
-      };
-      t("update:modelValue", s), g.value = 0;
-    };
-    return B(g, () => {
-      d.value = 0;
-    }), B(d, () => {
-      _.value = 0;
-    }), m(), (s, e) => (i(), b("div", {
-      class: P(["vr-tour bg-neutral-lightest", { "pb-0": x.value && x.value.length <= 1 }])
-    }, [
-      r("div", ge, [
-        p.value && p.value.length > 1 && E(f) >= 768 ? (i(), b("div", he, [
-          r("div", ke, [
-            q(X, {
-              list: p.value,
-              onUpdateIdx: e[0] || (e[0] = (a) => g.value = a),
-              currentIdx: g.value
-            }, null, 8, ["list", "currentIdx"])
-          ])
-        ])) : R("", !0),
-        E(f) < 768 ? (i(), b("div", we, [
-          r("div", xe, [
-            r("div", je, [
-              p.value.length > 1 ? (i(), F(z, {
-                key: 0,
-                list: p.value,
-                onUpdateIdx: e[1] || (e[1] = (a) => g.value = a),
-                currentIdx: g.value
-              }, null, 8, ["list", "currentIdx"])) : R("", !0),
-              w.value.length > 1 ? (i(), F(z, {
-                key: 1,
-                list: w.value,
-                onUpdateIdx: e[2] || (e[2] = (a) => d.value = a),
-                currentIdx: d.value
-              }, null, 8, ["list", "currentIdx"])) : R("", !0)
-            ])
-          ]),
-          x.value.length > 1 ? (i(), F(M, {
-            key: 0,
-            list: x.value,
-            onUpdateIdx: e[3] || (e[3] = (a) => _.value = a),
-            currentIdx: _.value
-          }, null, 8, ["list", "currentIdx"])) : R("", !0)
-        ])) : R("", !0),
-        r("div", Ie, [
-          q(pe, { scene: l.value }, null, 8, ["scene"])
-        ]),
-        w.value && E(f) >= 768 ? (i(), b("div", Le, [
-          S(r("div", Ce, null, 512), [
-            [T, w.value.length <= 1 && x.value.length > 1]
-          ]),
-          S(q(M, {
-            list: w.value,
-            onUpdateIdx: e[4] || (e[4] = (a) => d.value = a),
-            currentIdx: d.value
-          }, null, 8, ["list", "currentIdx"]), [
-            [T, w.value.length > 1]
-          ])
-        ])) : R("", !0),
-        x.value && x.value.length > 1 && E(f) >= 768 ? (i(), b("div", $e, [
-          q(oe, {
-            list: x.value,
-            onUpdateIdx: e[5] || (e[5] = (a) => _.value = a),
-            currentIdx: _.value
-          }, null, 8, ["list", "currentIdx"])
-        ])) : R("", !0)
-      ])
-    ], 2));
-  }
-}, Ne = /* @__PURE__ */ W(Se, [["__scopeId", "data-v-f386fe24"]]);
-export {
-  Ne as default
-};

package/dist/index-BSRuOxk5.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),V=require("./index-By5KQYOh.js"),N=["onClick"],I={__name:"VrTourTab",props:{list:{type:Array,default:()=>[]},currentIdx:{type:[String,Number],default:0}},emits:["updateIdx"],setup(k,{emit:w}){const{proxy:x}=e.getCurrentInstance(),{$_vsWidth:y}=x,B=k,i=w,c=e.ref(0),l=e.ref(0),a=e.ref(0),f=e.ref(0),u=e.ref(null),m=e.ref(null),d=e.ref([]),b=e.computed(()=>c.value>40),h=e.computed(()=>a.value+f.value<l.value+40),s=e.computed({get(){return B.currentIdx??0},set(r){i("updateIdx",r)}});e.watch(y,()=>{v()});const v=()=>{if(B.list.length<=0)return;m.value&&(c.value=m.value.scrollLeft),u.value&&(a.value=u.value.getBoundingClientRect().left,f.value=u.value.getBoundingClientRect().width);let r=null;d.value.length>0&&(r=Array.isArray(d.value)?d.value[d.value.length-1]:d.value),r&&r.getBoundingClientRect&&(l.value=r.getBoundingClientRect().left)},n=r=>{m.value&&(r==="next"?m.value.scrollLeft+=200:m.value.scrollLeft-=200)},t=()=>{v()};return e.onMounted(()=>{e.nextTick(()=>{t()})}),(r,p)=>(e.openBlock(),e.createElementBlock("div",{class:"tab-tag",ref_key:"VrtourWrapper",ref:u},[e.createElementVNode("ul",{class:"tab-tag__list",ref_key:"VrtourList",ref:m,onScroll:t},[e.withDirectives(e.createElementVNode("div",{class:"tab-tag__nav__prev",onClick:p[0]||(p[0]=o=>n("prev"))},null,512),[[e.vShow,b.value]]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.list,(o,_)=>(e.openBlock(),e.createElementBlock("li",{key:_},[e.createElementVNode("button",{type:"button",class:e.normalizeClass(["tab-tag__btn",{"is-active":s.value==_}]),ref_for:!0,ref_key:"VrtourBtn",ref:d,onClick:g=>s.value=_},e.toDisplayString(o.name),11,N)]))),128)),e.withDirectives(e.createElementVNode("div",{class:"tab-tag__nav__next",onClick:p[1]||(p[1]=o=>n("next"))},null,512),[[e.vShow,h.value]])],544)],512))}},L=V._(I,[["__scopeId","data-v-efdafd78"]]),$=["onClick"],S={__name:"VrTourCat",props:{list:{type:Array,default:()=>[]},currentIdx:{type:[String,Number],default:0}},emits:["updateIdx"],setup(k,{emit:w}){const{proxy:x}=e.getCurrentInstance(),y=k,B=w,i=e.ref(null),c=e.ref(null),l=e.ref(null),a=e.ref(0),f=e.ref(0),u=e.ref(0),m=e.ref(0),d=e.ref(0),b=e.computed(()=>a.value>40),h=e.computed(()=>u.value+m.value<f.value+40),s=e.computed({get(){return y.currentIdx??0},set(p){B("updateIdx",p),e.nextTick(r)}}),v=()=>{if(y.list.length<=0)return;c.value&&(a.value=c.value.scrollLeft),i.value&&(u.value=i.value.getBoundingClientRect().left,m.value=i.value.getBoundingClientRect().width);let p=null;l.value&&(p=Array.isArray(l.value)?l.value[l.value.length-1]:l.value),p&&p.getBoundingClientRect&&(f.value=p.getBoundingClientRect().left)},n=p=>{p=="next"?c.value.scrollLeft+=200:c.value.scrollLeft-=200},t=()=>{c.value&&(a.value=c.value.scrollLeft),v()},r=async()=>{if(await e.nextTick(),!l.value||!l.value[s.value])return;const p=l.value[s.value],o=p.clientWidth/2,_=x.$_vsWidth/2;d.value=p.getBoundingClientRect().right-o,c.value.scrollLeft-=_-d.value};return e.watch(()=>x.$_vsWidth,()=>{v()}),e.watch(()=>y.list,()=>{e.nextTick(v),c.value&&c.value.scrollLeft&&(c.value.scrollLeft=0)},{deep:!0}),e.onMounted(()=>{e.nextTick(t)}),(p,o)=>(e.openBlock(),e.createElementBlock("div",{class:"tab-tag",ref_key:"wrapper",ref:i},[e.createElementVNode("ul",{class:"tab-tag__list",ref_key:"list",ref:c,onScroll:t},[e.withDirectives(e.createElementVNode("div",{class:"tab-tag__nav__prev",onClick:o[0]||(o[0]=_=>n("prev"))},null,512),[[e.vShow,b.value]]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,(_,g)=>(e.openBlock(),e.createElementBlock("li",{key:g,class:"tab-tag__item"},[e.createElementVNode("button",{type:"button",class:e.normalizeClass(["tab-tag__btn",{"is-active":s.value==g}]),ref_for:!0,ref_key:"btnRef",ref:l,onClick:C=>s.value=g},e.toDisplayString(_.name),11,$)]))),128)),e.withDirectives(e.createElementVNode("div",{class:"tab-tag__nav__next",onClick:o[1]||(o[1]=_=>n("next"))},null,512),[[e.vShow,h.value]])],544)],512))}},E=V._(S,[["__scopeId","data-v-6dd36752"]]),T={class:"tab-tag__nav__prev"},R=["onClick"],D=["src","alt"],O={class:"tab-tag__btn__title"},P={class:"tab-tag__nav__next"},W={__name:"VrTourChoose",props:{list:{type:Array,default:()=>[]},currentIdx:{type:[String,Number],default:0}},emits:["updateIdx"],setup(k,{emit:w}){const{proxy:x}=e.getCurrentInstance(),{$_vsWidth:y}=x,B=k,i=w,c=e.ref(null),l=e.ref(null),a=e.ref(null),f=e.ref(0),u=e.ref(0),m=e.ref(0),d=e.ref(0),b=e.ref(0),h=e.computed(()=>f.value>0),s=e.computed(()=>u.value-40>d.value),v=e.computed({get(){return B.currentIdx??0},set(o){i("updateIdx",o),e.nextTick(r)}}),n=()=>{var _,g,C;if(B.list.length<=0)return;f.value=(_=l.value)==null?void 0:_.scrollLeft,m.value=(g=c.value)==null?void 0:g.getBoundingClientRect().left,d.value=(C=c.value)==null?void 0:C.getBoundingClientRect().right;let o=null;a.value&&(o=Array.isArray(a.value)?a.value[a.value.length-1]:a.value),u.value=o==null?void 0:o.getBoundingClientRect().right},t=o=>{o==="next"?l.value.scrollLeft+=200:l.value.scrollLeft-=200},r=()=>{const o=a.value[v.value];if(!o)return;const _=o.clientWidth/2,g=y.value/2;b.value=o.getBoundingClientRect().right-_,l.value.scrollLeft-=g-b.value},p=()=>{n()};return e.watch(()=>y.value,()=>{n()}),e.watch(()=>B.list,()=>{e.nextTick(n),l.value&&l.value.scrollLeft&&(l.value.scrollLeft=0)}),e.onMounted(()=>{e.nextTick(p)}),(o,_)=>(e.openBlock(),e.createElementBlock("div",{class:"vr-tour-choose tab-tag",ref_key:"wrapper",ref:c},[e.createElementVNode("ul",{class:"tab-tag__list",ref_key:"list",ref:l,onScroll:p},[e.withDirectives(e.createElementVNode("div",T,[e.createElementVNode("button",{type:"button",class:"nav__btn",onClick:_[0]||(_[0]=g=>t("prev"))})],512),[[e.vShow,h.value]]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,(g,C)=>(e.openBlock(),e.createElementBlock("li",{key:C,class:"tab-tag__item"},[e.createElementVNode("button",{type:"button",class:e.normalizeClass(["tab-tag__btn",{"is-active":v.value===C}]),ref_for:!0,ref_key:"btn",ref:a,onClick:ue=>v.value=C},[e.createElementVNode("img",{src:g.url,alt:g.name},null,8,D),e.createElementVNode("div",O,e.toDisplayString(g.name),1)],10,R)]))),128)),e.withDirectives(e.createElementVNode("div",P,[e.createElementVNode("button",{type:"button",class:"nav__btn",onClick:_[1]||(_[1]=g=>t("next"))})],512),[[e.vShow,s.value]])],544)],512))}},A=V._(W,[["__scopeId","data-v-ebb85a22"]]),q={class:"vr-tour-scene"},z=["src"],F={key:1,class:"vr-tour-scene__img"},H=["src","alt"],M={__name:"VrTourScene",props:{scene:{type:Object,default:()=>({})}},setup(k){const w=k,x=e.computed(()=>{var i;return(i=w.scene)==null?void 0:i.embed}),y=e.computed(()=>{var i;return(i=w.scene)==null?void 0:i.url}),B=e.computed(()=>{var i;return(i=w.scene)==null?void 0:i.name});return(i,c)=>(e.openBlock(),e.createElementBlock("div",q,[x.value?(e.openBlock(),e.createElementBlock("iframe",{key:0,src:x.value,frameborder:"0"},null,8,z)):(e.openBlock(),e.createElementBlock("div",F,[e.createElementVNode("img",{src:y.value,alt:B.value},null,8,H)]))]))}},U=V._(M,[["__scopeId","data-v-c07507d5"]]),Y={class:"vr-tour-select"},G={class:"select-btn__focus-name line-clamp-1"},J={class:"select-list"},K=["onClick"],Q={__name:"VrTourSelect",props:{list:{type:Array,default:()=>[]},currentIdx:{type:[String,Number],default:0}},emits:["updateIdx"],setup(k,{emit:w}){const{proxy:x}=e.getCurrentInstance(),{$_vsWidth:y}=x,B={mounted(s,v){s.clickOutsideEvent=n=>{s===n.target||s.contains(n.target)||v.value(n)},document.body.addEventListener("click",s.clickOutsideEvent)},unmounted(s){document.body.removeEventListener("click",s.clickOutsideEvent)}},i=k,c=w,l=e.ref(!1),a=e.ref(-8),f=e.ref(null),u=e.computed({get(){return i.currentIdx??0},set(s){c("updateIdx",s)}}),m=e.computed(()=>{var s;return((s=i.list[u.value])==null?void 0:s.name)||""});e.watch(l,()=>{b()}),e.onMounted(()=>{window.addEventListener("resize",()=>{y.value=window.innerWidth,l.value&&b()})});const d=()=>{l.value=!1},b=()=>{const s=f.value;if(!s)return;const v=V.$(s).x+s.clientWidth;v>y.value&&(a.value=a.value-v+y.value-4)},h=s=>{u.value=s,d()};return(s,v)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",Y,[e.createElementVNode("button",{type:"button",class:e.normalizeClass(["select-btn",{"is-open":l.value}]),onClick:v[0]||(v[0]=n=>l.value=!l.value)},[e.createElementVNode("div",G,e.toDisplayString(m.value),1),v[1]||(v[1]=e.createElementVNode("div",{class:"select-btn__arrow"},null,-1))],2),e.createElementVNode("div",{class:e.normalizeClass(["select-block",{"is-open":l.value}]),style:e.normalizeStyle({"--left":`${a.value}px`}),ref_key:"blockRef",ref:f},[e.createElementVNode("ul",J,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.list,(n,t)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(["select-item line-clamp-1",{"is-active":u.value===t}]),key:t,onClick:r=>h(t)},e.toDisplayString(n.name),11,K))),128))])],6)])),[[B,d]])}},j=V._(Q,[["__scopeId","data-v-536804a2"]]),X={class:"vr-tour__wrapper"},Z={key:0,class:"vr-tour__tabs"},ee={class:"container-content-middle"},te={key:1,class:"vr-tour__selects"},le={class:"container-content"},ne={class:"vr-tour__selects__list"},se={class:"vr-tour__scene"},re={key:2,class:"vr-tour__cats"},oe={class:"pt-2"},ce={key:3,class:"vr-tour__chooses"},ae={__name:"index",props:{modelValue:{type:Object,default:()=>({})}},emits:["update:modelValue","handleDelete","handleCopy","handlePaste"],setup(k,{emit:w}){const{proxy:x}=e.getCurrentInstance(),{$_vsWidth:y,$_vsScrollY:B,$vsScreenAddListener:i,$vsScreenDestroyListener:c}=x,l=w,a=k,f=e.ref(0),u=e.ref(0),m=e.ref(0),d=e.computed(()=>{var n;return((n=a.modelValue)==null?void 0:n.data)??null}),b=e.computed(()=>{var n,t;return(t=(n=d.value)==null?void 0:n[f.value])==null?void 0:t.categoriesList}),h=e.computed(()=>{var n,t;return(t=(n=b.value)==null?void 0:n[u.value])==null?void 0:t.facilitiesList}),s=e.computed(()=>{var n;return(n=h.value)==null?void 0:n[m.value]}),v=()=>{var t;if(a.modelValue&&a.modelValue.data)return;const n={id:((t=a.modelValue)==null?void 0:t.id)||V.r(),type:"VrTour",onlyShowPc:!1,containerWidth:"",bgColor:"",classes:"custom-class another-class",style:{},width:"",data:[{key:"secondary-school",name:"Secondary School",categoriesList:[{key:"facilities",name:"Facilities",facilitiesList:[{key:"ece-learning-communities",name:"ECE Learning Communities",url:"https://osswebsite.ycyw.com/ycis-qd/res/qd/vt/multi_floor_plans/853_floorplan.png",scene:null,embed:"https://osswebsite.ycyw.com/ycis-qd/res/qd/vt-2026/en/index.html"},{key:"primary-learning-communities",name:"Primary Learning Communities",url:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/y3-5.jpg",scene:null,embed:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/y3-5/tour.html"},{key:"our-libraries",name:"Our Libraries",url:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/libraries.jpg",scene:null,embed:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/libraries/tour.html"},{key:"our-facilities",name:"Our Facilities",url:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/facilities.jpg",scene:null,embed:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/facilities2/tour.html"},{key:"honglingjin-park",name:"Honglingjin Park",url:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/park.jpg",scene:null,embed:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/park2/tour.html"},{key:"other-public-areas",name:"Other Public Areas",url:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/our-campus.jpg",scene:null,embed:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/our-campus/tour.html"}]}]},{key:"secondary-school",name:"Secondary School",categoriesList:[{key:"facilities",name:"Facilities",facilitiesList:[{key:"ece-learning-communities",name:"ECE Learning Communities",url:"https://osswebsite.ycyw.com/ycis-qd/res/qd/vt/multi_floor_plans/853_floorplan.png",scene:null,embed:"https://osswebsite.ycyw.com/ycis-qd/res/qd/vt-2026/en/index.html"},{key:"primary-learning-communities",name:"Primary Learning Communities",url:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/y3-5.jpg",scene:null,embed:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/y3-5/tour.html"},{key:"our-libraries",name:"Our Libraries",url:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/libraries.jpg",scene:null,embed:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/libraries/tour.html"},{key:"our-facilities",name:"Our Facilities",url:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/facilities.jpg",scene:null,embed:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/facilities2/tour.html"},{key:"honglingjin-park",name:"Honglingjin Park",url:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/park.jpg",scene:null,embed:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/park2/tour.html"},{key:"other-public-areas",name:"Other Public Areas",url:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/our-campus.jpg",scene:null,embed:"https://osswebsite.ycyw.com/ycis-bj/res/bj/vt/our-campus/tour.html"}]}]}]};l("update:modelValue",n),f.value=0};return e.watch(f,()=>{u.value=0}),e.watch(u,()=>{m.value=0}),v(),(n,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["vr-tour bg-neutral-lightest",{"pb-0":h.value&&h.value.length<=1}])},[e.createElementVNode("div",X,[d.value&&d.value.length>1&&e.unref(y)>=768?(e.openBlock(),e.createElementBlock("div",Z,[e.createElementVNode("div",ee,[e.createVNode(L,{list:d.value,onUpdateIdx:t[0]||(t[0]=r=>f.value=r),currentIdx:f.value},null,8,["list","currentIdx"])])])):e.createCommentVNode("",!0),e.unref(y)<768?(e.openBlock(),e.createElementBlock("div",te,[e.createElementVNode("div",le,[e.createElementVNode("div",ne,[d.value.length>1?(e.openBlock(),e.createBlock(j,{key:0,list:d.value,onUpdateIdx:t[1]||(t[1]=r=>f.value=r),currentIdx:f.value},null,8,["list","currentIdx"])):e.createCommentVNode("",!0),b.value.length>1?(e.openBlock(),e.createBlock(j,{key:1,list:b.value,onUpdateIdx:t[2]||(t[2]=r=>u.value=r),currentIdx:u.value},null,8,["list","currentIdx"])):e.createCommentVNode("",!0)])]),h.value.length>1?(e.openBlock(),e.createBlock(E,{key:0,list:h.value,onUpdateIdx:t[3]||(t[3]=r=>m.value=r),currentIdx:m.value},null,8,["list","currentIdx"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",se,[e.createVNode(U,{scene:s.value},null,8,["scene"])]),b.value&&e.unref(y)>=768?(e.openBlock(),e.createElementBlock("div",re,[e.withDirectives(e.createElementVNode("div",oe,null,512),[[e.vShow,b.value.length<=1&&h.value.length>1]]),e.withDirectives(e.createVNode(E,{list:b.value,onUpdateIdx:t[4]||(t[4]=r=>u.value=r),currentIdx:u.value},null,8,["list","currentIdx"]),[[e.vShow,b.value.length>1]])])):e.createCommentVNode("",!0),h.value&&h.value.length>1&&e.unref(y)>=768?(e.openBlock(),e.createElementBlock("div",ce,[e.createVNode(A,{list:h.value,onUpdateIdx:t[5]||(t[5]=r=>m.value=r),currentIdx:m.value},null,8,["list","currentIdx"])])):e.createCommentVNode("",!0)])],2))}},ie=V._(ae,[["__scopeId","data-v-f386fe24"]]);exports.default=ie;