officialblock 2.1.2 → 2.1.4

package/dist/{index-Cn6a6HhI.mjs → index-Cy3iTANw.mjs}

@@ -1,9 +1,9 @@
-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-Chue7s0-.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 = {
+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-mXDfSi-N.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__ */ A({
+}, _ = { class: "setting-body" }, ee = { class: "setting-item" }, te = { class: "components-content" }, ae = /* @__PURE__ */ Y({
   __name: "setting",
   props: {
     show: {
@@ -18,36 +18,36 @@ const J = { class: "setting-content" }, L = { class: "setting-header flex items-
   },
   emits: ["update:show"],
   setup(o, { emit: h }) {
-    const n = o, v = w([
+    const n = o, v = k([
       {
         id: "preset-1",
         name: "YCCECE Background 1",
-        image: "https://ywies-tx.cedim.cn/images/material/ycyw-90th-bg-03.svg",
+        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-04.svg",
-        size: "contain",
-        position: "left top"
+        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: "center center"
+        position: ""
       },
       {
         id: "preset-4",
         name: "YCCECE Background 4",
-        image: "https://ywies-tx.cedim.cn/images/material/ycyw-90th-bg-03.svg",
-        size: "100% auto",
-        position: "right bottom"
+        image: "https://ywies-tx.cedim.cn/images/material/ycyw-90th-bg-04.svg",
+        size: "cover",
+        position: ""
       }
-    ]), m = w(), c = v.value.find((r) => r.image === n.data.backgroundImage);
+    ]), 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);
@@ -64,31 +64,31 @@ const J = { class: "setting-content" }, L = { class: "setting-header flex items-
         onCancel: C,
         unmountOnClose: ""
       }, {
-        title: k(() => [
+        title: w(() => [
           B(H(o.data.type) + "组件编辑 ", 1)
         ]),
-        default: k(() => [
-          a("div", J, [
-            a("div", L, [
+        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", T, [
+            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: k(() => [
-                  (i(!0), p(D, null, N(v.value, (e) => (i(), f(x, {
+                default: w(() => [
+                  (i(!0), p(N, null, O(v.value, (e) => (i(), f(x, {
                     value: e.id,
                     key: e.id
                   }, {
-                    default: k(() => [
+                    default: w(() => [
                       B(H(e.name), 1)
                     ]),
                     _: 2
@@ -100,7 +100,7 @@ const J = { class: "setting-content" }, L = { class: "setting-header flex items-
                 type: "primary",
                 onClick: b
               }, {
-                default: k(() => [...t[7] || (t[7] = [
+                default: w(() => [...t[7] || (t[7] = [
                   B("Apply", -1)
                 ])]),
                 _: 1
@@ -111,6 +111,7 @@ const J = { class: "setting-content" }, L = { class: "setting-header flex items-
               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"])
@@ -120,6 +121,7 @@ const J = { class: "setting-content" }, L = { class: "setting-header flex items-
               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"])
@@ -129,6 +131,7 @@ const J = { class: "setting-content" }, L = { class: "setting-header flex items-
               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"])
@@ -157,7 +160,7 @@ const J = { class: "setting-content" }, L = { class: "setting-header flex items-
               ], -1)),
               a("div", ee, [
                 a("div", te, [
-                  u(Y, {
+                  u(j, {
                     data: o.data.data,
                     onUpdate: t[5] || (t[5] = (e) => o.data.data = e)
                   }, null, 8, ["data"])
@@ -170,7 +173,7 @@ const J = { class: "setting-content" }, L = { class: "setting-header flex items-
       }, 8, ["visible"]);
     };
   }
-}), oe = /* @__PURE__ */ O(ae, [["__scopeId", "data-v-bb5b5b8c"]]), ne = { class: "component-wrapper" }, le = {
+}), oe = /* @__PURE__ */ A(ae, [["__scopeId", "data-v-f43efd7b"]]), ne = { class: "component-wrapper" }, le = {
   __name: "index",
   props: {
     modelValue: {
@@ -189,24 +192,36 @@ const J = { class: "setting-content" }, L = { class: "setting-header flex items-
     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 = w(!1), b = w(!1), V = () => {
-      var l;
+    }), 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) || F(),
+        id: ((l = n.modelValue) == null ? void 0 : l.id) || D(),
         //componentKey
         type: "BackgroundWrapper",
         onlyShowPc: !1,
-        backgroundImage: "",
-        backgroundSize: "",
-        backgroundPosition: "",
-        data: []
+        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) || !j() : !0;
+      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;
@@ -235,12 +250,13 @@ const J = { class: "setting-content" }, L = { class: "setting-header flex items-
     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)
+      style: E(t.value)
     }, [
       a("div", {
-        class: U(P.value)
+        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",
@@ -252,38 +268,37 @@ const J = { class: "setting-content" }, L = { class: "setting-header flex items-
             "background-repeat": `${I.value}`
           })
         }, [
-          (i(!0), p(D, null, N(m.value, (s, se) => (i(), p("div", {
+          (i(!0), p(N, null, O(m.value, (s, se) => (i(), p("div", {
             key: s.id,
             class: "page-item"
           }, [
             a("div", ne, [
-              u(M, {
+              u(R, {
                 type: s.type,
                 "props-data": { modelValue: s }
               }, null, 8, ["type", "props-data"])
             ])
           ]))), 128))
         ], 4),
-        o.isPreview ? $("", !0) : (i(), f(R, {
+        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,
-          style: { top: "-20px" }
+          onHandlePaste: e.handlePaste
         }, null, 8, ["show", "onHandleDelete", "onHandleCopy", "onHandlePaste"]))
-      ], 2),
+      ], 34),
       o.isPreview ? $("", !0) : (i(), f(oe, {
         key: 0,
         show: b.value,
-        "onUpdate:show": l[2] || (l[2] = (s) => b.value = s),
+        "onUpdate:show": l[4] || (l[4] = (s) => b.value = s),
         data: o.modelValue
       }, null, 8, ["show", "data"]))
-    ], 38)) : $("", !0);
+    ], 6)) : $("", !0);
   }
-}, re = /* @__PURE__ */ O(le, [["__scopeId", "data-v-b9fd2a2e"]]);
+}, re = /* @__PURE__ */ A(le, [["__scopeId", "data-v-e3f5b699"]]);
 export {
   re as default
 };