officialblock 2.1.1 → 2.1.3

package/dist/index-BZZpFLbf.mjs

@@ -0,0 +1,609 @@
+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-CPFXI7lC.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-6916e854"]]), 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-BykzKd3s.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),V=require("./index-0C0pBmhT.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-6916e854"]]),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;