@shwfed/config 2.3.25 → 2.3.27

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

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

package/dist/preview/assets/{runtime-C_R-VCbd.js → runtime-BSASeqgI.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-BbnG2cVz.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-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};

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

@@ -1 +1 @@
-import{_ as o}from"./definition.vue_vue_type_script_setup_true_lang-CBPR0zl_.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-BbnG2cVz.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-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};

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

@@ -1 +1 @@
-import{_ as o}from"./definition.vue_vue_type_script_setup_true_lang-CBPR0zl_.js";import{d as n,e as a,u as c,o as f,ap as i}from"./index-BbnG2cVz.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-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};

package/dist/preview/assets/{runtime-BsiLYYky.js → runtime-D42ecZyC.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-BbnG2cVz.js";import{_}from"./definition.vue_vue_type_script_setup_true_lang-CBPR0zl_.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-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};

package/dist/preview/assets/{runtime-C-h7PIyx.js → runtime-D6twt5H_.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-BbnG2cVz.js";import{_ as T}from"./definition.vue_vue_type_script_setup_true_lang-CBPR0zl_.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-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};

package/dist/preview/assets/{runtime-BQiYt6n7.js → runtime-DUyUjFqF.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-BbnG2cVz.js";import{_ as I}from"./definition.vue_vue_type_script_setup_true_lang-CBPR0zl_.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-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};

package/dist/preview/assets/{runtime-1AP_-j3e.js → runtime-Df715bRA.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-BbnG2cVz.js";import{_ as K}from"./definition.vue_vue_type_script_setup_true_lang-CBPR0zl_.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-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};

package/dist/preview/assets/{runtime-CGW3z1YJ.js → runtime-tobnPKdV.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-BbnG2cVz.js";import{_ as h}from"./definition.vue_vue_type_script_setup_true_lang-CBPR0zl_.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-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};

package/dist/preview/assets/{runtime-DwXjew7j.js → runtime-z_QPMN-R.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-BbnG2cVz.js";import{_ as F}from"./definition.vue_vue_type_script_setup_true_lang-CBPR0zl_.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-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};

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-BbnG2cVz.js"></script>
+    <script type="module" crossorigin src="./assets/index-C3Ycah5_.js"></script>
     <link rel="stylesheet" crossorigin href="./assets/index-BCE-G4Ha.css">
   </head>
   <body>

package/dist/runtime/components/table/columns/2026-05-24/com.shwfed.table.column.combobox-single.remote.options-remote/config.d.vue.ts

@@ -43,7 +43,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         readonly accessor: string;
         readonly options: string;
         readonly enableSorting?: boolean | undefined;
-        readonly successMessage?: string | undefined;
         readonly optionValue: string;
         readonly optionLabel: readonly [{
             readonly locale: "zh";
@@ -52,6 +51,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly successMessage?: string | undefined;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -94,7 +94,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         readonly accessor: string;
         readonly options: string;
         readonly enableSorting?: boolean | undefined;
-        readonly successMessage?: string | undefined;
         readonly optionValue: string;
         readonly optionLabel: readonly [{
             readonly locale: "zh";
@@ -103,6 +102,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly successMessage?: string | undefined;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/table/columns/2026-05-24/com.shwfed.table.column.combobox-single.remote.options-remote/config.vue.d.ts

@@ -43,7 +43,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         readonly accessor: string;
         readonly options: string;
         readonly enableSorting?: boolean | undefined;
-        readonly successMessage?: string | undefined;
         readonly optionValue: string;
         readonly optionLabel: readonly [{
             readonly locale: "zh";
@@ -52,6 +51,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly successMessage?: string | undefined;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -94,7 +94,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         readonly accessor: string;
         readonly options: string;
         readonly enableSorting?: boolean | undefined;
-        readonly successMessage?: string | undefined;
         readonly optionValue: string;
         readonly optionLabel: readonly [{
             readonly locale: "zh";
@@ -103,6 +102,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly successMessage?: string | undefined;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/table/columns/2026-05-25/com.shwfed.table.column.combobox-multi/runtime.vue

@@ -110,27 +110,51 @@ const selectedEntries = computed(() => {
   return list;
 });
 const selectedKeys = computed(() => selectedEntries.value.map((e) => e.key));
-const selectedKeySet = computed(() => new Set(selectedKeys.value));
+const pendingKeys = ref(null);
+const open = ref(false);
+watch(open, (next, prev) => {
+  if (!prev && next) {
+    pendingKeys.value = [...selectedKeys.value];
+    return;
+  }
+  if (prev && !next && pendingKeys.value !== null) {
+    const mapped = [];
+    for (const key of pendingKeys.value) {
+      const entry = entries.value.find((e) => e.key === key);
+      if (entry) mapped.push(entry.value);
+    }
+    formState.setAt(props.column.binding, mapped);
+    pendingKeys.value = null;
+  }
+});
+const displayKeys = computed(
+  () => pendingKeys.value ?? selectedKeys.value
+);
+const displayKeySet = computed(() => new Set(displayKeys.value));
+const displayEntries = computed(() => {
+  if (pendingKeys.value === null) return selectedEntries.value;
+  const list = [];
+  for (const key of displayKeys.value) {
+    const entry = entries.value.find((e) => e.key === key);
+    if (entry) list.push(entry);
+  }
+  return list;
+});
 const triggerLabel = computed(() => {
-  const arr = selectedEntries.value;
+  const arr = displayEntries.value;
   if (arr.length === 0) return "";
   if (arr.length === 1) return arr[0].label;
   return `${arr[0].label} +${arr.length - 1}`;
 });
-const open = ref(false);
 function handleSelect(next) {
   const keys = Array.isArray(next) ? next.filter((k) => typeof k === "string") : [];
-  const mapped = [];
-  for (const key of keys) {
-    const entry = entries.value.find((e) => e.key === key);
-    if (entry) mapped.push(entry.value);
-  }
-  formState.setAt(props.column.binding, mapped);
+  pendingKeys.value = keys;
 }
 const showClear = computed(
-  () => !isDisabled.value && selectedEntries.value.length > 0
+  () => !isDisabled.value && displayEntries.value.length > 0
 );
 function handleClear() {
+  pendingKeys.value = null;
   formState.setAt(props.column.binding, []);
   open.value = false;
 }
@@ -203,7 +227,7 @@ const anyHasTooltip = computed(
         :style="{ width: 'var(--reka-popover-trigger-width)' }"
       >
         <Command
-          :model-value="selectedKeys"
+          :model-value="displayKeys"
           :multiple="true"
           :disabled="isDisabled"
           @update:model-value="handleSelect"
@@ -223,7 +247,7 @@ const anyHasTooltip = computed(
               >
                 <span class="flex-1">{{ entry.label }}</span>
                 <Icon
-                  v-if="selectedKeySet.has(entry.key)"
+                  v-if="displayKeySet.has(entry.key)"
                   icon="fluent:checkmark-20-regular"
                   class="size-3 text-zinc-700"
                 />

package/dist/runtime/components/table/columns/2026-05-25/com.shwfed.table.column.combobox-multi.remote.options-remote/config.d.vue.ts

@@ -43,7 +43,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         readonly accessor: string;
         readonly options: string;
         readonly enableSorting?: boolean | undefined;
-        readonly successMessage?: string | undefined;
         readonly optionValue: string;
         readonly optionLabel: readonly [{
             readonly locale: "zh";
@@ -52,6 +51,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly successMessage?: string | undefined;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -94,7 +94,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         readonly accessor: string;
         readonly options: string;
         readonly enableSorting?: boolean | undefined;
-        readonly successMessage?: string | undefined;
         readonly optionValue: string;
         readonly optionLabel: readonly [{
             readonly locale: "zh";
@@ -103,6 +102,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly successMessage?: string | undefined;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/table/columns/2026-05-25/com.shwfed.table.column.combobox-multi.remote.options-remote/config.vue.d.ts

@@ -43,7 +43,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         readonly accessor: string;
         readonly options: string;
         readonly enableSorting?: boolean | undefined;
-        readonly successMessage?: string | undefined;
         readonly optionValue: string;
         readonly optionLabel: readonly [{
             readonly locale: "zh";
@@ -52,6 +51,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly successMessage?: string | undefined;
     }) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
@@ -94,7 +94,6 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
         readonly accessor: string;
         readonly options: string;
         readonly enableSorting?: boolean | undefined;
-        readonly successMessage?: string | undefined;
         readonly optionValue: string;
         readonly optionLabel: readonly [{
             readonly locale: "zh";
@@ -103,6 +102,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {},
             readonly locale: "en" | "ja" | "ko";
             readonly message: string;
         }[]];
+        readonly successMessage?: string | undefined;
     }) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/table/columns/2026-05-26/com.shwfed.table.column.combobox-multi/runtime.vue

@@ -212,27 +212,51 @@ const selectedEntries = computed(() => {
   return list;
 });
 const selectedKeys = computed(() => selectedEntries.value.map((e) => e.key));
-const selectedKeySet = computed(() => new Set(selectedKeys.value));
+const pendingKeys = ref(null);
+const open = ref(false);
+watch(open, (next, prev) => {
+  if (!prev && next) {
+    pendingKeys.value = [...selectedKeys.value];
+    return;
+  }
+  if (prev && !next && pendingKeys.value !== null) {
+    const mapped = [];
+    for (const key of pendingKeys.value) {
+      const entry = entries.value.find((e) => e.key === key);
+      if (entry) mapped.push(entry.value);
+    }
+    formState.setAt(props.column.binding, mapped);
+    pendingKeys.value = null;
+  }
+});
+const displayKeys = computed(
+  () => pendingKeys.value ?? selectedKeys.value
+);
+const displayKeySet = computed(() => new Set(displayKeys.value));
+const displayEntries = computed(() => {
+  if (pendingKeys.value === null) return selectedEntries.value;
+  const list = [];
+  for (const key of displayKeys.value) {
+    const entry = entries.value.find((e) => e.key === key);
+    if (entry) list.push(entry);
+  }
+  return list;
+});
 const triggerLabel = computed(() => {
-  const arr = selectedEntries.value;
+  const arr = displayEntries.value;
   if (arr.length === 0) return "";
   if (arr.length === 1) return arr[0].label;
   return `${arr[0].label} +${arr.length - 1}`;
 });
-const open = ref(false);
 function handleSelect(next) {
   const keys = Array.isArray(next) ? next.filter((k) => typeof k === "string") : [];
-  const mapped = [];
-  for (const key of keys) {
-    const entry = entries.value.find((e) => e.key === key);
-    if (entry) mapped.push(entry.value);
-  }
-  formState.setAt(props.column.binding, mapped);
+  pendingKeys.value = keys;
 }
 const showClear = computed(
-  () => !isDisabled.value && selectedEntries.value.length > 0
+  () => !isDisabled.value && displayEntries.value.length > 0
 );
 function handleClear() {
+  pendingKeys.value = null;
   formState.setAt(props.column.binding, []);
   open.value = false;
 }
@@ -315,7 +339,7 @@ const anyHasTooltip = computed(
         :style="{ width: 'var(--reka-popover-trigger-width)' }"
       >
         <Command
-          :model-value="selectedKeys"
+          :model-value="displayKeys"
           :multiple="true"
           :disabled="isDisabled"
           @update:model-value="handleSelect"
@@ -343,7 +367,7 @@ const anyHasTooltip = computed(
                 >
                   <span class="flex-1"><Markdown :source="entry.label" /></span>
                   <Icon
-                    v-if="selectedKeySet.has(entry.key)"
+                    v-if="displayKeySet.has(entry.key)"
                     icon="fluent:checkmark-20-regular"
                     class="size-3 text-zinc-700"
                   />

package/dist/runtime/components/table/columns/2026-05-26/com.shwfed.table.column.combobox-multi.remote/runtime.vue

@@ -4,7 +4,7 @@ import { Effect } from "effect";
 import { Fetch } from "fx-fetch";
 import { watchDebounced } from "@vueuse/core";
 import { toast } from "vue-sonner";
-import { computed, ref, watch } from "vue";
+import { computed, ref } from "vue";
 import { useI18n } from "vue-i18n";
 import { cel as _rawCel } from "../../../../../utils/cel";
 import { celBindings, injectCELContext } from "../../../../../utils/cel-context";
@@ -204,7 +204,7 @@ function isEqual(a, b) {
   }
   return false;
 }
-const selectedEntries = computed(() => {
+const committedEntries = computed(() => {
   const list = [];
   for (const v of cellValue.value) {
     const entry = entries.value.find((e) => isEqual(e.value, v));
@@ -212,8 +212,14 @@ const selectedEntries = computed(() => {
   }
   return list;
 });
-const selectedKeys = computed(() => selectedEntries.value.map((e) => e.key));
+const committedKeys = computed(() => committedEntries.value.map((e) => e.key));
+const draftKeys = ref(null);
+const draftDirty = ref(false);
+const selectedKeys = computed(() => draftKeys.value ?? committedKeys.value);
 const selectedKeySet = computed(() => new Set(selectedKeys.value));
+const selectedEntries = computed(
+  () => selectedKeys.value.map((k) => entries.value.find((e) => e.key === k)).filter((e) => !!e)
+);
 const triggerLabel = computed(() => {
   const arr = selectedEntries.value;
   if (arr.length === 0) return "";
@@ -254,26 +260,51 @@ async function submit(next) {
     pending.value = false;
   }
 }
-function handleSelect(next) {
-  const keys = Array.isArray(next) ? next.filter((k) => typeof k === "string") : [];
+async function commit(keys) {
+  draftKeys.value = [...keys];
   const mapped = [];
   for (const key of keys) {
     const entry = entries.value.find((e) => e.key === key);
     if (entry) mapped.push(entry.value);
   }
-  void submit(mapped);
+  try {
+    await submit(mapped);
+  } finally {
+    draftKeys.value = null;
+  }
+}
+function handleSelect(next) {
+  const keys = Array.isArray(next) ? next.filter((k) => typeof k === "string") : [];
+  draftKeys.value = keys;
+  draftDirty.value = true;
 }
 const showClear = computed(
   () => !isDisabled.value && selectedEntries.value.length > 0
 );
+const hoveredKey = ref(null);
+function handleOpenChange(next) {
+  if (next === open.value) return;
+  open.value = next;
+  hoveredKey.value = next ? entries.value[0]?.key ?? null : null;
+  if (next) {
+    draftKeys.value = [...committedKeys.value];
+    draftDirty.value = false;
+    return;
+  }
+  const wasDirty = draftDirty.value;
+  draftDirty.value = false;
+  if (!wasDirty) {
+    draftKeys.value = null;
+    return;
+  }
+  void commit(draftKeys.value ?? []);
+}
 function handleClear() {
+  draftDirty.value = false;
   open.value = false;
-  void submit([]);
+  hoveredKey.value = null;
+  void commit([]);
 }
-const hoveredKey = ref(null);
-watch(open, (isOpen) => {
-  hoveredKey.value = isOpen ? entries.value[0]?.key ?? null : null;
-});
 const hoveredEntry = computed(
   () => entries.value.find((e) => e.key === hoveredKey.value)
 );
@@ -297,7 +328,8 @@ const anyHasTooltip = computed(
     </span>
     <Popover
       v-else
-      v-model:open="open"
+      :open="open"
+      @update:open="handleOpenChange"
     >
       <PopoverAnchor as-child>
         <InputGroup

package/dist/runtime/components/ui/command/CommandItem.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { reactiveOmit, useCurrentElement } from "@vueuse/core";
-import { ListboxItem, useForwardPropsEmits, useId } from "reka-ui";
+import { injectListboxRootContext, ListboxItem, useForwardPropsEmits, useId } from "reka-ui";
 import { computed, onMounted, onUnmounted, ref } from "vue";
 import { cn } from "../../../utils/cn";
 import { useCommand, useCommandGroup } from ".";
@@ -17,6 +17,16 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
 const id = useId();
 const { filterState, allItems, allGroups } = useCommand();
 const groupContext = useCommandGroup();
+const listboxRoot = injectListboxRootContext();
+function handleSelect(event) {
+  filterState.search = "";
+  if (!listboxRoot.multiple.value) return;
+  event.preventDefault();
+  listboxRoot.onValueChange(props.value);
+  if (currentElement.value instanceof HTMLElement) {
+    listboxRoot.changeHighlight(currentElement.value);
+  }
+}
 const isRender = computed(() => {
   if (!filterState.search) {
     return true;
@@ -56,9 +66,7 @@ onUnmounted(() => {
     ref="itemRef"
     data-slot="command-item"
     :class="cn('data-highlighted:bg-zinc-100 data-highlighted:text-zinc-700 hover:bg-zinc-50 [&_svg:not([class*=\'text-\'])]:text-zinc-700 cursor-pointer relative flex items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4', props.class)"
-    @select="() => {
-  filterState.search = '';
-}"
+    @select="handleSelect"
   >
     <slot />
   </ListboxItem>

package/package.json

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