officialblock 2.1.6 → 2.1.8

package/dist/index-DeRtxVh8.mjs

@@ -1,642 +0,0 @@
-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-DcjvupYq.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-Z8RYRTX6.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),i=require("./index-CU8BeqSQ.js"),h={class:"setting-content"},C={class:"setting-header flex items-center"},E={class:"setting-header flex items-center"},N={class:"setting-header flex items-center"},x={class:"setting-header flex items-center"},P={class:"setting-header flex items-center"},B={class:"setting-header flex items-center"},S={class:"preview-container"},z=["src"],I={key:1,class:"no-preview"},$={class:"setting-body"},H={class:"setting-item"},U={class:"components-content"},D=e.defineComponent({__name:"setting",props:{show:{type:Boolean,default:!1},data:{type:Object,default:()=>{}}},emits:["update:show"],setup(o,{emit:g}){const n=o,u=e.ref([{id:"preset-1",name:"YCCECE Background 1",image:"https://ywies-tx.cedim.cn/images/material/ycyw-90th-bg-01.svg",size:"cover",position:"center center"},{id:"preset-2",name:"YCCECE Background 2",image:"https://ywies-tx.cedim.cn/images/material/ycyw-90th-bg-02.svg",size:"",position:""},{id:"preset-3",name:"YCCECE Background 3",image:"https://ywies-tx.cedim.cn/images/material/ycyw-90th-bg-03.svg",size:"cover",position:""},{id:"preset-4",name:"YCCECE Background 4",image:"https://ywies-tx.cedim.cn/images/material/ycyw-90th-bg-04.svg",size:"cover",position:""}]),c=e.ref(),r=u.value.find(s=>s.image===n.data.backgroundImage);c.value=r?r.id:"";const m=()=>{const s=u.value.find(a=>a.id===c.value);s&&(n.data.backgroundImage=`${s.image}`,n.data.backgroundSize=s.size,n.data.backgroundPosition=s.position)},v=g,k=()=>{v("update:show",!1)};return(s,a)=>{const V=e.resolveComponent("a-switch"),y=e.resolveComponent("a-option"),b=e.resolveComponent("a-select"),w=e.resolveComponent("a-button"),p=e.resolveComponent("a-input"),f=e.resolveComponent("a-drawer");return e.openBlock(),e.createBlock(f,{width:"60%",visible:o.show,footer:!1,onCancel:k,unmountOnClose:""},{title:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.data.type)+"组件编辑 ",1)]),default:e.withCtx(()=>[e.createElementVNode("div",h,[e.createElementVNode("div",C,[a[6]||(a[6]=e.createElementVNode("span",{class:"header-title"},"仅显示PC端",-1)),e.createVNode(V,{modelValue:o.data.onlyShowPc,"onUpdate:modelValue":a[0]||(a[0]=t=>o.data.onlyShowPc=t)},null,8,["modelValue"])]),e.createElementVNode("div",E,[a[8]||(a[8]=e.createElementVNode("span",{class:"header-title"},"Background Preset",-1)),e.createVNode(b,{modelValue:c.value,"onUpdate:modelValue":a[1]||(a[1]=t=>c.value=t),style:{width:"300px","margin-right":"8px"}},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,t=>(e.openBlock(),e.createBlock(y,{value:t.id,key:t.id},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.name),1)]),_:2},1032,["value"]))),128))]),_:1},8,["modelValue"]),e.createVNode(w,{type:"primary",onClick:m},{default:e.withCtx(()=>[...a[7]||(a[7]=[e.createTextVNode("Apply",-1)])]),_:1})]),e.createElementVNode("div",N,[a[9]||(a[9]=e.createElementVNode("span",{class:"header-title"},"Image",-1)),e.createVNode(p,{modelValue:o.data.backgroundImage,"onUpdate:modelValue":a[2]||(a[2]=t=>o.data.backgroundImage=t),disabled:!0,placeholder:"图片路径",style:{width:"300px"}},null,8,["modelValue"])]),e.createElementVNode("div",x,[a[10]||(a[10]=e.createElementVNode("span",{class:"header-title"},"Size",-1)),e.createVNode(p,{modelValue:o.data.backgroundSize,"onUpdate:modelValue":a[3]||(a[3]=t=>o.data.backgroundSize=t),disabled:!0,placeholder:"尺寸",style:{width:"300px"}},null,8,["modelValue"])]),e.createElementVNode("div",P,[a[11]||(a[11]=e.createElementVNode("span",{class:"header-title"},"Position",-1)),e.createVNode(p,{modelValue:o.data.backgroundPosition,"onUpdate:modelValue":a[4]||(a[4]=t=>o.data.backgroundPosition=t),disabled:!0,placeholder:"位置",style:{width:"300px"}},null,8,["modelValue"])]),e.createElementVNode("div",B,[a[13]||(a[13]=e.createElementVNode("span",{class:"header-title"},"Preview",-1)),e.createElementVNode("div",S,[o.data.backgroundImage?(e.openBlock(),e.createElementBlock("img",{key:0,src:o.data.backgroundImage,style:e.normalizeStyle({"object-fit":o.data.backgroundSize||"cover","background-position":o.data.backgroundPosition||"center center",width:"100%",height:"100px",border:"1px solid #ddd"}),alt:"Background Preview"},null,12,z)):(e.openBlock(),e.createElementBlock("div",I,"No preview available")),a[12]||(a[12]=e.createElementVNode("p",{class:"preview-note"}," A light grey background has been applied for previewing and will not be reflected on website. ",-1))])]),e.createElementVNode("div",$,[a[14]||(a[14]=e.createElementVNode("div",{class:"setting-toolbar"},[e.createElementVNode("h4",null,"组件")],-1)),e.createElementVNode("div",H,[e.createElementVNode("div",U,[e.createVNode(i.P,{data:o.data.data,onUpdate:a[5]||(a[5]=t=>o.data.data=t)},null,8,["data"])])])])])]),_:1},8,["visible"])}}}),O=i._(D,[["__scopeId","data-v-f43efd7b"]]),T={class:"component-wrapper"},j={__name:"index",props:{modelValue:{type:Object,default:()=>{}},isPreview:{type:Boolean,default:!0}},emits:["update:modelValue","handleDelete","handleCopy","handlePaste"],setup(o,{emit:g}){const n=o,u=g,c=e.computed(()=>{var t,l;return!((t=n.modelValue)!=null&&t.data)||!Array.isArray(n.modelValue.data)?[]:(l=n.modelValue)==null?void 0:l.data}),r=e.ref(!1),m=e.ref(!1),v=()=>{var l,d;if(n.modelValue&&n.modelValue.data)return;const t={id:((l=n.modelValue)==null?void 0:l.id)||i.r(),type:"BackgroundWrapper",onlyShowPc:!1,backgroundImage:"https://ywies-tx.cedim.cn/images/material/ycyw-90th-bg-01.svg",backgroundSize:"cover",backgroundPosition:"center center",data:[{id:((d=n.modelValue)==null?void 0:d.id)||i.r(),type:"CustomText",onlyShowPc:!1,data:{width:1920,backgroundColor:"#ffffff",title:"这是标题",description:"这是描述"}}]};u("update:modelValue",t)},k=e.computed(()=>{var t;return n.isPreview?!((t=n.modelValue)!=null&&t.onlyShowPc)||!i.i():!0}),s=e.computed(()=>{var t;return((t=n.modelValue)==null?void 0:t.classes)??null}),a=e.computed(()=>{var t;return((t=n.modelValue)==null?void 0:t.style)??null}),V=e.computed(()=>{var t;return((t=n.modelValue)==null?void 0:t.width)??null}),y=e.computed(()=>{var t;return((t=n.modelValue)==null?void 0:t.backgroundImage)??""}),b=e.computed(()=>{var t;return((t=n.modelValue)==null?void 0:t.backgroundColor)??"transparent"}),w=e.computed(()=>{var t;return((t=n.modelValue)==null?void 0:t.backgroundSize)??"contain"}),p=e.computed(()=>{var t;return((t=n.modelValue)==null?void 0:t.backgroundPosition)??"center"}),f=e.computed(()=>{var t;return((t=n.modelValue)==null?void 0:t.backgroundRepeat)??"no-repeat"});return v(),(t,l)=>k.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["background-wrapper",s.value]),style:e.normalizeStyle(a.value)},[e.createElementVNode("div",{class:e.normalizeClass(V.value),style:{position:"relative"},onMouseover:l[2]||(l[2]=d=>r.value=!0),onMouseout:l[3]||(l[3]=d=>r.value=!1)},[e.createElementVNode("div",{class:"background-wrapper__bg",style:e.normalizeStyle({"background-image":`url('${y.value}')`,"background-color":`${b.value}`,"background-size":`${w.value}`,"background-position":`${p.value}`,"background-repeat":`${f.value}`})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,(d,Y)=>(e.openBlock(),e.createElementBlock("div",{key:d.id,class:"page-item"},[e.createElementVNode("div",T,[e.createVNode(i.a,{type:d.type,"props-data":{modelValue:d}},null,8,["type","props-data"])])]))),128))],4),o.isPreview?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(i.O,{key:0,show:r.value,"onUpdate:show":l[0]||(l[0]=d=>r.value=d),onHandleEdit:l[1]||(l[1]=d=>m.value=!0),onHandleDelete:t.handleDelete,onHandleCopy:t.handleCopy,onHandlePaste:t.handlePaste},null,8,["show","onHandleDelete","onHandleCopy","onHandlePaste"]))],34),o.isPreview?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(O,{key:0,show:m.value,"onUpdate:show":l[4]||(l[4]=d=>m.value=d),data:o.modelValue},null,8,["show","data"]))],6)):e.createCommentVNode("",!0)}},A=i._(j,[["__scopeId","data-v-e3f5b699"]]);exports.default=A;

package/dist/index-k5A3MqeE.mjs

@@ -1,4 +0,0 @@
-import { b as f } from "./index-DcjvupYq.mjs";
-export {
-  f as default
-};