@shwfed/config 2.5.1 → 2.5.2

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

@@ -0,0 +1 @@
+import{aO as e}from"./index-CLhRphC4.js";import{aP as r,aQ as s,aR as t}from"./index-CLhRphC4.js";export{r as TableConfig,s as createTableConfig,e as default,t as getColumnTechnicalKey};

package/dist/preview/assets/{runtime-CEXA5ttw.js → runtime-BVShchDS.js}

@@ -1 +1 @@
-import{d as i,aq as f,as as r,au as u,e as d,u as m,al as l,am as p,ao as _,o as g}from"./index-C5dK4QAf.js";import{_ as h}from"./definition.vue_vue_type_script_setup_true_lang-CLpbGZ37.js";const B=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=>u(()=>{window.open(n,t.config.mode)})));return(n,a)=>(g(),d(h,{"action-id":e.buttonId,effect:m(s)},null,8,["action-id","effect"]))}});export{B as default};
+import{d as i,aq as f,as as r,au as u,e as d,u as m,al as l,am as p,ao as _,o as g}from"./index-CLhRphC4.js";import{_ as h}from"./definition.vue_vue_type_script_setup_true_lang-CjPPVjHf.js";const B=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=>u(()=>{window.open(n,t.config.mode)})));return(n,a)=>(g(),d(h,{"action-id":e.buttonId,effect:m(s)},null,8,["action-id","effect"]))}});export{B as default};

package/dist/preview/assets/{runtime-BRWnAaFs.js → runtime-BnXLPPWc.js}

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

package/dist/preview/assets/{runtime-i3-6DCWP.js → runtime-Bs_EtAsE.js}

@@ -1 +1 @@
-import{d as E,aq as _,af as S,au as r,aE as m,aF as j,aG as v,e as x,u as B,al as L,am as b,ap as k,ao as C,o as R}from"./index-C5dK4QAf.js";import{_ as T}from"./definition.vue_vue_type_script_setup_true_lang-CLpbGZ37.js";const O=E({name:"ShwfedHttpDownloadActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(d){const c=d,g=C(),t=(e,n)=>L(e,{...b(g),...n}),l=k(),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=_(()=>S(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*j(t(o,a),s=>p.has(s)?s:"success");if(n!==void 0){const s=yield*t(n,a);yield*r(()=>v[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(),x(T,{"action-id":d.buttonId,effect:B(y)},null,8,["action-id","effect"]))}});export{O as default};
+import{d as E,aq as _,af as S,au as r,aE as m,aF as j,aG as v,e as x,u as B,al as L,am as b,ap as k,ao as C,o as R}from"./index-CLhRphC4.js";import{_ as T}from"./definition.vue_vue_type_script_setup_true_lang-CjPPVjHf.js";const O=E({name:"ShwfedHttpDownloadActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(d){const c=d,g=C(),t=(e,n)=>L(e,{...b(g),...n}),l=k(),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=_(()=>S(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*j(t(o,a),s=>p.has(s)?s:"success");if(n!==void 0){const s=yield*t(n,a);yield*r(()=>v[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(),x(T,{"action-id":d.buttonId,effect:B(y)},null,8,["action-id","effect"]))}});export{O as default};

package/dist/preview/assets/{runtime-DZqXButD.js → runtime-CCBYA0xX.js}

@@ -1 +1 @@
-import{d as u,ae as i,e as l,u as p,$ as m,o as d,k as f,ah as _,ai as k,al as w,am as x,ao as g}from"./index-C5dK4QAf.js";const B=u({name:"ShwfedMarkdownItemRuntime",__name:"runtime",props:{config:{}},setup(n){const o=n,{locale:s}=i(),t=g(),c=(e,a)=>w(e,{...x(t),...a}),r=m(()=>{const e=_(o.config.content,s.value)??"";return k(e,c)});return(e,a)=>(d(),l(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 i,e as l,u as p,$ as m,o as d,k as f,ah as _,ai as k,al as w,am as x,ao as g}from"./index-CLhRphC4.js";const B=u({name:"ShwfedMarkdownItemRuntime",__name:"runtime",props:{config:{}},setup(n){const o=n,{locale:s}=i(),t=g(),c=(e,a)=>w(e,{...x(t),...a}),r=m(()=>{const e=_(o.config.content,s.value)??"";return k(e,c)});return(e,a)=>(d(),l(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-BLhH77F7.js → runtime-Cxl0E6Hg.js}

@@ -1 +1 @@
-import{d as u,aq as p,ag as g,ar as a,as as m,ak as l,e as d,u as x,al as E,am as _,an as h,ao as C,ap as k,o as q}from"./index-C5dK4QAf.js";import{_ as v}from"./definition.vue_vue_type_script_setup_true_lang-CLpbGZ37.js";const R=u({name:"ShwfedHttpRequestActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(o){const e=o,c=C(),i=(n,s)=>E(n,{..._(c),...s}),r=k(),t=h(),f=p(()=>{const n=t?g(()=>t()):a(!0);return m(n,s=>s?l(e.config.expression,i,{messageExpression:e.config.messageExpression,resultExpression:e.config.resultExpression,channel:r,triggers:{success:e.config.onSuccess,warning:e.config.onWarning,error:e.config.onError,info:e.config.onInfo}}):a(void 0))});return(n,s)=>(q(),d(v,{"action-id":o.buttonId,effect:x(f)},null,8,["action-id","effect"]))}});export{R as default};
+import{d as u,aq as p,ag as g,ar as a,as as m,ak as l,e as d,u as x,al as E,am as _,an as h,ao as C,ap as k,o as q}from"./index-CLhRphC4.js";import{_ as v}from"./definition.vue_vue_type_script_setup_true_lang-CjPPVjHf.js";const R=u({name:"ShwfedHttpRequestActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(o){const e=o,c=C(),i=(n,s)=>E(n,{..._(c),...s}),r=k(),t=h(),f=p(()=>{const n=t?g(()=>t()):a(!0);return m(n,s=>s?l(e.config.expression,i,{messageExpression:e.config.messageExpression,resultExpression:e.config.resultExpression,channel:r,triggers:{success:e.config.onSuccess,warning:e.config.onWarning,error:e.config.onError,info:e.config.onInfo}}):a(void 0))});return(n,s)=>(q(),d(v,{"action-id":o.buttonId,effect:x(f)},null,8,["action-id","effect"]))}});export{R as default};

package/dist/preview/assets/{runtime-527oKJb4.js → runtime-D7cNZpnE.js}

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

package/dist/preview/assets/{runtime-CZZWuLu9.js → runtime-DTC0oZPz.js}

@@ -1 +1 @@
-import{d as l,aH as g,aq as A,as as y,aE as _,e as h,u as S,al as b,am as j,ap as k,aI as C,o as B,ao as E}from"./index-C5dK4QAf.js";import{_ as I}from"./definition.vue_vue_type_script_setup_true_lang-CLpbGZ37.js";const F=l({name:"ShwfedStateWriteActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(r){const s=r,i=E(),f=(e,t)=>b(e,{...j(i),...t}),n=g(),o=n.kind==="form"&&n.parent?n.parent:n,u=k(),m=C((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)=>(B(),h(I,{"action-id":r.buttonId,effect:S(d)},null,8,["action-id","effect"]))}});export{F as default};
+import{d as l,aH as g,aq as A,as as y,aE as _,e as h,u as S,al as b,am as j,ap as k,aI as C,o as B,ao as E}from"./index-CLhRphC4.js";import{_ as I}from"./definition.vue_vue_type_script_setup_true_lang-CjPPVjHf.js";const F=l({name:"ShwfedStateWriteActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(r){const s=r,i=E(),f=(e,t)=>b(e,{...j(i),...t}),n=g(),o=n.kind==="form"&&n.parent?n.parent:n,u=k(),m=C((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)=>(B(),h(I,{"action-id":r.buttonId,effect:S(d)},null,8,["action-id","effect"]))}});export{F as default};

package/dist/preview/assets/{runtime-MJo092Ed.js → runtime-as-8tVjx.js}

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

package/dist/preview/assets/{runtime-DOLtY37Y.js → runtime-ePHYJvDG.js}

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

package/dist/preview/index.html

@@ -10,7 +10,7 @@
          `--primary`, the primary button variant renders as transparent. */
       body { --primary: #009689; }
     </style>
-    <script type="module" crossorigin src="./assets/index-C5dK4QAf.js"></script>
+    <script type="module" crossorigin src="./assets/index-CLhRphC4.js"></script>
     <link rel="stylesheet" crossorigin href="./assets/index-nvAUAYGM.css">
   </head>
   <body>

package/dist/runtime/components/table/columns/2026-04-14/com.shwfed.table.column.date/config.vue

@@ -65,7 +65,10 @@ const dateFormatExample = computed(() => {
           </template>
           {{ fieldTitle("title") }}
         </FieldLabel>
-        <Locale v-model="value.title" />
+        <Locale
+          :model-value="value.title"
+          @update:model-value="(v) => value = { ...value, title: v }"
+        />
       </Field>
       <Field orientation="vertical">
         <FieldLabel class="text-xs text-zinc-500">
@@ -82,8 +85,9 @@ const dateFormatExample = computed(() => {
           {{ fieldTitle("tooltip") }}
         </FieldLabel>
         <Locale
-          v-model="value.tooltip"
+          :model-value="value.tooltip"
           markdown
+          @update:model-value="(v) => value = { ...value, tooltip: v }"
         />
       </Field>
     </div>
@@ -103,9 +107,10 @@ const dateFormatExample = computed(() => {
           {{ fieldTitle("accessor") }}
         </FieldLabel>
         <Input
-          v-model="value.accessor"
+          :model-value="value.accessor"
           placeholder="如 row.joinDate"
           class="font-mono text-xs"
+          @update:model-value="(v) => value = { ...value, accessor: v }"
         />
       </Field>
       <Field orientation="vertical">
@@ -124,9 +129,10 @@ const dateFormatExample = computed(() => {
         </FieldLabel>
         <InputGroup>
           <InputGroupInput
-            v-model="value.format"
+            :model-value="value.format"
             placeholder="yyyy-MM-dd"
             class="font-mono text-xs"
+            @update:model-value="(v) => value = { ...value, format: v }"
           />
           <InputGroupAddon
             v-if="dateFormatExample"
@@ -168,7 +174,7 @@ const dateFormatExample = computed(() => {
                 <DropdownMenuItem
                   v-for="opt in ALIGN_OPTIONS"
                   :key="opt.value"
-                  @select="value.align = opt.value"
+                  @select="value = { ...value, align: opt.value }"
                 >
                   <Icon :icon="opt.icon" />
                   {{ opt.label }}
@@ -180,13 +186,13 @@ const dateFormatExample = computed(() => {
             :model-value="value.size"
             :disabled="value.grow"
             :min="0"
-            @update:model-value="(v) => value.size = v"
+            @update:model-value="(v) => value = { ...value, size: v }"
           />
           <InputGroupAddon align="inline-end">
             <InputGroupButton
               :variant="value.grow ? 'primary' : 'ghost'"
               size="xs"
-              @click="value.grow = !value.grow"
+              @click="value = { ...value, grow: !value.grow }"
             >
               <Icon :icon="value.grow ? 'fluent:lock-closed-20-regular' : 'fluent:arrow-autofit-width-20-regular'" />
               {{ fieldTitle("grow") }}
@@ -218,13 +224,13 @@ const dateFormatExample = computed(() => {
           <InputGroupInput
             :model-value="value.sortKey"
             placeholder="例：created_at"
-            @update:model-value="(v) => value.sortKey = v || void 0"
+            @update:model-value="(v) => value = { ...value, sortKey: v || void 0 }"
           />
           <InputGroupAddon align="inline-end">
             <InputGroupButton
               :variant="value.enableSorting ? 'primary' : 'ghost'"
               size="xs"
-              @click="value.enableSorting = !value.enableSorting"
+              @click="value = { ...value, enableSorting: !value.enableSorting }"
             >
               <Icon :icon="value.enableSorting ? 'fluent:arrow-sort-up-16-regular' : 'fluent:arrow-sort-16-regular'" />
               {{ fieldTitle("enableSorting") }}

package/dist/runtime/components/table/columns/2026-04-14/com.shwfed.table.column.icon/config.vue

@@ -38,8 +38,12 @@ const currentAlignIcon = computed(
 const colorModel = computed({
   get: () => value.value.color ?? "",
   set: (v) => {
-    if (v === "") delete value.value.color;
-    else value.value.color = v;
+    if (v === "") {
+      const { color: _drop, ...rest } = value.value;
+      value.value = rest;
+    } else {
+      value.value = { ...value.value, color: v };
+    }
   }
 });
 const ROW_VARS = {
@@ -65,7 +69,10 @@ const ROW_VARS = {
           </template>
           {{ fieldTitle("title") }}
         </FieldLabel>
-        <Locale v-model="value.title" />
+        <Locale
+          :model-value="value.title"
+          @update:model-value="(v) => value = { ...value, title: v }"
+        />
       </Field>
       <Field orientation="vertical">
         <FieldLabel class="text-xs text-zinc-500">
@@ -82,8 +89,9 @@ const ROW_VARS = {
           {{ fieldTitle("tooltip") }}
         </FieldLabel>
         <Locale
-          v-model="value.tooltip"
+          :model-value="value.tooltip"
           markdown
+          @update:model-value="(v) => value = { ...value, tooltip: v }"
         />
       </Field>
     </div>
@@ -103,9 +111,10 @@ const ROW_VARS = {
           {{ fieldTitle("accessor") }}
         </FieldLabel>
         <ExpressionEditor
-          v-model="value.accessor"
+          :model-value="value.accessor"
           placeholder="如 &quot;fluent:checkmark-circle-20-regular&quot;"
           :extra-vars="ROW_VARS"
+          @update:model-value="(v) => value = { ...value, accessor: v }"
         />
       </Field>
       <Field orientation="vertical">
@@ -138,7 +147,7 @@ const ROW_VARS = {
                 <DropdownMenuItem
                   v-for="opt in ALIGN_OPTIONS"
                   :key="opt.value"
-                  @select="value.align = opt.value"
+                  @select="value = { ...value, align: opt.value }"
                 >
                   <Icon :icon="opt.icon" />
                   {{ opt.label }}
@@ -150,13 +159,13 @@ const ROW_VARS = {
             :model-value="value.size"
             :disabled="value.grow"
             :min="0"
-            @update:model-value="(v) => value.size = v"
+            @update:model-value="(v) => value = { ...value, size: v }"
           />
           <InputGroupAddon align="inline-end">
             <InputGroupButton
               :variant="value.grow ? 'primary' : 'ghost'"
               size="xs"
-              @click="value.grow = !value.grow"
+              @click="value = { ...value, grow: !value.grow }"
             >
               <Icon :icon="value.grow ? 'fluent:lock-closed-20-regular' : 'fluent:arrow-autofit-width-20-regular'" />
               {{ fieldTitle("grow") }}
@@ -209,13 +218,13 @@ const ROW_VARS = {
           <InputGroupInput
             :model-value="value.sortKey"
             placeholder="例：created_at"
-            @update:model-value="(v) => value.sortKey = v || void 0"
+            @update:model-value="(v) => value = { ...value, sortKey: v || void 0 }"
           />
           <InputGroupAddon align="inline-end">
             <InputGroupButton
               :variant="value.enableSorting ? 'primary' : 'ghost'"
               size="xs"
-              @click="value.enableSorting = !value.enableSorting"
+              @click="value = { ...value, enableSorting: !value.enableSorting }"
             >
               <Icon :icon="value.enableSorting ? 'fluent:arrow-sort-up-16-regular' : 'fluent:arrow-sort-16-regular'" />
               {{ fieldTitle("enableSorting") }}

package/dist/runtime/components/table/columns/2026-04-14/com.shwfed.table.column.markdown/config.vue

@@ -36,8 +36,12 @@ const currentAlignIcon = computed(
 const copyExpressionModel = computed({
   get: () => value.value.copyExpression ?? "",
   set: (v) => {
-    if (v === "") delete value.value.copyExpression;
-    else value.value.copyExpression = v;
+    if (v === "") {
+      const { copyExpression: _drop, ...rest } = value.value;
+      value.value = rest;
+    } else {
+      value.value = { ...value.value, copyExpression: v };
+    }
   }
 });
 </script>
@@ -59,7 +63,10 @@ const copyExpressionModel = computed({
           </template>
           {{ fieldTitle("title") }}
         </FieldLabel>
-        <Locale v-model="value.title" />
+        <Locale
+          :model-value="value.title"
+          @update:model-value="(v) => value = { ...value, title: v }"
+        />
       </Field>
       <Field orientation="vertical">
         <FieldLabel class="text-xs text-zinc-500">
@@ -76,8 +83,9 @@ const copyExpressionModel = computed({
           {{ fieldTitle("tooltip") }}
         </FieldLabel>
         <Locale
-          v-model="value.tooltip"
+          :model-value="value.tooltip"
           markdown
+          @update:model-value="(v) => value = { ...value, tooltip: v }"
         />
       </Field>
     </div>
@@ -112,7 +120,7 @@ const copyExpressionModel = computed({
                 <DropdownMenuItem
                   v-for="opt in ALIGN_OPTIONS"
                   :key="opt.value"
-                  @select="value.align = opt.value"
+                  @select="value = { ...value, align: opt.value }"
                 >
                   <Icon :icon="opt.icon" />
                   {{ opt.label }}
@@ -124,13 +132,13 @@ const copyExpressionModel = computed({
             :model-value="value.size"
             :disabled="value.grow"
             :min="0"
-            @update:model-value="(v) => value.size = v"
+            @update:model-value="(v) => value = { ...value, size: v }"
           />
           <InputGroupAddon align="inline-end">
             <InputGroupButton
               :variant="value.grow ? 'primary' : 'ghost'"
               size="xs"
-              @click="value.grow = !value.grow"
+              @click="value = { ...value, grow: !value.grow }"
             >
               <Icon :icon="value.grow ? 'fluent:lock-closed-20-regular' : 'fluent:arrow-autofit-width-20-regular'" />
               {{ fieldTitle("grow") }}
@@ -174,7 +182,10 @@ const copyExpressionModel = computed({
         </template>
         {{ fieldTitle("markdown") }}
       </FieldLabel>
-      <Locale v-model="value.markdown" />
+      <Locale
+        :model-value="value.markdown"
+        @update:model-value="(v) => value = { ...value, markdown: v }"
+      />
     </Field>
   </div>
 </template>

package/dist/runtime/components/table/columns/2026-04-14/com.shwfed.table.column.number/config.vue

@@ -56,12 +56,13 @@ const currentPreserveModeLabel = computed(
   () => PRESERVE_MODE_OPTIONS.find((o) => o.value === (value.value.preserveMode ?? "round"))?.label
 );
 function onPreserveDigitsChange(v) {
-  value.value.preserveDigits = v;
+  const next = { ...value.value, preserveDigits: v };
   if (v === void 0) {
-    value.value.preserveMode = void 0;
-  } else if (value.value.preserveMode === void 0) {
-    value.value.preserveMode = "round";
+    next.preserveMode = void 0;
+  } else if (next.preserveMode === void 0) {
+    next.preserveMode = "round";
   }
+  value.value = next;
 }
 </script>
 
@@ -82,7 +83,10 @@ function onPreserveDigitsChange(v) {
           </template>
           {{ fieldTitle("title") }}
         </FieldLabel>
-        <Locale v-model="value.title" />
+        <Locale
+          :model-value="value.title"
+          @update:model-value="(v) => value = { ...value, title: v }"
+        />
       </Field>
       <Field orientation="vertical">
         <FieldLabel class="text-xs text-zinc-500">
@@ -99,8 +103,9 @@ function onPreserveDigitsChange(v) {
           {{ fieldTitle("tooltip") }}
         </FieldLabel>
         <Locale
-          v-model="value.tooltip"
+          :model-value="value.tooltip"
           markdown
+          @update:model-value="(v) => value = { ...value, tooltip: v }"
         />
       </Field>
     </div>
@@ -120,9 +125,10 @@ function onPreserveDigitsChange(v) {
           {{ fieldTitle("accessor") }}
         </FieldLabel>
         <Input
-          v-model="value.accessor"
+          :model-value="value.accessor"
           placeholder="如 row.salary"
           class="font-mono text-xs"
+          @update:model-value="(v) => value = { ...value, accessor: v }"
         />
       </Field>
       <Field orientation="vertical">
@@ -155,7 +161,7 @@ function onPreserveDigitsChange(v) {
                 <DropdownMenuItem
                   v-for="opt in ALIGN_OPTIONS"
                   :key="opt.value"
-                  @select="value.align = opt.value"
+                  @select="value = { ...value, align: opt.value }"
                 >
                   <Icon :icon="opt.icon" />
                   {{ opt.label }}
@@ -167,13 +173,13 @@ function onPreserveDigitsChange(v) {
             :model-value="value.size"
             :disabled="value.grow"
             :min="0"
-            @update:model-value="(v) => value.size = v"
+            @update:model-value="(v) => value = { ...value, size: v }"
           />
           <InputGroupAddon align="inline-end">
             <InputGroupButton
               :variant="value.grow ? 'primary' : 'ghost'"
               size="xs"
-              @click="value.grow = !value.grow"
+              @click="value = { ...value, grow: !value.grow }"
             >
               <Icon :icon="value.grow ? 'fluent:lock-closed-20-regular' : 'fluent:arrow-autofit-width-20-regular'" />
               {{ fieldTitle("grow") }}
@@ -197,7 +203,7 @@ function onPreserveDigitsChange(v) {
         </FieldLabel>
         <Select
           :model-value="value.displayMode ?? 'plain'"
-          @update:model-value="(v) => value.displayMode = v"
+          @update:model-value="(v) => value = { ...value, displayMode: v }"
         >
           <SelectTrigger class="w-full">
             <SelectValue />
@@ -254,7 +260,7 @@ function onPreserveDigitsChange(v) {
                 <DropdownMenuItem
                   v-for="opt in PRESERVE_MODE_OPTIONS"
                   :key="opt.value"
-                  @select="value.preserveMode = opt.value"
+                  @select="value = { ...value, preserveMode: opt.value }"
                 >
                   {{ opt.label }}
                 </DropdownMenuItem>
@@ -287,13 +293,13 @@ function onPreserveDigitsChange(v) {
           <InputGroupInput
             :model-value="value.sortKey"
             placeholder="例：created_at"
-            @update:model-value="(v) => value.sortKey = v || void 0"
+            @update:model-value="(v) => value = { ...value, sortKey: v || void 0 }"
           />
           <InputGroupAddon align="inline-end">
             <InputGroupButton
               :variant="value.enableSorting ? 'primary' : 'ghost'"
               size="xs"
-              @click="value.enableSorting = !value.enableSorting"
+              @click="value = { ...value, enableSorting: !value.enableSorting }"
             >
               <Icon :icon="value.enableSorting ? 'fluent:arrow-sort-up-16-regular' : 'fluent:arrow-sort-16-regular'" />
               {{ fieldTitle("enableSorting") }}

package/dist/runtime/components/table/columns/2026-04-14/com.shwfed.table.column.text/config.vue

@@ -50,8 +50,12 @@ const DISPLAY_MODE_OPTIONS = [
 const copyExpressionModel = computed({
   get: () => value.value.copyExpression ?? "",
   set: (v) => {
-    if (v === "") delete value.value.copyExpression;
-    else value.value.copyExpression = v;
+    if (v === "") {
+      const { copyExpression: _drop, ...rest } = value.value;
+      value.value = rest;
+    } else {
+      value.value = { ...value.value, copyExpression: v };
+    }
   }
 });
 </script>
@@ -73,7 +77,10 @@ const copyExpressionModel = computed({
           </template>
           {{ fieldTitle("title") }}
         </FieldLabel>
-        <Locale v-model="value.title" />
+        <Locale
+          :model-value="value.title"
+          @update:model-value="(v) => value = { ...value, title: v }"
+        />
       </Field>
       <Field orientation="vertical">
         <FieldLabel class="text-xs text-zinc-500">
@@ -90,8 +97,9 @@ const copyExpressionModel = computed({
           {{ fieldTitle("tooltip") }}
         </FieldLabel>
         <Locale
-          v-model="value.tooltip"
+          :model-value="value.tooltip"
           markdown
+          @update:model-value="(v) => value = { ...value, tooltip: v }"
         />
       </Field>
     </div>
@@ -111,9 +119,10 @@ const copyExpressionModel = computed({
           {{ fieldTitle("accessor") }}
         </FieldLabel>
         <Input
-          v-model="value.accessor"
+          :model-value="value.accessor"
           placeholder="如 row.user.name"
           class="font-mono text-xs"
+          @update:model-value="(v) => value = { ...value, accessor: v }"
         />
       </Field>
       <Field orientation="vertical">
@@ -146,7 +155,7 @@ const copyExpressionModel = computed({
                 <DropdownMenuItem
                   v-for="opt in ALIGN_OPTIONS"
                   :key="opt.value"
-                  @select="value.align = opt.value"
+                  @select="value = { ...value, align: opt.value }"
                 >
                   <Icon :icon="opt.icon" />
                   {{ opt.label }}
@@ -158,13 +167,13 @@ const copyExpressionModel = computed({
             :model-value="value.size"
             :disabled="value.grow"
             :min="0"
-            @update:model-value="(v) => value.size = v"
+            @update:model-value="(v) => value = { ...value, size: v }"
           />
           <InputGroupAddon align="inline-end">
             <InputGroupButton
               :variant="value.grow ? 'primary' : 'ghost'"
               size="xs"
-              @click="value.grow = !value.grow"
+              @click="value = { ...value, grow: !value.grow }"
             >
               <Icon :icon="value.grow ? 'fluent:lock-closed-20-regular' : 'fluent:arrow-autofit-width-20-regular'" />
               {{ fieldTitle("grow") }}
@@ -209,7 +218,7 @@ const copyExpressionModel = computed({
         </FieldLabel>
         <Select
           :model-value="value.displayMode ?? 'plain'"
-          @update:model-value="(v) => value.displayMode = v"
+          @update:model-value="(v) => value = { ...value, displayMode: v }"
         >
           <SelectTrigger class="w-full">
             <SelectValue />
@@ -249,13 +258,13 @@ const copyExpressionModel = computed({
           <InputGroupInput
             :model-value="value.sortKey"
             placeholder="例：created_at"
-            @update:model-value="(v) => value.sortKey = v || void 0"
+            @update:model-value="(v) => value = { ...value, sortKey: v || void 0 }"
           />
           <InputGroupAddon align="inline-end">
             <InputGroupButton
               :variant="value.enableSorting ? 'primary' : 'ghost'"
               size="xs"
-              @click="value.enableSorting = !value.enableSorting"
+              @click="value = { ...value, enableSorting: !value.enableSorting }"
             >
               <Icon :icon="value.enableSorting ? 'fluent:arrow-sort-up-16-regular' : 'fluent:arrow-sort-16-regular'" />
               {{ fieldTitle("enableSorting") }}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shwfed/config",
-  "version": "2.5.1",
+  "version": "2.5.2",
   "description": "Configurable UI for SHWFED",
   "type": "module",
   "publishConfig": {

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

@@ -1 +0,0 @@
-import{aO as e}from"./index-C5dK4QAf.js";import{aP as r,aQ as s,aR as t}from"./index-C5dK4QAf.js";export{r as TableConfig,s as createTableConfig,e as default,t as getColumnTechnicalKey};