officialblock 2.1.6 → 2.1.8

package/dist/index-CmKQGmlH.mjs

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