@shwfed/config 2.3.28 → 2.4.0

package/dist/preview/assets/index-ihZGlPdX.js

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

package/dist/preview/assets/{runtime-BPjZQmcY.js → runtime-Bn8mqeDH.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-DNd8J9Zv.js";import{_ as h}from"./definition.vue_vue_type_script_setup_true_lang-RM-qDh0R.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-D-VR1i8D.js";import{_ as h}from"./definition.vue_vue_type_script_setup_true_lang-C_cjxvm1.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-DcrzodsN.js → runtime-Cc_Wk3o-.js}

@@ -1 +1 @@
-import{_ as o}from"./definition.vue_vue_type_script_setup_true_lang-RM-qDh0R.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-DNd8J9Zv.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_cjxvm1.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-D-VR1i8D.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-BGTWf-O7.js → runtime-CttAjIgg.js}

@@ -1 +1 @@
-import{_ as o}from"./definition.vue_vue_type_script_setup_true_lang-RM-qDh0R.js";import{d as n,e as a,u as c,o as f,ap as i}from"./index-DNd8J9Zv.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_cjxvm1.js";import{d as n,e as a,u as c,o as f,ap as i}from"./index-D-VR1i8D.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-Dy4ZmQ-n.js → runtime-Cx4f2UTl.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-DNd8J9Zv.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-D-VR1i8D.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-CCbyrqQT.js → runtime-D1dESjXR.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-DNd8J9Zv.js";import{_ as F}from"./definition.vue_vue_type_script_setup_true_lang-RM-qDh0R.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-D-VR1i8D.js";import{_ as F}from"./definition.vue_vue_type_script_setup_true_lang-C_cjxvm1.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-C_XX6a0C.js → runtime-DIEP1Xbh.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-DNd8J9Zv.js";import{_}from"./definition.vue_vue_type_script_setup_true_lang-RM-qDh0R.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-D-VR1i8D.js";import{_}from"./definition.vue_vue_type_script_setup_true_lang-C_cjxvm1.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-CtqwtTE_.js → runtime-DKceWuBx.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-DNd8J9Zv.js";import{_ as T}from"./definition.vue_vue_type_script_setup_true_lang-RM-qDh0R.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-D-VR1i8D.js";import{_ as T}from"./definition.vue_vue_type_script_setup_true_lang-C_cjxvm1.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-Dr_10emf.js → runtime-Dhid9O5c.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-DNd8J9Zv.js";import{_ as K}from"./definition.vue_vue_type_script_setup_true_lang-RM-qDh0R.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-D-VR1i8D.js";import{_ as K}from"./definition.vue_vue_type_script_setup_true_lang-C_cjxvm1.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-Bq3fmxeF.js → runtime-YMiqi6WY.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-DNd8J9Zv.js";import{_ as I}from"./definition.vue_vue_type_script_setup_true_lang-RM-qDh0R.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-D-VR1i8D.js";import{_ as I}from"./definition.vue_vue_type_script_setup_true_lang-C_cjxvm1.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-DNd8J9Zv.js"></script>
-    <link rel="stylesheet" crossorigin href="./assets/index-a2QwAots.css">
+    <script type="module" crossorigin src="./assets/index-D-VR1i8D.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-BqOX70Hd.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.form/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 form: {
+            readonly style?: string | undefined;
             readonly initial?: {
                 readonly data: string;
                 readonly request?: string | undefined;
@@ -42,6 +43,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
         readonly form: {
+            readonly style?: string | undefined;
             readonly initial?: {
                 readonly data: string;
                 readonly request?: string | undefined;

package/dist/runtime/components/config/blocks/2026-05-06/com.shwfed.block.form/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 form: {
+            readonly style?: string | undefined;
             readonly initial?: {
                 readonly data: string;
                 readonly request?: string | undefined;
@@ -42,6 +43,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
         readonly form: {
+            readonly style?: string | undefined;
             readonly initial?: {
                 readonly data: string;
                 readonly request?: string | undefined;

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

@@ -12,6 +12,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 form: {
+            readonly style?: string | undefined;
             readonly initial?: {
                 readonly data: string;
                 readonly request?: string | undefined;
@@ -45,6 +46,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:block"?: ((value: {
         readonly form: {
+            readonly style?: string | undefined;
             readonly initial?: {
                 readonly data: string;
                 readonly request?: string | undefined;

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

@@ -12,6 +12,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 form: {
+            readonly style?: string | undefined;
             readonly initial?: {
                 readonly data: string;
                 readonly request?: string | undefined;
@@ -45,6 +46,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:block"?: ((value: {
         readonly form: {
+            readonly style?: string | undefined;
             readonly initial?: {
                 readonly data: string;
                 readonly request?: string | undefined;

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

@@ -22,6 +22,7 @@ export declare function schema(configure: (env: Environment) => void, _blockRef:
     type: Schema.tag<"com.shwfed.block.form">;
     compatibilityDate: Schema.tag<"2026-05-06">;
     form: Schema.refine<{
+        readonly style?: string | undefined;
         readonly initial?: {
             readonly data: string;
             readonly request?: string | undefined;
@@ -88,6 +89,7 @@ export declare function schema(configure: (env: Environment) => void, _blockRef:
             data: Schema.Schema<string, string, never>;
         }>>>;
         readonly: Schema.optional<Schema.Schema<string, string, never>>;
+        style: Schema.optional<typeof Schema.String>;
     }>>;
 }>;
 export declare function defaultBody(): Record<string, unknown>;

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

@@ -35,6 +35,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                 }[]] | undefined;
             }[];
             readonly query?: {
+                readonly style?: string | undefined;
                 readonly initial?: {
                     readonly data: string;
                     readonly request?: string | undefined;
@@ -212,6 +213,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                 }[]] | undefined;
             }[];
             readonly query?: {
+                readonly style?: string | undefined;
                 readonly initial?: {
                     readonly data: string;
                     readonly request?: string | undefined;

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

@@ -35,6 +35,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                 }[]] | undefined;
             }[];
             readonly query?: {
+                readonly style?: string | undefined;
                 readonly initial?: {
                     readonly data: string;
                     readonly request?: string | undefined;
@@ -212,6 +213,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
                 }[]] | undefined;
             }[];
             readonly query?: {
+                readonly style?: string | undefined;
                 readonly initial?: {
                     readonly data: string;
                     readonly request?: string | undefined;

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

@@ -30,6 +30,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                 }[]] | undefined;
             }[];
             readonly query?: {
+                readonly style?: string | undefined;
                 readonly initial?: {
                     readonly data: string;
                     readonly request?: string | undefined;
@@ -207,6 +208,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                 }[]] | undefined;
             }[];
             readonly query?: {
+                readonly style?: string | undefined;
                 readonly initial?: {
                     readonly data: string;
                     readonly request?: string | undefined;

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

@@ -30,6 +30,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                 }[]] | undefined;
             }[];
             readonly query?: {
+                readonly style?: string | undefined;
                 readonly initial?: {
                     readonly data: string;
                     readonly request?: string | undefined;
@@ -207,6 +208,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
                 }[]] | undefined;
             }[];
             readonly query?: {
+                readonly style?: string | undefined;
                 readonly initial?: {
                     readonly data: string;
                     readonly request?: string | undefined;

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

@@ -45,6 +45,7 @@ export declare function schema(configure: (env: Environment) => void, _blockRef:
             }[]] | undefined;
         }[];
         readonly query?: {
+            readonly style?: string | undefined;
             readonly initial?: {
                 readonly data: string;
                 readonly request?: string | undefined;
@@ -349,6 +350,7 @@ export declare function schema(configure: (env: Environment) => void, _blockRef:
             }, never>>;
         }>>;
         query: Schema.optional<Schema.refine<{
+            readonly style?: string | undefined;
             readonly initial?: {
                 readonly data: string;
                 readonly request?: string | undefined;
@@ -415,6 +417,7 @@ export declare function schema(configure: (env: Environment) => void, _blockRef:
                 data: Schema.Schema<string, string, never>;
             }>>>;
             readonly: Schema.optional<Schema.Schema<string, string, never>>;
+            style: Schema.optional<typeof Schema.String>;
         }>>>;
         rowKey: Schema.optional<Schema.Schema<string, string, never>>;
         cellStyle: Schema.optional<Schema.Schema<string, string, never>>;

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,

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

@@ -4,6 +4,7 @@ import { provideCELContext } from "../../utils/cel-context";
 import { ExpressionEditor } from "../ui/expression-editor";
 import { Field, FieldLabel } from "../ui/field";
 import { Markdown } from "../ui/markdown";
+import { Textarea } from "../ui/textarea";
 import {
   FormConfig,
   getStructFieldDescription,
@@ -60,6 +61,15 @@ function updateReadonly(value) {
     config.value = { ...next, readonly: value };
   }
 }
+function updateStyle(value) {
+  const next = { ...config.value };
+  if (value.trim() === "") {
+    const { style: _omit, ...rest } = next;
+    config.value = rest;
+  } else {
+    config.value = { ...next, style: value };
+  }
+}
 </script>
 
 <template>
@@ -138,6 +148,28 @@ function updateReadonly(value) {
             @update:model-value="updateReadonly"
           />
         </Field>
+
+        <Field orientation="vertical">
+          <FieldLabel class="text-xs text-zinc-500">
+            <template
+              v-if="generalFieldDescription('style')"
+              #tooltip
+            >
+              <Markdown
+                :source="generalFieldDescription('style')"
+                block
+                class="prose prose-sm prose-zinc"
+              />
+            </template>
+            {{ generalFieldTitle("style") }}
+          </FieldLabel>
+          <Textarea
+            :model-value="config.style ?? ''"
+            placeholder="如 max-width: 640px; margin: 0 auto;"
+            class="min-h-20 font-mono text-xs"
+            @update:model-value="(v) => updateStyle(String(v))"
+          />
+        </Field>
       </div>
     </template>
   </ShwfedFormUnitConfig>