officialblock 1.0.6 → 1.0.8

package/dist/utils-DD-vVZej.mjs

@@ -0,0 +1,316 @@
+function w(e) {
+  return e !== null && typeof e == "object" && "constructor" in e && e.constructor === Object;
+}
+function p(e, t) {
+  e === void 0 && (e = {}), t === void 0 && (t = {});
+  const r = ["__proto__", "constructor", "prototype"];
+  Object.keys(t).filter((n) => r.indexOf(n) < 0).forEach((n) => {
+    typeof e[n] > "u" ? e[n] = t[n] : w(t[n]) && w(e[n]) && Object.keys(t[n]).length > 0 && p(e[n], t[n]);
+  });
+}
+const E = {
+  body: {},
+  addEventListener() {
+  },
+  removeEventListener() {
+  },
+  activeElement: {
+    blur() {
+    },
+    nodeName: ""
+  },
+  querySelector() {
+    return null;
+  },
+  querySelectorAll() {
+    return [];
+  },
+  getElementById() {
+    return null;
+  },
+  createEvent() {
+    return {
+      initEvent() {
+      }
+    };
+  },
+  createElement() {
+    return {
+      children: [],
+      childNodes: [],
+      style: {},
+      setAttribute() {
+      },
+      getElementsByTagName() {
+        return [];
+      }
+    };
+  },
+  createElementNS() {
+    return {};
+  },
+  importNode() {
+    return null;
+  },
+  location: {
+    hash: "",
+    host: "",
+    hostname: "",
+    href: "",
+    origin: "",
+    pathname: "",
+    protocol: "",
+    search: ""
+  }
+};
+function O() {
+  const e = typeof document < "u" ? document : {};
+  return p(e, E), e;
+}
+const T = {
+  document: E,
+  navigator: {
+    userAgent: ""
+  },
+  location: {
+    hash: "",
+    host: "",
+    hostname: "",
+    href: "",
+    origin: "",
+    pathname: "",
+    protocol: "",
+    search: ""
+  },
+  history: {
+    replaceState() {
+    },
+    pushState() {
+    },
+    go() {
+    },
+    back() {
+    }
+  },
+  CustomEvent: function() {
+    return this;
+  },
+  addEventListener() {
+  },
+  removeEventListener() {
+  },
+  getComputedStyle() {
+    return {
+      getPropertyValue() {
+        return "";
+      }
+    };
+  },
+  Image() {
+  },
+  Date() {
+  },
+  screen: {},
+  setTimeout() {
+  },
+  clearTimeout() {
+  },
+  matchMedia() {
+    return {};
+  },
+  requestAnimationFrame(e) {
+    return typeof setTimeout > "u" ? (e(), null) : setTimeout(e, 0);
+  },
+  cancelAnimationFrame(e) {
+    typeof setTimeout > "u" || clearTimeout(e);
+  }
+};
+function u() {
+  const e = typeof window < "u" ? window : {};
+  return p(e, T), e;
+}
+function v(e) {
+  return e === void 0 && (e = ""), e.trim().split(" ").filter((t) => !!t.trim());
+}
+function C(e) {
+  const t = e;
+  Object.keys(t).forEach((r) => {
+    try {
+      t[r] = null;
+    } catch {
+    }
+    try {
+      delete t[r];
+    } catch {
+    }
+  });
+}
+function P(e, t) {
+  return t === void 0 && (t = 0), setTimeout(e, t);
+}
+function A() {
+  return Date.now();
+}
+function b(e) {
+  const t = u();
+  let r;
+  return t.getComputedStyle && (r = t.getComputedStyle(e, null)), !r && e.currentStyle && (r = e.currentStyle), r || (r = e.style), r;
+}
+function L(e, t) {
+  t === void 0 && (t = "x");
+  const r = u();
+  let n, i, s;
+  const l = b(e);
+  return r.WebKitCSSMatrix ? (i = l.transform || l.webkitTransform, i.split(",").length > 6 && (i = i.split(", ").map((o) => o.replace(",", ".")).join(", ")), s = new r.WebKitCSSMatrix(i === "none" ? "" : i)) : (s = l.MozTransform || l.OTransform || l.MsTransform || l.msTransform || l.transform || l.getPropertyValue("transform").replace("translate(", "matrix(1, 0, 0, 1,"), n = s.toString().split(",")), t === "x" && (r.WebKitCSSMatrix ? i = s.m41 : n.length === 16 ? i = parseFloat(n[12]) : i = parseFloat(n[4])), t === "y" && (r.WebKitCSSMatrix ? i = s.m42 : n.length === 16 ? i = parseFloat(n[13]) : i = parseFloat(n[5])), i || 0;
+}
+function m(e) {
+  return typeof e == "object" && e !== null && e.constructor && Object.prototype.toString.call(e).slice(8, -1) === "Object";
+}
+function M(e) {
+  return typeof window < "u" && typeof window.HTMLElement < "u" ? e instanceof HTMLElement : e && (e.nodeType === 1 || e.nodeType === 11);
+}
+function S() {
+  const e = Object(arguments.length <= 0 ? void 0 : arguments[0]), t = ["__proto__", "constructor", "prototype"];
+  for (let r = 1; r < arguments.length; r += 1) {
+    const n = r < 0 || arguments.length <= r ? void 0 : arguments[r];
+    if (n != null && !M(n)) {
+      const i = Object.keys(Object(n)).filter((s) => t.indexOf(s) < 0);
+      for (let s = 0, l = i.length; s < l; s += 1) {
+        const o = i[s], c = Object.getOwnPropertyDescriptor(n, o);
+        c !== void 0 && c.enumerable && (m(e[o]) && m(n[o]) ? n[o].__swiper__ ? e[o] = n[o] : S(e[o], n[o]) : !m(e[o]) && m(n[o]) ? (e[o] = {}, n[o].__swiper__ ? e[o] = n[o] : S(e[o], n[o])) : e[o] = n[o]);
+      }
+    }
+  }
+  return e;
+}
+function _(e, t, r) {
+  e.style.setProperty(t, r);
+}
+function j(e) {
+  let {
+    swiper: t,
+    targetPosition: r,
+    side: n
+  } = e;
+  const i = u(), s = -t.translate;
+  let l = null, o;
+  const c = t.params.speed;
+  t.wrapperEl.style.scrollSnapType = "none", i.cancelAnimationFrame(t.cssModeFrameID);
+  const h = r > s ? "next" : "prev", y = (f, d) => h === "next" && f >= d || h === "prev" && f <= d, g = () => {
+    o = (/* @__PURE__ */ new Date()).getTime(), l === null && (l = o);
+    const f = Math.max(Math.min((o - l) / c, 1), 0), d = 0.5 - Math.cos(f * Math.PI) / 2;
+    let a = s + d * (r - s);
+    if (y(a, r) && (a = r), t.wrapperEl.scrollTo({
+      [n]: a
+    }), y(a, r)) {
+      t.wrapperEl.style.overflow = "hidden", t.wrapperEl.style.scrollSnapType = "", setTimeout(() => {
+        t.wrapperEl.style.overflow = "", t.wrapperEl.scrollTo({
+          [n]: a
+        });
+      }), i.cancelAnimationFrame(t.cssModeFrameID);
+      return;
+    }
+    t.cssModeFrameID = i.requestAnimationFrame(g);
+  };
+  g();
+}
+function F(e, t) {
+  t === void 0 && (t = "");
+  const r = u(), n = [...e.children];
+  return r.HTMLSlotElement && e instanceof HTMLSlotElement && n.push(...e.assignedElements()), t ? n.filter((i) => i.matches(t)) : n;
+}
+function x(e, t) {
+  const r = [t];
+  for (; r.length > 0; ) {
+    const n = r.shift();
+    if (e === n)
+      return !0;
+    r.push(...n.children, ...n.shadowRoot ? n.shadowRoot.children : [], ...n.assignedElements ? n.assignedElements() : []);
+  }
+}
+function H(e, t) {
+  const r = u();
+  let n = t.contains(e);
+  return !n && r.HTMLSlotElement && t instanceof HTMLSlotElement && (n = [...t.assignedElements()].includes(e), n || (n = x(e, t))), n;
+}
+function I(e) {
+  try {
+    console.warn(e);
+    return;
+  } catch {
+  }
+}
+function D(e, t) {
+  t === void 0 && (t = []);
+  const r = document.createElement(e);
+  return r.classList.add(...Array.isArray(t) ? t : v(t)), r;
+}
+function W(e, t) {
+  const r = [];
+  for (; e.previousElementSibling; ) {
+    const n = e.previousElementSibling;
+    t ? n.matches(t) && r.push(n) : r.push(n), e = n;
+  }
+  return r;
+}
+function N(e, t) {
+  const r = [];
+  for (; e.nextElementSibling; ) {
+    const n = e.nextElementSibling;
+    t ? n.matches(t) && r.push(n) : r.push(n), e = n;
+  }
+  return r;
+}
+function q(e, t) {
+  return u().getComputedStyle(e, null).getPropertyValue(t);
+}
+function K(e) {
+  let t = e, r;
+  if (t) {
+    for (r = 0; (t = t.previousSibling) !== null; )
+      t.nodeType === 1 && (r += 1);
+    return r;
+  }
+}
+function V(e, t) {
+  const r = [];
+  let n = e.parentElement;
+  for (; n; )
+    t ? n.matches(t) && r.push(n) : r.push(n), n = n.parentElement;
+  return r;
+}
+function k(e, t, r) {
+  const n = u();
+  return e[t === "width" ? "offsetWidth" : "offsetHeight"] + parseFloat(n.getComputedStyle(e, null).getPropertyValue(t === "width" ? "margin-right" : "margin-top")) + parseFloat(n.getComputedStyle(e, null).getPropertyValue(t === "width" ? "margin-left" : "margin-bottom"));
+}
+function B(e) {
+  return (Array.isArray(e) ? e : [e]).filter((t) => !!t);
+}
+function R(e, t) {
+  t === void 0 && (t = ""), typeof trustedTypes < "u" ? e.innerHTML = trustedTypes.createPolicy("html", {
+    createHTML: (r) => r
+  }).createHTML(t) : e.innerHTML = t;
+}
+export {
+  F as a,
+  K as b,
+  D as c,
+  q as d,
+  S as e,
+  C as f,
+  O as g,
+  u as h,
+  j as i,
+  L as j,
+  N as k,
+  W as l,
+  _ as m,
+  P as n,
+  k as o,
+  H as p,
+  A as q,
+  V as r,
+  I as s,
+  B as t,
+  R as u
+};

package/dist/utils-DOLLD0-F.js

@@ -0,0 +1 @@
+"use strict";function S(e){return e!==null&&typeof e=="object"&&"constructor"in e&&e.constructor===Object}function h(e,t){e===void 0&&(e={}),t===void 0&&(t={});const r=["__proto__","constructor","prototype"];Object.keys(t).filter(n=>r.indexOf(n)<0).forEach(n=>{typeof e[n]>"u"?e[n]=t[n]:S(t[n])&&S(e[n])&&Object.keys(t[n]).length>0&&h(e[n],t[n])})}const E={body:{},addEventListener(){},removeEventListener(){},activeElement:{blur(){},nodeName:""},querySelector(){return null},querySelectorAll(){return[]},getElementById(){return null},createEvent(){return{initEvent(){}}},createElement(){return{children:[],childNodes:[],style:{},setAttribute(){},getElementsByTagName(){return[]}}},createElementNS(){return{}},importNode(){return null},location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""}};function T(){const e=typeof document<"u"?document:{};return h(e,E),e}const v={document:E,navigator:{userAgent:""},location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""},history:{replaceState(){},pushState(){},go(){},back(){}},CustomEvent:function(){return this},addEventListener(){},removeEventListener(){},getComputedStyle(){return{getPropertyValue(){return""}}},Image(){},Date(){},screen:{},setTimeout(){},clearTimeout(){},matchMedia(){return{}},requestAnimationFrame(e){return typeof setTimeout>"u"?(e(),null):setTimeout(e,0)},cancelAnimationFrame(e){typeof setTimeout>"u"||clearTimeout(e)}};function u(){const e=typeof window<"u"?window:{};return h(e,v),e}function x(e){return e===void 0&&(e=""),e.trim().split(" ").filter(t=>!!t.trim())}function M(e){const t=e;Object.keys(t).forEach(r=>{try{t[r]=null}catch{}try{delete t[r]}catch{}})}function b(e,t){return t===void 0&&(t=0),setTimeout(e,t)}function C(){return Date.now()}function O(e){const t=u();let r;return t.getComputedStyle&&(r=t.getComputedStyle(e,null)),!r&&e.currentStyle&&(r=e.currentStyle),r||(r=e.style),r}function P(e,t){t===void 0&&(t="x");const r=u();let n,i,l;const s=O(e);return r.WebKitCSSMatrix?(i=s.transform||s.webkitTransform,i.split(",").length>6&&(i=i.split(", ").map(o=>o.replace(",",".")).join(", ")),l=new r.WebKitCSSMatrix(i==="none"?"":i)):(l=s.MozTransform||s.OTransform||s.MsTransform||s.msTransform||s.transform||s.getPropertyValue("transform").replace("translate(","matrix(1, 0, 0, 1,"),n=l.toString().split(",")),t==="x"&&(r.WebKitCSSMatrix?i=l.m41:n.length===16?i=parseFloat(n[12]):i=parseFloat(n[4])),t==="y"&&(r.WebKitCSSMatrix?i=l.m42:n.length===16?i=parseFloat(n[13]):i=parseFloat(n[5])),i||0}function d(e){return typeof e=="object"&&e!==null&&e.constructor&&Object.prototype.toString.call(e).slice(8,-1)==="Object"}function A(e){return typeof window<"u"&&typeof window.HTMLElement<"u"?e instanceof HTMLElement:e&&(e.nodeType===1||e.nodeType===11)}function p(){const e=Object(arguments.length<=0?void 0:arguments[0]),t=["__proto__","constructor","prototype"];for(let r=1;r<arguments.length;r+=1){const n=r<0||arguments.length<=r?void 0:arguments[r];if(n!=null&&!A(n)){const i=Object.keys(Object(n)).filter(l=>t.indexOf(l)<0);for(let l=0,s=i.length;l<s;l+=1){const o=i[l],a=Object.getOwnPropertyDescriptor(n,o);a!==void 0&&a.enumerable&&(d(e[o])&&d(n[o])?n[o].__swiper__?e[o]=n[o]:p(e[o],n[o]):!d(e[o])&&d(n[o])?(e[o]={},n[o].__swiper__?e[o]=n[o]:p(e[o],n[o])):e[o]=n[o])}}}return e}function L(e,t,r){e.style.setProperty(t,r)}function _(e){let{swiper:t,targetPosition:r,side:n}=e;const i=u(),l=-t.translate;let s=null,o;const a=t.params.speed;t.wrapperEl.style.scrollSnapType="none",i.cancelAnimationFrame(t.cssModeFrameID);const y=r>l?"next":"prev",g=(f,m)=>y==="next"&&f>=m||y==="prev"&&f<=m,w=()=>{o=new Date().getTime(),s===null&&(s=o);const f=Math.max(Math.min((o-s)/a,1),0),m=.5-Math.cos(f*Math.PI)/2;let c=l+m*(r-l);if(g(c,r)&&(c=r),t.wrapperEl.scrollTo({[n]:c}),g(c,r)){t.wrapperEl.style.overflow="hidden",t.wrapperEl.style.scrollSnapType="",setTimeout(()=>{t.wrapperEl.style.overflow="",t.wrapperEl.scrollTo({[n]:c})}),i.cancelAnimationFrame(t.cssModeFrameID);return}t.cssModeFrameID=i.requestAnimationFrame(w)};w()}function F(e,t){t===void 0&&(t="");const r=u(),n=[...e.children];return r.HTMLSlotElement&&e instanceof HTMLSlotElement&&n.push(...e.assignedElements()),t?n.filter(i=>i.matches(t)):n}function I(e,t){const r=[t];for(;r.length>0;){const n=r.shift();if(e===n)return!0;r.push(...n.children,...n.shadowRoot?n.shadowRoot.children:[],...n.assignedElements?n.assignedElements():[])}}function j(e,t){const r=u();let n=t.contains(e);return!n&&r.HTMLSlotElement&&t instanceof HTMLSlotElement&&(n=[...t.assignedElements()].includes(e),n||(n=I(e,t))),n}function H(e){try{console.warn(e);return}catch{}}function D(e,t){t===void 0&&(t=[]);const r=document.createElement(e);return r.classList.add(...Array.isArray(t)?t:x(t)),r}function W(e,t){const r=[];for(;e.previousElementSibling;){const n=e.previousElementSibling;t?n.matches(t)&&r.push(n):r.push(n),e=n}return r}function N(e,t){const r=[];for(;e.nextElementSibling;){const n=e.nextElementSibling;t?n.matches(t)&&r.push(n):r.push(n),e=n}return r}function K(e,t){return u().getComputedStyle(e,null).getPropertyValue(t)}function V(e){let t=e,r;if(t){for(r=0;(t=t.previousSibling)!==null;)t.nodeType===1&&(r+=1);return r}}function k(e,t){const r=[];let n=e.parentElement;for(;n;)t?n.matches(t)&&r.push(n):r.push(n),n=n.parentElement;return r}function q(e,t,r){const n=u();return e[t==="width"?"offsetWidth":"offsetHeight"]+parseFloat(n.getComputedStyle(e,null).getPropertyValue(t==="width"?"margin-right":"margin-top"))+parseFloat(n.getComputedStyle(e,null).getPropertyValue(t==="width"?"margin-left":"margin-bottom"))}function B(e){return(Array.isArray(e)?e:[e]).filter(t=>!!t)}function R(e,t){t===void 0&&(t=""),typeof trustedTypes<"u"?e.innerHTML=trustedTypes.createPolicy("html",{createHTML:r=>r}).createHTML(t):e.innerHTML=t}exports.animateCSSModeScroll=_;exports.createElement=D;exports.deleteProps=M;exports.elementChildren=F;exports.elementIndex=V;exports.elementIsChildOf=j;exports.elementNextAll=N;exports.elementOuterSize=q;exports.elementParents=k;exports.elementPrevAll=W;exports.elementStyle=K;exports.extend=p;exports.getDocument=T;exports.getTranslate=P;exports.getWindow=u;exports.makeElementsArray=B;exports.nextTick=b;exports.now=C;exports.setCSSProperty=L;exports.setInnerHTML=R;exports.showWarning=H;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "officialblock",
   "private": false,
-  "version": "1.0.6",
+  "version": "1.0.8",
   "description": "A Vue 3 article list component library",
   "author": "Your Name",
   "license": "MIT",
@@ -64,6 +64,7 @@
   },
   "dependencies": {
     "@wangeditor/editor-for-vue": "^5.1.12",
+    "swiper": "^11.2.10",
     "vue-router": "^4.5.1",
     "vuedraggable": "^4.1.0"
   }

package/src/components/ArticleList/article.vue

@@ -46,7 +46,7 @@ defineProps({
   margin-top: 16px;
 }
 
-@media(max-width: 767.98px) {
+@media (max-width: 767.98px) {
   .article-item-title {
     font-size: 24px;
     font-weight: 500;
@@ -54,7 +54,7 @@ defineProps({
   }
 
   .article-item-button {
-    flex-direction:column;
+    flex-direction: column;
     align-items: flex-start;
   }
 
@@ -63,7 +63,7 @@ defineProps({
   }
 }
 
-@media(max-width: 767.98px)and (max-width:767.98px) {
+@media (max-width: 767.98px) and (max-width: 767.98px) {
   .article-item-title {
     font-size: 20px;
     line-height: 1.2;

package/src/components/ArticleList/contact.vue

@@ -22,7 +22,7 @@ defineProps({
 })
 </script>
 
-<style lang="scss" scoped> 
+<style lang="scss" scoped>
 @use '../../styles/editor.scss' as *;
 .contact-item {
   max-width: 952px;
@@ -57,37 +57,37 @@ defineProps({
 </style>
 
 <style lang="scss">
-@media(max-width: 1023.98px) {
+@media (max-width: 1023.98px) {
   .contact-item {
     max-width: 1000px;
-    padding-left:24px;
+    padding-left: 24px;
     padding-right: 24px;
   }
 }
 
-@media(max-width: 767.98px) {
+@media (max-width: 767.98px) {
   .contact-item {
-    padding-left:12px;
+    padding-left: 12px;
     padding-right: 12px;
   }
 
   .contact-item-title {
-    font-size:24px;
+    font-size: 24px;
     font-weight: 500;
     line-height: 1.5;
     margin-top: 12px;
   }
 }
 
-@media(max-width: 575.98px) {
+@media (max-width: 575.98px) {
   .contact-item {
-    padding-left:12px;
+    padding-left: 12px;
     padding-right: 12px;
     max-width: 976px;
   }
 
   .contact-item-title {
-    font-size:20px;
+    font-size: 20px;
     line-height: 1.2;
     letter-spacing: -.005em;
   }

package/src/components/ArticleList/index.ts

@@ -8,4 +8,4 @@ export default {
 } satisfies Plugin
 
 export { default as ArticleList } from './index.vue'
-export type { ComponentProps, ComponentEmits, ComponentSlots } from './type'
+export type { ArticleListProps, ArticleListEmits } from './type'

package/src/components/ArticleList/index.vue

@@ -1,28 +1,23 @@
 <template>
-  <div class="article-list-container" :style="{ background: modelValue?.background ? modelValue?.background === 'white' ? '#fff' : '#F7F7FA' : 'transparent' }"> 
-    <a-row class="article-list" @mouseenter="isHover = true" @mouseleave="isHover = false">
+  <div class="article-list-container" :style="{ backgroundColor: modelValue?.bgColor }" @mouseenter="isHover = true" @mouseleave="isHover = false"> 
+    <a-row class="article-list" :class="[modelValue?.width ? `container-content-${modelValue?.width}` : 'container-content']">
       <!-- 左侧文本 后侧媒体 -->
       <!-- 左侧一直是一半，但只有左侧时是100% -->
       <a-col :sm="{span: 24}" :md="{span: hasMedia ? 12 : 24}">
         <div class="article-list-left">
           <template v-for="item in modelValue?.data" :key="item.id">
-            <Article v-if="item.type === 'Article'" :article="item.data"></Article>
-            <Contact v-if="item.type === 'Contact'" :contact="item.data"></Contact>
+            <Article v-if="item.type === 'Article'" :article="item"></Article>
+            <Contact v-if="item.type === 'Contact'" :contact="item"></Contact>
           </template>
         </div>
       </a-col>
       <a-col v-if="hasMedia" :sm="{span: 24}" :md="{span: 12}">
         <div class="article-list-right"> 
           <template v-for="item in modelValue?.data" :key="item.id">
-            <Media :type="item.type" :data="item.data" :preview="modelValue.isPreview"></Media>
+            <Media :type="item.type" :data="item" :preview="modelValue.isPreview"></Media>
           </template>
         </div>
       </a-col>
-
-      <!-- <div v-if="isHover" class="add-btn">
-        <icon-plus />
-        <span class="btn-text">添加组件</span>
-      </div> -->
       <Operate v-if="!modelValue?.readOnly" v-model:show="isHover" @handle-edit="showSetting = true" @handle-delete="handleDelete" @handle-copy="handleCopy"></Operate>
     </a-row>
   </div>
@@ -66,83 +61,37 @@ const hasMedia = computed(() => {
 })
 
 const handleInit = () => {
-  if (props.modelValue && props.modelValue.datad) return // 有数据不用初始化
+  if (props.modelValue && props.modelValue.data) return // 有数据不用初始化
   const data = {
-    id: randomString(),
+    id: props.modelValue?.id || randomString(),
     type: 'ArticleList',
     readOnly: props.modelValue?.readOnly || false,
     width: '',
-    background: '',
+    bgColor: '',
     data: [
       {
         id: randomString(),
         type: 'Article',
-        data: {
-          title: '耀华国际教育学校浙江桐乡',
-          content: '耀华国际教育学校浙江桐乡校区成立于 2017 年，先进的校园设施确保学 生在安全友好的环境中学习。学校坐落于高桥镇，提供从幼儿阶段至高中 阶段 (K2 至13 年级) 的教育服务，招收2 岁至18 岁本地和外籍学生。',
-          buttonList: [],
-          linkList: [
-            {
-              id: randomString(),
-              text: '了解更多',
-              url: 'https://www.baidu.com',
-              isExternal: false
-            }
-          ]
-        }
+        title: '耀华国际教育学校浙江桐乡',
+        content: '耀华国际教育学校浙江桐乡校区成立于 2017 年，先进的校园设施确保学 生在安全友好的环境中学习。学校坐落于高桥镇，提供从幼儿阶段至高中 阶段 (K2 至13 年级) 的教育服务，招收2 岁至18 岁本地和外籍学生。',
+        buttonList: [],
+        linkList: [
+          {
+            id: randomString(),
+            text: '了解更多',
+            url: 'https://www.baidu.com',
+            isExternal: false
+          }
+        ]
       },
       {
         id: randomString(),
         type: 'Image',
-        data: {
-          imgSrc: 'https://osswebsite.ycyw.com/media-library/ywies-bj/images/home/ywies-tx.jpg',
-          caption: '',
-          alt: '',
-          isRound: false
-        }
+        imgSrc: 'https://osswebsite.ycyw.com/media-library/ywies-bj/images/home/ywies-tx.jpg',
+        caption: '',
+        alt: '',
+        isRound: false
       },
-      // {
-      //   id: randomString(),
-      //   type: 'Contact',
-      //   data: {
-      //     title: '这里是标题',
-      //     content: '耀华国际教育学校浙江桐乡校区成立于 2017 年，先进的校园设施确保学 生在安全友好的环境中学习。学校坐落于高桥镇，提供从幼儿阶段至高中 阶段 (K2 至13 年级) 的教育服务，招收2 岁至18 岁本地和外籍学生。',
-      //     categories: [
-      //       {
-      //         id: randomString(),
-      //         text: '分类1'
-      //       }
-      //     ],
-      //     linkList: [
-      //       {
-      //         id: randomString(),
-      //         text: '查看更多',
-      //         url: 'https://www.baidu.com',
-      //         isExternal: false
-      //       }
-      //     ]
-      //   }
-      // },
-      // {
-      //   id: randomString(),
-      //   type: 'ImageList',
-      //   data: {
-      //     imageList: [
-      //       {
-      //         id: randomString(),
-      //         src: 'https://osswebsite.ycyw.com/media-library/ywies-bj/images/home/ywies-tx.jpg'
-      //       }
-      //     ],
-      //   }
-      // },
-      // {
-      //   id: randomString(),
-      //   type: 'Video',
-      //   data: {
-      //     videoSrc: 'http://mpv.videocc.net/4b964bbdf4/3/4b964bbdf481505df84cfd703c4b3043_2.mp4',
-      //     imgSrc: 'https://object.ycyw.com/media-library/ycyw-edu/news/20250628%20HKDSE%20Forum/Cover.jpg',
-      //   }
-      // },
     ]
   }
   emit('update:modelValue', data)
@@ -172,13 +121,6 @@ handleInit()
 }
 .article-list {
   position: relative;
-  max-width: 952px;
-  padding: 16px 36px;
-  margin: 0 auto;
-
-  // &:hover {
-  //   border: 2px solid $primary-color;
-  // }
 
   .add-btn {
     position: absolute;
@@ -232,7 +174,7 @@ handleInit()
 /* 小手机 (575px 及以下) */
 @media (max-width: 575.98px) {
   .article-list {
-     padding: 8px 12px;
+    padding: 8px 12px;
     max-width: 100%;
   }