officialblock 2.1.2 → 2.1.4

package/dist/index-DgzgL-lS.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-B6j0X2Lr.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-Btjp_XdI.mjs → index-DhC37fx9.mjs}

@@ -4,7 +4,7 @@ var r = (a, u, c) => L(a, typeof u != "symbol" ? u + "" : u, c);
 import { defineComponent as A, shallowRef as R, ref as p, computed as F, inject as y, watch as C, nextTick as b, onBeforeUnmount as q, createElementBlock as J, openBlock as G, createVNode as I, unref as H, normalizeStyle as P } from "vue";
 import { Toolbar as Q, Editor as W } from "@wangeditor/editor-for-vue";
 import { Boot as z } from "@wangeditor/editor";
-import { _ as X } from "./index-Chue7s0-.mjs";
+import { _ as X } from "./index-mXDfSi-N.mjs";
 const Y = { class: "rich-text-editor" }, Z = /* @__PURE__ */ A({
   __name: "index",
   props: {

package/dist/index-DkpI5YTy.mjs

@@ -0,0 +1,542 @@
+import { defineComponent as ne, defineAsyncComponent as oe, computed as E, ref as S, watch as se, nextTick as W, resolveComponent as y, createBlock as j, openBlock as k, withCtx as p, createElementVNode as a, createVNode as n, createElementBlock as g, createCommentVNode as L, createTextVNode as _, unref as X, mergeProps as Y, toDisplayString as A, withModifiers as Z, Transition as ee, withDirectives as te, vShow as le, Fragment as F, normalizeClass as re, normalizeStyle as ue, renderList as ae } from "vue";
+import { r as o, _ as ie, i as me, O as ce } from "./index-mXDfSi-N.mjs";
+const pe = { class: "seting-box" }, ke = { class: "setting-header flex items-center" }, ve = { key: 0 }, fe = { class: "setting-header items-center" }, we = { class: "draggable_box" }, ge = { class: "drag_top_box" }, he = ["onClick"], ye = { key: 0 }, _e = { class: "draggable_link_box" }, Ce = { class: "drag_link_top_box" }, Ve = ["onClick"], be = /* @__PURE__ */ ne({
+  __name: "setting",
+  props: {
+    show: {
+      type: Boolean,
+      default: !1
+    },
+    data: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  emits: ["update:show"],
+  setup(m, { emit: O }) {
+    const w = oe(() => import("vuedraggable")), V = E(() => ({
+      animation: 200,
+      group: "gridLinks",
+      // 列表专用分组
+      disabled: !1,
+      ghostClass: "ghost",
+      handle: ".drag-handle, .icon_drag",
+      // 拖拽手柄和图标都能触发拖拽
+      filter: ".arco-input, .arco-select, .arco-checkbox",
+      // 排除这些元素的拖拽
+      preventOnFilter: !1
+      // 允许在被过滤的元素上进行正常交互
+    })), H = E(() => ({
+      animation: 200,
+      group: "gridLinkItems",
+      // 链接项专用分组
+      disabled: !1,
+      ghostClass: "ghost",
+      handle: ".drag-handle, .icon_drag",
+      // 拖拽手柄和图标都能触发拖拽
+      filter: ".arco-input, .arco-select, .arco-checkbox",
+      // 排除这些元素的拖拽
+      preventOnFilter: !1
+      // 允许在被过滤的元素上进行正常交互
+    })), P = S(!1), U = S(!1), s = m, v = S(/* @__PURE__ */ new Set()), h = S(/* @__PURE__ */ new Set()), M = () => {
+      var t, e;
+      (e = (t = s.data) == null ? void 0 : t.data) != null && e.list && Array.isArray(s.data.data.list) && (v.value.clear(), h.value.clear(), s.data.data.list.forEach((l) => {
+        l.id && v.value.add(l.id), l.links && Array.isArray(l.links) && l.links.length > 0 && l.links.forEach((d) => {
+          d.id && h.value.add(d.id);
+        });
+      }));
+    }, I = S(!1);
+    se(
+      () => s.show,
+      (t) => {
+        t && !I.value ? (I.value = !0, W(() => {
+          M();
+        })) : t || (I.value = !1);
+      },
+      { immediate: !0 }
+    );
+    const T = (t) => {
+      var e, l;
+      v.value.has(t.id) ? (v.value.clear(), (l = (e = s.data) == null ? void 0 : e.data) != null && l.list && s.data.data.list.forEach((d) => {
+        d.id !== t.id && v.value.add(d.id);
+      })) : v.value.add(t.id);
+    }, u = (t) => v.value.has(t.id), r = (t) => {
+      s.data.data.list = s.data.data.list.filter(
+        (e) => e.id !== t
+      );
+    }, b = () => {
+      var l, d;
+      const t = s.data.data, e = o();
+      t.list.push({
+        id: e,
+        title: "这里是标题",
+        links: []
+      }), v.value.clear(), (d = (l = s.data) == null ? void 0 : l.data) != null && d.list && s.data.data.list.forEach((C) => {
+        C.id !== e && v.value.add(C.id);
+      }), W(() => {
+        if (typeof document < "u") {
+          const C = document.querySelector(".arco-drawer-body");
+          C && (C.scrollTop = C.scrollHeight);
+        }
+      });
+    }, x = (t) => {
+      h.value.has(t.id) ? h.value.delete(t.id) : h.value.add(t.id);
+    }, f = (t) => h.value.has(t.id), B = (t) => {
+      const e = s.data.data.list.find((l) => l.id === t);
+      if (e) {
+        const l = o();
+        e.links.push({
+          id: l,
+          name: "这里是名称",
+          link: ""
+        }), e.links && Array.isArray(e.links) && e.links.forEach((d) => {
+          d.id !== l ? h.value.add(d.id) : h.value.delete(d.id);
+        });
+      }
+    }, $ = (t, e) => {
+      const l = s.data.data.list.find((d) => d.id === t);
+      l && l.links && (l.links = l.links.filter((d) => d.id !== e));
+    }, N = O, G = () => {
+      N("update:show", !1);
+    };
+    return (t, e) => {
+      const l = y("a-switch"), d = y("a-option"), C = y("a-select"), q = y("icon-drag-dot"), J = y("icon-drag-arrow"), K = y("icon-delete"), z = y("a-input"), Q = y("icon-plus"), R = y("a-button"), de = y("a-drawer");
+      return k(), j(de, {
+        width: 500,
+        visible: m.show,
+        footer: !1,
+        onCancel: G,
+        unmountOnClose: ""
+      }, {
+        title: p(() => {
+          var i;
+          return [
+            _(A((i = m.data) == null ? void 0 : i.type) + "组件编辑 ", 1)
+          ];
+        }),
+        default: p(() => [
+          a("div", pe, [
+            a("div", ke, [
+              e[7] || (e[7] = a("span", { class: "header-title" }, "仅显示PC端", -1)),
+              n(l, {
+                modelValue: m.data.onlyShowPc,
+                "onUpdate:modelValue": e[0] || (e[0] = (i) => m.data.onlyShowPc = i)
+              }, null, 8, ["modelValue"])
+            ]),
+            e[19] || (e[19] = a("p", { class: "item-title" }, "组件宽度", -1)),
+            n(C, {
+              modelValue: m.data.data.width,
+              "onUpdate:modelValue": e[1] || (e[1] = (i) => m.data.data.width = i),
+              placeholder: "请选择",
+              "allow-clear": ""
+            }, {
+              default: p(() => [
+                n(d, { value: "default" }, {
+                  default: p(() => [...e[8] || (e[8] = [
+                    _("默认", -1)
+                  ])]),
+                  _: 1
+                }),
+                n(d, { value: "small" }, {
+                  default: p(() => [...e[9] || (e[9] = [
+                    _("小", -1)
+                  ])]),
+                  _: 1
+                }),
+                n(d, { value: "middle" }, {
+                  default: p(() => [...e[10] || (e[10] = [
+                    _("中", -1)
+                  ])]),
+                  _: 1
+                }),
+                n(d, { value: "max" }, {
+                  default: p(() => [...e[11] || (e[11] = [
+                    _("大", -1)
+                  ])]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue"]),
+            e[20] || (e[20] = a("div", {
+              class: "part_title",
+              style: { "margin-top": "20px" }
+            }, "链接列表", -1)),
+            m.data.data.list.length ? L("", !0) : (k(), g("div", ve, "暂无数据")),
+            a("div", fe, [
+              n(X(w), Y({
+                modelValue: m.data.data.list,
+                "onUpdate:modelValue": e[4] || (e[4] = (i) => m.data.data.list = i),
+                "component-data": {
+                  tag: "div",
+                  type: "transition-group",
+                  name: P.value ? null : "flip-list"
+                }
+              }, V.value, {
+                disabled: !1,
+                onStart: e[5] || (e[5] = (i) => P.value = !0),
+                onEnd: e[6] || (e[6] = (i) => P.value = !1),
+                "item-key": "id"
+              }), {
+                item: p(({ element: i }) => [
+                  a("div", we, [
+                    a("div", ge, [
+                      a("div", {
+                        class: "drag-handle",
+                        onClick: (c) => T(i)
+                      }, [
+                        n(q, { style: { "margin-right": "10px" } }),
+                        _(A(i.title), 1)
+                      ], 8, he),
+                      a("div", null, [
+                        n(J, { class: "icon_drag" }),
+                        n(K, {
+                          class: "btn-delete",
+                          onClick: Z((c) => r(i.id), ["stop"])
+                        }, null, 8, ["onClick"])
+                      ])
+                    ]),
+                    n(ee, { name: "collapse" }, {
+                      default: p(() => [
+                        te(a("div", null, [
+                          e[16] || (e[16] = a("p", {
+                            class: "item-title",
+                            style: { "margin-top": "20px" }
+                          }, "标题", -1)),
+                          n(z, {
+                            modelValue: i.title,
+                            "onUpdate:modelValue": (c) => i.title = c,
+                            placeholder: "请输入标题",
+                            "allow-clear": ""
+                          }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                          e[17] || (e[17] = a("p", {
+                            class: "item-title",
+                            style: { "margin-top": "20px" }
+                          }, "链接", -1)),
+                          i.links.length ? L("", !0) : (k(), g("div", ye, "暂无数据")),
+                          n(X(w), Y({
+                            modelValue: i.links,
+                            "onUpdate:modelValue": (c) => i.links = c,
+                            "component-data": {
+                              tag: "div",
+                              type: "transition-group",
+                              name: U.value ? null : "flip-list"
+                            }
+                          }, H.value, {
+                            disabled: !1,
+                            onStart: e[2] || (e[2] = (c) => U.value = !0),
+                            onEnd: e[3] || (e[3] = (c) => U.value = !1),
+                            "item-key": "id"
+                          }), {
+                            item: p(({ element: c }) => [
+                              a("div", _e, [
+                                a("div", Ce, [
+                                  a("div", {
+                                    class: "drag-handle",
+                                    onClick: (D) => x(c)
+                                  }, [
+                                    n(q, { style: { "margin-right": "10px" } }),
+                                    e[12] || (e[12] = _("链接 ", -1))
+                                  ], 8, Ve),
+                                  a("div", null, [
+                                    n(J, { class: "icon_drag" }),
+                                    n(K, {
+                                      class: "btn-delete",
+                                      onClick: Z((D) => $(i.id, c.id), ["stop"])
+                                    }, null, 8, ["onClick"])
+                                  ])
+                                ]),
+                                n(ee, { name: "collapse" }, {
+                                  default: p(() => [
+                                    te(a("div", null, [
+                                      e[13] || (e[13] = a("p", {
+                                        class: "link-title",
+                                        style: { "margin-top": "20px" }
+                                      }, " 名称 ", -1)),
+                                      n(z, {
+                                        modelValue: c.name,
+                                        "onUpdate:modelValue": (D) => c.name = D,
+                                        placeholder: "请输入名称",
+                                        "allow-clear": ""
+                                      }, null, 8, ["modelValue", "onUpdate:modelValue"]),
+                                      e[14] || (e[14] = a("p", {
+                                        class: "link-title",
+                                        style: { "margin-top": "20px" }
+                                      }, " 链接地址 ", -1)),
+                                      n(z, {
+                                        modelValue: c.link,
+                                        "onUpdate:modelValue": (D) => c.link = D,
+                                        placeholder: "请输入链接地址",
+                                        "allow-clear": ""
+                                      }, null, 8, ["modelValue", "onUpdate:modelValue"])
+                                    ], 512), [
+                                      [le, !f(c)]
+                                    ])
+                                  ]),
+                                  _: 2
+                                }, 1024)
+                              ])
+                            ]),
+                            _: 2
+                          }, 1040, ["modelValue", "onUpdate:modelValue", "component-data"]),
+                          n(R, {
+                            style: { "margin-top": "20px" },
+                            size: "mini",
+                            type: "primary",
+                            onClick: (c) => B(i.id)
+                          }, {
+                            icon: p(() => [
+                              n(Q)
+                            ]),
+                            default: p(() => [
+                              e[15] || (e[15] = _(" 链接 ", -1))
+                            ]),
+                            _: 1
+                          }, 8, ["onClick"])
+                        ], 512), [
+                          [le, !u(i)]
+                        ])
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ])
+                ]),
+                _: 1
+              }, 16, ["modelValue", "component-data"])
+            ]),
+            n(R, {
+              type: "primary",
+              onClick: b,
+              style: { "margin-top": "20px" }
+            }, {
+              icon: p(() => [
+                n(Q)
+              ]),
+              default: p(() => [
+                e[18] || (e[18] = _(" 新增 ", -1))
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      }, 8, ["visible"]);
+    };
+  }
+}), xe = /* @__PURE__ */ ie(be, [["__scopeId", "data-v-cec126b9"]]), $e = ["innerHTML"], Se = {
+  key: 0,
+  class: "grid-links__sublist"
+}, Le = ["onClick"], Pe = {
+  key: 1,
+  class: "grid-links__subitem__link"
+}, Ue = /* @__PURE__ */ ne({
+  name: "GridLinks",
+  __name: "index",
+  props: {
+    modelValue: {
+      type: Object,
+      default: () => {
+      }
+    },
+    // 是否预览
+    isPreview: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: [
+    "update:modelValue",
+    "handleDelete",
+    "handleCopy",
+    "handlePaste",
+    "handleClick"
+  ],
+  setup(m, { emit: O }) {
+    const w = m, V = O, H = (u) => {
+      V("handleClick", u);
+    }, P = E(() => {
+      var u;
+      return w.isPreview ? !((u = w.modelValue) != null && u.onlyShowPc) || !me() : !0;
+    }), U = () => {
+      var r;
+      if (w.modelValue && w.modelValue.data) return;
+      const u = {
+        id: ((r = w.modelValue) == null ? void 0 : r.id) || o(),
+        type: "GridLinks",
+        onlyShowPc: !1,
+        data: {
+          width: "default",
+          bgColor: "white",
+          list: [
+            {
+              id: o(),
+              title: "这里是标题",
+              links: [
+                {
+                  id: o(),
+                  name: "这里是名称",
+                  link: ""
+                },
+                {
+                  id: o(),
+                  name: "这里是名称",
+                  link: "https://www.baidu.com"
+                },
+                {
+                  id: o(),
+                  name: "这里是名称",
+                  link: "https://www.baidu.com"
+                }
+              ]
+            },
+            {
+              id: o(),
+              title: "这里是标题",
+              links: [
+                {
+                  id: o(),
+                  name: "这里是名称",
+                  link: "https://www.baidu.com"
+                },
+                {
+                  id: o(),
+                  name: "这里是名称",
+                  link: "https://www.baidu.com"
+                },
+                {
+                  id: o(),
+                  name: "这里是名称",
+                  link: "https://www.baidu.com"
+                }
+              ]
+            },
+            {
+              id: o(),
+              title: "这里是标题",
+              links: [
+                {
+                  id: o(),
+                  name: "这里是名称",
+                  link: "https://www.baidu.com"
+                },
+                {
+                  id: o(),
+                  name: "这里是名称",
+                  link: "https://www.baidu.com"
+                },
+                {
+                  id: o(),
+                  name: "这里是名称",
+                  link: "https://www.baidu.com"
+                }
+              ]
+            },
+            {
+              id: o(),
+              title: "这里是标题",
+              links: [
+                {
+                  id: o(),
+                  name: "这里是名称",
+                  link: "https://www.baidu.com"
+                },
+                {
+                  id: o(),
+                  name: "这里是名称",
+                  link: "https://www.baidu.com"
+                },
+                {
+                  id: o(),
+                  name: "这里是名称",
+                  link: "https://www.baidu.com"
+                }
+              ]
+            }
+          ]
+        }
+      };
+      V("update:modelValue", u);
+    }, s = S(!1), v = S(!1), h = E(() => {
+      var b, x;
+      const u = (x = (b = w.modelValue) == null ? void 0 : b.data) == null ? void 0 : x.width;
+      return !u || u === "default" ? "container-content" : {
+        small: "container-content-small",
+        middle: "container-content-middle",
+        max: "container-content-max"
+      }[u] || "container-content";
+    }), M = () => {
+      V("handleDelete", w.modelValue.id);
+    }, I = () => {
+      V("handleCopy", w.modelValue);
+    }, T = (u) => {
+      V("handlePaste", u);
+    };
+    return U(), (u, r) => {
+      var b, x;
+      return k(), g(F, null, [
+        P.value ? (k(), g("div", {
+          key: 0,
+          class: "gridLinks_wrap",
+          onMouseenter: r[2] || (r[2] = (f) => s.value = !0),
+          onMouseleave: r[3] || (r[3] = (f) => s.value = !1)
+        }, [
+          a("div", {
+            class: re(h.value)
+          }, [
+            a("div", {
+              class: "grid-links__row",
+              style: ue({
+                "--grid-columns-mobile": u.mobileCol,
+                "--grid-columns-desktop": u.desktopCol
+              })
+            }, [
+              (k(!0), g(F, null, ae((x = (b = m.modelValue) == null ? void 0 : b.data) == null ? void 0 : x.list, (f, B) => (k(), g("div", {
+                class: "grid-links__item",
+                key: `${f.title}-${B}`
+              }, [
+                a("h6", {
+                  class: "grid-links__item__title",
+                  innerHTML: f.title
+                }, null, 8, $e),
+                f.links ? (k(), g("ul", Se, [
+                  (k(!0), g(F, null, ae(f.links, ($, N) => (k(), g("li", {
+                    key: `${$.name}-${N}`,
+                    class: "grid-links__subitem"
+                  }, [
+                    $.link ? (k(), g("div", {
+                      key: 0,
+                      onClick: (G) => H($.link),
+                      class: "link_text"
+                    }, [
+                      _(A($.name) + " ", 1),
+                      r[5] || (r[5] = a("span", { class: "link_text__underline" }, null, -1))
+                    ], 8, Le)) : (k(), g("div", Pe, A($.name), 1))
+                  ]))), 128))
+                ])) : L("", !0)
+              ]))), 128))
+            ], 4)
+          ], 2),
+          m.isPreview ? L("", !0) : (k(), j(ce, {
+            key: 0,
+            show: s.value,
+            "onUpdate:show": r[0] || (r[0] = (f) => s.value = f),
+            onHandleEdit: r[1] || (r[1] = (f) => v.value = !0),
+            onHandleDelete: M,
+            onHandleCopy: I,
+            onHandlePaste: T
+          }, null, 8, ["show"]))
+        ], 32)) : L("", !0),
+        m.isPreview ? L("", !0) : (k(), j(xe, {
+          key: 1,
+          show: v.value,
+          "onUpdate:show": r[4] || (r[4] = (f) => v.value = f),
+          data: m.modelValue
+        }, null, 8, ["show", "data"]))
+      ], 64);
+    };
+  }
+}), Ee = /* @__PURE__ */ ie(Ue, [["__scopeId", "data-v-ed90ae1e"]]);
+export {
+  Ee as default
+};