@shwfed/config 2.3.27 → 2.3.29

package/dist/preview/assets/index-Df-thth9.js

@@ -0,0 +1 @@
+import{aL as e}from"./index-DEF3_MKr.js";import{aM as r,aN as s,aO as t}from"./index-DEF3_MKr.js";export{r as TableConfig,s as createTableConfig,e as default,t as getColumnTechnicalKey};

package/dist/preview/assets/{runtime-Df715bRA.js → runtime-3p1K6te5.js}

@@ -1 +1 @@
-import{d as i,ae as x,as as p,af as M,ag as c,at as T,au as N,e as b,w as d,u,a0 as k,a1 as w,an as L,ar as S,o as A,f as I,av as z,g as r,aw as F,ax as H,a7 as V,am as $,ay as f,az as m,aA as j}from"./index-C3Ycah5_.js";import{_ as K}from"./definition.vue_vue_type_script_setup_true_lang-Ck8Pbwem.js";const O=i({name:"ShwfedModalLayoutActionRuntime",__name:"runtime",props:{buttonId:{},config:{},buttonTitle:{}},setup(a){const n=a,{locale:l}=x(),v=e=>{},g=$(),s=w(f,void 0),h=L(),o=k(null),C=p(n.buttonId,{close:()=>S(()=>{o.value?.()})},h),y=i({name:"ModalBoundaryBridge",setup(e,{slots:t}){return H(g),m(j,C),s&&m(f,s),()=>t.default?.()}}),E=(e,t)=>V()?.(e,t),_=M(function*(){const e=c(n.config.modalTitle,l.value)??c(n.buttonTitle,l.value)??"",{modal:t,close:B}=yield*T({title:e,width:n.config.modalWidth});o.value=()=>N(B()),yield*t,o.value=null});return(e,t)=>(A(),b(K,{"action-id":a.buttonId,effect:u(_)},{default:d(()=>[I("div",{style:z(a.config.modalMinHeight?`min-height: ${a.config.modalMinHeight}`:void 0)},[r(u(y),null,{default:d(()=>[r(F,{"slot-value":a.config.slot,configure:v,"find-entry":E},null,8,["slot-value"])]),_:1})],4)]),_:1},8,["action-id","effect"]))}});export{O as default};
+import{d as i,ae as x,as as p,af as M,ag as c,at as T,au as N,e as b,w as d,u,a0 as k,a1 as w,an as L,ar as S,o as A,f as I,av as z,g as r,aw as F,ax as H,a7 as V,am as $,ay as f,az as m,aA as j}from"./index-DEF3_MKr.js";import{_ as K}from"./definition.vue_vue_type_script_setup_true_lang-C_jU8d47.js";const O=i({name:"ShwfedModalLayoutActionRuntime",__name:"runtime",props:{buttonId:{},config:{},buttonTitle:{}},setup(a){const n=a,{locale:l}=x(),v=e=>{},g=$(),s=w(f,void 0),h=L(),o=k(null),C=p(n.buttonId,{close:()=>S(()=>{o.value?.()})},h),y=i({name:"ModalBoundaryBridge",setup(e,{slots:t}){return H(g),m(j,C),s&&m(f,s),()=>t.default?.()}}),E=(e,t)=>V()?.(e,t),_=M(function*(){const e=c(n.config.modalTitle,l.value)??c(n.buttonTitle,l.value)??"",{modal:t,close:B}=yield*T({title:e,width:n.config.modalWidth});o.value=()=>N(B()),yield*t,o.value=null});return(e,t)=>(A(),b(K,{"action-id":a.buttonId,effect:u(_)},{default:d(()=>[I("div",{style:z(a.config.modalMinHeight?`min-height: ${a.config.modalMinHeight}`:void 0)},[r(u(y),null,{default:d(()=>[r(F,{"slot-value":a.config.slot,configure:v,"find-entry":E},null,8,["slot-value"])]),_:1})],4)]),_:1},8,["action-id","effect"]))}});export{O as default};

package/dist/preview/assets/{runtime-D42ecZyC.js → runtime-BcLnafic.js}

@@ -1 +1 @@
-import{d as r,ao as f,aj as u,e as p,u as g,ak as m,al as l,am as d,an as x,o as E}from"./index-C3Ycah5_.js";import{_}from"./definition.vue_vue_type_script_setup_true_lang-Ck8Pbwem.js";const k=r({name:"ShwfedHttpRequestActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(n){const e=n,t=d(),c=(s,o)=>m(s,{...l(t),...o}),i=x(),a=f(()=>u(e.config.expression,c,{messageExpression:e.config.messageExpression,resultExpression:e.config.resultExpression,channel:i,triggers:{success:e.config.onSuccess,warning:e.config.onWarning,error:e.config.onError,info:e.config.onInfo}}));return(s,o)=>(E(),p(_,{"action-id":n.buttonId,effect:g(a)},null,8,["action-id","effect"]))}});export{k as default};
+import{d as r,ao as f,aj as u,e as p,u as g,ak as m,al as l,am as d,an as x,o as E}from"./index-DEF3_MKr.js";import{_}from"./definition.vue_vue_type_script_setup_true_lang-C_jU8d47.js";const k=r({name:"ShwfedHttpRequestActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(n){const e=n,t=d(),c=(s,o)=>m(s,{...l(t),...o}),i=x(),a=f(()=>u(e.config.expression,c,{messageExpression:e.config.messageExpression,resultExpression:e.config.resultExpression,channel:i,triggers:{success:e.config.onSuccess,warning:e.config.onWarning,error:e.config.onError,info:e.config.onInfo}}));return(s,o)=>(E(),p(_,{"action-id":n.buttonId,effect:g(a)},null,8,["action-id","effect"]))}});export{k as default};

package/dist/preview/assets/{runtime-D6twt5H_.js → runtime-CSaV-359.js}

@@ -1 +1 @@
-import{d as _,ao as B,af as E,ar as r,aB as m,aC as S,aD as j,e as k,u as v,ak as x,al as C,an as L,am as b,o as R}from"./index-C3Ycah5_.js";import{_ as T}from"./definition.vue_vue_type_script_setup_true_lang-Ck8Pbwem.js";const q=_({name:"ShwfedHttpDownloadActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(d){const c=d,g=b(),t=(e,n)=>x(e,{...C(g),...n}),l=L(),p=new Set(["success","error","warning","info"]);function f(e){const n=URL.createObjectURL(e),o=document.createElement("a");o.href=n,o.download=e.name,document.body.appendChild(o),o.click(),o.remove(),URL.revokeObjectURL(n)}const y=B(()=>E(function*(){const{template:e,messageExpression:n,resultExpression:o}=c.config,u=yield*t(e.request);if(!e.download){const s=yield*u.file();return yield*r(()=>f(s)),yield*m(l,c.config.onSuccess)}const a={json:yield*u.json()},i=o===void 0?"success":yield*S(t(o,a),s=>p.has(s)?s:"success");if(n!==void 0){const s=yield*t(n,a);yield*r(()=>j[i](s))}if(i==="success"||i==="info"){const h=yield*(yield*t(e.download,a)).file();yield*r(()=>f(h))}const w={success:c.config.onSuccess,warning:c.config.onWarning,error:c.config.onError,info:c.config.onInfo};return yield*m(l,w[i])}));return(e,n)=>(R(),k(T,{"action-id":d.buttonId,effect:v(y)},null,8,["action-id","effect"]))}});export{q as default};
+import{d as _,ao as B,af as E,ar as r,aB as m,aC as S,aD as j,e as k,u as v,ak as x,al as C,an as L,am as b,o as R}from"./index-DEF3_MKr.js";import{_ as T}from"./definition.vue_vue_type_script_setup_true_lang-C_jU8d47.js";const q=_({name:"ShwfedHttpDownloadActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(d){const c=d,g=b(),t=(e,n)=>x(e,{...C(g),...n}),l=L(),p=new Set(["success","error","warning","info"]);function f(e){const n=URL.createObjectURL(e),o=document.createElement("a");o.href=n,o.download=e.name,document.body.appendChild(o),o.click(),o.remove(),URL.revokeObjectURL(n)}const y=B(()=>E(function*(){const{template:e,messageExpression:n,resultExpression:o}=c.config,u=yield*t(e.request);if(!e.download){const s=yield*u.file();return yield*r(()=>f(s)),yield*m(l,c.config.onSuccess)}const a={json:yield*u.json()},i=o===void 0?"success":yield*S(t(o,a),s=>p.has(s)?s:"success");if(n!==void 0){const s=yield*t(n,a);yield*r(()=>j[i](s))}if(i==="success"||i==="info"){const h=yield*(yield*t(e.download,a)).file();yield*r(()=>f(h))}const w={success:c.config.onSuccess,warning:c.config.onWarning,error:c.config.onError,info:c.config.onInfo};return yield*m(l,w[i])}));return(e,n)=>(R(),k(T,{"action-id":d.buttonId,effect:v(y)},null,8,["action-id","effect"]))}});export{q as default};

package/dist/preview/assets/{runtime-z_QPMN-R.js → runtime-CjR8Vi5N.js}

@@ -1 +1 @@
-import{d as l,aE as g,ao as A,aq as y,aB as _,e as h,u as S,ak as b,al as k,an as j,aF as B,o as C,am as E}from"./index-C3Ycah5_.js";import{_ as F}from"./definition.vue_vue_type_script_setup_true_lang-Ck8Pbwem.js";const I=l({name:"ShwfedStateWriteActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(r){const s=r,i=E(),f=(e,t)=>b(e,{...k(i),...t}),n=g(),o=n.kind==="form"&&n.parent?n.parent:n,u=j(),m=B((e,t,a)=>{if(Array.isArray(e[t])&&Array.isArray(a))return e[t]=a,!0});function c(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}function p(e,t){return c(e)&&c(t)?m({...t},e):t}const d=A(()=>y(f(s.config.expression),e=>{for(const t of Object.keys(e)){const a=p(o.getAt(t),e[t]);o.setAt(t,a)}return _(u,s.config.onSuccess)}));return(e,t)=>(C(),h(F,{"action-id":r.buttonId,effect:S(d)},null,8,["action-id","effect"]))}});export{I as default};
+import{d as l,aE as g,ao as A,aq as y,aB as _,e as h,u as S,ak as b,al as k,an as j,aF as B,o as C,am as E}from"./index-DEF3_MKr.js";import{_ as F}from"./definition.vue_vue_type_script_setup_true_lang-C_jU8d47.js";const I=l({name:"ShwfedStateWriteActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(r){const s=r,i=E(),f=(e,t)=>b(e,{...k(i),...t}),n=g(),o=n.kind==="form"&&n.parent?n.parent:n,u=j(),m=B((e,t,a)=>{if(Array.isArray(e[t])&&Array.isArray(a))return e[t]=a,!0});function c(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}function p(e,t){return c(e)&&c(t)?m({...t},e):t}const d=A(()=>y(f(s.config.expression),e=>{for(const t of Object.keys(e)){const a=p(o.getAt(t),e[t]);o.setAt(t,a)}return _(u,s.config.onSuccess)}));return(e,t)=>(C(),h(F,{"action-id":r.buttonId,effect:S(d)},null,8,["action-id","effect"]))}});export{I as default};

package/dist/preview/assets/{runtime-CvuGnDIa.js → runtime-D_fJCKX_.js}

@@ -1 +1 @@
-import{_ as o}from"./definition.vue_vue_type_script_setup_true_lang-Ck8Pbwem.js";import{d as n,e as a,u as c,o as f,ap as i}from"./index-C3Ycah5_.js";const p=n({name:"ShwfedPrototypeActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(e){const t=i;return(r,s)=>(f(),a(o,{"action-id":e.buttonId,effect:c(t)},null,8,["action-id","effect"]))}});export{p as default};
+import{_ as o}from"./definition.vue_vue_type_script_setup_true_lang-C_jU8d47.js";import{d as n,e as a,u as c,o as f,ap as i}from"./index-DEF3_MKr.js";const p=n({name:"ShwfedPrototypeActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(e){const t=i;return(r,s)=>(f(),a(o,{"action-id":e.buttonId,effect:c(t)},null,8,["action-id","effect"]))}});export{p as default};

package/dist/preview/assets/{runtime-tobnPKdV.js → runtime-DpeCgGEG.js}

@@ -1 +1 @@
-import{d as i,ao as f,aq as r,ar as d,e as m,u,ak as l,al as p,am as _,o as g}from"./index-C3Ycah5_.js";import{_ as h}from"./definition.vue_vue_type_script_setup_true_lang-Ck8Pbwem.js";const x=i({name:"ShwfedNavigationActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(e){const t=e,o=_(),c=(n,a)=>l(n,{...p(o),...a}),s=f(()=>r(c(t.config.url),n=>d(()=>{window.open(n,t.config.mode)})));return(n,a)=>(g(),m(h,{"action-id":e.buttonId,effect:u(s)},null,8,["action-id","effect"]))}});export{x as default};
+import{d as i,ao as f,aq as r,ar as d,e as m,u,ak as l,al as p,am as _,o as g}from"./index-DEF3_MKr.js";import{_ as h}from"./definition.vue_vue_type_script_setup_true_lang-C_jU8d47.js";const x=i({name:"ShwfedNavigationActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(e){const t=e,o=_(),c=(n,a)=>l(n,{...p(o),...a}),s=f(()=>r(c(t.config.url),n=>d(()=>{window.open(n,t.config.mode)})));return(n,a)=>(g(),m(h,{"action-id":e.buttonId,effect:u(s)},null,8,["action-id","effect"]))}});export{x as default};

package/dist/preview/assets/{runtime-CmCvUWLV.js → runtime-K2a1x0TJ.js}

@@ -1 +1 @@
-import{_ as o}from"./definition.vue_vue_type_script_setup_true_lang-Ck8Pbwem.js";import{d as s,ao as c,aB as i,e as r,u as f,an as u,o as m}from"./index-C3Ycah5_.js";const g=s({name:"ShwfedEventDispatchActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(e){const n=e,t=u(),a=c(()=>i(t,n.config.triggers));return(p,d)=>(m(),r(o,{"action-id":e.buttonId,effect:f(a)},null,8,["action-id","effect"]))}});export{g as default};
+import{_ as o}from"./definition.vue_vue_type_script_setup_true_lang-C_jU8d47.js";import{d as s,ao as c,aB as i,e as r,u as f,an as u,o as m}from"./index-DEF3_MKr.js";const g=s({name:"ShwfedEventDispatchActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(e){const n=e,t=u(),a=c(()=>i(t,n.config.triggers));return(p,d)=>(m(),r(o,{"action-id":e.buttonId,effect:f(a)},null,8,["action-id","effect"]))}});export{g as default};

package/dist/preview/assets/{runtime-BSASeqgI.js → runtime-g9Zu3VNQ.js}

@@ -1 +1 @@
-import{d as u,ae as l,e as i,u as p,$ as m,o as d,k as f,ag as _,ah as k,ak as g,al as w,am as x}from"./index-C3Ycah5_.js";const B=u({name:"ShwfedMarkdownItemRuntime",__name:"runtime",props:{config:{}},setup(n){const s=n,{locale:o}=l(),t=x(),c=(e,a)=>g(e,{...w(t),...a}),r=m(()=>{const e=_(s.config.content,o.value)??"";return k(e,c)});return(e,a)=>(d(),i(p(f),{"data-slot":"buttons-markdown",source:r.value,class:"prose prose-sm prose-zinc px-1"},null,8,["source"]))}});export{B as default};
+import{d as u,ae as l,e as i,u as p,$ as m,o as d,k as f,ag as _,ah as k,ak as g,al as w,am as x}from"./index-DEF3_MKr.js";const B=u({name:"ShwfedMarkdownItemRuntime",__name:"runtime",props:{config:{}},setup(n){const s=n,{locale:o}=l(),t=x(),c=(e,a)=>g(e,{...w(t),...a}),r=m(()=>{const e=_(s.config.content,o.value)??"";return k(e,c)});return(e,a)=>(d(),i(p(f),{"data-slot":"buttons-markdown",source:r.value,class:"prose prose-sm prose-zinc px-1"},null,8,["source"]))}});export{B as default};

package/dist/preview/assets/{runtime-DUyUjFqF.js → runtime-jTnh_6Dm.js}

@@ -1 +1 @@
-import{d as f,ae as u,af as l,ag as g,ah as m,ai as p,aj as d,e as x,u as E,ak as _,al as h,am as k,an as w,o as C}from"./index-C3Ycah5_.js";import{_ as I}from"./definition.vue_vue_type_script_setup_true_lang-Ck8Pbwem.js";const R=f({name:"ShwfedHttpRequestConfirmActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(s){const n=s,{locale:c}=u(),a=k(),t=(e,o)=>_(e,{...h(a),...o}),i=w(),r=l(function*(){const e=g(n.config.markdown,c.value)??"",o=m(e,t);(yield*p({content:o,icon:n.config.icon,color:n.config.color}))||(yield*d(n.config.expression,t,{messageExpression:n.config.messageExpression,resultExpression:n.config.resultExpression,channel:i,triggers:{success:n.config.onSuccess,warning:n.config.onWarning,error:n.config.onError,info:n.config.onInfo}}))});return(e,o)=>(C(),x(I,{"action-id":s.buttonId,effect:E(r)},null,8,["action-id","effect"]))}});export{R as default};
+import{d as f,ae as u,af as l,ag as g,ah as m,ai as p,aj as d,e as x,u as E,ak as _,al as h,am as k,an as w,o as C}from"./index-DEF3_MKr.js";import{_ as I}from"./definition.vue_vue_type_script_setup_true_lang-C_jU8d47.js";const R=f({name:"ShwfedHttpRequestConfirmActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(s){const n=s,{locale:c}=u(),a=k(),t=(e,o)=>_(e,{...h(a),...o}),i=w(),r=l(function*(){const e=g(n.config.markdown,c.value)??"",o=m(e,t);(yield*p({content:o,icon:n.config.icon,color:n.config.color}))||(yield*d(n.config.expression,t,{messageExpression:n.config.messageExpression,resultExpression:n.config.resultExpression,channel:i,triggers:{success:n.config.onSuccess,warning:n.config.onWarning,error:n.config.onError,info:n.config.onInfo}}))});return(e,o)=>(C(),x(I,{"action-id":s.buttonId,effect:E(r)},null,8,["action-id","effect"]))}});export{R as default};

package/dist/preview/index.html

@@ -10,8 +10,8 @@
          `--primary`, the primary button variant renders as transparent. */
       body { --primary: #009689; }
     </style>
-    <script type="module" crossorigin src="./assets/index-C3Ycah5_.js"></script>
-    <link rel="stylesheet" crossorigin href="./assets/index-BCE-G4Ha.css">
+    <script type="module" crossorigin src="./assets/index-DEF3_MKr.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-2eQR4s3q.css">
   </head>
   <body>
     <div id="app"></div>

package/dist/runtime/components/block-layout-editor/index.d.vue.ts

@@ -42,6 +42,10 @@ declare const __VLS_export: <TItem extends {
         activeIndex?: number;
         selectedItemIds?: string[];
     }) & {
+        onPaste?: ((target: {
+            x: number;
+            y: number;
+        } | null) => any) | undefined;
         "onUpdate:modelValue"?: ((value: Readonly<{
             name: string;
             media?: string;
@@ -58,6 +62,7 @@ declare const __VLS_export: <TItem extends {
         "onDrill-down"?: ((itemId: string) => any) | undefined;
         "onDelete-item"?: ((itemId: string) => any) | undefined;
         "onDelete-items"?: ((itemIds: string[]) => any) | undefined;
+        "onCopy-items"?: ((itemIds: string[]) => any) | undefined;
         "onUpdate:activeIndex"?: ((value: number) => any) | undefined;
         "onUpdate:selectedItemIds"?: ((value: string[]) => any) | undefined;
     }> & (typeof globalThis extends {
@@ -66,14 +71,17 @@ declare const __VLS_export: <TItem extends {
     expose: (exposed: {}) => void;
     attrs: any;
     slots: {};
-    emit: (((evt: "add-new", entry: Readonly<{
+    emit: (((evt: "paste", target: {
+        x: number;
+        y: number;
+    } | null) => void) & ((evt: "add-new", entry: Readonly<{
         type: string;
         compatibilityDate: string;
         name: string;
         icon: string;
     }>, options: {
         silent: boolean;
-    }) => void) & ((evt: "drill-down", itemId: string) => void) & ((evt: "delete-item", itemId: string) => void) & ((evt: "delete-items", itemIds: string[]) => void)) & (((event: "update:modelValue", value: Readonly<{
+    }) => void) & ((evt: "drill-down", itemId: string) => void) & ((evt: "delete-item", itemId: string) => void) & ((evt: "delete-items", itemIds: string[]) => void) & ((evt: "copy-items", itemIds: string[]) => void)) & (((event: "update:modelValue", value: Readonly<{
         name: string;
         media?: string;
         layout: import("../form/schema.js").LayoutValue;

package/dist/runtime/components/block-layout-editor/index.vue

@@ -60,7 +60,7 @@ const props = defineProps({
   pickerEntries: { type: Array, required: false },
   canDelete: { type: Boolean, required: false }
 });
-const emit = defineEmits(["add-new", "drill-down", "delete-item", "delete-items"]);
+const emit = defineEmits(["add-new", "drill-down", "delete-item", "delete-items", "copy-items", "paste"]);
 let pendingAddSilent = false;
 function captureAddModifiers(e) {
   pendingAddSilent = e.metaKey || e.ctrlKey;
@@ -234,6 +234,18 @@ const marqueeStyle = computed(() => {
     transform: `translate3d(${b.x}px, ${b.y}px, 0)`
   };
 });
+const pendingPasteCell = ref(null);
+function onPlaneContextMenu(e) {
+  const rect = canvasRef.value?.getBoundingClientRect();
+  if (!rect) {
+    pendingPasteCell.value = null;
+    return;
+  }
+  const s = stepPx.value;
+  const x = Math.floor((e.clientX - rect.left - coordinate.value.x) / s) + 1;
+  const y = Math.floor((e.clientY - rect.top - coordinate.value.y) / s) + 1;
+  pendingPasteCell.value = { x, y };
+}
 function onPlaneMouseDown(e) {
   if (e.button !== 0) return;
   if (isSpaceHeld.value) return;
@@ -791,13 +803,27 @@ function toggleFullscreen() {
     class="relative overflow-hidden rounded border border-zinc-200 bg-zinc-50 select-none"
     :class="[isFullscreen ? 'h-screen' : 'h-full']"
   >
-    <div
-      ref="planeRef"
-      class="absolute inset-0"
-      :class="[isPanning ? 'cursor-grabbing' : isSpaceHeld ? 'cursor-grab' : '']"
-      :style="bgStyle"
-      @mousedown="onPlaneMouseDown"
-    />
+    <ContextMenu>
+      <ContextMenuTrigger as-child>
+        <div
+          ref="planeRef"
+          class="absolute inset-0"
+          :class="[isPanning ? 'cursor-grabbing' : isSpaceHeld ? 'cursor-grab' : '']"
+          :style="bgStyle"
+          @mousedown="onPlaneMouseDown"
+          @contextmenu="onPlaneContextMenu"
+        />
+      </ContextMenuTrigger>
+      <ContextMenuContent
+        class="min-w-auto p-1.5"
+        :to="isFullscreen ? canvasRef : null"
+      >
+        <ContextMenuItem @select="emit('paste', pendingPasteCell)">
+          <Icon icon="fluent:clipboard-paste-20-regular" />
+          <span>粘贴{{ itemNoun }}</span>
+        </ContextMenuItem>
+      </ContextMenuContent>
+    </ContextMenu>
 
     <div
       v-if="marqueeStyle"
@@ -912,6 +938,11 @@ function toggleFullscreen() {
         :to="isFullscreen ? canvasRef : null"
       >
         <template v-if="selectedItemIds.length > 1 && isSelected(entry.itemId)">
+          <ContextMenuItem @select="emit('copy-items', [...selectedItemIds])">
+            <Icon icon="fluent:copy-20-regular" />
+            <span>复制 ({{ selectedItemIds.length }})</span>
+          </ContextMenuItem>
+          <ContextMenuSeparator />
           <ContextMenuRadioGroup
             :model-value="sharedAlignment('h') ?? ''"
             class="my-1 flex items-center justify-center gap-0.5"
@@ -1059,6 +1090,11 @@ function toggleFullscreen() {
           </ContextMenuItem>
         </template>
         <template v-else>
+          <ContextMenuItem @select="emit('copy-items', [entry.itemId])">
+            <Icon icon="fluent:copy-20-regular" />
+            <span>复制</span>
+          </ContextMenuItem>
+          <ContextMenuSeparator />
           <ContextMenuRadioGroup
             :model-value="entry.placement.h ?? 'stretch'"
             class="my-1 flex items-center justify-center gap-0.5"

package/dist/runtime/components/block-layout-editor/index.vue.d.ts

@@ -42,6 +42,10 @@ declare const __VLS_export: <TItem extends {
         activeIndex?: number;
         selectedItemIds?: string[];
     }) & {
+        onPaste?: ((target: {
+            x: number;
+            y: number;
+        } | null) => any) | undefined;
         "onUpdate:modelValue"?: ((value: Readonly<{
             name: string;
             media?: string;
@@ -58,6 +62,7 @@ declare const __VLS_export: <TItem extends {
         "onDrill-down"?: ((itemId: string) => any) | undefined;
         "onDelete-item"?: ((itemId: string) => any) | undefined;
         "onDelete-items"?: ((itemIds: string[]) => any) | undefined;
+        "onCopy-items"?: ((itemIds: string[]) => any) | undefined;
         "onUpdate:activeIndex"?: ((value: number) => any) | undefined;
         "onUpdate:selectedItemIds"?: ((value: string[]) => any) | undefined;
     }> & (typeof globalThis extends {
@@ -66,14 +71,17 @@ declare const __VLS_export: <TItem extends {
     expose: (exposed: {}) => void;
     attrs: any;
     slots: {};
-    emit: (((evt: "add-new", entry: Readonly<{
+    emit: (((evt: "paste", target: {
+        x: number;
+        y: number;
+    } | null) => void) & ((evt: "add-new", entry: Readonly<{
         type: string;
         compatibilityDate: string;
         name: string;
         icon: string;
     }>, options: {
         silent: boolean;
-    }) => void) & ((evt: "drill-down", itemId: string) => void) & ((evt: "delete-item", itemId: string) => void) & ((evt: "delete-items", itemIds: string[]) => void)) & (((event: "update:modelValue", value: Readonly<{
+    }) => void) & ((evt: "drill-down", itemId: string) => void) & ((evt: "delete-item", itemId: string) => void) & ((evt: "delete-items", itemIds: string[]) => void) & ((evt: "copy-items", itemIds: string[]) => void)) & (((event: "update:modelValue", value: Readonly<{
         name: string;
         media?: string;
         layout: import("../form/schema.js").LayoutValue;

package/dist/runtime/components/config/blocks/2026-05-06/com.shwfed.block.tabs/config.d.vue.ts

@@ -10,6 +10,7 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: {
         readonly type: "com.shwfed.block.tabs";
+        readonly style?: string | undefined;
         readonly id: string;
         readonly displayName?: string | undefined;
         readonly compatibilityDate: "2026-05-06";
@@ -47,6 +48,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
         readonly type: "com.shwfed.block.tabs";
+        readonly style?: string | undefined;
         readonly id: string;
         readonly displayName?: string | undefined;
         readonly compatibilityDate: "2026-05-06";

package/dist/runtime/components/config/blocks/2026-05-06/com.shwfed.block.tabs/config.vue

@@ -13,6 +13,7 @@ import { Locale as LocaleField } from "../../../../ui/locale";
 import { Markdown } from "../../../../ui/markdown";
 import { ScrollArea } from "../../../../ui/scroll-area";
 import { Separator } from "../../../../ui/separator";
+import { Textarea } from "../../../../ui/textarea";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../../../../ui/tooltip";
 import {
   useTreeDnd
@@ -33,6 +34,7 @@ const paneFieldDescription = (f) => getStructFieldDescription(TabPaneMeta, f);
 const { locale } = useI18n();
 const tabs = computed(() => block.value.tabs);
 const activePaneId = ref(tabs.value[0]?.id ?? "");
+const viewMode = ref("pane");
 function paneIndex(id) {
   return block.value.tabs.findIndex((t) => t.id === id);
 }
@@ -129,9 +131,23 @@ function paneLabel(t, index) {
   return getLocalizedText(t.label, locale.value) ?? `\u6807\u7B7E\u9875 ${index + 1}`;
 }
 function selectPane(id) {
+  viewMode.value = "pane";
   activePaneId.value = id;
   drilledBlockId.value = null;
 }
+function selectGeneral() {
+  viewMode.value = "general";
+  drilledBlockId.value = null;
+}
+function updateBlockStyle(value) {
+  const next = { ...block.value };
+  if (value.trim() === "") {
+    delete next.style;
+  } else {
+    next.style = value;
+  }
+  block.value = next;
+}
 function makeId() {
   if (typeof crypto !== "undefined" && "randomUUID" in crypto) return crypto.randomUUID();
   return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
@@ -227,9 +243,9 @@ if (breadcrumbExt) {
   const paneSuffix = breadcrumbExt.addParentSuffix();
   const blockCrumb = breadcrumbExt.add();
   watch(
-    [activePane, drilledBlock],
-    ([pane, drilled]) => {
-      if (!pane) {
+    [activePane, drilledBlock, viewMode],
+    ([pane, drilled, mode]) => {
+      if (mode === "general" || !pane) {
         paneSuffix.value.value = null;
         blockCrumb.label.value = null;
         blockCrumb.back.value = null;
@@ -310,6 +326,22 @@ function deleteBlocksFromActive(ids) {
       v-if="!drilledBlockId"
       class="flex w-56 shrink-0 flex-col"
     >
+      <div
+        class="row pl-2"
+        :class="[
+  viewMode === 'general' ? 'bg-[color-mix(in_srgb,var(--primary)_10%,white)] text-(--primary)' : 'text-zinc-700 hover:bg-zinc-50'
+]"
+        @click="selectGeneral()"
+      >
+        <Icon
+          icon="fluent:settings-20-regular"
+          class="size-4 shrink-0"
+        />
+        <span class="flex-1 truncate">通用配置</span>
+      </div>
+
+      <Separator class="my-2" />
+
       <!-- Panes -->
       <div class="flex flex-1 min-h-0 flex-col">
         <ScrollArea class="flex-1">
@@ -446,6 +478,28 @@ function deleteBlocksFromActive(ids) {
         </div>
       </template>
 
+      <!-- General block-level settings. -->
+      <template v-else-if="viewMode === 'general'">
+        <Field orientation="vertical">
+          <FieldLabel class="text-xs text-zinc-500">
+            <template #tooltip>
+              <Markdown
+                source="应用在标签页最外层容器上的 CSS 样式字符串"
+                block
+                class="prose prose-sm prose-zinc"
+              />
+            </template>
+            容器样式
+          </FieldLabel>
+          <Textarea
+            :model-value="block.style ?? ''"
+            placeholder="CSS 样式字符串"
+            class="min-h-20 font-mono text-xs"
+            @update:model-value="(v) => updateBlockStyle(String(v))"
+          />
+        </Field>
+      </template>
+
       <!-- Pane editor: tab name + active layout meta strip + canvas. -->
       <template v-else-if="activePane && activeShell">
         <Field orientation="vertical">

package/dist/runtime/components/config/blocks/2026-05-06/com.shwfed.block.tabs/config.vue.d.ts

@@ -10,6 +10,7 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: {
         readonly type: "com.shwfed.block.tabs";
+        readonly style?: string | undefined;
         readonly id: string;
         readonly displayName?: string | undefined;
         readonly compatibilityDate: "2026-05-06";
@@ -47,6 +48,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
         readonly type: "com.shwfed.block.tabs";
+        readonly style?: string | undefined;
         readonly id: string;
         readonly displayName?: string | undefined;
         readonly compatibilityDate: "2026-05-06";

package/dist/runtime/components/config/blocks/2026-05-06/com.shwfed.block.tabs/runtime.d.vue.ts

@@ -10,6 +10,7 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:block": (value: {
         readonly type: "com.shwfed.block.tabs";
+        readonly style?: string | undefined;
         readonly id: string;
         readonly displayName?: string | undefined;
         readonly compatibilityDate: "2026-05-06";
@@ -47,6 +48,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:block"?: ((value: {
         readonly type: "com.shwfed.block.tabs";
+        readonly style?: string | undefined;
         readonly id: string;
         readonly displayName?: string | undefined;
         readonly compatibilityDate: "2026-05-06";

package/dist/runtime/components/config/blocks/2026-05-06/com.shwfed.block.tabs/runtime.vue

@@ -31,6 +31,7 @@ function updateTabSlot(tabId, next) {
   <ClientOnly>
     <Tabs
       :model-value="active"
+      :style="block.style"
       @update:model-value="(v) => {
   if (typeof v === 'string') active = v;
 }"

package/dist/runtime/components/config/blocks/2026-05-06/com.shwfed.block.tabs/runtime.vue.d.ts

@@ -10,6 +10,7 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:block": (value: {
         readonly type: "com.shwfed.block.tabs";
+        readonly style?: string | undefined;
         readonly id: string;
         readonly displayName?: string | undefined;
         readonly compatibilityDate: "2026-05-06";
@@ -47,6 +48,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:block"?: ((value: {
         readonly type: "com.shwfed.block.tabs";
+        readonly style?: string | undefined;
         readonly id: string;
         readonly displayName?: string | undefined;
         readonly compatibilityDate: "2026-05-06";

package/dist/runtime/components/config/blocks/2026-05-06/com.shwfed.block.tabs/schema.d.ts

@@ -29,6 +29,7 @@ export declare const TabPaneMeta: Schema.Struct<{
 }>;
 export declare function schema(configure: (env: Environment) => void, blockRef: AnySchema): Schema.refine<{
     readonly type: "com.shwfed.block.tabs";
+    readonly style?: string | undefined;
     readonly id: string;
     readonly displayName?: string | undefined;
     readonly compatibilityDate: "2026-05-06";
@@ -67,6 +68,7 @@ export declare function schema(configure: (env: Environment) => void, blockRef:
     type: Schema.tag<"com.shwfed.block.tabs">;
     compatibilityDate: Schema.tag<"2026-05-06">;
     displayName: Schema.optional<Schema.SchemaClass<string, string, never>>;
+    style: Schema.optional<typeof Schema.String>;
     tabs: Schema.refine<readonly {
         readonly label: readonly [{
             readonly locale: "zh";

package/dist/runtime/components/config/blocks/2026-05-06/com.shwfed.block.tabs/schema.js

@@ -54,6 +54,10 @@ export function schema(configure, blockRef) {
       title: "\u5185\u90E8\u540D\u79F0",
       description: "\u4EC5\u5728\u7F16\u8F91\u5668\u5185\u53EF\u89C1\u7684\u5757\u540D"
     })),
+    style: Schema.optional(Schema.String).annotations({
+      title: "\u5BB9\u5668\u6837\u5F0F",
+      description: "\u5E94\u7528\u5728\u6807\u7B7E\u9875\u6700\u5916\u5C42\u5BB9\u5668\u4E0A\u7684 CSS \u6837\u5F0F\u5B57\u7B26\u4E32"
+    }),
     tabs: Schema.Array(TabPane).pipe(
       Schema.minItems(1),
       Schema.filter((tabs) => {

package/dist/runtime/components/config/config.vue

@@ -1,6 +1,8 @@
 <script setup>
 import { computed, provide, toRef, useTemplateRef } from "vue";
 import { Icon } from "@iconify/vue";
+import { toast } from "vue-sonner";
+import { readClip, reidFragment, writeClip } from "../../share/clipboard";
 import BlockLayoutEditor from "../block-layout-editor/index.vue";
 import LayoutsSidebar from "../block-layout-editor/sidebar.vue";
 import LayoutMetaStrip from "../block-layout-editor/meta-strip.vue";
@@ -48,6 +50,37 @@ function addBlock(entry, options) {
 function onDrillDown(id) {
   props.state.onDrillDown(id);
 }
+async function copyBlocks(ids) {
+  const want = new Set(ids);
+  const items = props.state.blocks.value.filter((b) => want.has(b.id));
+  if (items.length === 0) return;
+  const ls = layouts.value[activeLayoutIndex.value];
+  const placements = {};
+  if (ls) {
+    for (const id of ids) {
+      const p = ls.layout.placements[id];
+      if (p) placements[id] = p;
+    }
+  }
+  if (!await writeClip("block", items, placements)) {
+    toast.error("\u590D\u5236\u5931\u8D25");
+    return;
+  }
+  toast.success(`\u5DF2\u590D\u5236 ${items.length} \u4E2A\u5757`);
+}
+async function pasteBlocks(target) {
+  const payload = await readClip();
+  if (!payload || payload.surface !== "block") return;
+  const { items, placements } = reidFragment(payload.items, payload.placements);
+  const pasted = items;
+  if (pasted.length === 0) return;
+  if (placements && Object.keys(placements).length > 0) {
+    props.state.addBlocksWithPlacements(pasted, placements, target);
+  } else {
+    props.state.addBlocks(pasted);
+  }
+  toast.success(`\u5DF2\u7C98\u8D34 ${pasted.length} \u4E2A\u5757`);
+}
 function updateActiveBlock(next) {
   props.state.updateActiveBlock(next);
 }
@@ -106,6 +139,8 @@ function findBlockMeta(type, compatibilityDate) {
             @drill-down="onDrillDown"
             @delete-item="(id) => props.state.removeBlock(id)"
             @delete-items="(ids) => props.state.removeBlocks(ids)"
+            @copy-items="copyBlocks"
+            @paste="pasteBlocks"
           />
         </div>
       </div>

package/dist/runtime/components/config/use-editor.d.ts

@@ -1,6 +1,6 @@
 import { type ComputedRef, type Ref, type WritableComputedRef } from 'vue';
 import type { Environment } from '../../vendor/cel-js/lib/index.js';
-import { type LayoutSetValue, type SlotValue } from '../../share/layout.js';
+import { type LayoutSetValue, type PlacementValue, type SlotValue } from '../../share/layout.js';
 import type { BreadcrumbCrumb, BreadcrumbParentSuffix } from './breadcrumb-extension.js';
 import { type BlockValue, type PageConfigValue } from './schema.js';
 import { type BlockEntry } from './utils/resolve.js';
@@ -45,6 +45,11 @@ export interface SlotEditor {
     addBlock: (entry: PickerEntry, options?: {
         silent?: boolean;
     }) => string;
+    addBlocks: (blocks: ReadonlyArray<BlockValue>) => void;
+    addBlocksWithPlacements: (blocks: ReadonlyArray<BlockValue>, placements: Readonly<Record<string, PlacementValue>>, target: {
+        x: number;
+        y: number;
+    } | null) => void;
     removeBlock: (id: string) => void;
     removeBlocks: (ids: ReadonlyArray<string>) => void;
     updateBlock: (id: string, next: BlockValue) => void;
@@ -80,6 +85,11 @@ export interface ConfigEditorState {
     addBlock: (entry: PickerEntry, options?: {
         silent?: boolean;
     }) => void;
+    addBlocks: (blocks: ReadonlyArray<BlockValue>) => void;
+    addBlocksWithPlacements: (blocks: ReadonlyArray<BlockValue>, placements: Readonly<Record<string, PlacementValue>>, target: {
+        x: number;
+        y: number;
+    } | null) => void;
     removeBlock: (id: string) => void;
     removeBlocks: (ids: ReadonlyArray<string>) => void;
     updateActiveBlock: (next: BlockValue) => void;

package/dist/runtime/components/config/use-editor.js

@@ -1,6 +1,6 @@
 import { Schema } from "effect";
 import { computed, ref, shallowRef, watch } from "vue";
-import { findFreePlacement, normalizeLayoutSet } from "../../share/layout.js";
+import { findFreePlacement, normalizeLayoutSet, placeGroupAt } from "../../share/layout.js";
 import { PageConfig } from "./schema.js";
 import { BLOCKS, findBlock } from "./utils/resolve.js";
 function deepClone(value) {
@@ -106,6 +106,28 @@ export function useSlotEditor(slot, options = {}) {
     }
     return id;
   }
+  function addBlocks(newBlocks) {
+    if (newBlocks.length === 0) return;
+    slot.value = { ...slot.value, blocks: [...slot.value.blocks, ...newBlocks] };
+  }
+  function addBlocksWithPlacements(newBlocks, placements, target) {
+    if (newBlocks.length === 0) return;
+    const i = activeLayoutIndex.value;
+    const nextLayouts = slot.value.layouts.map((ls, idx) => {
+      if (idx !== i) return ls;
+      const shifted = placeGroupAt(ls.layout.placements, placements, target ?? { x: 1, y: 1 });
+      return normalizeLayoutSet({
+        ...ls,
+        layout: { ...ls.layout, placements: { ...ls.layout.placements, ...shifted } }
+      });
+    });
+    slot.value = {
+      ...slot.value,
+      blocks: [...slot.value.blocks, ...newBlocks],
+      layouts: nextLayouts
+    };
+    selectedBlockIds.value = newBlocks.map((b) => b.id);
+  }
   function removeBlock(id) {
     removeBlocks([id]);
   }
@@ -154,6 +176,8 @@ export function useSlotEditor(slot, options = {}) {
     layouts: layoutsAccessor,
     pickerEntries,
     addBlock,
+    addBlocks,
+    addBlocksWithPlacements,
     removeBlock,
     removeBlocks,
     updateBlock,
@@ -375,6 +399,8 @@ export function useConfigEditor(model, options = {}) {
     popOne,
     pushBlock,
     addBlock,
+    addBlocks: topSlotEditor.addBlocks,
+    addBlocksWithPlacements: topSlotEditor.addBlocksWithPlacements,
     removeBlock: topSlotEditor.removeBlock,
     removeBlocks: topSlotEditor.removeBlocks,
     updateActiveBlock,