officialblock 2.1.0 → 2.1.2

package/dist/index-CmerRdhn.mjs

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

package/dist/index-Cn6a6HhI.mjs

@@ -0,0 +1,289 @@
+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 = {
+  key: 1,
+  class: "no-preview"
+}, _ = { class: "setting-body" }, ee = { class: "setting-item" }, te = { class: "components-content" }, ae = /* @__PURE__ */ A({
+  __name: "setting",
+  props: {
+    show: {
+      type: Boolean,
+      default: !1
+    },
+    data: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  emits: ["update:show"],
+  setup(o, { emit: h }) {
+    const n = o, v = w([
+      {
+        id: "preset-1",
+        name: "YCCECE Background 1",
+        image: "https://ywies-tx.cedim.cn/images/material/ycyw-90th-bg-03.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"
+      },
+      {
+        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"
+      },
+      {
+        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"
+      }
+    ]), 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 (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: k(() => [
+          B(H(o.data.type) + "组件编辑 ", 1)
+        ]),
+        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[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, {
+                    value: e.id,
+                    key: e.id
+                  }, {
+                    default: k(() => [
+                      B(H(e.name), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["value"]))), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue"]),
+              u(z, {
+                type: "primary",
+                onClick: b
+              }, {
+                default: k(() => [...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),
+                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),
+                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),
+                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(Y, {
+                    data: o.data.data,
+                    onUpdate: t[5] || (t[5] = (e) => o.data.data = e)
+                  }, null, 8, ["data"])
+                ])
+              ])
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["visible"]);
+    };
+  }
+}), oe = /* @__PURE__ */ O(ae, [["__scopeId", "data-v-bb5b5b8c"]]), 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 = 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) || F(),
+        //componentKey
+        type: "BackgroundWrapper",
+        onlyShowPc: !1,
+        backgroundImage: "",
+        backgroundSize: "",
+        backgroundPosition: "",
+        data: []
+      };
+      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;
+    }), 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),
+      onMouseover: l[3] || (l[3] = (s) => c.value = !0),
+      onMouseout: l[4] || (l[4] = (s) => c.value = !1)
+    }, [
+      a("div", {
+        class: U(P.value)
+      }, [
+        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(D, null, N(m.value, (s, se) => (i(), p("div", {
+            key: s.id,
+            class: "page-item"
+          }, [
+            a("div", ne, [
+              u(M, {
+                type: s.type,
+                "props-data": { modelValue: s }
+              }, null, 8, ["type", "props-data"])
+            ])
+          ]))), 128))
+        ], 4),
+        o.isPreview ? $("", !0) : (i(), f(R, {
+          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" }
+        }, null, 8, ["show", "onHandleDelete", "onHandleCopy", "onHandlePaste"]))
+      ], 2),
+      o.isPreview ? $("", !0) : (i(), f(oe, {
+        key: 0,
+        show: b.value,
+        "onUpdate:show": l[2] || (l[2] = (s) => b.value = s),
+        data: o.modelValue
+      }, null, 8, ["show", "data"]))
+    ], 38)) : $("", !0);
+  }
+}, re = /* @__PURE__ */ O(le, [["__scopeId", "data-v-b9fd2a2e"]]);
+export {
+  re as default
+};

package/dist/index-Cu03Azf6.js

@@ -0,0 +1 @@
+"use strict";var I=Object.create;var B=Object.defineProperty;var M=Object.getOwnPropertyDescriptor;var F=Object.getOwnPropertyNames;var _=Object.getPrototypeOf,U=Object.prototype.hasOwnProperty;var z=(t,a,o,c)=>{if(a&&typeof a=="object"||typeof a=="function")for(let s of F(a))!U.call(t,s)&&s!==o&&B(t,s,{get:()=>a[s],enumerable:!(c=M(a,s))||c.enumerable});return t};var D=(t,a,o)=>(o=t!=null?I(_(t)):{},z(a||!t||!t.__esModule?B(o,"default",{value:t,enumerable:!0}):o,t));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),y=require("./index-CClVOzrU.js");var E=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function L(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var H="Expected a function",P=NaN,A="[object Symbol]",W=/^\s+|\s+$/g,R=/^[-+]0x[0-9a-f]+$/i,q=/^0b[01]+$/i,G=/^0o[0-7]+$/i,J=parseInt,X=typeof E=="object"&&E&&E.Object===Object&&E,K=typeof self=="object"&&self&&self.Object===Object&&self,Q=X||K||Function("return this")(),Y=Object.prototype,Z=Y.toString,ee=Math.max,te=Math.min,S=function(){return Q.Date.now()};function ne(t,a,o){var c,s,n,f,u,d,p=0,g=!1,m=!1,b=!0;if(typeof t!="function")throw new TypeError(H);a=$(a)||0,T(o)&&(g=!!o.leading,m="maxWait"in o,n=m?ee($(o.maxWait)||0,a):n,b="trailing"in o?!!o.trailing:b);function N(r){var v=c,h=s;return c=s=void 0,p=r,f=t.apply(h,v),f}function k(r){return p=r,u=setTimeout(V,a),g?N(r):f}function O(r){var v=r-d,h=r-p,j=a-v;return m?te(j,n-h):j}function C(r){var v=r-d,h=r-p;return d===void 0||v>=a||v<0||m&&h>=n}function V(){var r=S();if(C(r))return l(r);u=setTimeout(V,O(r))}function l(r){return u=void 0,b&&c?N(r):(c=s=void 0,f)}function i(){u!==void 0&&clearTimeout(u),p=0,c=d=s=u=void 0}function x(){return u===void 0?f:l(S())}function w(){var r=S(),v=C(r);if(c=arguments,s=this,d=r,v){if(u===void 0)return k(d);if(m)return u=setTimeout(V,a),N(d)}return u===void 0&&(u=setTimeout(V,a)),f}return w.cancel=i,w.flush=x,w}function oe(t,a,o){var c=!0,s=!0;if(typeof t!="function")throw new TypeError(H);return T(o)&&(c="leading"in o?!!o.leading:c,s="trailing"in o?!!o.trailing:s),ne(t,a,{leading:c,maxWait:a,trailing:s})}function T(t){var a=typeof t;return!!t&&(a=="object"||a=="function")}function le(t){return!!t&&typeof t=="object"}function ae(t){return typeof t=="symbol"||le(t)&&Z.call(t)==A}function $(t){if(typeof t=="number")return t;if(ae(t))return P;if(T(t)){var a=typeof t.valueOf=="function"?t.valueOf():t;t=T(a)?a+"":a}if(typeof t!="string")return t===0?t:+t;t=t.replace(W,"");var o=q.test(t);return o||G.test(t)?J(t.slice(2),o?2:8):R.test(t)?P:+t}var re=oe;const se=L(re),ie={class:"setting-content"},de={class:"setting-header flex items-center"},ue={class:"setting-header flex items-center"},ce={class:"setting-header flex items-center"},me={class:"setting-header flex items-center"},fe={class:"setting-body"},pe={class:"setting-item"},ve={class:"components-content"},Ve=e.defineComponent({__name:"setting",props:{show:{type:Boolean,default:!1},data:{type:Object,default:()=>{}}},emits:["update:show"],setup(t,{emit:a}){e.defineAsyncComponent(()=>import("vuedraggable"));const o=a,c=()=>{o("update:show",!1)};return(s,n)=>{const f=e.resolveComponent("a-switch"),u=e.resolveComponent("a-input"),d=e.resolveComponent("a-option"),p=e.resolveComponent("a-select"),g=e.resolveComponent("a-drawer");return e.openBlock(),e.createBlock(g,{width:"60%",visible:t.show,footer:!1,onCancel:c,unmountOnClose:""},{title:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.data.type)+"组件编辑 ",1)]),default:e.withCtx(()=>[e.createElementVNode("div",ie,[e.createElementVNode("div",de,[n[5]||(n[5]=e.createElementVNode("span",{class:"header-title"},"仅显示PC端",-1)),e.createVNode(f,{modelValue:t.data.onlyShowPc,"onUpdate:modelValue":n[0]||(n[0]=m=>t.data.onlyShowPc=m)},null,8,["modelValue"])]),e.createElementVNode("div",ue,[n[6]||(n[6]=e.createElementVNode("span",{class:"header-title"},"标题",-1)),e.createVNode(u,{modelValue:t.data.title,"onUpdate:modelValue":n[1]||(n[1]=m=>t.data.title=m),placeholder:"请输入标题","allow-clear":""},null,8,["modelValue"])]),e.createElementVNode("div",ce,[n[11]||(n[11]=e.createElementVNode("span",{class:"header-title"},"组件宽度",-1)),e.createVNode(p,{modelValue:t.data.width,"onUpdate:modelValue":n[2]||(n[2]=m=>t.data.width=m),placeholder:"请选择","allow-clear":""},{default:e.withCtx(()=>[e.createVNode(d,{value:"default"},{default:e.withCtx(()=>[...n[7]||(n[7]=[e.createTextVNode("默认",-1)])]),_:1}),e.createVNode(d,{value:"small"},{default:e.withCtx(()=>[...n[8]||(n[8]=[e.createTextVNode("小",-1)])]),_:1}),e.createVNode(d,{value:"medium"},{default:e.withCtx(()=>[...n[9]||(n[9]=[e.createTextVNode("中",-1)])]),_:1}),e.createVNode(d,{value:"max"},{default:e.withCtx(()=>[...n[10]||(n[10]=[e.createTextVNode("大",-1)])]),_:1})]),_:1},8,["modelValue"])]),e.createElementVNode("div",me,[n[14]||(n[14]=e.createElementVNode("span",{class:"header-title"},"Opened by default",-1)),e.createVNode(p,{modelValue:t.data.openFirst,"onUpdate:modelValue":n[3]||(n[3]=m=>t.data.openFirst=m),placeholder:"请选择","allow-clear":""},{default:e.withCtx(()=>[e.createVNode(d,{value:!0},{default:e.withCtx(()=>[...n[12]||(n[12]=[e.createTextVNode("yes",-1)])]),_:1}),e.createVNode(d,{value:!1},{default:e.withCtx(()=>[...n[13]||(n[13]=[e.createTextVNode("No",-1)])]),_:1})]),_:1},8,["modelValue"])]),e.createElementVNode("div",fe,[n[15]||(n[15]=e.createElementVNode("div",{class:"setting-toolbar"},[e.createElementVNode("h4",null,"组件")],-1)),e.createElementVNode("div",pe,[e.createElementVNode("div",ve,[e.createVNode(y.P,{data:t.data.data,onUpdate:n[4]||(n[4]=m=>t.data.data=m)},null,8,["data"])])])])])]),_:1},8,["visible"])}}}),ye=y._(Ve,[["__scopeId","data-v-23474794"]]),ge={class:"collapse-custom__wrapper"},we=["innerHTML"],be={class:"collapse-custom__content__wrapper"},Ne={class:"component-wrapper"},he={__name:"index",props:{modelValue:{type:Object,default:()=>{}},isPreview:{type:Boolean,default:!0}},emits:["update:modelValue","handleDelete","handleCopy","handlePaste"],setup(t,{emit:a}){const o=t,c=a,s=e.ref(null),n=e.ref(0),f=e.ref(!1),u=e.ref(null),d=e.ref(!1),p=e.ref(!1),g=e.computed(()=>{var l;return((l=o.modelValue)==null?void 0:l.classes)??""}),m=e.computed(()=>{var l;return((l=o.modelValue)==null?void 0:l.style)??""});e.computed(()=>{var l;return(l=o.modelValue)==null?void 0:l.width});const b=e.computed(()=>{var l;return((l=o.modelValue)==null?void 0:l.title)??[]}),N=e.computed(()=>{var l;return((l=o.modelValue)==null?void 0:l.openFirst)??!1}),k=e.computed(()=>{var l,i;return!((l=o.modelValue)!=null&&l.data)||!Array.isArray(o.modelValue.data)?[]:(i=o.modelValue)==null?void 0:i.data}),O=()=>{var i;if(o.modelValue&&o.modelValue.data)return;const l={id:((i=o.modelValue)==null?void 0:i.id)||y.r(),type:"CollapseCustom",onlyShowPc:!1,title:"我是标题collaspse",openFirst:!1,width:"",style:{},data:[]};c("update:modelValue",l)},C=e.computed(()=>{var l;return o.isPreview?!((l=o.modelValue)!=null&&l.onlyShowPc)||!y.i():!0}),V=()=>{const l=s.value;l&&(n.value=l.scrollHeight)};return e.onMounted(()=>{f.value=N.value,e.nextTick(V);const l=se(()=>{V()},250);u.value=new ResizeObserver(l),u.value.observe(s.value)}),e.onBeforeUnmount(()=>{s.value&&u.value&&u.value.unobserve(s.value)}),O(),(l,i)=>{var x,w;return C.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["collapse-custom",g.value]),style:e.normalizeStyle(m.value),onMouseover:i[4]||(i[4]=r=>d.value=!0),onMouseout:i[5]||(i[5]=r=>d.value=!1)},[e.createElementVNode("div",{class:e.normalizeClass(["collapse-custom_container",[(x=t.modelValue)!=null&&x.width?`container-content-${(w=t.modelValue)==null?void 0:w.width}`:"container-content"]])},[e.createElementVNode("div",ge,[e.createElementVNode("button",{type:"button",class:e.normalizeClass(["collapse-custom__btn",{"--is-collapsed":!f.value}]),onClick:i[0]||(i[0]=r=>f.value=!f.value)},[e.createElementVNode("h4",{class:"collapse-custom__btn__title",innerHTML:b.value},null,8,we),i[6]||(i[6]=e.createElementVNode("span",{class:"collapse-custom__btn__icon"},null,-1))],2),e.createElementVNode("div",{class:e.normalizeClass(["collapse-custom__content",{"--is-open":f.value}]),ref_key:"content",ref:s,style:e.normalizeStyle({"--scroll-height":`${n.value}px`})},[e.createElementVNode("div",be,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.value,(r,v)=>(e.openBlock(),e.createElementBlock("div",{key:r.id,class:"page-item"},[e.createElementVNode("div",Ne,[e.createVNode(y.a,{type:r.type,"props-data":{modelValue:r}},null,8,["type","props-data"])])]))),128))])],6)]),t.isPreview?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(y.O,{key:0,show:d.value,"onUpdate:show":i[1]||(i[1]=r=>d.value=r),onHandleEdit:i[2]||(i[2]=r=>p.value=!0),onHandleDelete:l.handleDelete,onHandleCopy:l.handleCopy,onHandlePaste:l.handlePaste,style:{top:"-20px"}},null,8,["show","onHandleDelete","onHandleCopy","onHandlePaste"]))],2),t.isPreview?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(ye,{key:0,show:p.value,"onUpdate:show":i[3]||(i[3]=r=>p.value=r),data:t.modelValue},null,8,["show","data"]))],38)):e.createCommentVNode("",!0)}}},Ce=y._(he,[["__scopeId","data-v-6e5b9702"]]);exports.default=Ce;

package/dist/index-DCXncMaQ.mjs

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

package/dist/index-DPl0MPya.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CClVOzrU.js");exports.default=e.b;

package/dist/index-DRMApk01.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CClVOzrU.js");exports.default=e.c;