officialblock 2.1.2 → 2.1.3

package/dist/index-DGbVewT4.js

@@ -0,0 +1 @@
+"use strict";var M=Object.create;var O=Object.defineProperty;var F=Object.getOwnPropertyDescriptor;var j=Object.getOwnPropertyNames;var q=Object.getPrototypeOf,z=Object.prototype.hasOwnProperty;var G=(l,v,c,w)=>{if(v&&typeof v=="object"||typeof v=="function")for(let f of j(v))!z.call(l,f)&&f!==c&&O(l,f,{get:()=>v[f],enumerable:!(w=F(v,f))||w.enumerable});return l};var J=(l,v,c)=>(c=l!=null?M(q(l)):{},G(v||!l||!l.__esModule?O(c,"default",{value:l,enumerable:!0}):c,l));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=require("./index-0C0pBmhT.js"),K={class:"seting-box"},Q={class:"setting-header flex items-center"},R={key:0},W={class:"setting-header items-center"},X={class:"draggable_box"},Y={class:"drag_top_box"},Z=["onClick"],ee={key:0},te={class:"draggable_link_box"},le={class:"drag_link_top_box"},ae=["onClick"],ne=e.defineComponent({__name:"setting",props:{show:{type:Boolean,default:!1},data:{type:Object,default:()=>{}}},emits:["update:show"],setup(l,{emit:v}){const c=e.defineAsyncComponent(()=>import("vuedraggable")),w=e.computed(()=>({animation:200,group:"gridLinks",disabled:!1,ghostClass:"ghost",handle:".drag-handle, .icon_drag",filter:".arco-input, .arco-select, .arco-checkbox",preventOnFilter:!1})),f=e.computed(()=>({animation:200,group:"gridLinkItems",disabled:!1,ghostClass:"ghost",handle:".drag-handle, .icon_drag",filter:".arco-input, .arco-select, .arco-checkbox",preventOnFilter:!1})),y=e.ref(!1),x=e.ref(!1),s=l,p=e.ref(new Set),V=e.ref(new Set),b=()=>{var a,t;(t=(a=s.data)==null?void 0:a.data)!=null&&t.list&&Array.isArray(s.data.data.list)&&(p.value.clear(),V.value.clear(),s.data.data.list.forEach(n=>{n.id&&p.value.add(n.id),n.links&&Array.isArray(n.links)&&n.links.length>0&&n.links.forEach(i=>{i.id&&V.value.add(i.id)})}))},_=e.ref(!1);e.watch(()=>s.show,a=>{a&&!_.value?(_.value=!0,e.nextTick(()=>{b()})):a||(_.value=!1)},{immediate:!0});const B=a=>{var t,n;p.value.has(a.id)?(p.value.clear(),(n=(t=s.data)==null?void 0:t.data)!=null&&n.list&&s.data.data.list.forEach(i=>{i.id!==a.id&&p.value.add(i.id)})):p.value.add(a.id)},m=a=>p.value.has(a.id),r=a=>{s.data.data.list=s.data.data.list.filter(t=>t.id!==a)},h=()=>{var n,i;const a=s.data.data,t=o.r();a.list.push({id:t,title:"这里是标题",links:[]}),p.value.clear(),(i=(n=s.data)==null?void 0:n.data)!=null&&i.list&&s.data.data.list.forEach(g=>{g.id!==t&&p.value.add(g.id)}),e.nextTick(()=>{if(typeof document<"u"){const g=document.querySelector(".arco-drawer-body");g&&(g.scrollTop=g.scrollHeight)}})},C=a=>{V.value.has(a.id)?V.value.delete(a.id):V.value.add(a.id)},k=a=>V.value.has(a.id),$=a=>{const t=s.data.data.list.find(n=>n.id===a);if(t){const n=o.r();t.links.push({id:n,name:"这里是名称",link:""}),t.links&&Array.isArray(t.links)&&t.links.forEach(i=>{i.id!==n?V.value.add(i.id):V.value.delete(i.id)})}},N=(a,t)=>{const n=s.data.data.list.find(i=>i.id===a);n&&n.links&&(n.links=n.links.filter(i=>i.id!==t))},S=v,L=()=>{S("update:show",!1)};return(a,t)=>{const n=e.resolveComponent("a-switch"),i=e.resolveComponent("a-option"),g=e.resolveComponent("a-select"),P=e.resolveComponent("icon-drag-dot"),D=e.resolveComponent("icon-drag-arrow"),U=e.resolveComponent("icon-delete"),T=e.resolveComponent("a-input"),I=e.resolveComponent("icon-plus"),A=e.resolveComponent("a-button"),H=e.resolveComponent("a-drawer");return e.openBlock(),e.createBlock(H,{width:500,visible:l.show,footer:!1,onCancel:L,unmountOnClose:""},{title:e.withCtx(()=>{var d;return[e.createTextVNode(e.toDisplayString((d=l.data)==null?void 0:d.type)+"组件编辑 ",1)]}),default:e.withCtx(()=>[e.createElementVNode("div",K,[e.createElementVNode("div",Q,[t[7]||(t[7]=e.createElementVNode("span",{class:"header-title"},"仅显示PC端",-1)),e.createVNode(n,{modelValue:l.data.onlyShowPc,"onUpdate:modelValue":t[0]||(t[0]=d=>l.data.onlyShowPc=d)},null,8,["modelValue"])]),t[19]||(t[19]=e.createElementVNode("p",{class:"item-title"},"组件宽度",-1)),e.createVNode(g,{modelValue:l.data.data.width,"onUpdate:modelValue":t[1]||(t[1]=d=>l.data.data.width=d),placeholder:"请选择","allow-clear":""},{default:e.withCtx(()=>[e.createVNode(i,{value:"default"},{default:e.withCtx(()=>[...t[8]||(t[8]=[e.createTextVNode("默认",-1)])]),_:1}),e.createVNode(i,{value:"small"},{default:e.withCtx(()=>[...t[9]||(t[9]=[e.createTextVNode("小",-1)])]),_:1}),e.createVNode(i,{value:"middle"},{default:e.withCtx(()=>[...t[10]||(t[10]=[e.createTextVNode("中",-1)])]),_:1}),e.createVNode(i,{value:"max"},{default:e.withCtx(()=>[...t[11]||(t[11]=[e.createTextVNode("大",-1)])]),_:1})]),_:1},8,["modelValue"]),t[20]||(t[20]=e.createElementVNode("div",{class:"part_title",style:{"margin-top":"20px"}},"链接列表",-1)),l.data.data.list.length?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",R,"暂无数据")),e.createElementVNode("div",W,[e.createVNode(e.unref(c),e.mergeProps({modelValue:l.data.data.list,"onUpdate:modelValue":t[4]||(t[4]=d=>l.data.data.list=d),"component-data":{tag:"div",type:"transition-group",name:y.value?null:"flip-list"}},w.value,{disabled:!1,onStart:t[5]||(t[5]=d=>y.value=!0),onEnd:t[6]||(t[6]=d=>y.value=!1),"item-key":"id"}),{item:e.withCtx(({element:d})=>[e.createElementVNode("div",X,[e.createElementVNode("div",Y,[e.createElementVNode("div",{class:"drag-handle",onClick:u=>B(d)},[e.createVNode(P,{style:{"margin-right":"10px"}}),e.createTextVNode(e.toDisplayString(d.title),1)],8,Z),e.createElementVNode("div",null,[e.createVNode(D,{class:"icon_drag"}),e.createVNode(U,{class:"btn-delete",onClick:e.withModifiers(u=>r(d.id),["stop"])},null,8,["onClick"])])]),e.createVNode(e.Transition,{name:"collapse"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",null,[t[16]||(t[16]=e.createElementVNode("p",{class:"item-title",style:{"margin-top":"20px"}},"标题",-1)),e.createVNode(T,{modelValue:d.title,"onUpdate:modelValue":u=>d.title=u,placeholder:"请输入标题","allow-clear":""},null,8,["modelValue","onUpdate:modelValue"]),t[17]||(t[17]=e.createElementVNode("p",{class:"item-title",style:{"margin-top":"20px"}},"链接",-1)),d.links.length?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",ee,"暂无数据")),e.createVNode(e.unref(c),e.mergeProps({modelValue:d.links,"onUpdate:modelValue":u=>d.links=u,"component-data":{tag:"div",type:"transition-group",name:x.value?null:"flip-list"}},f.value,{disabled:!1,onStart:t[2]||(t[2]=u=>x.value=!0),onEnd:t[3]||(t[3]=u=>x.value=!1),"item-key":"id"}),{item:e.withCtx(({element:u})=>[e.createElementVNode("div",te,[e.createElementVNode("div",le,[e.createElementVNode("div",{class:"drag-handle",onClick:E=>C(u)},[e.createVNode(P,{style:{"margin-right":"10px"}}),t[12]||(t[12]=e.createTextVNode("链接 ",-1))],8,ae),e.createElementVNode("div",null,[e.createVNode(D,{class:"icon_drag"}),e.createVNode(U,{class:"btn-delete",onClick:e.withModifiers(E=>N(d.id,u.id),["stop"])},null,8,["onClick"])])]),e.createVNode(e.Transition,{name:"collapse"},{default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("div",null,[t[13]||(t[13]=e.createElementVNode("p",{class:"link-title",style:{"margin-top":"20px"}}," 名称 ",-1)),e.createVNode(T,{modelValue:u.name,"onUpdate:modelValue":E=>u.name=E,placeholder:"请输入名称","allow-clear":""},null,8,["modelValue","onUpdate:modelValue"]),t[14]||(t[14]=e.createElementVNode("p",{class:"link-title",style:{"margin-top":"20px"}}," 链接地址 ",-1)),e.createVNode(T,{modelValue:u.link,"onUpdate:modelValue":E=>u.link=E,placeholder:"请输入链接地址","allow-clear":""},null,8,["modelValue","onUpdate:modelValue"])],512),[[e.vShow,!k(u)]])]),_:2},1024)])]),_:2},1040,["modelValue","onUpdate:modelValue","component-data"]),e.createVNode(A,{style:{"margin-top":"20px"},size:"mini",type:"primary",onClick:u=>$(d.id)},{icon:e.withCtx(()=>[e.createVNode(I)]),default:e.withCtx(()=>[t[15]||(t[15]=e.createTextVNode(" 链接 ",-1))]),_:1},8,["onClick"])],512),[[e.vShow,!m(d)]])]),_:2},1024)])]),_:1},16,["modelValue","component-data"])]),e.createVNode(A,{type:"primary",onClick:h,style:{"margin-top":"20px"}},{icon:e.withCtx(()=>[e.createVNode(I)]),default:e.withCtx(()=>[t[18]||(t[18]=e.createTextVNode(" 新增 ",-1))]),_:1})])]),_:1},8,["visible"])}}}),oe=o._(ne,[["__scopeId","data-v-cec126b9"]]),de=["innerHTML"],ie={key:0,class:"grid-links__sublist"},se=["onClick"],re={key:1,class:"grid-links__subitem__link"},ce=e.defineComponent({name:"GridLinks",__name:"index",props:{modelValue:{type:Object,default:()=>{}},isPreview:{type:Boolean,default:!0}},emits:["update:modelValue","handleDelete","handleCopy","handlePaste","handleClick"],setup(l,{emit:v}){const c=l,w=v,f=m=>{w("handleClick",m)},y=e.computed(()=>{var m;return c.isPreview?!((m=c.modelValue)!=null&&m.onlyShowPc)||!o.i():!0}),x=()=>{var r;if(c.modelValue&&c.modelValue.data)return;const m={id:((r=c.modelValue)==null?void 0:r.id)||o.r(),type:"GridLinks",onlyShowPc:!1,data:{width:"default",bgColor:"white",list:[{id:o.r(),title:"这里是标题",links:[{id:o.r(),name:"这里是名称",link:""},{id:o.r(),name:"这里是名称",link:"https://www.baidu.com"},{id:o.r(),name:"这里是名称",link:"https://www.baidu.com"}]},{id:o.r(),title:"这里是标题",links:[{id:o.r(),name:"这里是名称",link:"https://www.baidu.com"},{id:o.r(),name:"这里是名称",link:"https://www.baidu.com"},{id:o.r(),name:"这里是名称",link:"https://www.baidu.com"}]},{id:o.r(),title:"这里是标题",links:[{id:o.r(),name:"这里是名称",link:"https://www.baidu.com"},{id:o.r(),name:"这里是名称",link:"https://www.baidu.com"},{id:o.r(),name:"这里是名称",link:"https://www.baidu.com"}]},{id:o.r(),title:"这里是标题",links:[{id:o.r(),name:"这里是名称",link:"https://www.baidu.com"},{id:o.r(),name:"这里是名称",link:"https://www.baidu.com"},{id:o.r(),name:"这里是名称",link:"https://www.baidu.com"}]}]}};w("update:modelValue",m)},s=e.ref(!1),p=e.ref(!1),V=e.computed(()=>{var h,C;const m=(C=(h=c.modelValue)==null?void 0:h.data)==null?void 0:C.width;return!m||m==="default"?"container-content":{small:"container-content-small",middle:"container-content-middle",max:"container-content-max"}[m]||"container-content"}),b=()=>{w("handleDelete",c.modelValue.id)},_=()=>{w("handleCopy",c.modelValue)},B=m=>{w("handlePaste",m)};return x(),(m,r)=>{var h,C;return e.openBlock(),e.createElementBlock(e.Fragment,null,[y.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"gridLinks_wrap",onMouseenter:r[2]||(r[2]=k=>s.value=!0),onMouseleave:r[3]||(r[3]=k=>s.value=!1)},[e.createElementVNode("div",{class:e.normalizeClass(V.value)},[e.createElementVNode("div",{class:"grid-links__row",style:e.normalizeStyle({"--grid-columns-mobile":m.mobileCol,"--grid-columns-desktop":m.desktopCol})},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList((C=(h=l.modelValue)==null?void 0:h.data)==null?void 0:C.list,(k,$)=>(e.openBlock(),e.createElementBlock("div",{class:"grid-links__item",key:`${k.title}-${$}`},[e.createElementVNode("h6",{class:"grid-links__item__title",innerHTML:k.title},null,8,de),k.links?(e.openBlock(),e.createElementBlock("ul",ie,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(k.links,(N,S)=>(e.openBlock(),e.createElementBlock("li",{key:`${N.name}-${S}`,class:"grid-links__subitem"},[N.link?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:L=>f(N.link),class:"link_text"},[e.createTextVNode(e.toDisplayString(N.name)+" ",1),r[5]||(r[5]=e.createElementVNode("span",{class:"link_text__underline"},null,-1))],8,se)):(e.openBlock(),e.createElementBlock("div",re,e.toDisplayString(N.name),1))]))),128))])):e.createCommentVNode("",!0)]))),128))],4)],2),l.isPreview?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(o.O,{key:0,show:s.value,"onUpdate:show":r[0]||(r[0]=k=>s.value=k),onHandleEdit:r[1]||(r[1]=k=>p.value=!0),onHandleDelete:b,onHandleCopy:_,onHandlePaste:B},null,8,["show"]))],32)):e.createCommentVNode("",!0),l.isPreview?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(oe,{key:1,show:p.value,"onUpdate:show":r[4]||(r[4]=k=>p.value=k),data:l.modelValue},null,8,["show","data"]))],64)}}}),me=o._(ce,[["__scopeId","data-v-ed90ae1e"]]);exports.default=me;

package/dist/index-DKDZzpmS.mjs

@@ -0,0 +1,642 @@
+import { getCurrentInstance as ce, ref as d, computed as r, watch as I, nextTick as b, onMounted as pe, createElementBlock as k, openBlock as g, normalizeClass as O, createElementVNode as a, withDirectives as ue, vShow as de, Fragment as X, renderList as ae, createBlock as K, resolveDynamicComponent as ve, withCtx as L, normalizeStyle as me, defineComponent as fe, defineAsyncComponent as ge, resolveComponent as E, createVNode as h, createTextVNode as Y, unref as he, mergeProps as ye, toDisplayString as oe, createCommentVNode as j, Transition as be } from "vue";
+import { _ as se, U as we, P as xe, r as A, u as ke, d as Ve, a as Ce, O as _e } from "./index-CPFXI7lC.mjs";
+const Te = { class: "tab-logo__btn__img flex-center" }, Se = ["src", "alt"], $e = {
+  __name: "TabLogo",
+  props: {
+    tabList: {
+      type: Array,
+      default: () => []
+    },
+    currentIdx: {
+      type: [String, Number],
+      default: 0
+    },
+    isFixed: {
+      type: Boolean,
+      default: !1
+    },
+    fullWidth: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["updateCurrentIdx"],
+  setup(u, { emit: F }) {
+    const { proxy: J } = ce(), { $_vsWidth: x, $_vsScrollY: G, $vsScreenAddListener: H, $vsScreenDestroyListener: M } = J, V = u, m = F, f = d(0), W = d(0.5 * x.value), c = d(0), t = d(!0), w = d(!0), P = d(0), C = d(!1), _ = d(0), T = d(0), S = d(0), $ = d(null), n = d(null), s = d([]), q = (l) => l || "", Q = r(() => f.value - W.value), Z = r(() => [
+      { "--strip-width": `${Q.value}px` },
+      { "--strip-left": `${W.value}px` },
+      { "--fix-left": `${c.value}px` },
+      {
+        transition: w.value ? "left 0.2s ease-in-out, width 0.2s ease-in-out" : ""
+      }
+    ]), ee = r(() => _.value > 0), te = r(() => T.value - _.value + U.value > S.value), U = r(() => {
+      if (!C.value) return 24;
+      const l = $.value;
+      if (!l) return 24;
+      const i = window.getComputedStyle(l, null).getPropertyValue("padding-right").split("px")[0];
+      return Number(i) * 2;
+    }), le = r(() => !1);
+    I(x, () => {
+      D(), N();
+    }), I(
+      () => V.currentIdx,
+      (l, i) => {
+        t.value = l > i, b(() => B()), b(() => o());
+      }
+    ), I(
+      () => V.isFixed,
+      () => {
+        x.value > 1200 && D(), b(() => N());
+      }
+    ), I(
+      () => V.tabList,
+      (l, i) => {
+        N(), b(() => {
+          B(0);
+        });
+      },
+      { deep: !0 }
+    );
+    const B = (l) => {
+      const i = l ?? 250;
+      t.value ? (z(), setTimeout(R, i)) : (R(), setTimeout(z, i)), setTimeout(() => {
+        w.value = !0;
+      }, i);
+    }, z = () => {
+      const l = s.value[V.currentIdx];
+      l && l.getBoundingClientRect && (f.value = l.getBoundingClientRect().right);
+    }, R = () => {
+      const l = s.value[V.currentIdx];
+      l && l.getBoundingClientRect && (W.value = l.getBoundingClientRect().left);
+    }, D = () => {
+      w.value = !1, b(() => B(0)), b(() => ne());
+    }, N = () => {
+      const l = $.value;
+      if (l) {
+        let i = l.getBoundingClientRect().left;
+        c.value = (l.offsetWidth - l.getBoundingClientRect().width) / 2 - i;
+      }
+    }, ne = () => {
+      V.tabList.length <= 0 || (n.value && (_.value = n.value.scrollLeft, T.value = n.value.scrollWidth), $.value && (S.value = $.value.getBoundingClientRect().width));
+    }, e = (l) => {
+      n.value && (l == "next" ? n.value.scrollLeft += 9999 : n.value.scrollLeft -= 9999);
+    }, o = () => {
+      const l = s.value[V.currentIdx];
+      if (!l) return;
+      const i = l.clientWidth / 2, y = x.value / 2;
+      P.value = l.getBoundingClientRect().right - i, n.value && (n.value.scrollLeft -= y - P.value);
+    }, p = (l) => {
+      m("updateCurrentIdx", l);
+    };
+    return pe(() => {
+      C.value = !0, b(() => {
+        B(0), setTimeout(D, 300), N(), b(() => {
+          setTimeout(o, 300);
+        });
+      }), window.addEventListener("resize", () => {
+        x.value = window.innerWidth;
+      });
+    }), (l, i) => (g(), k("div", {
+      class: O(["tab-logo", [{ "is-fixed": u.isFixed }, { "is-campus": !le.value }, { "is-full-width": u.fullWidth }]]),
+      ref_key: "wrapper",
+      ref: $
+    }, [
+      a("ul", {
+        class: "tab-logo__list",
+        ref_key: "list",
+        ref: n,
+        onScroll: D
+      }, [
+        ue(a("div", {
+          class: "tab-logo__nav__prev",
+          onClick: i[0] || (i[0] = (y) => e("prev"))
+        }, null, 512), [
+          [de, ee.value]
+        ]),
+        (g(!0), k(X, null, ae(u.tabList, (y, v) => (g(), k("li", {
+          key: v,
+          class: O(["tab-logo__item", [{ "tab-logo__item--img": !!y.img }]])
+        }, [
+          a("div", {
+            ref_for: !0,
+            ref_key: "btn",
+            ref: s,
+            class: "flex-center"
+          }, [
+            (g(), K(ve(y.link ? "nuxt-link" : "button"), {
+              type: y.link ? null : "button",
+              to: q(y.link),
+              class: O(["tab-logo__btn", [{ "is-active": u.currentIdx == v }]]),
+              onClick: (ie) => p(v)
+            }, {
+              default: L(() => [
+                a("div", Te, [
+                  a("img", {
+                    src: y.img,
+                    alt: y.alt
+                  }, null, 8, Se)
+                ])
+              ]),
+              _: 2
+            }, 1032, ["type", "to", "class", "onClick"]))
+          ], 512)
+        ], 2))), 128)),
+        ue(a("div", {
+          class: "tab-logo__nav__next",
+          onClick: i[1] || (i[1] = (y) => e("next"))
+        }, null, 512), [
+          [de, te.value]
+        ])
+      ], 544),
+      a("span", {
+        class: "tab-logo__strip",
+        style: me(Z.value)
+      }, null, 4)
+    ], 2));
+  }
+}, Le = /* @__PURE__ */ se($e, [["__scopeId", "data-v-95fa5f31"]]), Ie = { class: "setting-content" }, Pe = { class: "setting-header flex items-center" }, Be = { class: "setting-body" }, De = { class: "setting-toolbar" }, We = { class: "tools" }, Ue = { class: "setting-item" }, Re = { class: "item-header" }, Ee = { class: "btn-group" }, Ae = {
+  key: 0,
+  class: "drag-handle"
+}, He = ["src"], Ne = { class: "item-uplaod flex items-center" }, Oe = { class: "components-content" }, Fe = /* @__PURE__ */ fe({
+  __name: "setting",
+  props: {
+    show: {
+      type: Boolean,
+      default: !1
+    },
+    data: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  emits: ["update:show"],
+  setup(u, { emit: F }) {
+    const J = ge(() => import("vuedraggable")), x = d(!1), G = r(() => ({
+      animation: 200,
+      group: "gallerys",
+      disabled: !1,
+      ghostClass: "ghost",
+      handle: ".drag-handle",
+      filter: ".arco-input, .arco-select, .arco-checkbox",
+      preventOnFilter: !1
+    }));
+    r(() => ({
+      animation: 200,
+      group: "gallerys-above",
+      disabled: !1,
+      ghostClass: "ghost",
+      handle: ".drag-handle",
+      filter: ".arco-input, .arco-select, .arco-checkbox",
+      preventOnFilter: !1
+    }));
+    const H = (c) => c && c.length > 1, M = u, V = F, m = () => {
+      V("update:show", !1);
+    }, f = (c) => {
+      debugger;
+      M.data.data.push({
+        id: A(),
+        key: A(),
+        name: "New Tab",
+        img: "https://osswebsite-test.cedim.cn/media-library/shared/24-25%E5%BC%80%E5%AD%A6/640-5.jpg",
+        alt: "yew-chung-international-school",
+        componentsDataJson: []
+      });
+    }, W = (c, t) => {
+      M.data.data = M.data.data.filter((w) => w.id !== c);
+    };
+    return (c, t) => {
+      const w = E("a-switch"), P = E("icon-plus"), C = E("a-button"), _ = E("icon-drag-arrow"), T = E("icon-delete"), S = E("a-input"), $ = E("a-drawer");
+      return g(), K($, {
+        width: "60%",
+        visible: u.show,
+        footer: !1,
+        onCancel: m,
+        unmountOnClose: ""
+      }, {
+        title: L(() => [
+          Y(oe(u.data.type) + "组件编辑 ", 1)
+        ]),
+        default: L(() => [
+          a("div", Ie, [
+            a("div", Pe, [
+              t[7] || (t[7] = a("span", { class: "header-title" }, "仅显示PC端", -1)),
+              h(w, {
+                modelValue: u.data.onlyShowPc,
+                "onUpdate:modelValue": t[0] || (t[0] = (n) => u.data.onlyShowPc = n)
+              }, null, 8, ["modelValue"])
+            ]),
+            a("div", Be, [
+              a("div", De, [
+                t[10] || (t[10] = a("h1", null, "List", -1)),
+                a("div", We, [
+                  h(C, {
+                    type: "primary",
+                    onClick: t[1] || (t[1] = (n) => f())
+                  }, {
+                    icon: L(() => [
+                      h(P)
+                    ]),
+                    default: L(() => [
+                      t[8] || (t[8] = Y(" 添加 List ", -1))
+                    ]),
+                    _: 1
+                  }),
+                  h(C, {
+                    type: "primary",
+                    onClick: t[2] || (t[2] = (n) => f())
+                  }, {
+                    default: L(() => [...t[9] || (t[9] = [
+                      Y("粘贴 Tab", -1)
+                    ])]),
+                    _: 1
+                  })
+                ])
+              ]),
+              a("div", Ue, [
+                h(he(J), ye({
+                  modelValue: u.data.data,
+                  "onUpdate:modelValue": t[4] || (t[4] = (n) => u.data.data = n),
+                  "component-data": {
+                    tag: "div",
+                    type: "transition-group",
+                    name: x.value ? null : "flip-list"
+                  }
+                }, G.value, {
+                  disabled: !H(u.data.data),
+                  onStart: t[5] || (t[5] = (n) => x.value = !0),
+                  onEnd: t[6] || (t[6] = (n) => x.value = !1),
+                  "item-key": "id"
+                }), {
+                  item: L(({ element: n }) => [
+                    (g(), k("div", {
+                      class: O(["item-button draggable-item", {
+                        "sortable-disabled": !H(u.data.data)
+                      }]),
+                      key: n.id
+                    }, [
+                      a("div", Re, [
+                        a("div", null, [
+                          a("h5", null, oe(n.name), 1),
+                          a("span", null, oe(n.key), 1)
+                        ]),
+                        a("div", Ee, [
+                          H(u.data.data) ? (g(), k("div", Ae, [
+                            h(_, { class: "drag-icon" })
+                          ])) : j("", !0),
+                          h(T, {
+                            class: "btn-delete",
+                            onClick: (s) => W(n.id)
+                          }, null, 8, ["onClick"]),
+                          h(C, {
+                            size: "mini",
+                            type: "primary",
+                            onClick: t[3] || (t[3] = (s) => f())
+                          }, {
+                            default: L(() => [...t[11] || (t[11] = [
+                              Y("复制 Tab", -1)
+                            ])]),
+                            _: 1
+                          })
+                        ])
+                      ]),
+                      t[12] || (t[12] = a("p", { class: "item-title" }, "Alt", -1)),
+                      h(S, {
+                        modelValue: n.alt,
+                        "onUpdate:modelValue": (s) => n.alt = s,
+                        placeholder: "请输入alt",
+                        "allow-clear": ""
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                      t[13] || (t[13] = a("p", { class: "item-title" }, "Key", -1)),
+                      h(S, {
+                        modelValue: n.key,
+                        "onUpdate:modelValue": (s) => n.key = s,
+                        placeholder: "请输入key",
+                        "allow-clear": ""
+                      }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                      t[14] || (t[14] = a("p", { class: "item-title" }, "图片", -1)),
+                      a("img", {
+                        class: "item-img",
+                        src: n.img
+                      }, null, 8, He),
+                      a("div", Ne, [
+                        h(S, {
+                          modelValue: n.img,
+                          "onUpdate:modelValue": (s) => n.img = s,
+                          placeholder: "请输入图片链接",
+                          "allow-clear": ""
+                        }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                        h(we, {
+                          modelValue: n.img,
+                          "onUpdate:modelValue": (s) => n.img = s,
+                          name: n.key
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "name"])
+                      ]),
+                      t[15] || (t[15] = a("p", null, "components", -1)),
+                      a("div", Oe, [
+                        h(xe, {
+                          data: n.componentsDataJson,
+                          onUpdate: (s) => n.componentsDataJson = s
+                        }, null, 8, ["data", "onUpdate"])
+                      ])
+                    ], 2))
+                  ]),
+                  _: 1
+                }, 16, ["modelValue", "component-data", "disabled"])
+              ])
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["visible"]);
+    };
+  }
+}), Je = /* @__PURE__ */ se(Fe, [["__scopeId", "data-v-c52189f2"]]), Me = { class: "tab-page__content" }, je = { key: 0 }, re = "", Ke = {
+  __name: "index",
+  props: {
+    modelValue: {
+      type: Object,
+      default: () => ({})
+    },
+    // 是否预览
+    isPreview: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["update:modelValue", "handleDelete", "handleCopy", "handlePaste"],
+  setup(u, { emit: F }) {
+    const J = F, { proxy: x } = ce(), { $_vsWidth: G, $_vsScrollY: H, $vsScreenAddListener: M, $vsScreenDestroyListener: V } = x, m = u, f = ke(), W = Ve(), c = d(0), t = d(!1), w = d(!0), P = d(null), C = d(null), _ = d(!1), T = d(!1), S = (e) => {
+      if (!e) return { top: 0, left: 0 };
+      const o = e.getBoundingClientRect(), p = window.pageYOffset || document.documentElement.scrollTop, l = window.pageXOffset || document.documentElement.scrollLeft;
+      return {
+        top: o.top + p,
+        left: o.left + l
+      };
+    }, $ = r(() => {
+      var e;
+      return ((e = m.modelValue) == null ? void 0 : e.classes) ?? null;
+    }), n = r(() => {
+      var e;
+      return ((e = m.modelValue) == null ? void 0 : e.style) ?? null;
+    });
+    r(() => {
+      var e;
+      return ((e = m.modelValue) == null ? void 0 : e.type) ?? "TabPrimary";
+    });
+    const s = r(() => {
+      var e;
+      return ((e = m.modelValue) == null ? void 0 : e.data) ?? [];
+    }), q = r(() => {
+      var e;
+      return ((e = m.modelValue) == null ? void 0 : e.fixed) ?? !0;
+    }), Q = r(() => {
+      var e;
+      return ((e = m.modelValue) == null ? void 0 : e.resetToTop) ?? !0;
+    }), Z = r(() => {
+      var e;
+      return ((e = m.modelValue) == null ? void 0 : e.scrollToTop) ?? !0;
+    }), ee = r(() => {
+      var e;
+      return ((e = m.modelValue) == null ? void 0 : e.fullWidth) ?? !1;
+    });
+    r(() => 0), r(() => !1);
+    const te = r(() => s.value.some((e) => e.img)), U = r(() => {
+      var e;
+      return ((e = s.value[c.value]) == null ? void 0 : e.key) ?? null;
+    });
+    r(() => {
+      var o;
+      if (!((o = m.modelValue) != null && o.data) || !Array.isArray(m.modelValue.data))
+        return [];
+      const e = m.modelValue.data[c.value];
+      return e ? e.componentsDataJson || [] : [];
+    });
+    const le = () => {
+      var o;
+      if (m.modelValue && m.modelValue.data)
+        return;
+      const e = {
+        id: ((o = m.modelValue) == null ? void 0 : o.id) || A(),
+        //componentKey
+        type: "TabLogo",
+        onlyShowPc: !1,
+        containerWidth: "",
+        bgColor: "",
+        classes: "custom-class another-class",
+        style: {},
+        width: "",
+        resetToTop: !1,
+        fullWidth: !0,
+        fixed: !1,
+        scrollToTop: !1,
+        data: [
+          //list
+          {
+            id: A(),
+            key: A(),
+            img: "https://osswebsite-test.cedim.cn/media-library/shared/24-25%E5%BC%80%E5%AD%A6/640-5.jpg",
+            alt: "yew-chung-international-school",
+            name: "New Tab1",
+            componentsDataJson: [
+              // {
+              //   id: props.modelValue?.id || randomString(),
+              //   type: "BannerImage",
+              //   onlyShowPc: false,
+              //   data: {
+              //     title: "这里是标题",
+              //     imgSrc: "https://osswebsite-test.cedim.cn/ywies-tx/static-images/about-ywies/01_About_YWIES_1_Header.jpg",
+              //   },
+              // },
+            ]
+          },
+          {
+            id: A(),
+            key: A(),
+            img: "https://osswebsite-test.cedim.cn/media-library/shared/24-25%E5%BC%80%E5%AD%A6/640-5.jpg",
+            alt: "yew-chung-international-school",
+            name: "New Tab2",
+            componentsDataJson: [
+              // {
+              //   id: props.modelValue?.id || randomString(),
+              //   type: "ArticleList",
+              //   onlyShowPc: false,
+              //   width: "",
+              //   bgColor: "",
+              //   data: [
+              //     {
+              //       id: randomString(),
+              //       type: "Article",
+              //       title: "这里是标题",
+              //       content: "这里是内容",
+              //       buttonList: [],
+              //       linkList: [
+              //         {
+              //           id: randomString(),
+              //           text: "链接名称",
+              //           url: "",
+              //           isExternal: false,
+              //         },
+              //       ],
+              //     },
+              //     {
+              //       id: randomString(),
+              //       type: "Image",
+              //       imgSrc: "https://osswebsite.ycyw.com/media-library/ywies-bj/images/home/ywies-tx.jpg",
+              //       caption: "",
+              //       alt: "",
+              //       isRound: false,
+              //     },
+              //   ],
+              // },
+            ]
+          }
+        ]
+      };
+      J("update:modelValue", e), c.value = 0;
+    }, B = () => {
+      const e = C.value;
+      if (!e) return;
+      const o = e.getBoundingClientRect().top, p = P.value;
+      if (!p) return;
+      const l = p.getBoundingClientRect().top, i = +window.getComputedStyle(document.body).getPropertyValue("--header-height-calc").split("px")[0];
+      if (l > i) {
+        t.value = !1;
+        return;
+      }
+      o <= i && (t.value = !0);
+    }, z = () => {
+      if (f.hash) {
+        b(() => {
+          setTimeout(R, 500);
+        });
+        return;
+      }
+      if (!Z.value) return;
+      let e = 0;
+      Q.value || (e = S(P.value).top - 170), window.scroll({ top: e, left: 0, behavior: "smooth" });
+    }, R = () => {
+      if (!f.hash) return;
+      const e = document.querySelector(f.hash);
+      if (!e) return;
+      const o = S(e).top;
+      window.scroll({
+        top: o - 170,
+        left: 0,
+        behavior: "smooth"
+      });
+    }, D = () => {
+      const e = f.params.subpage;
+      let o = s.value.findIndex((v) => v.key == e);
+      const p = ne(), l = s.value.findIndex((v) => v.key == p), i = f.query.category, y = s.value.findIndex((v) => v.key == i);
+      if (o >= 0)
+        c.value = o;
+      else if (y > -1)
+        w.value = !1, c.value = y;
+      else if (l > -1)
+        w.value = !1, c.value = l;
+      else if (s.value[0] && s.value[0].link) {
+        console.log(s.value[0].link);
+        let v = f.path;
+        v.endsWith("/") && (v = v.split("/"), v.pop(), v = v.join("/"));
+        const ie = `${v}/${s.value[0].key}`;
+        W.replace(ie);
+      }
+      b(R);
+    }, N = (e) => {
+      sessionStorage.setItem(re, e);
+    }, ne = () => sessionStorage.getItem(re);
+    return I(
+      () => H.value,
+      () => {
+        B();
+      }
+    ), I(
+      () => f.params.subpage,
+      () => {
+        D();
+      }
+    ), I(
+      () => f.query,
+      () => {
+        D();
+      },
+      { deep: !0 }
+    ), I(c, () => {
+      N(U.value), w.value && z(), w.value = !0;
+    }), I(U, (e) => {
+      e || (c.value = 0);
+    }), pe(() => {
+      ["article"].includes(f.params.section) || (le(), R(), D(), b(B), setTimeout(() => {
+        b(B);
+      }, 200), setTimeout(() => {
+        b(R);
+      }, 1e3));
+    }), (e, o) => (g(), k("div", {
+      class: O(["tab-page", $.value]),
+      style: me(n.value),
+      onMouseover: o[4] || (o[4] = (p) => T.value = !0),
+      onMouseout: o[5] || (o[5] = (p) => T.value = !1)
+    }, [
+      a("div", {
+        class: O(["tab-page__hold", [{ "is-fixed": t.value && q.value }, { "is-thick": te.value }]]),
+        ref_key: "hold",
+        ref: P
+      }, [
+        a("div", {
+          class: "tab-page__nav",
+          ref_key: "tab",
+          ref: C
+        }, [
+          h(Le, {
+            tabList: s.value,
+            currentIdx: c.value,
+            isFixed: t.value && q.value,
+            fullWidth: ee.value,
+            onUpdateCurrentIdx: o[0] || (o[0] = (p) => c.value = p)
+          }, null, 8, ["tabList", "currentIdx", "isFixed", "fullWidth"])
+        ], 512)
+      ], 2),
+      a("div", Me, [
+        h(be, {
+          name: "fade",
+          mode: "out-in"
+        }, {
+          default: L(() => [
+            U.value ? (g(), k("div", { key: U.value }, [
+              (g(!0), k(X, null, ae(s.value, (p) => (g(), k(X, null, [
+                U.value == p.key ? (g(), k("div", je, [
+                  (g(!0), k(X, null, ae(p.componentsDataJson, (l, i) => (g(), K(Ce, {
+                    key: l.id,
+                    type: l.type,
+                    "props-data": { modelValue: l, isPreview: !1 }
+                  }, null, 8, ["type", "props-data"]))), 128))
+                ])) : j("", !0)
+              ], 64))), 256))
+            ])) : j("", !0)
+          ]),
+          _: 1
+        })
+      ]),
+      u.isPreview ? j("", !0) : (g(), K(_e, {
+        key: 0,
+        show: T.value,
+        "onUpdate:show": o[1] || (o[1] = (p) => T.value = p),
+        onHandleEdit: o[2] || (o[2] = (p) => _.value = !0),
+        onHandleDelete: e.handleDelete,
+        onHandleCopy: e.handleCopy,
+        onHandlePaste: e.handlePaste,
+        style: { top: "-32px" }
+      }, null, 8, ["show", "onHandleDelete", "onHandleCopy", "onHandlePaste"])),
+      u.isPreview ? j("", !0) : (g(), K(Je, {
+        key: 1,
+        show: _.value,
+        "onUpdate:show": o[3] || (o[3] = (p) => _.value = p),
+        data: u.modelValue
+      }, null, 8, ["show", "data"]))
+    ], 38));
+  }
+}, Ye = /* @__PURE__ */ se(Ke, [["__scopeId", "data-v-7ea78236"]]);
+export {
+  Ye as default
+};

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

@@ -1,5 +1,5 @@
 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";
+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"

package/dist/index-DX4-RCdr.mjs

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