officialblock 2.1.2 → 2.1.4

package/dist/index-DOH-93hD.mjs

@@ -0,0 +1,642 @@
+import { getCurrentInstance as ce, ref as d, computed as r, watch as I, nextTick as b, onMounted as pe, createElementBlock as k, openBlock as g, normalizeClass as O, createElementVNode as a, withDirectives as ue, vShow as de, Fragment as X, renderList as ae, createBlock as K, resolveDynamicComponent as ve, withCtx as L, normalizeStyle as me, defineComponent as fe, defineAsyncComponent as ge, resolveComponent as E, createVNode as h, createTextVNode as Y, unref as he, mergeProps as ye, toDisplayString as oe, createCommentVNode as j, Transition as be } from "vue";
+import { _ as se, U as we, P as xe, r as A, u as ke, d as Ve, a as Ce, O as _e } from "./index-mXDfSi-N.mjs";
+const Te = { class: "tab-logo__btn__img flex-center" }, Se = ["src", "alt"], $e = {
+  __name: "TabLogo",
+  props: {
+    tabList: {
+      type: Array,
+      default: () => []
+    },
+    currentIdx: {
+      type: [String, Number],
+      default: 0
+    },
+    isFixed: {
+      type: Boolean,
+      default: !1
+    },
+    fullWidth: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["updateCurrentIdx"],
+  setup(u, { emit: F }) {
+    const { proxy: J } = ce(), { $_vsWidth: x, $_vsScrollY: G, $vsScreenAddListener: H, $vsScreenDestroyListener: M } = J, V = u, m = F, f = d(0), W = d(0.5 * x.value), c = d(0), t = d(!0), w = d(!0), P = d(0), C = d(!1), _ = d(0), T = d(0), S = d(0), $ = d(null), n = d(null), s = d([]), q = (l) => l || "", Q = r(() => f.value - W.value), Z = r(() => [
+      { "--strip-width": `${Q.value}px` },
+      { "--strip-left": `${W.value}px` },
+      { "--fix-left": `${c.value}px` },
+      {
+        transition: w.value ? "left 0.2s ease-in-out, width 0.2s ease-in-out" : ""
+      }
+    ]), ee = r(() => _.value > 0), te = r(() => T.value - _.value + U.value > S.value), U = r(() => {
+      if (!C.value) return 24;
+      const l = $.value;
+      if (!l) return 24;
+      const i = window.getComputedStyle(l, null).getPropertyValue("padding-right").split("px")[0];
+      return Number(i) * 2;
+    }), le = r(() => !1);
+    I(x, () => {
+      D(), N();
+    }), I(
+      () => V.currentIdx,
+      (l, i) => {
+        t.value = l > i, b(() => B()), b(() => o());
+      }
+    ), I(
+      () => V.isFixed,
+      () => {
+        x.value > 1200 && D(), b(() => N());
+      }
+    ), I(
+      () => V.tabList,
+      (l, i) => {
+        N(), b(() => {
+          B(0);
+        });
+      },
+      { deep: !0 }
+    );
+    const B = (l) => {
+      const i = l ?? 250;
+      t.value ? (z(), setTimeout(R, i)) : (R(), setTimeout(z, i)), setTimeout(() => {
+        w.value = !0;
+      }, i);
+    }, z = () => {
+      const l = s.value[V.currentIdx];
+      l && l.getBoundingClientRect && (f.value = l.getBoundingClientRect().right);
+    }, R = () => {
+      const l = s.value[V.currentIdx];
+      l && l.getBoundingClientRect && (W.value = l.getBoundingClientRect().left);
+    }, D = () => {
+      w.value = !1, b(() => B(0)), b(() => ne());
+    }, N = () => {
+      const l = $.value;
+      if (l) {
+        let i = l.getBoundingClientRect().left;
+        c.value = (l.offsetWidth - l.getBoundingClientRect().width) / 2 - i;
+      }
+    }, ne = () => {
+      V.tabList.length <= 0 || (n.value && (_.value = n.value.scrollLeft, T.value = n.value.scrollWidth), $.value && (S.value = $.value.getBoundingClientRect().width));
+    }, e = (l) => {
+      n.value && (l == "next" ? n.value.scrollLeft += 9999 : n.value.scrollLeft -= 9999);
+    }, o = () => {
+      const l = s.value[V.currentIdx];
+      if (!l) return;
+      const i = l.clientWidth / 2, y = x.value / 2;
+      P.value = l.getBoundingClientRect().right - i, n.value && (n.value.scrollLeft -= y - P.value);
+    }, p = (l) => {
+      m("updateCurrentIdx", l);
+    };
+    return pe(() => {
+      C.value = !0, b(() => {
+        B(0), setTimeout(D, 300), N(), b(() => {
+          setTimeout(o, 300);
+        });
+      }), window.addEventListener("resize", () => {
+        x.value = window.innerWidth;
+      });
+    }), (l, i) => (g(), k("div", {
+      class: O(["tab-logo", [{ "is-fixed": u.isFixed }, { "is-campus": !le.value }, { "is-full-width": u.fullWidth }]]),
+      ref_key: "wrapper",
+      ref: $
+    }, [
+      a("ul", {
+        class: "tab-logo__list",
+        ref_key: "list",
+        ref: n,
+        onScroll: D
+      }, [
+        ue(a("div", {
+          class: "tab-logo__nav__prev",
+          onClick: i[0] || (i[0] = (y) => e("prev"))
+        }, null, 512), [
+          [de, ee.value]
+        ]),
+        (g(!0), k(X, null, ae(u.tabList, (y, v) => (g(), k("li", {
+          key: v,
+          class: O(["tab-logo__item", [{ "tab-logo__item--img": !!y.img }]])
+        }, [
+          a("div", {
+            ref_for: !0,
+            ref_key: "btn",
+            ref: s,
+            class: "flex-center"
+          }, [
+            (g(), K(ve(y.link ? "nuxt-link" : "button"), {
+              type: y.link ? null : "button",
+              to: q(y.link),
+              class: O(["tab-logo__btn", [{ "is-active": u.currentIdx == v }]]),
+              onClick: (ie) => p(v)
+            }, {
+              default: L(() => [
+                a("div", Te, [
+                  a("img", {
+                    src: y.img,
+                    alt: y.alt
+                  }, null, 8, Se)
+                ])
+              ]),
+              _: 2
+            }, 1032, ["type", "to", "class", "onClick"]))
+          ], 512)
+        ], 2))), 128)),
+        ue(a("div", {
+          class: "tab-logo__nav__next",
+          onClick: i[1] || (i[1] = (y) => e("next"))
+        }, null, 512), [
+          [de, te.value]
+        ])
+      ], 544),
+      a("span", {
+        class: "tab-logo__strip",
+        style: me(Z.value)
+      }, null, 4)
+    ], 2));
+  }
+}, Le = /* @__PURE__ */ se($e, [["__scopeId", "data-v-95fa5f31"]]), Ie = { class: "setting-content" }, Pe = { class: "setting-header flex items-center" }, Be = { class: "setting-body" }, De = { class: "setting-toolbar" }, We = { class: "tools" }, Ue = { class: "setting-item" }, Re = { class: "item-header" }, Ee = { class: "btn-group" }, Ae = {
+  key: 0,
+  class: "drag-handle"
+}, He = ["src"], Ne = { class: "item-uplaod flex items-center" }, Oe = { class: "components-content" }, Fe = /* @__PURE__ */ fe({
+  __name: "setting",
+  props: {
+    show: {
+      type: Boolean,
+      default: !1
+    },
+    data: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  emits: ["update:show"],
+  setup(u, { emit: F }) {
+    const J = ge(() => import("vuedraggable")), x = d(!1), G = r(() => ({
+      animation: 200,
+      group: "gallerys",
+      disabled: !1,
+      ghostClass: "ghost",
+      handle: ".drag-handle",
+      filter: ".arco-input, .arco-select, .arco-checkbox",
+      preventOnFilter: !1
+    }));
+    r(() => ({
+      animation: 200,
+      group: "gallerys-above",
+      disabled: !1,
+      ghostClass: "ghost",
+      handle: ".drag-handle",
+      filter: ".arco-input, .arco-select, .arco-checkbox",
+      preventOnFilter: !1
+    }));
+    const H = (c) => c && c.length > 1, M = u, V = F, m = () => {
+      V("update:show", !1);
+    }, f = (c) => {
+      debugger;
+      M.data.data.push({
+        id: A(),
+        key: A(),
+        name: "New Tab",
+        img: "https://osswebsite-test.cedim.cn/media-library/shared/24-25%E5%BC%80%E5%AD%A6/640-5.jpg",
+        alt: "yew-chung-international-school",
+        componentsDataJson: []
+      });
+    }, W = (c, t) => {
+      M.data.data = M.data.data.filter((w) => w.id !== c);
+    };
+    return (c, t) => {
+      const w = E("a-switch"), P = E("icon-plus"), C = E("a-button"), _ = E("icon-drag-arrow"), T = E("icon-delete"), S = E("a-input"), $ = E("a-drawer");
+      return g(), K($, {
+        width: "60%",
+        visible: u.show,
+        footer: !1,
+        onCancel: m,
+        unmountOnClose: ""
+      }, {
+        title: L(() => [
+          Y(oe(u.data.type) + "组件编辑 ", 1)
+        ]),
+        default: L(() => [
+          a("div", Ie, [
+            a("div", Pe, [
+              t[7] || (t[7] = a("span", { class: "header-title" }, "仅显示PC端", -1)),
+              h(w, {
+                modelValue: u.data.onlyShowPc,
+                "onUpdate:modelValue": t[0] || (t[0] = (n) => u.data.onlyShowPc = n)
+              }, null, 8, ["modelValue"])
+            ]),
+            a("div", Be, [
+              a("div", De, [
+                t[10] || (t[10] = a("h1", null, "List", -1)),
+                a("div", We, [
+                  h(C, {
+                    type: "primary",
+                    onClick: t[1] || (t[1] = (n) => f())
+                  }, {
+                    icon: L(() => [
+                      h(P)
+                    ]),
+                    default: L(() => [
+                      t[8] || (t[8] = Y(" 添加 List ", -1))
+                    ]),
+                    _: 1
+                  }),
+                  h(C, {
+                    type: "primary",
+                    onClick: t[2] || (t[2] = (n) => f())
+                  }, {
+                    default: L(() => [...t[9] || (t[9] = [
+                      Y("粘贴 Tab", -1)
+                    ])]),
+                    _: 1
+                  })
+                ])
+              ]),
+              a("div", Ue, [
+                h(he(J), ye({
+                  modelValue: u.data.data,
+                  "onUpdate:modelValue": t[4] || (t[4] = (n) => u.data.data = n),
+                  "component-data": {
+                    tag: "div",
+                    type: "transition-group",
+                    name: x.value ? null : "flip-list"
+                  }
+                }, G.value, {
+                  disabled: !H(u.data.data),
+                  onStart: t[5] || (t[5] = (n) => x.value = !0),
+                  onEnd: t[6] || (t[6] = (n) => x.value = !1),
+                  "item-key": "id"
+                }), {
+                  item: L(({ element: n }) => [
+                    (g(), k("div", {
+                      class: O(["item-button draggable-item", {
+                        "sortable-disabled": !H(u.data.data)
+                      }]),
+                      key: n.id
+                    }, [
+                      a("div", Re, [
+                        a("div", null, [
+                          a("h5", null, oe(n.name), 1),
+                          a("span", null, oe(n.key), 1)
+                        ]),
+                        a("div", Ee, [
+                          H(u.data.data) ? (g(), k("div", Ae, [
+                            h(_, { class: "drag-icon" })
+                          ])) : j("", !0),
+                          h(T, {
+                            class: "btn-delete",
+                            onClick: (s) => W(n.id)
+                          }, null, 8, ["onClick"]),
+                          h(C, {
+                            size: "mini",
+                            type: "primary",
+                            onClick: t[3] || (t[3] = (s) => f())
+                          }, {
+                            default: L(() => [...t[11] || (t[11] = [
+                              Y("复制 Tab", -1)
+                            ])]),
+                            _: 1
+                          })
+                        ])
+                      ]),
+                      t[12] || (t[12] = a("p", { class: "item-title" }, "Alt", -1)),
+                      h(S, {
+                        modelValue: n.alt,
+                        "onUpdate:modelValue": (s) => n.alt = s,
+                        placeholder: "请输入alt",
+                        "allow-clear": ""
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                      t[13] || (t[13] = a("p", { class: "item-title" }, "Key", -1)),
+                      h(S, {
+                        modelValue: n.key,
+                        "onUpdate:modelValue": (s) => n.key = s,
+                        placeholder: "请输入key",
+                        "allow-clear": ""
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                      t[14] || (t[14] = a("p", { class: "item-title" }, "图片", -1)),
+                      a("img", {
+                        class: "item-img",
+                        src: n.img
+                      }, null, 8, He),
+                      a("div", Ne, [
+                        h(S, {
+                          modelValue: n.img,
+                          "onUpdate:modelValue": (s) => n.img = s,
+                          placeholder: "请输入图片链接",
+                          "allow-clear": ""
+                        }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                        h(we, {
+                          modelValue: n.img,
+                          "onUpdate:modelValue": (s) => n.img = s,
+                          name: n.key
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "name"])
+                      ]),
+                      t[15] || (t[15] = a("p", null, "components", -1)),
+                      a("div", Oe, [
+                        h(xe, {
+                          data: n.componentsDataJson,
+                          onUpdate: (s) => n.componentsDataJson = s
+                        }, null, 8, ["data", "onUpdate"])
+                      ])
+                    ], 2))
+                  ]),
+                  _: 1
+                }, 16, ["modelValue", "component-data", "disabled"])
+              ])
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["visible"]);
+    };
+  }
+}), Je = /* @__PURE__ */ se(Fe, [["__scopeId", "data-v-c52189f2"]]), Me = { class: "tab-page__content" }, je = { key: 0 }, re = "", Ke = {
+  __name: "index",
+  props: {
+    modelValue: {
+      type: Object,
+      default: () => ({})
+    },
+    // 是否预览
+    isPreview: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["update:modelValue", "handleDelete", "handleCopy", "handlePaste"],
+  setup(u, { emit: F }) {
+    const J = F, { proxy: x } = ce(), { $_vsWidth: G, $_vsScrollY: H, $vsScreenAddListener: M, $vsScreenDestroyListener: V } = x, m = u, f = ke(), W = Ve(), c = d(0), t = d(!1), w = d(!0), P = d(null), C = d(null), _ = d(!1), T = d(!1), S = (e) => {
+      if (!e) return { top: 0, left: 0 };
+      const o = e.getBoundingClientRect(), p = window.pageYOffset || document.documentElement.scrollTop, l = window.pageXOffset || document.documentElement.scrollLeft;
+      return {
+        top: o.top + p,
+        left: o.left + l
+      };
+    }, $ = r(() => {
+      var e;
+      return ((e = m.modelValue) == null ? void 0 : e.classes) ?? null;
+    }), n = r(() => {
+      var e;
+      return ((e = m.modelValue) == null ? void 0 : e.style) ?? null;
+    });
+    r(() => {
+      var e;
+      return ((e = m.modelValue) == null ? void 0 : e.type) ?? "TabPrimary";
+    });
+    const s = r(() => {
+      var e;
+      return ((e = m.modelValue) == null ? void 0 : e.data) ?? [];
+    }), q = r(() => {
+      var e;
+      return ((e = m.modelValue) == null ? void 0 : e.fixed) ?? !0;
+    }), Q = r(() => {
+      var e;
+      return ((e = m.modelValue) == null ? void 0 : e.resetToTop) ?? !0;
+    }), Z = r(() => {
+      var e;
+      return ((e = m.modelValue) == null ? void 0 : e.scrollToTop) ?? !0;
+    }), ee = r(() => {
+      var e;
+      return ((e = m.modelValue) == null ? void 0 : e.fullWidth) ?? !1;
+    });
+    r(() => 0), r(() => !1);
+    const te = r(() => s.value.some((e) => e.img)), U = r(() => {
+      var e;
+      return ((e = s.value[c.value]) == null ? void 0 : e.key) ?? null;
+    });
+    r(() => {
+      var o;
+      if (!((o = m.modelValue) != null && o.data) || !Array.isArray(m.modelValue.data))
+        return [];
+      const e = m.modelValue.data[c.value];
+      return e ? e.componentsDataJson || [] : [];
+    });
+    const le = () => {
+      var o;
+      if (m.modelValue && m.modelValue.data)
+        return;
+      const e = {
+        id: ((o = m.modelValue) == null ? void 0 : o.id) || A(),
+        //componentKey
+        type: "TabLogo",
+        onlyShowPc: !1,
+        containerWidth: "",
+        bgColor: "",
+        classes: "custom-class another-class",
+        style: {},
+        width: "",
+        resetToTop: !1,
+        fullWidth: !0,
+        fixed: !1,
+        scrollToTop: !1,
+        data: [
+          //list
+          {
+            id: A(),
+            key: A(),
+            img: "https://osswebsite-test.cedim.cn/media-library/shared/24-25%E5%BC%80%E5%AD%A6/640-5.jpg",
+            alt: "yew-chung-international-school",
+            name: "New Tab1",
+            componentsDataJson: [
+              // {
+              //   id: props.modelValue?.id || randomString(),
+              //   type: "BannerImage",
+              //   onlyShowPc: false,
+              //   data: {
+              //     title: "这里是标题",
+              //     imgSrc: "https://osswebsite-test.cedim.cn/ywies-tx/static-images/about-ywies/01_About_YWIES_1_Header.jpg",
+              //   },
+              // },
+            ]
+          },
+          {
+            id: A(),
+            key: A(),
+            img: "https://osswebsite-test.cedim.cn/media-library/shared/24-25%E5%BC%80%E5%AD%A6/640-5.jpg",
+            alt: "yew-chung-international-school",
+            name: "New Tab2",
+            componentsDataJson: [
+              // {
+              //   id: props.modelValue?.id || randomString(),
+              //   type: "ArticleList",
+              //   onlyShowPc: false,
+              //   width: "",
+              //   bgColor: "",
+              //   data: [
+              //     {
+              //       id: randomString(),
+              //       type: "Article",
+              //       title: "这里是标题",
+              //       content: "这里是内容",
+              //       buttonList: [],
+              //       linkList: [
+              //         {
+              //           id: randomString(),
+              //           text: "链接名称",
+              //           url: "",
+              //           isExternal: false,
+              //         },
+              //       ],
+              //     },
+              //     {
+              //       id: randomString(),
+              //       type: "Image",
+              //       imgSrc: "https://osswebsite.ycyw.com/media-library/ywies-bj/images/home/ywies-tx.jpg",
+              //       caption: "",
+              //       alt: "",
+              //       isRound: false,
+              //     },
+              //   ],
+              // },
+            ]
+          }
+        ]
+      };
+      J("update:modelValue", e), c.value = 0;
+    }, B = () => {
+      const e = C.value;
+      if (!e) return;
+      const o = e.getBoundingClientRect().top, p = P.value;
+      if (!p) return;
+      const l = p.getBoundingClientRect().top, i = +window.getComputedStyle(document.body).getPropertyValue("--header-height-calc").split("px")[0];
+      if (l > i) {
+        t.value = !1;
+        return;
+      }
+      o <= i && (t.value = !0);
+    }, z = () => {
+      if (f.hash) {
+        b(() => {
+          setTimeout(R, 500);
+        });
+        return;
+      }
+      if (!Z.value) return;
+      let e = 0;
+      Q.value || (e = S(P.value).top - 170), window.scroll({ top: e, left: 0, behavior: "smooth" });
+    }, R = () => {
+      if (!f.hash) return;
+      const e = document.querySelector(f.hash);
+      if (!e) return;
+      const o = S(e).top;
+      window.scroll({
+        top: o - 170,
+        left: 0,
+        behavior: "smooth"
+      });
+    }, D = () => {
+      const e = f.params.subpage;
+      let o = s.value.findIndex((v) => v.key == e);
+      const p = ne(), l = s.value.findIndex((v) => v.key == p), i = f.query.category, y = s.value.findIndex((v) => v.key == i);
+      if (o >= 0)
+        c.value = o;
+      else if (y > -1)
+        w.value = !1, c.value = y;
+      else if (l > -1)
+        w.value = !1, c.value = l;
+      else if (s.value[0] && s.value[0].link) {
+        console.log(s.value[0].link);
+        let v = f.path;
+        v.endsWith("/") && (v = v.split("/"), v.pop(), v = v.join("/"));
+        const ie = `${v}/${s.value[0].key}`;
+        W.replace(ie);
+      }
+      b(R);
+    }, N = (e) => {
+      sessionStorage.setItem(re, e);
+    }, ne = () => sessionStorage.getItem(re);
+    return I(
+      () => H.value,
+      () => {
+        B();
+      }
+    ), I(
+      () => f.params.subpage,
+      () => {
+        D();
+      }
+    ), I(
+      () => f.query,
+      () => {
+        D();
+      },
+      { deep: !0 }
+    ), I(c, () => {
+      N(U.value), w.value && z(), w.value = !0;
+    }), I(U, (e) => {
+      e || (c.value = 0);
+    }), pe(() => {
+      ["article"].includes(f.params.section) || (le(), R(), D(), b(B), setTimeout(() => {
+        b(B);
+      }, 200), setTimeout(() => {
+        b(R);
+      }, 1e3));
+    }), (e, o) => (g(), k("div", {
+      class: O(["tab-page", $.value]),
+      style: me(n.value),
+      onMouseover: o[4] || (o[4] = (p) => T.value = !0),
+      onMouseout: o[5] || (o[5] = (p) => T.value = !1)
+    }, [
+      a("div", {
+        class: O(["tab-page__hold", [{ "is-fixed": t.value && q.value }, { "is-thick": te.value }]]),
+        ref_key: "hold",
+        ref: P
+      }, [
+        a("div", {
+          class: "tab-page__nav",
+          ref_key: "tab",
+          ref: C
+        }, [
+          h(Le, {
+            tabList: s.value,
+            currentIdx: c.value,
+            isFixed: t.value && q.value,
+            fullWidth: ee.value,
+            onUpdateCurrentIdx: o[0] || (o[0] = (p) => c.value = p)
+          }, null, 8, ["tabList", "currentIdx", "isFixed", "fullWidth"])
+        ], 512)
+      ], 2),
+      a("div", Me, [
+        h(be, {
+          name: "fade",
+          mode: "out-in"
+        }, {
+          default: L(() => [
+            U.value ? (g(), k("div", { key: U.value }, [
+              (g(!0), k(X, null, ae(s.value, (p) => (g(), k(X, null, [
+                U.value == p.key ? (g(), k("div", je, [
+                  (g(!0), k(X, null, ae(p.componentsDataJson, (l, i) => (g(), K(Ce, {
+                    key: l.id,
+                    type: l.type,
+                    "props-data": { modelValue: l, isPreview: !1 }
+                  }, null, 8, ["type", "props-data"]))), 128))
+                ])) : j("", !0)
+              ], 64))), 256))
+            ])) : j("", !0)
+          ]),
+          _: 1
+        })
+      ]),
+      u.isPreview ? j("", !0) : (g(), K(_e, {
+        key: 0,
+        show: T.value,
+        "onUpdate:show": o[1] || (o[1] = (p) => T.value = p),
+        onHandleEdit: o[2] || (o[2] = (p) => _.value = !0),
+        onHandleDelete: e.handleDelete,
+        onHandleCopy: e.handleCopy,
+        onHandlePaste: e.handlePaste,
+        style: { top: "-32px" }
+      }, null, 8, ["show", "onHandleDelete", "onHandleCopy", "onHandlePaste"])),
+      u.isPreview ? j("", !0) : (g(), K(Je, {
+        key: 1,
+        show: _.value,
+        "onUpdate:show": o[3] || (o[3] = (p) => _.value = p),
+        data: u.modelValue
+      }, null, 8, ["show", "data"]))
+    ], 38));
+  }
+}, Ye = /* @__PURE__ */ se(Ke, [["__scopeId", "data-v-7ea78236"]]);
+export {
+  Ye as default
+};

package/dist/index-DRljdCDQ.js

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