@shwfed/config 2.9.13 → 2.10.1

package/dist/preview/assets/{item-DecwNzYq.js → item-CTkdtkvl.js}

@@ -1 +1 @@
-import{d as O,v as M,x as k,y,o as q,c as E,z,b as A,A as x,B as i,C as J,D as L,E as s,F as T,G as V,H as D,I as G,J as H,K,L as g,M as P,N as b,O as U}from"./index-CWMhB7z4.js";import W from"./index-C3FdepLE.js";const X=O({name:"ShwfedBlockAnimatedNumberItem",__name:"item",props:{item:{}},setup(h){const n=h,j=P(),a=x(void 0),m=x(0);function u(){return K(j)}function S(e){if(typeof e=="number"&&Number.isFinite(e))return e;if(typeof e=="string"&&e.trim()!==""){const t=Number(e);return Number.isFinite(t)?t:0}return 0}const d=i(()=>a.value===void 0?g():U(a.value));function v(e){if(!e)return"";try{const t=b(s(e,{...u(),json:d.value}));return t==null?"":String(t)}catch{return""}}const w=i(()=>v(n.item.prefix)),C=i(()=>v(n.item.suffix));function F(e){if(e)try{const t=b(s(e,{...u(),json:d.value}));return t==null?void 0:typeof t=="string"||typeof t=="object"?t:String(t)}catch{return}}const I=i(()=>F(n.item.style));async function r(){const e=n.item.dataSource,t=u(),_=J(function*(){let o=g();e.request&&(o=yield*L(yield*s(e.request,t)));const B=yield*s(e.value,{...t,json:o});return{json:T(o),value:B}});try{const o=await V(D(_,G));a.value=o.json,m.value=S(o.value)}catch(o){console.warn("[shwfed-animated-number] fetch failed",o)}}const l=i(()=>(n.item.pollingInterval??0)>0),N=i(()=>Math.max(1,n.item.pollingInterval??1)*1e3),c=H(),{pause:p,resume:f}=M(()=>{r()},N,{immediate:!1});return k(()=>{r(),l.value&&c.value&&f()}),y(c,e=>{l.value&&(e?(r(),f()):p())}),y(()=>[n.item.dataSource.request??"",n.item.dataSource.value,n.item.pollingInterval??0].join("|"),()=>{r(),l.value&&c.value?f():p()}),(e,t)=>(q(),E(A(W),{value:m.value,prefix:w.value,suffix:C.value,style:z(I.value)},null,8,["value","prefix","suffix","style"]))}});export{X as default};
+import{d as O,v as M,x as k,y,o as q,c as E,z,b as A,A as x,B as i,C as J,D as L,E as s,F as T,G as V,H as D,I as G,J as H,K,L as g,M as P,N as b,O as U}from"./index-yvElpEK3.js";import W from"./index-DCRQGu0g.js";const X=O({name:"ShwfedBlockAnimatedNumberItem",__name:"item",props:{item:{}},setup(h){const n=h,j=P(),a=x(void 0),m=x(0);function u(){return K(j)}function S(e){if(typeof e=="number"&&Number.isFinite(e))return e;if(typeof e=="string"&&e.trim()!==""){const t=Number(e);return Number.isFinite(t)?t:0}return 0}const d=i(()=>a.value===void 0?g():U(a.value));function v(e){if(!e)return"";try{const t=b(s(e,{...u(),json:d.value}));return t==null?"":String(t)}catch{return""}}const w=i(()=>v(n.item.prefix)),C=i(()=>v(n.item.suffix));function F(e){if(e)try{const t=b(s(e,{...u(),json:d.value}));return t==null?void 0:typeof t=="string"||typeof t=="object"?t:String(t)}catch{return}}const I=i(()=>F(n.item.style));async function r(){const e=n.item.dataSource,t=u(),_=J(function*(){let o=g();e.request&&(o=yield*L(yield*s(e.request,t)));const B=yield*s(e.value,{...t,json:o});return{json:T(o),value:B}});try{const o=await V(D(_,G));a.value=o.json,m.value=S(o.value)}catch(o){console.warn("[shwfed-animated-number] fetch failed",o)}}const l=i(()=>(n.item.pollingInterval??0)>0),N=i(()=>Math.max(1,n.item.pollingInterval??1)*1e3),c=H(),{pause:p,resume:f}=M(()=>{r()},N,{immediate:!1});return k(()=>{r(),l.value&&c.value&&f()}),y(c,e=>{l.value&&(e?(r(),f()):p())}),y(()=>[n.item.dataSource.request??"",n.item.dataSource.value,n.item.pollingInterval??0].join("|"),()=>{r(),l.value&&c.value?f():p()}),(e,t)=>(q(),E(A(W),{value:m.value,prefix:w.value,suffix:C.value,style:z(I.value)},null,8,["value","prefix","suffix","style"]))}});export{X as default};

package/dist/preview/assets/{runtime-DtP98Km5.js → runtime-3rajYvjp.js}

@@ -1 +1 @@
-import{d as r,aR as f,aS as u,aM as g,aP as p,c as d,b as m,E as l,K as x,aQ as E,M as h,o as _}from"./index-CWMhB7z4.js";import{_ as b}from"./definition.vue_vue_type_script_setup_true_lang-CgNXv26P.js";const B=r({name:"ShwfedHttpRequestActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(n){const e=n,i=h(),s=(t,c)=>l(t,{...x(i),...c}),o=E(),a=f(()=>u(g(o,e.config.before,s),()=>p(e.config.expression,s,{messageExpression:e.config.messageExpression,resultExpression:e.config.resultExpression,channel:o,triggers:{success:e.config.onSuccess,warning:e.config.onWarning,error:e.config.onError,info:e.config.onInfo}})));return(t,c)=>(_(),d(b,{"action-id":n.buttonId,effect:m(a)},null,8,["action-id","effect"]))}});export{B as default};
+import{d as r,aR as f,aS as u,aM as g,aP as p,c as d,b as m,E as l,K as x,aQ as E,M as h,o as _}from"./index-yvElpEK3.js";import{_ as b}from"./definition.vue_vue_type_script_setup_true_lang-BzryfjdG.js";const B=r({name:"ShwfedHttpRequestActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(n){const e=n,i=h(),s=(t,c)=>l(t,{...x(i),...c}),o=E(),a=f(()=>u(g(o,e.config.before,s),()=>p(e.config.expression,s,{messageExpression:e.config.messageExpression,resultExpression:e.config.resultExpression,channel:o,triggers:{success:e.config.onSuccess,warning:e.config.onWarning,error:e.config.onError,info:e.config.onInfo}})));return(t,c)=>(_(),d(b,{"action-id":n.buttonId,effect:m(a)},null,8,["action-id","effect"]))}});export{B as default};

package/dist/preview/assets/{runtime-C8Ufkmiw.js → runtime-4A3oiig9.js}

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

package/dist/preview/assets/{runtime-blb90Fhv.js → runtime-BOGZFWxF.js}

@@ -1 +1 @@
-import{d as s,Y as M,aW as b,C as p,a1 as c,aX as x,N,c as T,w as d,b as u,A as k,Q as L,aQ as S,aY as w,o as A,j as I,z as V,a as r,aZ as Y,a_ as $,aD as j,M as z,a$ as f,V as m,b0 as F}from"./index-CWMhB7z4.js";import{_ as H}from"./definition.vue_vue_type_script_setup_true_lang-CgNXv26P.js";const R=s({name:"ShwfedModalLayoutActionRuntime",__name:"runtime",props:{buttonId:{},config:{},buttonTitle:{}},setup(n){const a=n,{locale:l}=M(),v=e=>{},h=z(),i=L(f,void 0),C=S(),o=k(null),g=b(a.buttonId,{close:()=>w(()=>{o.value?.()})},C),_=s({name:"ModalBoundaryBridge",setup(e,{slots:t}){return $(h),m(F,g),i&&m(f,i),()=>t.default?.()}}),E=(e,t)=>j()?.(e,t),y=p(function*(){const e=c(a.config.modalTitle,l.value)??c(a.buttonTitle,l.value)??"",{modal:t,close:B}=yield*x({title:e,width:a.config.modalWidth});o.value=()=>N(B()),yield*t,o.value=null});return(e,t)=>(A(),T(H,{"action-id":n.buttonId,effect:u(y)},{default:d(()=>[I("div",{style:V(n.config.modalMinHeight?`min-height: ${n.config.modalMinHeight}`:void 0)},[r(u(_),null,{default:d(()=>[r(Y,{"slot-value":n.config.slot,configure:v,"find-entry":E},null,8,["slot-value"])]),_:1})],4)]),_:1},8,["action-id","effect"]))}});export{R as default};
+import{d as s,Y as M,aW as b,C as p,a1 as c,aX as x,N,c as T,w as d,b as u,A as k,Q as L,aQ as S,aY as w,o as A,j as I,z as V,a as r,aZ as Y,a_ as $,aD as j,M as z,a$ as f,V as m,b0 as F}from"./index-yvElpEK3.js";import{_ as H}from"./definition.vue_vue_type_script_setup_true_lang-BzryfjdG.js";const R=s({name:"ShwfedModalLayoutActionRuntime",__name:"runtime",props:{buttonId:{},config:{},buttonTitle:{}},setup(n){const a=n,{locale:l}=M(),v=e=>{},h=z(),i=L(f,void 0),C=S(),o=k(null),g=b(a.buttonId,{close:()=>w(()=>{o.value?.()})},C),_=s({name:"ModalBoundaryBridge",setup(e,{slots:t}){return $(h),m(F,g),i&&m(f,i),()=>t.default?.()}}),E=(e,t)=>j()?.(e,t),y=p(function*(){const e=c(a.config.modalTitle,l.value)??c(a.buttonTitle,l.value)??"",{modal:t,close:B}=yield*x({title:e,width:a.config.modalWidth});o.value=()=>N(B()),yield*t,o.value=null});return(e,t)=>(A(),T(H,{"action-id":n.buttonId,effect:u(y)},{default:d(()=>[I("div",{style:V(n.config.modalMinHeight?`min-height: ${n.config.modalMinHeight}`:void 0)},[r(u(_),null,{default:d(()=>[r(Y,{"slot-value":n.config.slot,configure:v,"find-entry":E},null,8,["slot-value"])]),_:1})],4)]),_:1},8,["action-id","effect"]))}});export{R as default};

package/dist/preview/assets/{runtime-BK7KNEyN.js → runtime-BqroTX7H.js}

@@ -1 +1 @@
-import{d as r,aR as f,aM as d,c as u,b as m,aQ as p,o as l,E as g,K as h,M as _}from"./index-CWMhB7z4.js";import{_ as C}from"./definition.vue_vue_type_script_setup_true_lang-CgNXv26P.js";const x=r({name:"ShwfedEventDispatchActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(e){const c=e,s=_(),a=(n,t)=>g(n,{...h(s),...t}),o=p(),i=f(()=>d(o,c.config.triggers,a));return(n,t)=>(l(),u(C,{"action-id":e.buttonId,effect:m(i)},null,8,["action-id","effect"]))}});export{x as default};
+import{d as r,aR as f,aM as d,c as u,b as m,aQ as p,o as l,E as g,K as h,M as _}from"./index-yvElpEK3.js";import{_ as C}from"./definition.vue_vue_type_script_setup_true_lang-BzryfjdG.js";const x=r({name:"ShwfedEventDispatchActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(e){const c=e,s=_(),a=(n,t)=>g(n,{...h(s),...t}),o=p(),i=f(()=>d(o,c.config.triggers,a));return(n,t)=>(l(),u(C,{"action-id":e.buttonId,effect:m(i)},null,8,["action-id","effect"]))}});export{x as default};

package/dist/preview/assets/{runtime-DSUjc0Pk.js → runtime-CBBae0-H.js}

@@ -1 +1 @@
-import{d as b,aR as E,C as _,aY as r,aM as m,b1 as S,b2 as j,c as v,b as x,E as B,K as C,aQ as L,M as R,o as k}from"./index-CWMhB7z4.js";import{_ as T}from"./definition.vue_vue_type_script_setup_true_lang-CgNXv26P.js";const q=b({name:"ShwfedHttpDownloadActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(d){const c=d,g=R(),t=(e,n)=>B(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=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,t)}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],t)}));return(e,n)=>(k(),v(T,{"action-id":d.buttonId,effect:x(y)},null,8,["action-id","effect"]))}});export{q as default};
+import{d as b,aR as E,C as _,aY as r,aM as m,b1 as S,b2 as j,c as v,b as x,E as B,K as C,aQ as L,M as R,o as k}from"./index-yvElpEK3.js";import{_ as T}from"./definition.vue_vue_type_script_setup_true_lang-BzryfjdG.js";const q=b({name:"ShwfedHttpDownloadActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(d){const c=d,g=R(),t=(e,n)=>B(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=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,t)}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],t)}));return(e,n)=>(k(),v(T,{"action-id":d.buttonId,effect:x(y)},null,8,["action-id","effect"]))}});export{q as default};

package/dist/preview/assets/{runtime-CYpXd7Pq.js → runtime-CBuV3vwL.js}

@@ -1 +1 @@
-import{d as f,aR as u,aU as l,aV as d,c as m,b as w,E as p,K as _,M as g,o as h}from"./index-CWMhB7z4.js";import{_ as b}from"./definition.vue_vue_type_script_setup_true_lang-CgNXv26P.js";function v(){return{resolve:e=>({href:new URL(e,window.location.href).href})}}function x(e,t){return window.location.assign(e),Promise.resolve()}const B=f({name:"ShwfedNavigationActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(e){const t=e,i=v(),a=g(),r=(n,o)=>p(n,{..._(a),...o});function c(n){try{return new URL(n,window.location.href).origin!==window.location.origin}catch{return!1}}const s=u(()=>l(r(t.config.url),n=>d(async()=>{const o=c(n);if(t.config.mode==="_blank"){window.open(o?n:i.resolve(n).href,"_blank");return}await x(n)})));return(n,o)=>(h(),m(b,{"action-id":e.buttonId,effect:w(s)},null,8,["action-id","effect"]))}});export{B as default};
+import{d as f,aR as u,aU as l,aV as d,c as m,b as w,E as p,K as _,M as g,o as h}from"./index-yvElpEK3.js";import{_ as b}from"./definition.vue_vue_type_script_setup_true_lang-BzryfjdG.js";function v(){return{resolve:e=>({href:new URL(e,window.location.href).href})}}function x(e,t){return window.location.assign(e),Promise.resolve()}const B=f({name:"ShwfedNavigationActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(e){const t=e,i=v(),a=g(),r=(n,o)=>p(n,{..._(a),...o});function c(n){try{return new URL(n,window.location.href).origin!==window.location.origin}catch{return!1}}const s=u(()=>l(r(t.config.url),n=>d(async()=>{const o=c(n);if(t.config.mode==="_blank"){window.open(o?n:i.resolve(n).href,"_blank");return}await x(n)})));return(n,o)=>(h(),m(b,{"action-id":e.buttonId,effect:w(s)},null,8,["action-id","effect"]))}});export{B as default};

package/dist/preview/assets/{runtime-CjPtRd-T.js → runtime-CI8yzwXd.js}

@@ -1 +1 @@
-import{d as u,Y as i,c as l,b as p,B as m,o as d,h as f,a1 as _,aN as k,E as w,K as x,M as g}from"./index-CWMhB7z4.js";const B=u({name:"ShwfedMarkdownItemRuntime",__name:"runtime",props:{config:{}},setup(s){const o=s,{locale:t}=i(),a=g(),c=(e,n)=>w(e,{...x(a),...n}),r=m(()=>{const e=_(o.config.content,t.value)??"";return k(e,c)});return(e,n)=>(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,Y as i,c as l,b as p,B as m,o as d,h as f,a1 as _,aN as k,E as w,K as x,M as g}from"./index-yvElpEK3.js";const B=u({name:"ShwfedMarkdownItemRuntime",__name:"runtime",props:{config:{}},setup(s){const o=s,{locale:t}=i(),a=g(),c=(e,n)=>w(e,{...x(a),...n}),r=m(()=>{const e=_(o.config.content,t.value)??"";return k(e,c)});return(e,n)=>(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-C5hqSHRW.js → runtime-CcyhgOum.js}

@@ -1 +1 @@
-import{d as f,Y as g,C as l,aM as u,a1 as d,aN as p,aO as m,aP as x,c as E,b as _,E as h,K as C,aQ as w,M as b,o as k}from"./index-CWMhB7z4.js";import{_ as I}from"./definition.vue_vue_type_script_setup_true_lang-CgNXv26P.js";const M=f({name:"ShwfedHttpRequestConfirmActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(c){const n=c,{locale:i}=g(),a=b(),s=(e,o)=>h(e,{...C(a),...o}),t=w(),r=l(function*(){yield*u(t,n.config.before,s);const e=d(n.config.markdown,i.value)??"",o=p(e,s);(yield*m({content:o,icon:n.config.icon,color:n.config.color}))||(yield*x(n.config.expression,s,{messageExpression:n.config.messageExpression,resultExpression:n.config.resultExpression,channel:t,triggers:{success:n.config.onSuccess,warning:n.config.onWarning,error:n.config.onError,info:n.config.onInfo}}))});return(e,o)=>(k(),E(I,{"action-id":c.buttonId,effect:_(r)},null,8,["action-id","effect"]))}});export{M as default};
+import{d as f,Y as g,C as l,aM as u,a1 as d,aN as p,aO as m,aP as x,c as E,b as _,E as h,K as C,aQ as w,M as b,o as k}from"./index-yvElpEK3.js";import{_ as I}from"./definition.vue_vue_type_script_setup_true_lang-BzryfjdG.js";const M=f({name:"ShwfedHttpRequestConfirmActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(c){const n=c,{locale:i}=g(),a=b(),s=(e,o)=>h(e,{...C(a),...o}),t=w(),r=l(function*(){yield*u(t,n.config.before,s);const e=d(n.config.markdown,i.value)??"",o=p(e,s);(yield*m({content:o,icon:n.config.icon,color:n.config.color}))||(yield*x(n.config.expression,s,{messageExpression:n.config.messageExpression,resultExpression:n.config.resultExpression,channel:t,triggers:{success:n.config.onSuccess,warning:n.config.onWarning,error:n.config.onError,info:n.config.onInfo}}))});return(e,o)=>(k(),E(I,{"action-id":c.buttonId,effect:_(r)},null,8,["action-id","effect"]))}});export{M as default};

package/dist/preview/assets/{runtime-C3dmOj9s.js → runtime-CkQ-mNoH.js}

@@ -1 +1 @@
-import{d as l,b3 as g,aR as A,aU as y,aM as b,c as _,b as h,E as S,K as j,aQ as k,b4 as C,M as B,o as E}from"./index-CWMhB7z4.js";import{_ as M}from"./definition.vue_vue_type_script_setup_true_lang-CgNXv26P.js";const F=l({name:"ShwfedStateWriteActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(s){const a=s,f=B(),c=(e,t)=>S(e,{...j(f),...t}),n=g(),o=n.kind==="form"&&n.parent?n.parent:n,u=k(),m=C((e,t,r)=>{if(Array.isArray(e[t])&&Array.isArray(r))return e[t]=r,!0});function i(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}function p(e,t){return i(e)&&i(t)?m({...t},e):t}const d=A(()=>y(c(a.config.expression),e=>{for(const t of Object.keys(e)){const r=p(o.getAt(t),e[t]);o.setAt(t,r)}return b(u,a.config.onSuccess,c)}));return(e,t)=>(E(),_(M,{"action-id":s.buttonId,effect:h(d)},null,8,["action-id","effect"]))}});export{F as default};
+import{d as l,b3 as g,aR as A,aU as y,aM as b,c as _,b as h,E as S,K as j,aQ as k,b4 as C,M as B,o as E}from"./index-yvElpEK3.js";import{_ as M}from"./definition.vue_vue_type_script_setup_true_lang-BzryfjdG.js";const F=l({name:"ShwfedStateWriteActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(s){const a=s,f=B(),c=(e,t)=>S(e,{...j(f),...t}),n=g(),o=n.kind==="form"&&n.parent?n.parent:n,u=k(),m=C((e,t,r)=>{if(Array.isArray(e[t])&&Array.isArray(r))return e[t]=r,!0});function i(e){return typeof e=="object"&&e!==null&&!Array.isArray(e)}function p(e,t){return i(e)&&i(t)?m({...t},e):t}const d=A(()=>y(c(a.config.expression),e=>{for(const t of Object.keys(e)){const r=p(o.getAt(t),e[t]);o.setAt(t,r)}return b(u,a.config.onSuccess,c)}));return(e,t)=>(E(),_(M,{"action-id":s.buttonId,effect:h(d)},null,8,["action-id","effect"]))}});export{F as default};

package/dist/preview/assets/{runtime-DZ_AwduQ.js → runtime-DmxKfudS.js}

@@ -1 +1 @@
-import{d as f,Y as u,aR as p,aS as d,aM as l,b5 as m,a1 as g,c as x,b as h,E,K as _,aQ as b,o as B,M as k}from"./index-CWMhB7z4.js";import{_ as C}from"./definition.vue_vue_type_script_setup_true_lang-CgNXv26P.js";const I=f({name:"ShwfedHttpRequestBatchActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(n){const e=n,{locale:a}=u(),c=k(),s=(t,o)=>E(t,{..._(c),...o}),i=b(),r=p(()=>d(l(i,e.config.before,s),()=>m(e.config.expression,s,{messageExpression:e.config.messageExpression,resultExpression:e.config.resultExpression,continueOnError:e.config.continueOnError,markdown:g(e.config.markdown,a.value)??""})));return(t,o)=>(B(),x(C,{"action-id":n.buttonId,effect:h(r)},null,8,["action-id","effect"]))}});export{I as default};
+import{d as f,Y as u,aR as p,aS as d,aM as l,b5 as m,a1 as g,c as x,b as h,E,K as _,aQ as b,o as B,M as k}from"./index-yvElpEK3.js";import{_ as C}from"./definition.vue_vue_type_script_setup_true_lang-BzryfjdG.js";const I=f({name:"ShwfedHttpRequestBatchActionRuntime",__name:"runtime",props:{buttonId:{},config:{}},setup(n){const e=n,{locale:a}=u(),c=k(),s=(t,o)=>E(t,{..._(c),...o}),i=b(),r=p(()=>d(l(i,e.config.before,s),()=>m(e.config.expression,s,{messageExpression:e.config.messageExpression,resultExpression:e.config.resultExpression,continueOnError:e.config.continueOnError,markdown:g(e.config.markdown,a.value)??""})));return(t,o)=>(B(),x(C,{"action-id":n.buttonId,effect:h(r)},null,8,["action-id","effect"]))}});export{I as default};

package/dist/preview/assets/{schema-meta-DWUHNP8E.js → schema-meta-BFzIzGiN.js}

@@ -1 +1 @@
-import{p as o,q as l,r as p}from"./index-CWMhB7z4.js";function i(n){switch(n._tag){case"TypeLiteral":return n;case"Transformation":return i(n.to);case"Refinement":return i(n.from);case"Suspend":return i(n.f());default:return null}}function d(n,t){const e=i(n.ast);return e?e.propertySignatures.find(r=>r.name===t)??null:null}function y(n){const t=n.type;if(t._tag==="Union"&&n.isOptional){const e=t.types.find(r=>r._tag!=="UndefinedKeyword");if(e)return e}return t}function c(n,t,e){const r=d(n,t);if(!r)return;const u=e(r);if(o(u))return u.value;const f=y(r),s=e(f);if(o(s))return s.value;if(f!==r.type){const a=e(r.type);if(o(a))return a.value}}function m(n,t){return c(n,t,l)}function v(n,t){return c(n,t,p)}export{v as a,m as g};
+import{p as o,q as l,r as p}from"./index-yvElpEK3.js";function i(n){switch(n._tag){case"TypeLiteral":return n;case"Transformation":return i(n.to);case"Refinement":return i(n.from);case"Suspend":return i(n.f());default:return null}}function d(n,t){const e=i(n.ast);return e?e.propertySignatures.find(r=>r.name===t)??null:null}function y(n){const t=n.type;if(t._tag==="Union"&&n.isOptional){const e=t.types.find(r=>r._tag!=="UndefinedKeyword");if(e)return e}return t}function c(n,t,e){const r=d(n,t);if(!r)return;const u=e(r);if(o(u))return u.value;const f=y(r),s=e(f);if(o(s))return s.value;if(f!==r.type){const a=e(r.type);if(o(a))return a.value}}function m(n,t){return c(n,t,l)}function v(n,t){return c(n,t,p)}export{v as a,m as g};

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-CWMhB7z4.js"></script>
-    <link rel="stylesheet" crossorigin href="./assets/index-CzzwZ7bp.css">
+    <script type="module" crossorigin src="./assets/index-yvElpEK3.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-BnJ5p1Mx.css">
   </head>
   <body>
     <div id="app"></div>

package/dist/runtime/components/actions/components/triggers-field.vue

@@ -78,10 +78,10 @@ function addTrigger(option) {
 function updateParams(index, params) {
   emit("update:triggers", props.triggers.map((t, i) => i === index ? { ...t, params } : t));
 }
-const collapsed = ref(/* @__PURE__ */ new Set());
-function toggleCollapsed(key) {
-  if (collapsed.value.has(key)) collapsed.value.delete(key);
-  else collapsed.value.add(key);
+const expanded = ref(/* @__PURE__ */ new Set());
+function toggleExpanded(key) {
+  if (expanded.value.has(key)) expanded.value.delete(key);
+  else expanded.value.add(key);
 }
 function opConfigFor(trigger) {
   if (!trigger.compatibilityDate) return void 0;
@@ -200,12 +200,12 @@ function rowConfig(rowKey) {
           >
             <button
               type="button"
-              :aria-expanded="!collapsed.has(row.key)"
-              :aria-label="collapsed.has(row.key) ? '\u5C55\u5F00\u53C2\u6570' : '\u6298\u53E0\u53C2\u6570'"
-              @click="toggleCollapsed(row.key)"
+              :aria-expanded="expanded.has(row.key)"
+              :aria-label="expanded.has(row.key) ? '\u6298\u53E0\u53C2\u6570' : '\u5C55\u5F00\u53C2\u6570'"
+              @click="toggleExpanded(row.key)"
             >
               <Icon
-                :icon="collapsed.has(row.key) ? 'fluent:chevron-right-20-regular' : 'fluent:chevron-down-20-regular'"
+                :icon="expanded.has(row.key) ? 'fluent:chevron-down-20-regular' : 'fluent:chevron-right-20-regular'"
               />
             </button>
           </InputGroupButton>
@@ -228,12 +228,12 @@ function rowConfig(rowKey) {
       <!-- Parameterized op: its own `config.vue`, bound to the trigger's
            `params`. Param-less ops and dangling rows render nothing here.
            `v-show` (not `v-if`) so the editor stays mounted while collapsed —
-           its draft state and continuous validation keep running. The
-           row-scope wrapper provides this row's step roster (earlier rows'
-           outputs) to the param editor's ExpressionEditors. -->
+           its draft state and continuous validation keep running. Rows start
+           collapsed; the row-scope wrapper provides this row's step roster
+           (earlier rows' outputs) to the param editor's ExpressionEditors. -->
       <div
         v-if="opConfigFor(row.trigger)"
-        v-show="!collapsed.has(row.key)"
+        v-show="expanded.has(row.key)"
         class="mt-2 rounded-md border border-zinc-200 bg-zinc-50/50 p-3"
       >
         <TriggerRowScope :roster="stepRosterFor(index)">

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

@@ -389,7 +389,7 @@ export function useConfigEditor(model, options = {}) {
       validationError.value = formatValidationError(err, (i) => {
         const b = topSlotEditor.blocks.value[i];
         return b ? topSlotEditor.getBlockLabel(b) : void 0;
-      });
+      }, draft.value);
     }
   }
   function reset() {

package/dist/runtime/components/config/utils/validation-error.d.ts

@@ -1 +1 @@
-export declare function formatValidationError(err: unknown, blockLabelAt: (index: number) => string | undefined): string;
+export declare function formatValidationError(err: unknown, blockLabelAt: (index: number) => string | undefined, rootData?: unknown): string;

package/dist/runtime/components/config/utils/validation-error.js

@@ -3,9 +3,43 @@ function isDiscriminatorMiss(issue) {
   const last = issue.path[issue.path.length - 1];
   return (last === "type" || last === "compatibilityDate") && issue.message.startsWith('Expected "');
 }
-function blockIndexOf(path) {
-  if (path[0] === "slot" && path[1] === "blocks" && typeof path[2] === "number") return path[2];
-  return null;
+function isObject(v) {
+  return typeof v === "object" && v !== null;
+}
+function localeText(v) {
+  if (!Array.isArray(v)) return void 0;
+  for (const item of v) {
+    if (isObject(item) && typeof item.message === "string" && item.message.trim()) {
+      return item.message.trim();
+    }
+  }
+  return void 0;
+}
+function nodeLabel(node) {
+  if (!isObject(node)) return void 0;
+  return localeText(node.label) ?? localeText(node.title) ?? (typeof node.displayName === "string" && node.displayName.trim() ? node.displayName.trim() : void 0) ?? (typeof node.type === "string" ? node.type : void 0);
+}
+function describePath(path, rootData, blockLabelAt) {
+  const segs = [];
+  let node = rootData;
+  let labeledTopBlock = false;
+  for (let i = 0; i < path.length; i++) {
+    const seg = path[i];
+    node = isObject(node) ? node[seg] : void 0;
+    const isLeaf = i === path.length - 1;
+    if (typeof seg === "number") {
+      const isTopBlock = !labeledTopBlock && path[i - 1] === "blocks" && path[i - 2] === "slot";
+      if (isTopBlock) {
+        labeledTopBlock = true;
+        segs.push(blockLabelAt(seg) ?? nodeLabel(node) ?? `#${seg}`);
+      } else {
+        segs.push(nodeLabel(node) ?? `#${seg}`);
+      }
+    } else if (isLeaf) {
+      segs.push(String(seg));
+    }
+  }
+  return segs;
 }
 function fallback(err) {
   if (err instanceof Error) return err.message;
@@ -15,7 +49,7 @@ function fallback(err) {
     return String(err);
   }
 }
-export function formatValidationError(err, blockLabelAt) {
+export function formatValidationError(err, blockLabelAt, rootData) {
   if (!ParseResult.isParseError(err)) return fallback(err);
   try {
     const issues = ParseResult.ArrayFormatter.formatErrorSync(err);
@@ -23,9 +57,8 @@ export function formatValidationError(err, blockLabelAt) {
     const picked = real.length > 0 ? real : issues;
     const first = picked[0];
     if (!first) return fallback(err);
-    const index = blockIndexOf(first.path);
-    const label = index === null ? void 0 : blockLabelAt(index);
-    const prefix = label ? `\u300C${label}\u300D\uFF1A` : "";
+    const segs = describePath(first.path, rootData, blockLabelAt);
+    const prefix = segs.length > 0 ? `\u300C${segs.join(" \u203A ")}\u300D\uFF1A` : "";
     const suffix = picked.length > 1 ? `\uFF08\u8FD8\u6709 ${picked.length - 1} \u4E2A\u95EE\u9898\uFF09` : "";
     return `${prefix}${first.message}${suffix}`;
   } catch {

package/dist/runtime/components/form/fields/2026-04-22/com.shwfed.form.field.markdown/runtime.vue

@@ -6,20 +6,20 @@ import { celBindings, injectCELContext } from "../../../../../utils/cel-context"
 import { getLocalizedText } from "../../../../../share/locale";
 import { Markdown } from "../../../../ui/markdown";
 import { interpolateMarkdown } from "../../../../table/utils/runtime";
-import { useFormState } from "../../../utils/state";
+import { useFormScope } from "../../../utils/state";
 defineOptions({ name: "ShwfedMarkdownFieldRuntime" });
 const props = defineProps({
   fieldId: { type: String, required: true },
   config: { type: null, required: true }
 });
 const { locale } = useI18n();
-const { state } = useFormState();
+const formScope = useFormScope();
 const inherited = injectCELContext();
 const $cel = (expression, context) => _rawCel(expression, { ...celBindings(inherited), ...context });
 const source = computed(() => {
   const template = getLocalizedText(props.config.content, locale.value) ?? "";
   if (!template) return "";
-  return interpolateMarkdown(template, $cel, { form: state.value ?? {} });
+  return interpolateMarkdown(template, $cel, { form: formScope.state.value ?? {} });
 });
 </script>
 

package/dist/runtime/components/form/fields/2026-04-22/com.shwfed.form.field.text/runtime.vue

@@ -13,14 +13,14 @@ import { DEFAULT_FIELD_ORIENTATION } from "../../../utils/common";
 import { useFieldValue } from "../../../utils/field-value";
 import { useFieldValidation } from "../../../utils/validation";
 import { useFormReadonly } from "../../../utils/readonly";
-import { useFormState } from "../../../utils/state";
+import { useFormScope } from "../../../utils/state";
 defineOptions({ name: "ShwfedTextFieldRuntime" });
 const props = defineProps({
   fieldId: { type: String, required: true },
   config: { type: null, required: true }
 });
 const { locale } = useI18n();
-const { state } = useFormState();
+const formScope = useFormScope();
 const inherited = injectCELContext();
 const $cel = (expression, context) => _rawCel(expression, { ...celBindings(inherited), ...context });
 const labelText = computed(() => getLocalizedText(props.config.label, locale.value));
@@ -33,7 +33,7 @@ const tooltipText = computed(
 function evalBool(expression, label) {
   if (!expression) return false;
   try {
-    return Effect.runSync($cel(expression, { form: state.value ?? {} }));
+    return Effect.runSync($cel(expression, { form: formScope.state.value ?? {} }));
   } catch (err) {
     console.error(`[shwfed-form] failed to evaluate ${label} for ${props.fieldId}:`, err);
     return false;
@@ -90,9 +90,10 @@ function handleClear() {
     </FieldLabel>
     <div
       v-if="effectiveReadonly"
-      class="min-h-9 py-1.5 text-sm text-zinc-700"
+      class="min-h-9 py-1.5 text-sm"
+      :class="draft ? 'text-zinc-700' : 'font-mono text-zinc-300 select-none'"
     >
-      {{ draft || "\u2014" }}
+      {{ draft || "-" }}
     </div>
     <InputGroup
       v-else

package/dist/runtime/components/form/fields/2026-04-22/com.shwfed.form.field.textarea/runtime.vue

@@ -12,14 +12,14 @@ import { DEFAULT_FIELD_ORIENTATION } from "../../../utils/common";
 import { useFieldValue } from "../../../utils/field-value";
 import { useFieldValidation } from "../../../utils/validation";
 import { useFormReadonly } from "../../../utils/readonly";
-import { useFormState } from "../../../utils/state";
+import { useFormScope } from "../../../utils/state";
 defineOptions({ name: "ShwfedTextareaFieldRuntime" });
 const props = defineProps({
   fieldId: { type: String, required: true },
   config: { type: null, required: true }
 });
 const { locale } = useI18n();
-const { state } = useFormState();
+const formScope = useFormScope();
 const inherited = injectCELContext();
 const $cel = (expression, context) => _rawCel(expression, { ...celBindings(inherited), ...context });
 const labelText = computed(() => getLocalizedText(props.config.label, locale.value));
@@ -33,7 +33,7 @@ const maxLength = computed(() => props.config.maxLength);
 function evalBool(expression, label) {
   if (!expression) return false;
   try {
-    return Effect.runSync($cel(expression, { form: state.value ?? {} }));
+    return Effect.runSync($cel(expression, { form: formScope.state.value ?? {} }));
   } catch (err) {
     console.error(`[shwfed-form] failed to evaluate ${label} for ${props.fieldId}:`, err);
     return false;
@@ -85,9 +85,10 @@ const { isRequired, errors, warnings, visible } = useFieldValidation({
     </FieldLabel>
     <div
       v-if="effectiveReadonly"
-      class="min-h-9 py-1.5 text-sm whitespace-pre-wrap text-zinc-700"
+      class="min-h-9 py-1.5 text-sm whitespace-pre-wrap"
+      :class="draft ? 'text-zinc-700' : 'font-mono text-zinc-300 select-none'"
     >
-      {{ draft || "\u2014" }}
+      {{ draft || "-" }}
     </div>
     <InputGroup v-else>
       <InputGroupTextarea

package/dist/runtime/components/form/fields/2026-04-24/com.shwfed.form.field.combobox.single/runtime.vue

@@ -21,7 +21,7 @@ import { Markdown } from "../../../../ui/markdown";
 import { Popover, PopoverAnchor, PopoverContent, PopoverTrigger } from "../../../../ui/popover";
 import { DEFAULT_FIELD_ORIENTATION } from "../../../utils/common";
 import { useFormReadonly } from "../../../utils/readonly";
-import { useFormState } from "../../../utils/state";
+import { useFormScope, useFormState } from "../../../utils/state";
 defineOptions({ name: "ShwfedComboboxSingleFieldRuntime" });
 const props = defineProps({
   fieldId: { type: String, required: true },
@@ -47,7 +47,8 @@ const { locale, t } = useI18n({
     }
   }
 });
-const { state, getAt, setAt } = useFormState();
+const { getAt, setAt } = useFormState();
+const formScope = useFormScope();
 const inherited = injectCELContext();
 const $cel = (expression, context) => _rawCel(expression, { ...celBindings(inherited), ...context });
 const labelText = computed(() => getLocalizedText(props.config.label, locale.value));
@@ -60,7 +61,7 @@ const tooltipText = computed(
 function evalBool(expression, label) {
   if (!expression) return false;
   try {
-    return Effect.runSync($cel(expression, { form: state.value ?? {} }));
+    return Effect.runSync($cel(expression, { form: formScope.state.value ?? {} }));
   } catch (err) {
     console.error(`[shwfed-form] failed to evaluate ${label} for ${props.fieldId}:`, err);
     return false;
@@ -74,7 +75,7 @@ const isReadonly = computed(
 const effectiveReadonly = computed(() => isReadonly.value || props.config.derived?.mode === "formula");
 function valueOf(option) {
   try {
-    return Effect.runSync($cel(props.config.optionValue, { form: state.value ?? {}, option }));
+    return Effect.runSync($cel(props.config.optionValue, { form: formScope.state.value ?? {}, option }));
   } catch (err) {
     console.error(`[shwfed-form] failed to evaluate optionValue for ${props.fieldId}:`, err);
     return void 0;
@@ -83,12 +84,12 @@ function valueOf(option) {
 function labelOf(option) {
   const tpl = getLocalizedText(props.config.optionLabel, locale.value) ?? "";
   if (!tpl) return "";
-  return interpolateMarkdown(tpl, $cel, { form: state.value ?? {}, option });
+  return interpolateMarkdown(tpl, $cel, { form: formScope.state.value ?? {}, option });
 }
 const entries = computed(() => {
   let raw;
   try {
-    raw = Effect.runSync($cel(props.config.options, { form: state.value ?? {} }));
+    raw = Effect.runSync($cel(props.config.options, { form: formScope.state.value ?? {} }));
   } catch (err) {
     console.error(`[shwfed-form] failed to evaluate options for ${props.fieldId}:`, err);
     return [];
@@ -175,9 +176,10 @@ function handleClear() {
     </FieldLabel>
     <div
       v-if="effectiveReadonly"
-      class="min-h-9 py-1.5 text-sm text-zinc-700"
+      class="min-h-9 py-1.5 text-sm"
+      :class="selectedLabel ? 'text-zinc-700' : 'font-mono text-zinc-300 select-none'"
     >
-      {{ selectedLabel || "\u2014" }}
+      {{ selectedLabel || "-" }}
     </div>
     <Popover
       v-else

package/dist/runtime/components/form/fields/2026-04-27/com.shwfed.form.field.date/runtime.vue

@@ -12,14 +12,15 @@ import { Markdown } from "../../../../ui/markdown";
 import { DEFAULT_FIELD_ORIENTATION } from "../../../utils/common";
 import { useFieldValidation } from "../../../utils/validation";
 import { useFormReadonly } from "../../../utils/readonly";
-import { useFormState } from "../../../utils/state";
+import { useFormScope, useFormState } from "../../../utils/state";
 defineOptions({ name: "ShwfedDateFieldRuntime" });
 const props = defineProps({
   fieldId: { type: String, required: true },
   config: { type: null, required: true }
 });
 const { locale } = useI18n();
-const { state, getAt, setAt } = useFormState();
+const { getAt, setAt } = useFormState();
+const formScope = useFormScope();
 const inherited = injectCELContext();
 const $cel = (expression, context) => _rawCel(expression, { ...celBindings(inherited), ...context });
 const labelText = computed(() => getLocalizedText(props.config.label, locale.value));
@@ -32,7 +33,7 @@ const tooltipText = computed(
 function evalBool(expression, label) {
   if (!expression) return false;
   try {
-    return Effect.runSync($cel(expression, { form: state.value ?? {} }));
+    return Effect.runSync($cel(expression, { form: formScope.state.value ?? {} }));
   } catch (err) {
     console.error(`[shwfed-form] failed to evaluate ${label} for ${props.fieldId}:`, err);
     return false;
@@ -54,7 +55,7 @@ const shortcuts = computed(() => {
     name: preset.label,
     value: () => {
       try {
-        const d = Effect.runSync($cel(preset.value, { form: state.value ?? {} }));
+        const d = Effect.runSync($cel(preset.value, { form: formScope.state.value ?? {} }));
         return formatDate(d, resolvedValueFormat.value);
       } catch (err) {
         console.error(`[shwfed-form] failed to evaluate preset "${preset.value}" for ${props.fieldId}:`, err);
@@ -115,9 +116,10 @@ const { isRequired, errors, warnings, visible } = useFieldValidation({
     </FieldLabel>
     <div
       v-if="effectiveReadonly"
-      class="min-h-9 py-1.5 text-sm text-zinc-700"
+      class="min-h-9 py-1.5 text-sm"
+      :class="model ? 'text-zinc-700' : 'font-mono text-zinc-300 select-none'"
     >
-      {{ model || "\u2014" }}
+      {{ model || "-" }}
     </div>
     <DatePicker
       v-else

package/dist/runtime/components/form/fields/2026-04-27/com.shwfed.form.field.daterange/runtime.vue

@@ -12,14 +12,15 @@ import { Markdown } from "../../../../ui/markdown";
 import { DEFAULT_FIELD_ORIENTATION } from "../../../utils/common";
 import { useFieldValidation } from "../../../utils/validation";
 import { useFormReadonly } from "../../../utils/readonly";
-import { useFormState } from "../../../utils/state";
+import { useFormScope, useFormState } from "../../../utils/state";
 defineOptions({ name: "ShwfedDateRangeFieldRuntime" });
 const props = defineProps({
   fieldId: { type: String, required: true },
   config: { type: null, required: true }
 });
 const { locale } = useI18n();
-const { state, getAt, setAt } = useFormState();
+const { getAt, setAt } = useFormState();
+const formScope = useFormScope();
 const inherited = injectCELContext();
 const $cel = (expression, context) => _rawCel(expression, { ...celBindings(inherited), ...context });
 const labelText = computed(() => getLocalizedText(props.config.label, locale.value));
@@ -35,7 +36,7 @@ const tooltipText = computed(
 function evalBool(expression, label) {
   if (!expression) return false;
   try {
-    return Effect.runSync($cel(expression, { form: state.value ?? {} }));
+    return Effect.runSync($cel(expression, { form: formScope.state.value ?? {} }));
   } catch (err) {
     console.error(`[shwfed-form] failed to evaluate ${label} for ${props.fieldId}:`, err);
     return false;
@@ -57,8 +58,8 @@ const shortcuts = computed(() => {
     name: preset.label,
     value: () => {
       try {
-        const start = Effect.runSync($cel(preset.start, { form: state.value ?? {} }));
-        const end = Effect.runSync($cel(preset.end, { form: state.value ?? {} }));
+        const start = Effect.runSync($cel(preset.start, { form: formScope.state.value ?? {} }));
+        const end = Effect.runSync($cel(preset.end, { form: formScope.state.value ?? {} }));
         return [
           formatDate(start, resolvedValueFormat.value),
           formatDate(end, resolvedValueFormat.value)
@@ -113,7 +114,7 @@ const { isRequired, errors, warnings, visible } = useFieldValidation({
 });
 const readonlyText = computed(() => {
   const v = model.value;
-  if (!v) return "\u2014";
+  if (!v) return null;
   return `${v[0]} ~ ${v[1]}`;
 });
 </script>
@@ -145,9 +146,10 @@ const readonlyText = computed(() => {
     </FieldLabel>
     <div
       v-if="effectiveReadonly"
-      class="min-h-9 py-1.5 text-sm text-zinc-700"
+      class="min-h-9 py-1.5 text-sm"
+      :class="readonlyText ? 'text-zinc-700' : 'font-mono text-zinc-300 select-none'"
     >
-      {{ readonlyText }}
+      {{ readonlyText || "-" }}
     </div>
     <DateRangePicker
       v-else

package/dist/runtime/components/form/fields/2026-04-27/com.shwfed.form.field.datetime/runtime.vue

@@ -12,14 +12,15 @@ import { Markdown } from "../../../../ui/markdown";
 import { DEFAULT_FIELD_ORIENTATION } from "../../../utils/common";
 import { useFieldValidation } from "../../../utils/validation";
 import { useFormReadonly } from "../../../utils/readonly";
-import { useFormState } from "../../../utils/state";
+import { useFormScope, useFormState } from "../../../utils/state";
 defineOptions({ name: "ShwfedDateTimeFieldRuntime" });
 const props = defineProps({
   fieldId: { type: String, required: true },
   config: { type: null, required: true }
 });
 const { locale } = useI18n();
-const { state, getAt, setAt } = useFormState();
+const { getAt, setAt } = useFormState();
+const formScope = useFormScope();
 const inherited = injectCELContext();
 const $cel = (expression, context) => _rawCel(expression, { ...celBindings(inherited), ...context });
 const labelText = computed(() => getLocalizedText(props.config.label, locale.value));
@@ -32,7 +33,7 @@ const tooltipText = computed(
 function evalBool(expression, label) {
   if (!expression) return false;
   try {
-    return Effect.runSync($cel(expression, { form: state.value ?? {} }));
+    return Effect.runSync($cel(expression, { form: formScope.state.value ?? {} }));
   } catch (err) {
     console.error(`[shwfed-form] failed to evaluate ${label} for ${props.fieldId}:`, err);
     return false;
@@ -54,7 +55,7 @@ const shortcuts = computed(() => {
     name: preset.label,
     value: () => {
       try {
-        const d = Effect.runSync($cel(preset.value, { form: state.value ?? {} }));
+        const d = Effect.runSync($cel(preset.value, { form: formScope.state.value ?? {} }));
         return formatDate(d, resolvedValueFormat.value);
       } catch (err) {
         console.error(`[shwfed-form] failed to evaluate preset "${preset.value}" for ${props.fieldId}:`, err);
@@ -115,9 +116,10 @@ const { isRequired, errors, warnings, visible } = useFieldValidation({
     </FieldLabel>
     <div
       v-if="effectiveReadonly"
-      class="min-h-9 py-1.5 text-sm text-zinc-700"
+      class="min-h-9 py-1.5 text-sm"
+      :class="model ? 'text-zinc-700' : 'font-mono text-zinc-300 select-none'"
     >
-      {{ model || "\u2014" }}
+      {{ model || "-" }}
     </div>
     <DatePicker
       v-else

package/dist/runtime/components/form/fields/2026-04-27/com.shwfed.form.field.datetimerange/runtime.vue

@@ -12,14 +12,15 @@ import { Markdown } from "../../../../ui/markdown";
 import { DEFAULT_FIELD_ORIENTATION } from "../../../utils/common";
 import { useFieldValidation } from "../../../utils/validation";
 import { useFormReadonly } from "../../../utils/readonly";
-import { useFormState } from "../../../utils/state";
+import { useFormScope, useFormState } from "../../../utils/state";
 defineOptions({ name: "ShwfedDateTimeRangeFieldRuntime" });
 const props = defineProps({
   fieldId: { type: String, required: true },
   config: { type: null, required: true }
 });
 const { locale } = useI18n();
-const { state, getAt, setAt } = useFormState();
+const { getAt, setAt } = useFormState();
+const formScope = useFormScope();
 const inherited = injectCELContext();
 const $cel = (expression, context) => _rawCel(expression, { ...celBindings(inherited), ...context });
 const labelText = computed(() => getLocalizedText(props.config.label, locale.value));
@@ -35,7 +36,7 @@ const tooltipText = computed(
 function evalBool(expression, label) {
   if (!expression) return false;
   try {
-    return Effect.runSync($cel(expression, { form: state.value ?? {} }));
+    return Effect.runSync($cel(expression, { form: formScope.state.value ?? {} }));
   } catch (err) {
     console.error(`[shwfed-form] failed to evaluate ${label} for ${props.fieldId}:`, err);
     return false;
@@ -57,8 +58,8 @@ const shortcuts = computed(() => {
     name: preset.label,
     value: () => {
       try {
-        const start = Effect.runSync($cel(preset.start, { form: state.value ?? {} }));
-        const end = Effect.runSync($cel(preset.end, { form: state.value ?? {} }));
+        const start = Effect.runSync($cel(preset.start, { form: formScope.state.value ?? {} }));
+        const end = Effect.runSync($cel(preset.end, { form: formScope.state.value ?? {} }));
         return [
           formatDate(start, resolvedValueFormat.value),
           formatDate(end, resolvedValueFormat.value)
@@ -113,7 +114,7 @@ const { isRequired, errors, warnings, visible } = useFieldValidation({
 });
 const readonlyText = computed(() => {
   const v = model.value;
-  if (!v) return "\u2014";
+  if (!v) return null;
   return `${v[0]} ~ ${v[1]}`;
 });
 </script>
@@ -145,9 +146,10 @@ const readonlyText = computed(() => {
     </FieldLabel>
     <div
       v-if="effectiveReadonly"
-      class="min-h-9 py-1.5 text-sm text-zinc-700"
+      class="min-h-9 py-1.5 text-sm"
+      :class="readonlyText ? 'text-zinc-700' : 'font-mono text-zinc-300 select-none'"
     >
-      {{ readonlyText }}
+      {{ readonlyText || "-" }}
     </div>
     <DateRangePicker
       v-else