officialblock 2.1.1 → 2.1.3

package/dist/{index-D3X7jHwZ.mjs → index-DSpGOD0e.mjs}

@@ -1,9 +1,9 @@
-import { defineComponent as O, ref as w, resolveComponent as k, createBlock as f, openBlock as s, withCtx as y, createElementVNode as a, createVNode as c, createElementBlock as g, Fragment as U, renderList as D, createTextVNode as S, toDisplayString as $, normalizeStyle as B, computed as r, normalizeClass as E, createCommentVNode as H } from "vue";
-import { P as A, _ as N, a as Y, O as j, r as M } from "./index-QpRJyZ_6.mjs";
-const R = { class: "setting-content" }, F = { class: "setting-header flex items-center" }, J = { class: "setting-header flex items-center" }, L = { class: "setting-header flex items-center" }, T = { class: "setting-header flex items-center" }, W = { class: "setting-header flex items-center" }, q = { class: "preview-container" }, G = ["src"], K = {
+import { defineComponent as A, ref as w, resolveComponent as g, createBlock as f, openBlock as i, withCtx as k, createElementVNode as a, createVNode as u, createElementBlock as p, Fragment as D, renderList as N, createTextVNode as B, toDisplayString as H, normalizeStyle as E, computed as d, createCommentVNode as $, normalizeClass as U } from "vue";
+import { P as Y, _ as O, i as j, a as M, O as R, r as F } from "./index-CPFXI7lC.mjs";
+const J = { class: "setting-content" }, L = { class: "setting-header flex items-center" }, T = { 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"
-}, Q = { class: "setting-body" }, X = { class: "setting-item" }, Z = { class: "components-content" }, _ = /* @__PURE__ */ O({
+}, _ = { class: "setting-body" }, ee = { class: "setting-item" }, te = { class: "components-content" }, ae = /* @__PURE__ */ A({
   __name: "setting",
   props: {
     show: {
@@ -18,7 +18,7 @@ const R = { class: "setting-content" }, F = { class: "setting-header flex items-
   },
   emits: ["update:show"],
   setup(o, { emit: h }) {
-    const n = o, p = w([
+    const n = o, v = w([
       {
         id: "preset-1",
         name: "YCCECE Background 1",
@@ -47,93 +47,99 @@ const R = { class: "setting-content" }, F = { class: "setting-header flex items-
         size: "100% auto",
         position: "right bottom"
       }
-    ]), m = w(), u = p.value.find((i) => i.image === n.data.backgroundImage);
-    debugger;
-    m.value = u ? u.id : "";
-    const v = () => {
-      const i = p.value.find((t) => t.id === m.value);
-      i && (n.data.backgroundImage = `${i.image}`, n.data.backgroundSize = i.size, n.data.backgroundPosition = i.position);
+    ]), m = w(), 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 (i, t) => {
-      const x = k("a-option"), P = k("a-select"), z = k("a-button"), b = k("a-input"), I = k("a-drawer");
-      return s(), f(I, {
+    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: y(() => [
-          S($(o.data.type) + "组件编辑 ", 1)
+        title: k(() => [
+          B(H(o.data.type) + "组件编辑 ", 1)
         ]),
-        default: y(() => [
-          a("div", R, [
-            a("div", F, [
-              t[6] || (t[6] = a("span", { class: "header-title" }, "Background Preset", -1)),
-              c(P, {
+        default: k(() => [
+          a("div", J, [
+            a("div", L, [
+              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", T, [
+              t[8] || (t[8] = a("span", { class: "header-title" }, "Background Preset", -1)),
+              u(S, {
                 modelValue: m.value,
-                "onUpdate:modelValue": t[0] || (t[0] = (e) => m.value = e),
+                "onUpdate:modelValue": t[1] || (t[1] = (e) => m.value = e),
                 style: { width: "300px", "margin-right": "8px" }
               }, {
-                default: y(() => [
-                  (s(!0), g(U, null, D(p.value, (e) => (s(), f(x, {
+                default: k(() => [
+                  (i(!0), p(D, null, N(v.value, (e) => (i(), f(x, {
                     value: e.id,
                     key: e.id
                   }, {
-                    default: y(() => [
-                      S($(e.name), 1)
+                    default: k(() => [
+                      B(H(e.name), 1)
                     ]),
                     _: 2
                   }, 1032, ["value"]))), 128))
                 ]),
                 _: 1
               }, 8, ["modelValue"]),
-              c(z, {
+              u(z, {
                 type: "primary",
-                onClick: v
+                onClick: b
               }, {
-                default: y(() => [...t[5] || (t[5] = [
-                  S("Apply", -1)
+                default: k(() => [...t[7] || (t[7] = [
+                  B("Apply", -1)
                 ])]),
                 _: 1
               })
             ]),
-            a("div", J, [
-              t[7] || (t[7] = a("span", { class: "header-title" }, "Image", -1)),
-              c(b, {
+            a("div", W, [
+              t[9] || (t[9] = a("span", { class: "header-title" }, "Image", -1)),
+              u(y, {
                 modelValue: o.data.backgroundImage,
-                "onUpdate:modelValue": t[1] || (t[1] = (e) => o.data.backgroundImage = e),
+                "onUpdate:modelValue": t[2] || (t[2] = (e) => o.data.backgroundImage = e),
                 placeholder: "图片路径",
                 style: { width: "300px" }
               }, null, 8, ["modelValue"])
             ]),
-            a("div", L, [
-              t[8] || (t[8] = a("span", { class: "header-title" }, "Size", -1)),
-              c(b, {
+            a("div", q, [
+              t[10] || (t[10] = a("span", { class: "header-title" }, "Size", -1)),
+              u(y, {
                 modelValue: o.data.backgroundSize,
-                "onUpdate:modelValue": t[2] || (t[2] = (e) => o.data.backgroundSize = e),
+                "onUpdate:modelValue": t[3] || (t[3] = (e) => o.data.backgroundSize = e),
                 placeholder: "尺寸",
                 style: { width: "300px" }
               }, null, 8, ["modelValue"])
             ]),
-            a("div", T, [
-              t[9] || (t[9] = a("span", { class: "header-title" }, "Position", -1)),
-              c(b, {
+            a("div", G, [
+              t[11] || (t[11] = a("span", { class: "header-title" }, "Position", -1)),
+              u(y, {
                 modelValue: o.data.backgroundPosition,
-                "onUpdate:modelValue": t[3] || (t[3] = (e) => o.data.backgroundPosition = e),
+                "onUpdate:modelValue": t[4] || (t[4] = (e) => o.data.backgroundPosition = e),
                 placeholder: "位置",
                 style: { width: "300px" }
               }, null, 8, ["modelValue"])
             ]),
-            a("div", W, [
-              t[11] || (t[11] = a("span", { class: "header-title" }, "Preview", -1)),
-              a("div", q, [
-                o.data.backgroundImage ? (s(), g("img", {
+            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: B({
+                  style: E({
                     "object-fit": o.data.backgroundSize || "cover",
                     "background-position": o.data.backgroundPosition || "center center",
                     width: "100%",
@@ -141,19 +147,19 @@ const R = { class: "setting-content" }, F = { class: "setting-header flex items-
                     border: "1px solid #ddd"
                   }),
                   alt: "Background Preview"
-                }, null, 12, G)) : (s(), g("div", K, "No preview available")),
-                t[10] || (t[10] = a("p", { class: "preview-note" }, " A light grey background has been applied for previewing and will not be reflected on website. ", -1))
+                }, 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", Q, [
-              t[12] || (t[12] = a("div", { class: "setting-toolbar" }, [
+            a("div", _, [
+              t[14] || (t[14] = a("div", { class: "setting-toolbar" }, [
                 a("h4", null, "组件")
               ], -1)),
-              a("div", X, [
-                a("div", Z, [
-                  c(A, {
+              a("div", ee, [
+                a("div", te, [
+                  u(Y, {
                     data: o.data.data,
-                    onUpdate: t[4] || (t[4] = (e) => o.data.data = e)
+                    onUpdate: t[5] || (t[5] = (e) => o.data.data = e)
                   }, null, 8, ["data"])
                 ])
               ])
@@ -164,7 +170,7 @@ const R = { class: "setting-content" }, F = { class: "setting-header flex items-
       }, 8, ["visible"]);
     };
   }
-}), ee = /* @__PURE__ */ N(_, [["__scopeId", "data-v-aed41d00"]]), te = { class: "component-wrapper" }, ae = {
+}), oe = /* @__PURE__ */ O(ae, [["__scopeId", "data-v-bb5b5b8c"]]), ne = { class: "component-wrapper" }, le = {
   __name: "index",
   props: {
     modelValue: {
@@ -180,99 +186,104 @@ const R = { class: "setting-content" }, F = { class: "setting-header flex items-
   },
   emits: ["update:modelValue", "handleDelete", "handleCopy", "handlePaste"],
   setup(o, { emit: h }) {
-    const n = o, p = h, m = r(() => {
+    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;
-    }), u = w(!1), v = w(!1), V = () => {
+    }), c = w(!1), b = w(!1), V = () => {
       var l;
       if (n.modelValue && n.modelValue.data)
         return;
       const e = {
-        id: ((l = n.modelValue) == null ? void 0 : l.id) || M(),
+        id: ((l = n.modelValue) == null ? void 0 : l.id) || F(),
         //componentKey
         type: "BackgroundWrapper",
+        onlyShowPc: !1,
         backgroundImage: "",
         backgroundSize: "",
         backgroundPosition: "",
         data: []
       };
-      p("update:modelValue", e);
-    }, C = r(() => {
+      v("update:modelValue", e);
+    }, C = d(() => {
+      var e;
+      return n.isPreview ? !((e = n.modelValue) != null && e.onlyShowPc) || !j() : !0;
+    }), r = d(() => {
       var e;
       return ((e = n.modelValue) == null ? void 0 : e.classes) ?? null;
-    }), i = r(() => {
+    }), t = d(() => {
       var e;
       return ((e = n.modelValue) == null ? void 0 : e.style) ?? null;
-    }), t = r(() => {
+    }), P = d(() => {
       var e;
       return ((e = n.modelValue) == null ? void 0 : e.width) ?? null;
-    }), x = r(() => {
+    }), x = d(() => {
       var e;
       return ((e = n.modelValue) == null ? void 0 : e.backgroundImage) ?? "";
-    }), P = r(() => {
+    }), S = d(() => {
       var e;
       return ((e = n.modelValue) == null ? void 0 : e.backgroundColor) ?? "transparent";
-    }), z = r(() => {
+    }), z = d(() => {
       var e;
       return ((e = n.modelValue) == null ? void 0 : e.backgroundSize) ?? "contain";
-    }), b = r(() => {
+    }), y = d(() => {
       var e;
       return ((e = n.modelValue) == null ? void 0 : e.backgroundPosition) ?? "center";
-    }), I = r(() => {
+    }), I = d(() => {
       var e;
       return ((e = n.modelValue) == null ? void 0 : e.backgroundRepeat) ?? "no-repeat";
     });
-    return V(), (e, l) => (s(), g("div", {
-      class: E(["background-wrapper", C.value]),
-      style: B(i.value),
-      onMouseover: l[3] || (l[3] = (d) => u.value = !0),
-      onMouseout: l[4] || (l[4] = (d) => u.value = !1)
+    return V(), (e, l) => C.value ? (i(), p("div", {
+      key: 0,
+      class: U(["background-wrapper", r.value]),
+      style: E(t.value),
+      onMouseover: l[3] || (l[3] = (s) => c.value = !0),
+      onMouseout: l[4] || (l[4] = (s) => c.value = !1)
     }, [
       a("div", {
-        class: E(t.value)
+        class: U(P.value)
       }, [
         a("div", {
           class: "background-wrapper__bg",
-          style: B({
+          style: E({
             "background-image": `url('${x.value}')`,
-            "background-color": `${P.value}`,
+            "background-color": `${S.value}`,
             "background-size": `${z.value}`,
-            "background-position": `${b.value}`,
+            "background-position": `${y.value}`,
             "background-repeat": `${I.value}`
           })
         }, [
-          (s(!0), g(U, null, D(m.value, (d, oe) => (s(), g("div", {
-            key: d.id,
+          (i(!0), p(D, null, N(m.value, (s, se) => (i(), p("div", {
+            key: s.id,
             class: "page-item"
           }, [
-            a("div", te, [
-              c(Y, {
-                type: d.type,
-                "props-data": { modelValue: d }
+            a("div", ne, [
+              u(M, {
+                type: s.type,
+                "props-data": { modelValue: s }
               }, null, 8, ["type", "props-data"])
             ])
           ]))), 128))
         ], 4),
-        o.isPreview ? H("", !0) : (s(), f(j, {
+        o.isPreview ? $("", !0) : (i(), f(R, {
           key: 0,
-          show: u.value,
-          "onUpdate:show": l[0] || (l[0] = (d) => u.value = d),
-          onHandleEdit: l[1] || (l[1] = (d) => v.value = !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,
           style: { top: "-20px" }
         }, null, 8, ["show", "onHandleDelete", "onHandleCopy", "onHandlePaste"]))
       ], 2),
-      o.isPreview ? H("", !0) : (s(), f(ee, {
+      o.isPreview ? $("", !0) : (i(), f(oe, {
         key: 0,
-        show: v.value,
-        "onUpdate:show": l[2] || (l[2] = (d) => v.value = d),
+        show: b.value,
+        "onUpdate:show": l[2] || (l[2] = (s) => b.value = s),
         data: o.modelValue
       }, null, 8, ["show", "data"]))
-    ], 38));
+    ], 38)) : $("", !0);
   }
-}, de = /* @__PURE__ */ N(ae, [["__scopeId", "data-v-6acc1a6e"]]);
+}, re = /* @__PURE__ */ O(le, [["__scopeId", "data-v-b9fd2a2e"]]);
 export {
-  de as default
+  re as default
 };

package/dist/index-DX4-RCdr.mjs

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