@vef-framework/components 1.0.130 → 1.0.132

package/esm/internal/base.css.js

@@ -13,7 +13,7 @@ var n=`/* this will be exported as base.css and can be used for a basic styling
   --xy-attribution-background-color-default: rgba(255, 255, 255, 0.5);
 
   --xy-minimap-background-color-default: #fff;
-  --xy-minimap-mask-background-color-default: rgb(240, 240, 240, 0.6);
+  --xy-minimap-mask-background-color-default: rgba(240, 240, 240, 0.6);
   --xy-minimap-mask-stroke-color-default: transparent;
   --xy-minimap-mask-stroke-width-default: 1;
   --xy-minimap-node-background-color-default: #e2e2e2;
@@ -45,7 +45,7 @@ var n=`/* this will be exported as base.css and can be used for a basic styling
   --xy-attribution-background-color-default: rgba(150, 150, 150, 0.25);
 
   --xy-minimap-background-color-default: #141414;
-  --xy-minimap-mask-background-color-default: rgb(60, 60, 60, 0.6);
+  --xy-minimap-mask-background-color-default: rgba(60, 60, 60, 0.6);
   --xy-minimap-mask-stroke-color-default: transparent;
   --xy-minimap-mask-stroke-width-default: 1;
   --xy-minimap-node-background-color-default: #2b2b2b;
@@ -247,16 +247,20 @@ svg.react-flow__connectionline {
 .react-flow__panel.bottom {
     bottom: 0;
   }
+.react-flow__panel.top.center, .react-flow__panel.bottom.center {
+      left: 50%;
+      transform: translateX(-50%);
+    }
 .react-flow__panel.left {
     left: 0;
   }
 .react-flow__panel.right {
     right: 0;
   }
-.react-flow__panel.center {
-    left: 50%;
-    transform: translateX(-50%);
-  }
+.react-flow__panel.left.center, .react-flow__panel.right.center {
+      top: 50%;
+      transform: translateY(-50%);
+    }
 .react-flow__attribution {
   font-size: 10px;
   background: var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));

package/esm/vef-access-denied/index.js

@@ -1,28 +1,2 @@
 "use strict";
-import{jsx as e,jsxs as o}from"@emotion/react/jsx-runtime";import{css as t}from"@emotion/react";import{styles as c,themeVariables as i}from"@vef-framework/shared";import{ArrowLeftIcon as l}from"lucide-react";import a from"../vef-button/index.js";import m from"../vef-icon/index.js";import d from"./access-denied-icon.js";const p=t`
-  height: 100%;
-  ${c.flexCenter}
-`,f=t`
-  width: 40%;
-  position: relative;
-  top: -60px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  row-gap: ${i.margin};
-  > svg {
-    width: 70%;
-  }
-
-  > span {
-    font-size: ${i.fontSizeLg};
-    font-weight: 500;
-    color: ${i.colorTextTertiary};
-  }
-
-  span.vef-access-denied-uri {
-    padding-left: ${i.paddingSm};
-    color: ${i.colorWarningText};
-  }
-`;function g({uri:r,title:n="抱歉，您没有权限访问该页面～～～",onNavigateHome:s}){return e("div",{css:p,children:o("div",{css:f,children:[e(d,{}),e("span",{children:n}),r&&o("span",{children:["路径:",e("span",{className:"vef-access-denied-uri",children:r})]}),e(a,{color:"primary",size:"large",icon:e(m,{children:e(l,{})}),onClick:s,children:"回到首页"})]})})}export{g as default};
+import{jsx as e,jsxs as o}from"@emotion/react/jsx-runtime";import{css as t}from"@emotion/react";import{styles as c,themeVariables as i}from"@vef-framework/shared";import{ArrowLeftIcon as l}from"lucide-react";import a from"../vef-button/index.js";import p from"../vef-icon/index.js";import m from"./access-denied-icon.js";const d=t({height:"100%"},c.flexCenter),f=t({width:"40%",position:"relative",top:"-60px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",rowGap:i.margin,"> svg":{width:"100px",height:"100px"},"> span":{fontSize:i.fontSizeLg,fontWeight:500,color:i.colorTextTertiary},"> span.vef-access-denied-uri":{paddingLeft:i.paddingSm,color:i.colorWarningText}});function h({uri:r,title:n="抱歉，您没有权限访问该页面～～～",onNavigateHome:s}){return e("div",{css:d,children:o("div",{css:f,children:[e(m,{}),e("span",{children:n}),r&&o("span",{children:["路径:",e("span",{className:"vef-access-denied-uri",children:r})]}),e(a,{color:"primary",size:"large",icon:e(p,{children:e(l,{})}),onClick:s,children:"回到首页"})]})})}export{h as default};

package/esm/vef-approval-flow-editor/components/node-content.js

@@ -14,4 +14,4 @@ import{jsxs as i,Fragment as l,jsx as e}from"@emotion/react/jsx-runtime";import{
   padding: ${o.paddingXxs};
 `,y=r`
   font-size: ${o.fontSizeLg};
-`;function C({icon:t,iconColor:n,selected:s,children:m}){const d=f(p()).data.node,c=a().get(n);return i(l,{children:[e(h,{}),e(b,{}),e(u,{selected:s}),i("div",{css:x,children:[e("div",{css:$,style:{backgroundColor:c},children:e(g,{children:t})}),e("h3",{css:y,children:d.getLabel()})]}),m]})}export{C as default};
+`;function C({icon:t,iconColor:n,selected:s,children:d}){const m=f(p()).data.node,c=a().get(n);return i(l,{children:[e(h,{}),e(b,{}),e(u,{selected:s}),i("div",{css:x,children:[e("div",{css:$,style:{backgroundColor:c},children:e(g,{children:t})}),e("h3",{css:y,children:m.getLabel()})]}),d]})}export{C as default};

package/esm/vef-approval-flow-editor/components/node-selector.js

@@ -1,5 +1,5 @@
 "use strict";
-import{jsx as r}from"@emotion/react/jsx-runtime";import{css as i}from"@emotion/react";import{themeVariables as o}from"@vef-framework/shared";import{PlusIcon as m}from"lucide-react";import c from"../../vef-icon/index.js";import s from"../../vef-popover/index.js";import d from"./selector-content.js";const l=i`
+import{jsx as r}from"@emotion/react/jsx-runtime";import{css as i}from"@emotion/react";import{themeVariables as o}from"@vef-framework/shared";import{PlusIcon as c}from"lucide-react";import m from"../../vef-icon/index.js";import s from"../../vef-popover/index.js";import d from"./selector-content.js";const l=i`
   cursor: pointer;
   transform-origin: center;
   background-color: ${o.colorPrimary};
@@ -10,4 +10,4 @@ import{jsx as r}from"@emotion/react/jsx-runtime";import{css as i}from"@emotion/r
   display: flex;
   align-items: center;
   justify-content: center;
-`,p={"--vef-popover-inner-content-padding":"6px"};function f({selectorContentPosition:e,items:t,onAddNode:n}){return r(s,{content:r(d,{items:t,onAddNode:n}),contentStyle:p,placement:e,children:r("div",{css:l,children:r(c,{children:r(m,{})})})})}export{f as default};
+`,p={"--vef-popover-inner-content-padding":"6px"};function f({selectorContentPosition:e,items:t,onAddNode:n}){return r(s,{content:r(d,{items:t,onAddNode:n}),contentStyle:p,placement:e,children:r("div",{css:l,children:r(m,{children:r(c,{})})})})}export{f as default};

package/esm/vef-approval-flow-editor/components/node-toolbar.js

@@ -1,2 +1,2 @@
 "use strict";
-import{jsx as o}from"@emotion/react/jsx-runtime";import{NodeToolbar as i,Position as t}from"@xyflow/react";import{Trash2Icon as e}from"lucide-react";import s from"../../vef-button/index.js";import n from"../../vef-icon/index.js";function m({selected:r}){return o(i,{align:"end",isVisible:r,offset:4,position:t.Top,children:o(s,{color:"error",size:"small",tip:"删除",variant:"solid",icon:o(n,{children:o(e,{})})})})}export{m as default};
+import{jsx as o}from"@emotion/react/jsx-runtime";import{NodeToolbar as i,Position as t}from"@xyflow/react";import{Trash2Icon as e}from"lucide-react";import s from"../../vef-button/index.js";import n from"../../vef-icon/index.js";function l({selected:r}){return o(i,{align:"end",isVisible:r,offset:4,position:t.Top,children:o(s,{color:"error",size:"small",tip:"删除",variant:"solid",icon:o(n,{children:o(e,{})})})})}export{l as default};

package/esm/vef-button/index.js

@@ -1,2 +1,2 @@
 "use strict";
-import{jsx as l}from"@emotion/react/jsx-runtime";import{useContextDisabled as w}from"@vef-framework/hooks";import{isNullish as p,invokeMaybeAsyncFn as k,defaultMessageTitle as y,showConfirmation as O,omit as v}from"@vef-framework/shared";import{forwardRef as x,useState as F,useMemo as M,memo as I}from"react";import N from"../vef-popconfirm/index.js";import P from"../vef-tooltip/index.js";import V from"./components/base-button.js";const j=x(({tip:c,onClick:t,disabled:q=!1,loading:r,...n},s)=>{const[g,e]=F(!1),a=M(()=>{if(n.requireConfirmation){const{onConfirmationOk:o}=n;return p(r)?async()=>{await k(o,{beforeInvoke:()=>{e(!0)},onFinally:()=>{e(!1)}})}:o}},[n.requireConfirmation,n.onConfirmationOk]),T=M(()=>{if(!n.requireConfirmation)return t&&p(r)?async i=>{await k(t,{beforeInvoke:()=>{e(!0)},onFinally:()=>{e(!1)}},i)}:t;const{confirmationMode:o="simple",confirmationTitle:m=y,confirmationContent:f,onConfirmationCancel:h}=n;return o==="simple"?i=>{i.stopPropagation()}:i=>{i.stopPropagation(),O(m,f,a,{onCancel:h})}},[r,t,a,n.requireConfirmation,n.confirmationMode,n.confirmationTitle,n.confirmationContent,n.onConfirmationCancel]),C=w()||q,d=l(V,{ref:s,disabled:C,loading:r??g,onClick:T,...v(n,["requireConfirmation","confirmationMode","confirmationTitle","confirmationContent","onConfirmationOk","onConfirmationCancel"])}),u=c?l(P,{content:c,children:d}):d;if(n.requireConfirmation&&n.confirmationMode==="simple"){const{confirmationTitle:o=y,confirmationContent:m,onConfirmationCancel:f}=n;return l(N,{ref:s,content:m,disabled:C,title:o,onCancel:f,onOk:a,children:u})}return u}),b=I(j);b.displayName="VefButton";export{b as default};
+import{jsx as l}from"@emotion/react/jsx-runtime";import{useContextDisabled as w}from"@vef-framework/hooks";import{isNullish as u,invokeMaybeAsyncFn as k,omit as O}from"@vef-framework/shared";import{forwardRef as v,useState as x,useMemo as y,memo as F}from"react";import"../helpers/index.js";import I from"../vef-popconfirm/index.js";import N from"../vef-tooltip/index.js";import P from"./components/base-button.js";import{defaultMessageTitle as M,showConfirmation as V}from"../helpers/message.js";const j=v(({tip:c,onClick:t,disabled:q=!1,loading:r,...n},s)=>{const[g,e]=x(!1),a=y(()=>{if(n.requireConfirmation){const{onConfirmationOk:o}=n;return u(r)?async()=>{await k(o,{beforeInvoke:()=>{e(!0)},onFinally:()=>{e(!1)}})}:o}},[n.requireConfirmation,n.onConfirmationOk]),T=y(()=>{if(!n.requireConfirmation)return t&&u(r)?async i=>{await k(t,{beforeInvoke:()=>{e(!0)},onFinally:()=>{e(!1)}},i)}:t;const{confirmationMode:o="simple",confirmationTitle:m=M,confirmationContent:f,onConfirmationCancel:h}=n;return o==="simple"?i=>{i.stopPropagation()}:i=>{i.stopPropagation(),V(m,f,a,{onCancel:h})}},[r,t,a,n.requireConfirmation,n.confirmationMode,n.confirmationTitle,n.confirmationContent,n.onConfirmationCancel]),C=w()||q,d=l(P,{ref:s,disabled:C,loading:r??g,onClick:T,...O(n,["requireConfirmation","confirmationMode","confirmationTitle","confirmationContent","onConfirmationOk","onConfirmationCancel"])}),p=c?l(N,{content:c,children:d}):d;if(n.requireConfirmation&&n.confirmationMode==="simple"){const{confirmationTitle:o=M,confirmationContent:m,onConfirmationCancel:f}=n;return l(I,{ref:s,content:m,disabled:C,title:o,onCancel:f,onOk:a,children:p})}return p}),b=F(j);b.displayName="VefButton";export{b as default};

package/esm/vef-chart-container/index.js

@@ -1,58 +1,7 @@
 "use strict";
-import{jsx as c,jsxs as g}from"@emotion/react/jsx-runtime";import{css as k}from"@emotion/react";import{themeVariables as e,isString as $}from"@vef-framework/shared";import{forwardRef as x,useId as y}from"react";import{ResponsiveContainer as C}from"recharts";import{ChartContainerContextProvider as v}from"./hooks/use-chart-container-context.js";const S=k`
-  display: flex;
-  justify-content: center;
-  
-  & .recharts-cartesian-axis-tick text {
-    fill: ${e.colorTextDescription};
-  }
-  
-  & .recharts-cartesian-grid line[stroke='#ccc'] {
-    stroke: color-mix(in srgb, ${e.colorBorder} 50%, transparent);
-  }
-  
-  & .recharts-curve.recharts-tooltip-cursor {
-    stroke: ${e.colorBorderSecondary};
-  }
-  
-  & .recharts-dot[stroke='#fff'] {
-    stroke: transparent;
-  }
-  
-  & .recharts-layer {
-    outline: none;
-  }
-  
-  & .recharts-polar-grid[stroke='#ccc'] {
-    stroke: ${e.colorBorderSecondary};
-  }
-  
-  & .recharts-radial-bar-background-sector {
-    fill: ${e.colorFillContent};
-  }
-  
-  & .recharts-rectangle.recharts-tooltip-cursor {
-    fill: ${e.colorFillContent};
-  }
-  
-  & .recharts-reference-line[stroke='#ccc'] {
-    stroke: ${e.colorBorderSecondary};
-  }
-  
-  & .recharts-sector[stroke='#fff'] {
-    stroke: transparent;
-  }
-  
-  & .recharts-sector {
-    outline: none;
-  }
-  
-  & .recharts-surface {
-    outline: none;
-  }
-`;function b({id:s,config:i}){const o=Object.entries(i).map(([r,{color:t}])=>[r,t]).filter(([,r])=>$(r));return o.length?c("style",{dangerouslySetInnerHTML:{__html:`
+import{jsx as c,jsxs as g}from"@emotion/react/jsx-runtime";import{css as k}from"@emotion/react";import{themeVariables as e,isString as x}from"@vef-framework/shared";import{forwardRef as y,useId as C}from"react";import{ResponsiveContainer as b}from"recharts";import{ChartContainerContextProvider as v}from"./hooks/use-chart-container-context.js";const S=k({display:"flex",justifyContent:"center","& .recharts-cartesian-axis-tick text":{fill:e.colorTextDescription},"& .recharts-cartesian-grid line[stroke='#ccc']":{stroke:`color-mix(in srgb, ${e.colorBorder} 50%, transparent)`},"& .recharts-curve.recharts-tooltip-cursor":{stroke:e.colorBorderSecondary},"& .recharts-dot[stroke='#fff']":{stroke:"transparent"},"& .recharts-layer":{outline:"none"},"& .recharts-polar-grid[stroke='#ccc']":{stroke:e.colorBorderSecondary},"& .recharts-radial-bar-background-sector":{fill:e.colorFillContent},"& .recharts-rectangle.recharts-tooltip-cursor":{fill:e.colorFillContent},"& .recharts-reference-line[stroke='#ccc']":{stroke:e.colorBorderSecondary},"& .recharts-sector[stroke='#fff']":{stroke:"transparent"},"& .recharts-sector":{outline:"none"},"& .recharts-surface":{outline:"none"}});function j({id:s,config:i}){const o=Object.entries(i).map(([r,{color:t}])=>[r,t]).filter(([,r])=>x(r));return o.length?c("style",{dangerouslySetInnerHTML:{__html:`
           [data-chart="${s}"] {
             ${o.map(([r,t])=>`--vef-color-${r}: ${t};`).join(`
 `)}
           }
-        `}}):null}const a=x(({id:s,className:i,children:o,config:r,aspect:t=16/9,width:l="100%",height:h,minWidth:d,minHeight:f,...m},p)=>{const u=y(),n=`${s||u.replace(/:/g,"")}-chart`;return c(v,{value:{config:r},children:g("div",{ref:p,className:i,css:S,"data-chart":n,...m,children:[c(b,{config:r,id:n}),c(C,{aspect:t,height:h,minHeight:f,minWidth:d,width:l,children:o})]})})});a.displayName="VefChartContainer";export{a as default};
+        `}}):null}const a=y(({id:s,className:i,children:o,config:r,aspect:t=16/9,width:l="100%",height:h,minWidth:d,minHeight:f,...m},p)=>{const u=C(),n=`${s||u.replace(/:/g,"")}-chart`;return c(v,{value:{config:r},children:g("div",{ref:p,className:i,css:S,"data-chart":n,...m,children:[c(j,{config:r,id:n}),c(b,{aspect:t,height:h,minHeight:f,minWidth:d,width:l,children:o})]})})});a.displayName="VefChartContainer";export{a as default};

package/esm/vef-chart-legend-content/index.js

@@ -1,17 +1,2 @@
 "use strict";
-import{jsx as s,jsxs as c}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{styles as f,themeVariables as r}from"@vef-framework/shared";import{forwardRef as g}from"react";import"../internal/index.js";import{useChartContainerContextSelector as p}from"../vef-chart-container/hooks/use-chart-container-context.js";import{getPayloadConfigFromPayload as u}from"../internal/chart.js";const h=o`
-  ${f.flexCenter}
-  gap: ${r.margin};
-  padding-top: ${r.marginSm};
-`,C=o`
-  display: flex;
-  align-items: center;
-  gap: ${r.marginXs};
-  color: ${r.colorTextLabel};
-`,y=o`
-  flex: none;
-  width: 0.75rem;
-  height: 0.75rem;
-  border-radius: ${r.borderRadiusXs};
-  background-color: var(--vef-indicator-color);
-`,a=g(({className:i,payload:t},l)=>{const n=p(e=>e.config);return t?.length?s("div",{ref:l,className:i,css:h,children:t.map(e=>{const d=`${e.dataKey||"value"}`,m=u(e,d,n);return c("div",{css:C,children:[s("div",{css:y,style:{"--vef-indicator-color":e.color}}),m?.label]},e.value)})}):null});a.displayName="VefChartLegendContent";export{a as VefChartLegendContent,a as default};
+import{jsx as s,jsxs as c}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{styles as f,themeVariables as r}from"@vef-framework/shared";import{forwardRef as g}from"react";import"../internal/index.js";import{useChartContainerContextSelector as p}from"../vef-chart-container/hooks/use-chart-container-context.js";import{getPayloadConfigFromPayload as u}from"../internal/chart.js";const C=o(f.flexCenter,{gap:r.margin,paddingTop:r.marginSm}),h=o({display:"flex",alignItems:"center",gap:r.marginXs,color:r.colorTextLabel}),y=o({flex:"none",width:"0.75rem",height:"0.75rem",borderRadius:r.borderRadiusXs,backgroundColor:"var(--vef-indicator-color)"}),a=g(({className:l,payload:t},n)=>{const i=p(e=>e.config);return t?.length?s("div",{ref:n,className:l,css:C,children:t.map(e=>{const d=`${e.dataKey||"value"}`,m=u(e,d,i);return c("div",{css:h,children:[s("div",{css:y,style:{"--vef-indicator-color":e.color}}),m?.label]},e.value)})}):null});a.displayName="VefChartLegendContent";export{a as VefChartLegendContent,a as default};

package/esm/vef-chart-tooltip-content/index.js

@@ -1,43 +1,2 @@
 "use strict";
-import{jsx as l,jsxs as m,Fragment as S}from"@emotion/react/jsx-runtime";import{css as a}from"@emotion/react";import{themeVariables as r,isString as F,isFunction as h,isNullish as N}from"@vef-framework/shared";import{forwardRef as X,useMemo as K}from"react";import"../internal/index.js";import{useChartContainerContextSelector as L}from"../vef-chart-container/hooks/use-chart-container-context.js";import{getPayloadConfigFromPayload as b}from"../internal/chart.js";const R=a`
-  display: grid;
-  min-width: 10rem;
-  align-items: start;
-  gap: ${r.marginXs};
-  border-radius: ${r.borderRadius};
-  border: ${r.lineWidth} ${r.lineType} ${r.colorBorderSecondary};
-  background: ${r.colorBgContainer};
-  padding: ${r.paddingXs} ${r.paddingSm};
-  box-shadow: ${r.boxShadowSecondary};
-  color: ${r.colorTextLabel}
-`,j=a`
-  display: grid;
-  gap: ${r.marginXs};
-`,B=a`
-  font-weight: 500;
-`,P=a`
-  display: flex;
-  width: 100%;
-  flex-wrap: wrap;
-  align-items: center;
-  gap: ${r.marginXs};
-`,T=a`
-  height: 0.75rem;
-  width: 0.75rem;
-  flex: none;
-  border-radius: ${r.borderRadiusXs};
-  border-color: var(--vef-indicator-color);
-  background-color: var(--vef-indicator-color);
-`,k=a`
-  display: flex;
-  flex: 1;
-  justify-content: space-between;
-  align-items: center;
-  gap: ${r.marginXs};
-  line-height: 1;
-`,D=a`
-  color: ${r.colorTextDescription};
-`,M=a`
-  font-weight: 500;
-  font-family: ${r.fontFamilyCode};
-`,W=X(({active:v,payload:i,className:y,label:n,labelFormatter:t,labelClassName:g,formatter:p,valueFormatter:f,color:$,hideLabel:u=!1},x)=>{const s=L(e=>e.config),w=K(()=>{if(u||!i?.length)return null;const[e]=i,d=`${e.dataKey||e.name||"value"}`,c=b(e,d,s),o=F(n)?n:c?.label;return o?l("div",{className:g,css:B,children:h(t)?t(o,i):o}):null},[u,i,s,n,g,t]);return!v||!i?.length?null:m("div",{ref:x,className:y,css:R,children:[w,l("div",{css:j,children:i.map((e,d)=>{const c=`${e.name||e.dataKey||"value"}`,o=b(e,c,s),C=$||e.payload.fill||e.color;return l("div",{css:P,children:p&&!N(e?.value)&&e.name?p(e.value,e.name,e,d,e.payload):m(S,{children:[l("div",{css:T,style:{"--vef-indicator-color":C}}),m("div",{css:k,children:[l("span",{css:D,children:o?.label||e.name}),e.value&&l("span",{css:M,children:h(f)?f(e.value):e.value.toLocaleString()})]})]})},e.dataKey)})})]})});export{W as default};
+import{jsx as i,jsxs as m,Fragment as F}from"@emotion/react/jsx-runtime";import{css as a}from"@emotion/react";import{themeVariables as r,isString as $,isFunction as h,isNullish as R}from"@vef-framework/shared";import{forwardRef as X,useMemo as N}from"react";import"../internal/index.js";import{useChartContainerContextSelector as W}from"../vef-chart-container/hooks/use-chart-container-context.js";import{getPayloadConfigFromPayload as v}from"../internal/chart.js";const I=a({display:"grid",minWidth:"10rem",alignItems:"start",gap:r.marginXs,borderRadius:r.borderRadius,border:`${r.lineWidth} ${r.lineType} ${r.colorBorderSecondary}`,background:r.colorBgContainer,padding:`${r.paddingXs} ${r.paddingSm}`,boxShadow:r.boxShadowSecondary,color:r.colorTextLabel}),K=a({display:"grid",gap:r.marginXs}),L=a({fontWeight:500}),j=a({display:"flex",width:"100%",flexWrap:"wrap",alignItems:"center",gap:r.marginXs}),k=a({height:"0.75rem",width:"0.75rem",flex:"none",borderRadius:r.borderRadiusXs,borderColor:"var(--vef-indicator-color)",backgroundColor:"var(--vef-indicator-color)"}),B=a({display:"flex",flex:1,justifyContent:"space-between",alignItems:"center",gap:r.marginXs,lineHeight:1}),P=a({color:r.colorTextDescription}),T=a({fontWeight:500,fontFamily:r.fontFamilyCode}),D=X(({active:b,payload:l,className:y,label:n,labelFormatter:t,labelClassName:g,formatter:p,valueFormatter:f,color:x,hideLabel:u=!1},C)=>{const s=W(e=>e.config),w=N(()=>{if(u||!l?.length)return null;const[e]=l,d=`${e.dataKey||e.name||"value"}`,c=v(e,d,s),o=$(n)?n:c?.label;return o?i("div",{className:g,css:L,children:h(t)?t(o,l):o}):null},[u,l,s,n,g,t]);return!b||!l?.length?null:m("div",{ref:C,className:y,css:I,children:[w,i("div",{css:K,children:l.map((e,d)=>{const c=`${e.name||e.dataKey||"value"}`,o=v(e,c,s),S=x||e.payload.fill||e.color;return i("div",{css:j,children:p&&!R(e?.value)&&e.name?p(e.value,e.name,e,d,e.payload):m(F,{children:[i("div",{css:k,style:{"--vef-indicator-color":S}}),m("div",{css:B,children:[i("span",{css:P,children:o?.label||e.name}),e.value&&i("span",{css:T,children:h(f)?f(e.value):e.value.toLocaleString()})]})]})},e.dataKey)})})]})});export{D as default};

package/esm/vef-checkbox/index.js

@@ -1,4 +1,2 @@
 "use strict";
-import{jsx as e}from"@emotion/react/jsx-runtime";import{css as M}from"@emotion/react";import{themeVariables as N,isFunction as p}from"@vef-framework/shared";import{Checkbox as l}from"antd";import{useMemo as h,memo as O,forwardRef as R}from"react";import $ from"../vef-loading-placeholder/index.js";import j from"../vef-tooltip/index.js";import{useCheckboxInstance as w}from"./hooks/use-checkbox-instance.js";import{useDataOptions as z}from"./hooks/use-data-options.js";const{Group:D}=l,E=e("div",{css:M`
-      height: ${N.controlHeight}
-    `,children:e($,{})});function F({defaultValue:v,value:n,disabled:C,renderCheckboxes:t,onChange:r,...g},x){const{optionsMap:m,normalizedOptions:a,isLoading:s}=z({value:n,onChange:r,...g}),k=w(x,a),V=h(()=>{if(p(r))return o=>{r(o,o.map(d=>m.get(d)))}},[r,m]),y=h(()=>{if(s)return;const o=a.map(d=>{const{value:i,label:u,disabled:c,description:f}=d;return f?e(j,{content:f,children:e(l,{disabled:c,value:i,children:u})},i):e(l,{disabled:c,value:i,children:u},i)});return p(t)?t(o):o},[s,a,t]);return s?E:e(D,{ref:k,defaultValue:v,disabled:C,onChange:V,...n===void 0?{}:{value:n},children:y})}const b=O(R(F));b.displayName="VefCheckbox";export{b as default};
+import{jsx as e}from"@emotion/react/jsx-runtime";import{themeVariables as D,isFunction as p}from"@vef-framework/shared";import{Checkbox as l}from"antd";import{useMemo as h,memo as M,forwardRef as N}from"react";import O from"../vef-loading-placeholder/index.js";import R from"../vef-tooltip/index.js";import{useCheckboxInstance as j}from"./hooks/use-checkbox-instance.js";import{useDataOptions as w}from"./hooks/use-data-options.js";const{Group:z}=l,F=e("div",{css:{height:D.controlHeight},children:e(O,{})});function G({defaultValue:v,value:t,disabled:C,renderCheckboxes:n,onChange:r,...g},x){const{optionsMap:m,normalizedOptions:a,isLoading:s}=w({value:t,onChange:r,...g}),k=j(x,a),V=h(()=>{if(p(r))return o=>{r(o,o.map(d=>m.get(d)))}},[r,m]),y=h(()=>{if(s)return;const o=a.map(d=>{const{value:i,label:u,disabled:c,description:f}=d;return f?e(R,{content:f,children:e(l,{disabled:c,value:i,children:u})},i):e(l,{disabled:c,value:i,children:u},i)});return p(n)?n(o):o},[s,a,n]);return s?F:e(z,{ref:k,defaultValue:v,disabled:C,onChange:V,...t===void 0?{}:{value:t},children:y})}const b=M(N(G));b.displayName="VefCheckbox";export{b as default};

package/esm/vef-config-provider/global-style.js

@@ -1,9 +1,10 @@
 "use strict";
 import{css as o}from"@emotion/react";import{themeVariables as e}from"@vef-framework/shared";import r from"../internal/modern-normalize.css.js";const t=o`
   ${r}
-  
+
   html, body, #root, .vef-app {
     height: 100%;
+    overflow: hidden;
   }
 
   h1,

package/esm/vef-config-provider/index.js

@@ -1,6 +1,2 @@
 "use strict";
-import{jsx as o,jsxs as g}from"@emotion/react/jsx-runtime";import C from"@emotion/cache";import{CacheProvider as y,Global as A,css as v}from"@emotion/react";import{AuthContextProvider as x,ApiContextProvider as P}from"@vef-framework/core";import{ConfigProvider as m,App as l}from"antd";import{useLayoutEffect as k}from"react";import{ErrorBoundary as D}from"react-error-boundary";import S from"../vef-error/index.js";import{globalStyle as E,nprogressStyle as F}from"./global-style.js";import{useUiConfig as R}from"./hooks/use-ui-config.js";import{useConfigStore as T,ConfigStoreProvider as U}from"./store.js";function b({children:t}){const i=T(e=>e),r=R(i);k(()=>{const{messageFoldThreshold:e,messageDuration:d,notificationFoldThreshold:p,notificationDuration:u,...h}=r;m.config({holderRender:f=>o(m,{...h,children:o(l,{component:"div",message:{maxCount:e,duration:d},notification:{maxCount:p,duration:u,showProgress:!0,pauseOnHover:!0,placement:"topRight",stack:{threshold:3}},children:f})})}),document.documentElement.style.setProperty("--vef-color-primary",r.theme?.token?.colorPrimary??null)},[r]);const{messageFoldThreshold:n,messageDuration:s,notificationDuration:a,...c}=r;return o(m,{...c,children:o(l,{component:"div",message:{maxCount:n,duration:s},notification:{maxCount:n,duration:a,showProgress:!0,pauseOnHover:!0,placement:"topRight",stack:{threshold:3}},children:t})})}function w({error:t,resetErrorBoundary:i}){return o(S,{error:t,reset:i})}const $=C({key:"vef"});function j({apiClient:t,dataDictionaryApi:i,loginApi:r,logoutApi:n,fetchAuthenticatedUserApi:s,permissionChecker:a,children:c,...e}){return o(x,{permissionChecker:a,children:o(P,{client:t,dataDictionaryApi:i,fetchAuthenticatedUserApi:s,loginApi:r,logoutApi:n,children:o(U,{initialState:e,children:g(y,{value:$,children:[o(A,{styles:[E,F,v`
-                :root {
-                  font-size: ${(e.fontSize??"medium")==="medium"?"14px":"16px"};
-                }
-              `]}),o(b,{children:o(D,{FallbackComponent:w,children:c})})]})})})})}export{j as default};
+import{jsx as o,jsxs as g}from"@emotion/react/jsx-runtime";import C from"@emotion/cache";import{CacheProvider as y,Global as A,css as v}from"@emotion/react";import{AuthContextProvider as x,ApiContextProvider as P}from"@vef-framework/core";import{ConfigProvider as m,App as l}from"antd";import{useLayoutEffect as k}from"react";import{ErrorBoundary as S}from"react-error-boundary";import D from"../vef-error/index.js";import{globalStyle as E,nprogressStyle as F}from"./global-style.js";import{useUiConfig as R}from"./hooks/use-ui-config.js";import{useConfigStore as T,ConfigStoreProvider as U}from"./store.js";function b({children:t}){const i=T(e=>e),r=R(i);k(()=>{const{messageFoldThreshold:e,messageDuration:d,notificationFoldThreshold:p,notificationDuration:u,...h}=r;m.config({holderRender:f=>o(m,{...h,children:o(l,{component:"div",message:{maxCount:e,duration:d},notification:{maxCount:p,duration:u,showProgress:!0,pauseOnHover:!0,placement:"topRight",stack:{threshold:3}},children:f})})}),document.documentElement.style.setProperty("--vef-color-primary",r.theme?.token?.colorPrimary??null)},[r]);const{messageFoldThreshold:n,messageDuration:s,notificationDuration:a,...c}=r;return o(m,{...c,children:o(l,{component:"div",message:{maxCount:n,duration:s},notification:{maxCount:n,duration:a,showProgress:!0,pauseOnHover:!0,placement:"topRight",stack:{threshold:3}},children:t})})}function w({error:t,resetErrorBoundary:i}){return o(D,{error:t,reset:i})}const j=C({key:"vef"});function z({apiClient:t,dataDictionaryApi:i,loginApi:r,logoutApi:n,fetchAuthenticatedUserApi:s,permissionChecker:a,children:c,...e}){return o(x,{permissionChecker:a,children:o(P,{client:t,dataDictionaryApi:i,fetchAuthenticatedUserApi:s,loginApi:r,logoutApi:n,children:o(U,{initialState:e,children:g(y,{value:j,children:[o(A,{styles:[E,F,v({":root":{fontSize:(e.fontSize??"medium")==="medium"?"14px":"16px"}})]}),o(b,{children:o(S,{FallbackComponent:w,children:c})})]})})})})}export{z as default};

package/esm/vef-crud-page/components/crud-footer.js

@@ -1,8 +1,2 @@
 "use strict";
-import{jsx as e,jsxs as i,Fragment as v}from"@emotion/react/jsx-runtime";import{css as S}from"@emotion/react";import{useApiContext as I}from"@vef-framework/core";import{DisabledContextProvider as j}from"@vef-framework/hooks";import{themeVariables as w,isNullish as D,showSuccessMessage as R,isFunction as K}from"@vef-framework/shared";import{Trash2Icon as P}from"lucide-react";import{useMemo as n,useCallback as V,memo as _}from"react";import $ from"../../vef-action-buttons/index.js";import q from"../../vef-button/index.js";import z from"../../vef-divider/index.js";import B from"../../vef-flex/index.js";import H from"../../vef-icon/index.js";import b from"../../vef-text/index.js";import{useCrudContext as N}from"../hooks/use-crud-context.js";import{useCrudStore as T}from"../store.js";const E=S`
-  height: 100%;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: ${w.padding};
-`;function G({tableApi:g,tableApiParams:m,batchDeletionApi:r,batchActionButtons:s,selectionSummary:c}){const{useApiMutation:y,stubMutationApi:C}=I(),a=y(r??C),[l,d,p]=T(t=>[t.selectedInfo,t.confirmedFilterValues,t.setSelectedInfo]),{selectedKeys:u,selectedRecords:o}=l,x=n(()=>D(r)?s??[]:[...s??[],{key:"_batchDeletion",label:"批量删除",icon:e(H,{children:e(P,{})}),color:"error",permissions:[r.key],requireConfirmation:!0,confirmationMode:"detailed",onClick:async({refetch:t})=>{const{message:F}=await a.mutate(o);R(F),t()}}],[s,r,a,o]),f=N(),A=n(()=>({...f,...l}),[f,l]),M=g.useIsFetching(n(()=>({...m,...d}),[m,d])),k=V(()=>{p({selectedKeys:[],selectedRecords:[]})},[p]),h=n(()=>{if(K(c))return c(o)},[o,c]);return u.length===0?null:i("div",{css:E,children:[i(b,{color:"secondary",children:["已选择"," ",e(b,{bold:!0,color:"primary",children:u.length})," ","项",h&&i(v,{children:[e(z,{orientation:"vertical"}),h]})]}),e(j,{value:M,children:i(B,{align:"center",gap:"medium",children:[e(q,{color:"primary",variant:"text",onClick:k,children:"取消选择"}),e($,{buttons:x,context:A,useFlexContainer:!1})]})})]})}const J=_(G);export{J as default};
+import{jsx as e,jsxs as i,Fragment as v}from"@emotion/react/jsx-runtime";import{css as I}from"@emotion/react";import{useApiContext as S}from"@vef-framework/core";import{DisabledContextProvider as j}from"@vef-framework/hooks";import{themeVariables as w,isNullish as D,isFunction as R}from"@vef-framework/shared";import{Trash2Icon as K}from"lucide-react";import{useMemo as n,useCallback as P,memo as V}from"react";import"../../helpers/index.js";import _ from"../../vef-action-buttons/index.js";import $ from"../../vef-button/index.js";import q from"../../vef-divider/index.js";import z from"../../vef-flex/index.js";import B from"../../vef-icon/index.js";import b from"../../vef-text/index.js";import{useCrudContext as E}from"../hooks/use-crud-context.js";import{useCrudStore as H}from"../store.js";import{showSuccessMessage as N}from"../../helpers/message.js";const T=I({height:"100%",display:"flex",justifyContent:"space-between",alignItems:"center",padding:w.padding});function G({tableApi:g,tableApiParams:l,batchDeletionApi:r,batchActionButtons:s,selectionSummary:m}){const{useApiMutation:C,stubMutationApi:y}=S(),a=C(r??y),[c,d,p]=H(t=>[t.selectedInfo,t.confirmedFilterValues,t.setSelectedInfo]),{selectedKeys:u,selectedRecords:o}=c,x=n(()=>D(r)?s??[]:[...s??[],{key:"_batchDeletion",label:"批量删除",icon:e(B,{children:e(K,{})}),color:"error",permissions:[r.key],requireConfirmation:!0,confirmationMode:"detailed",onClick:async({refetch:t})=>{const{message:F}=await a.mutate(o);N(F),t()}}],[s,r,a,o]),f=E(),A=n(()=>({...f,...c}),[f,c]),M=g.useIsFetching(n(()=>({...l,...d}),[l,d])),k=P(()=>{p({selectedKeys:[],selectedRecords:[]})},[p]),h=n(()=>{if(R(m))return m(o)},[o,m]);return u.length===0?null:i("div",{css:T,children:[i(b,{color:"secondary",children:["已选择"," ",e(b,{bold:!0,color:"primary",children:u.length})," ","项",h&&i(v,{children:[e(q,{orientation:"vertical"}),h]})]}),e(j,{value:M,children:i(z,{align:"center",gap:"medium",children:[e($,{color:"primary",variant:"text",onClick:k,children:"取消选择"}),e(_,{buttons:x,context:A,useFlexContainer:!1})]})})]})}const J=V(G);export{J as default};

package/esm/vef-crud-page/hooks/use-action-buttons.js

@@ -1,2 +1,2 @@
 "use strict";
-import{jsx as c}from"@emotion/react/jsx-runtime";import{creationFormScene as o}from"@vef-framework/shared";import{PlusIcon as n}from"lucide-react";import{useMemo as f}from"react";import p from"../../vef-icon/index.js";import{useCrudStore as u}from"../store.js";function l(e){const t=u(r=>r.formApiKeys),m=Reflect.has(t,o),i=Reflect.get(t,o);return f(()=>m?[...e??[],{label:"创建",key:`_${o}`,icon:c(p,{children:c(n,{})}),color:"primary",permissions:[i],onClick:({openForm:r,refetch:s})=>r({scene:o,title:"创建",onSubmitSuccess:()=>{s()}})}]:e??[],[m,e,i])}export{l as useActionButtons};
+import{jsx as c}from"@emotion/react/jsx-runtime";import{creationFormScene as o}from"@vef-framework/shared";import{PlusIcon as n}from"lucide-react";import{useMemo as p}from"react";import f from"../../vef-icon/index.js";import{useCrudStore as u}from"../store.js";function l(e){const t=u(r=>r.formApiKeys),m=Reflect.has(t,o),i=Reflect.get(t,o);return p(()=>m?[...e??[],{label:"创建",key:`_${o}`,icon:c(f,{children:c(n,{})}),color:"primary",permissions:[i],onClick:({openForm:r,refetch:s})=>r({scene:o,title:"创建",onSubmitSuccess:()=>{s()}})}]:e??[],[m,e,i])}export{l as useActionButtons};

package/esm/vef-crud-page/hooks/use-operation-buttons.js

@@ -1,2 +1,2 @@
 "use strict";
-import{jsx as o}from"@emotion/react/jsx-runtime";import{useApiContext as d}from"@vef-framework/core";import{updateFormScene as u,showSuccessMessage as h}from"@vef-framework/shared";import{PencilIcon as y,TrashIcon as C}from"lucide-react";import{useMemo as M}from"react";import a from"../../vef-icon/index.js";import{useCrudStore as S}from"../store.js";function b(r,s){const{useApiMutation:p,stubMutationApi:l}=d(),c=p(r??l),f=S(e=>e.formApiKeys),m=Reflect.has(f,u);return M(()=>{const e=[...s??[]];return m&&e.push({key:"_update",label:"编辑",icon:o(a,{children:o(y,{})}),color:"primary",onClick:({record:t,openForm:i,refetch:n})=>{i({scene:u,title:"编辑",initialValues:t,onSubmitSuccess:()=>{n()}})}}),r&&e.push({key:"_deletion",label:"删除",icon:o(a,{children:o(C,{})}),color:"error",requireConfirmation:!0,confirmationMode:"simple",onClick:async({record:t,refetch:i})=>{const{message:n}=await c.mutate(t);h(n),i()}}),e},[r,c,s,m])}export{b as useOperationButtons};
+import{jsx as e}from"@emotion/react/jsx-runtime";import{useApiContext as d}from"@vef-framework/core";import{updateFormScene as u}from"@vef-framework/shared";import{PencilIcon as h,TrashIcon as y}from"lucide-react";import{useMemo as C}from"react";import"../../helpers/index.js";import p from"../../vef-icon/index.js";import{useCrudStore as M}from"../store.js";import{showSuccessMessage as S}from"../../helpers/message.js";function b(r,n){const{useApiMutation:a,stubMutationApi:l}=d(),c=a(r??l),f=M(o=>o.formApiKeys),m=Reflect.has(f,u);return C(()=>{const o=[...n??[]];return m&&o.push({key:"_update",label:"编辑",icon:e(p,{children:e(h,{})}),color:"primary",onClick:({record:t,openForm:i,refetch:s})=>{i({scene:u,title:"编辑",initialValues:t,onSubmitSuccess:()=>{s()}})}}),r&&o.push({key:"_deletion",label:"删除",icon:e(p,{children:e(y,{})}),color:"error",requireConfirmation:!0,confirmationMode:"simple",onClick:async({record:t,refetch:i})=>{const{message:s}=await c.mutate(t);S(s),i()}}),o},[r,c,n,m])}export{b as useOperationButtons};

package/esm/vef-crud-page/store.js

@@ -1,2 +1,2 @@
 "use strict";
-import{createComponentStore as C,creationFormScene as K,isNullish as B,isFunction as t,mergeFns as L,showSuccessMessage as H,showSuccessAlert as E,invokeMaybeAsyncFn as T}from"@vef-framework/shared";const{StoreProvider:D,useStore:M,useStoreApi:P}=C("Crud",({filterValueAsDefaultKeys:u,formApiKeys:f,onFormOpen:p,onBeforeSubmit:V,onSubmitSuccess:b})=>(r,I)=>({onFormOpen:p,onBeforeSubmit:V,onSubmitSuccess:b,currentFormInfo:{scene:K,title:"创建",width:"medium"},currentFormEventHandlers:{},currentFormInitialValues:{},isFormOpen:!1,openForm:async({initialValues:s,width:g,onBeforeSubmit:c,onSubmitSuccess:l,showSuccessTip:y=!0,successTipType:w="message",...a})=>{const{filterValues:m,onFormOpen:i,closeForm:A,onBeforeSubmit:F,onSubmitSuccess:d,setIsFormLoading:h}=I(),S={...u.reduce((e,n)=>{const o=m[n];return B(o)||(e[n]=o),e},{}),...s},v=t(c)||t(F)?async(e,n)=>{const o=await c?.(e,n);return await F?.(o??e,n)??o}:void 0,O=t(l)||t(d)?L(({message:e})=>{y&&(w==="message"?H(e):E(e)),A()},l,d):void 0;r({isFormOpen:!0,currentFormInfo:{...a,width:g??"medium"},currentFormEventHandlers:{onBeforeSubmit:v,onSubmitSuccess:O},isFormLoading:!!i}),i?await T(i,{onSuccess:e=>{r({currentFormInitialValues:e})},onFinally:()=>{h(!1)}},S,m,a.scene):r({currentFormInitialValues:S})},closeForm:()=>{r({isFormOpen:!1,currentFormInitialValues:{},currentFormEventHandlers:{}})},isFormLoading:!1,setIsFormLoading:s=>{r({isFormLoading:s})},filterValueAsDefaultKeys:u,filterValues:{},setFilterValues:s=>{r({filterValues:s})},confirmedFilterValues:null,setConfirmedFilterValues:s=>{r({confirmedFilterValues:s})},selectedInfo:{selectedKeys:[],selectedRecords:[]},setSelectedInfo:s=>{r({selectedInfo:s})},formApiKeys:f,tableInstanceRef:{current:null}}));export{D as CrudStoreProvider,M as useCrudStore,P as useCrudStoreApi};
+import{createComponentStore as C,creationFormScene as K,isNullish as B,isFunction as t,mergeFns as L,invokeMaybeAsyncFn as H}from"@vef-framework/shared";import"../helpers/index.js";import{showSuccessMessage as E,showSuccessAlert as T}from"../helpers/message.js";const{StoreProvider:D,useStore:M,useStoreApi:P}=C("Crud",({filterValueAsDefaultKeys:u,formApiKeys:f,onFormOpen:p,onBeforeSubmit:V,onSubmitSuccess:b})=>(s,I)=>({onFormOpen:p,onBeforeSubmit:V,onSubmitSuccess:b,currentFormInfo:{scene:K,title:"创建",width:"medium"},currentFormEventHandlers:{},currentFormInitialValues:{},isFormOpen:!1,openForm:async({initialValues:r,width:g,onBeforeSubmit:c,onSubmitSuccess:l,showSuccessTip:y=!0,successTipType:w="message",...m})=>{const{filterValues:a,onFormOpen:i,closeForm:A,onBeforeSubmit:F,onSubmitSuccess:d,setIsFormLoading:h}=I(),S={...u.reduce((e,o)=>{const n=a[o];return B(n)||(e[o]=n),e},{}),...r},v=t(c)||t(F)?async(e,o)=>{const n=await c?.(e,o);return await F?.(n??e,o)??n}:void 0,O=t(l)||t(d)?L(({message:e})=>{y&&(w==="message"?E(e):T(e)),A()},l,d):void 0;s({isFormOpen:!0,currentFormInfo:{...m,width:g??"medium"},currentFormEventHandlers:{onBeforeSubmit:v,onSubmitSuccess:O},isFormLoading:!!i}),i?await H(i,{onSuccess:e=>{s({currentFormInitialValues:e})},onFinally:()=>{h(!1)}},S,a,m.scene):s({currentFormInitialValues:S})},closeForm:()=>{s({isFormOpen:!1,currentFormInitialValues:{},currentFormEventHandlers:{}})},isFormLoading:!1,setIsFormLoading:r=>{s({isFormLoading:r})},filterValueAsDefaultKeys:u,filterValues:{},setFilterValues:r=>{s({filterValues:r})},confirmedFilterValues:null,setConfirmedFilterValues:r=>{s({confirmedFilterValues:r})},selectedInfo:{selectedKeys:[],selectedRecords:[]},setSelectedInfo:r=>{s({selectedInfo:r})},formApiKeys:f,tableInstanceRef:{current:null}}));export{D as CrudStoreProvider,M as useCrudStore,P as useCrudStoreApi};

package/esm/vef-drawer/index.js

@@ -1,9 +1,2 @@
 "use strict";
-import{jsx as r,jsxs as N,Fragment as Y}from"@emotion/react/jsx-runtime";import{css as Z}from"@emotion/react";import{themeVariables as G,isFunction as x}from"@vef-framework/shared";import{Drawer as H}from"antd";import{useMemo as y,useState as B,useLayoutEffect as J,useCallback as D,memo as K}from"react";import Q from"./components/cancel-action-button.js";import R from"./components/ok-action-button.js";import{DrawerContextProvider as U}from"./context.js";import{default as de}from"./components/action-button-wrapper.js";const X=Z`
-  .vef-drawer-footer {
-    display: flex;
-    gap: ${G.padding};
-    justify-content: flex-end;
-    align-items: center;
-  }
-`,i={narrow:"25",half:"50",wide:"75",full:"100"};function _({title:A,open:a,closable:j=!0,closeOnEscPress:v=!0,closeOnMaskClick:E=!1,destroyOnClose:S=!1,placement:s="right",expansionSize:e,extra:I,showCancelButton:h=!0,cancelButtonText:g="取消",okButtonText:w="提交",actions:l,loading:c,cancelOnClose:O=!0,onClose:k,onCancel:n,onOk:F,onAfterOpen:d,onAfterClose:f,children:L}){const M=y(()=>e==="small"?{size:"default"}:e==="medium"?{size:"large"}:s==="left"||s==="right"?{width:i[e]?`${i[e]}vw`:e}:{height:i[e]?`${i[e]}vh`:e},[e,s]),[m,u]=B({isFullyOpened:!1,isFullyClosed:!1}),[p,P]=B(!1),T=y(()=>({isDisabled:p,setIsDisabled:P,...m}),[p,m]),b=c||p;J(()=>{a&&m.isFullyClosed&&u(o=>({...o,isFullyClosed:!1}))},[a]);const V=y(()=>{const o=r(Q,{text:g,onClick:n},"cancelActionButton"),t=r(R,{text:w,onClick:F},"okActionButton");return x(l)?l([o,t]):l||(h?N(Y,{children:[o,t]}):t)},[l,g,w,n,F,h]),W=D(()=>{b||(O&&n?.(),k?.())},[O,b,n,k]),$=D(o=>{const t=x(d),q=x(f);o?(t&&d(),u(C=>({...C,isFullyOpened:!0}))):(q&&f(),u(C=>({...C,isFullyClosed:!0})))},[d,f]);return r(U,{value:T,children:r(H,{afterOpenChange:$,closable:j,css:X,destroyOnClose:S,extra:I,footer:!c&&V,keyboard:v,loading:c,maskClosable:E,open:a,placement:s,title:A,zIndex:20,onClose:W,...M,children:L})})}const z=K(_);z.displayName="VefDrawer";export{de as VefDrawerActionButtonWrapper,z as default};
+import{jsx as r,jsxs as N,Fragment as Y}from"@emotion/react/jsx-runtime";import{css as Z}from"@emotion/react";import{themeVariables as G,isFunction as x}from"@vef-framework/shared";import{Drawer as H}from"antd";import{useMemo as y,useState as B,useLayoutEffect as J,useCallback as D,memo as K}from"react";import Q from"./components/cancel-action-button.js";import R from"./components/ok-action-button.js";import{DrawerContextProvider as U}from"./context.js";import{default as de}from"./components/action-button-wrapper.js";const X=Z({".vef-drawer-footer":{display:"flex",gap:G.padding,justifyContent:"flex-end",alignItems:"center"}}),i={narrow:"25",half:"50",wide:"75",full:"100"};function _({title:A,open:a,closable:j=!0,closeOnEscPress:v=!0,closeOnMaskClick:E=!1,destroyOnClose:I=!1,placement:l="right",expansionSize:e,extra:L,showCancelButton:h=!0,cancelButtonText:g="取消",okButtonText:w="提交",actions:s,loading:c,cancelOnClose:O=!0,onClose:k,onCancel:n,onOk:F,onAfterOpen:d,onAfterClose:f,children:M}){const P=y(()=>e==="small"?{size:"default"}:e==="medium"?{size:"large"}:l==="left"||l==="right"?{width:i[e]?`${i[e]}vw`:e}:{height:i[e]?`${i[e]}vh`:e},[e,l]),[m,u]=B({isFullyOpened:!1,isFullyClosed:!1}),[p,S]=B(!1),T=y(()=>({isDisabled:p,setIsDisabled:S,...m}),[p,m]),b=c||p;J(()=>{a&&m.isFullyClosed&&u(o=>({...o,isFullyClosed:!1}))},[a]);const V=y(()=>{const o=r(Q,{text:g,onClick:n},"cancelActionButton"),t=r(R,{text:w,onClick:F},"okActionButton");return x(s)?s([o,t]):s||(h?N(Y,{children:[o,t]}):t)},[s,g,w,n,F,h]),W=D(()=>{b||(O&&n?.(),k?.())},[O,b,n,k]),$=D(o=>{const t=x(d),q=x(f);o?(t&&d(),u(C=>({...C,isFullyOpened:!0}))):(q&&f(),u(C=>({...C,isFullyClosed:!0})))},[d,f]);return r(U,{value:T,children:r(H,{afterOpenChange:$,closable:j,css:X,destroyOnClose:I,extra:L,footer:!c&&V,keyboard:v,loading:c,maskClosable:E,open:a,placement:l,title:A,zIndex:20,onClose:W,...P,children:M})})}const z=K(_);z.displayName="VefDrawer";export{de as VefDrawerActionButtonWrapper,z as default};

package/esm/vef-dynamic-icon/index.js

@@ -1,2 +1,2 @@
 "use strict";
-import{jsx as r}from"@emotion/react/jsx-runtime";import{useThemeTokens as a}from"@vef-framework/hooks";import l from"lucide-react/dynamicIconImports";import{forwardRef as c,lazy as f,Suspense as h}from"react";import d from"../vef-icon/index.js";function p(){const{colorFillContent:e}=a();return r("svg",{"aria-label":"Loading icon",height:"1em",role:"img",viewBox:"0 0 100 100",width:"1em",xmlns:"http://www.w3.org/2000/svg",children:r("rect",{fill:e,height:"100",rx:"20",width:"100"})})}const w=r(p,{}),t=new Map,i=c(({name:e,...o},n)=>{if(!t.has(e)){const s=f(l[e]);t.set(e,s)}const m=t.get(e);return r(d,{ref:n,...o,children:r(h,{fallback:w,children:r(m,{})})})});i.displayName="VefDynamicIcon";export{i as default};
+import{jsx as r}from"@emotion/react/jsx-runtime";import{useThemeTokens as a}from"@vef-framework/hooks";import l from"lucide-react/dynamicIconImports";import{forwardRef as c,lazy as f,Suspense as h}from"react";import p from"../vef-icon/index.js";function d(){const{colorFillContent:e}=a();return r("svg",{"aria-label":"Loading icon",height:"1em",role:"img",viewBox:"0 0 100 100",width:"1em",xmlns:"http://www.w3.org/2000/svg",children:r("rect",{fill:e,height:"100",rx:"20",width:"100"})})}const w=r(d,{}),t=new Map,i=c(({name:e,...o},n)=>{if(!t.has(e)){const s=f(l[e]);t.set(e,s)}const m=t.get(e);return r(p,{ref:n,...o,children:r(h,{fallback:w,children:r(m,{})})})});i.displayName="VefDynamicIcon";export{i as default};

package/esm/vef-error/index.js

@@ -1,29 +1,2 @@
 "use strict";
-import{jsx as r,jsxs as o,Fragment as c}from"@emotion/react/jsx-runtime";import{css as t}from"@emotion/react";import{styles as l,themeVariables as e}from"@vef-framework/shared";import{RefreshCwIcon as m}from"lucide-react";import a from"../vef-button/index.js";import p from"../vef-icon/index.js";import d from"./error-icon.js";const f=t`
-  height: 100%;
-  ${l.flexCenter}
-`,h=t`
-  width: 40%;
-  position: relative;
-  top: -60px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  row-gap: ${e.margin};
-
-  > svg {
-    width: 70%;
-  }
-
-  > span {
-    font-size: ${e.fontSizeLg};
-    font-weight: 500;
-    color: ${e.colorTextTertiary};
-
-    > span {
-      padding-left: ${e.paddingSm};
-      color: ${e.colorErrorText};
-    }
-  }
-`;function g({error:n,reset:s,componentStack:i}){return r("div",{css:f,children:o("div",{css:h,children:[r(d,{}),o("span",{children:["发生错误:",r("span",{children:n.message}),i&&o(c,{children:["组件堆栈:",r("span",{children:i})]})]}),r(a,{color:"primary",size:"large",icon:r(p,{children:r(m,{})}),onClick:s,children:"重试一下"})]})})}export{g as default};
+import{jsx as r,jsxs as o,Fragment as c}from"@emotion/react/jsx-runtime";import{css as t}from"@emotion/react";import{styles as l,themeVariables as e}from"@vef-framework/shared";import{RefreshCwIcon as m}from"lucide-react";import p from"../vef-button/index.js";import a from"../vef-icon/index.js";import d from"./error-icon.js";const f=t(l.flexCenter,{height:"100%"}),h=t({width:"40%",position:"relative",top:"-60px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",rowGap:e.margin,"> svg":{width:"70%"},"> span":{fontSize:e.fontSizeLg,fontWeight:500,color:e.colorTextTertiary,"> span":{paddingLeft:e.paddingSm,color:e.colorErrorText}}});function g({error:n,reset:s,componentStack:i}){return r("div",{css:f,children:o("div",{css:h,children:[r(d,{}),o("span",{children:["发生错误:",r("span",{children:n.message}),i&&o(c,{children:["组件堆栈:",r("span",{children:i})]})]}),r(p,{color:"primary",size:"large",icon:r(a,{children:r(m,{})}),onClick:s,children:"重试一下"})]})})}export{g as default};

package/esm/vef-filter/components/action-buttons.js

@@ -1,20 +1,2 @@
 "use strict";
-import{jsx as i,jsxs as r}from"@emotion/react/jsx-runtime";import{css as k}from"@emotion/react";import{useThemeTokens as B}from"@vef-framework/hooks";import{themeVariables as a,omit as m}from"@vef-framework/shared";import{SearchIcon as C,ChevronDownIcon as w}from"lucide-react";import{motion as l}from"motion/react";import c from"../../vef-button/index.js";import F from"../../vef-flex/index.js";import p from"../../vef-icon/index.js";import{useFilterContextSelector as S}from"../hooks/use-filter-context.js";import{useFilterStore as V}from"../store.js";const $=k`
-  &.vef-btn {
-    --vef-button-padding-inline: 0;
-
-    gap: 0;
-  }
-
-  .vef-collapse-button-text {
-    position: relative;
-    width: calc(${a.fontSize} * 2 + 4px);
-    height: calc(${a.controlHeight} - 4px);
-    text-align: center;
-    line-height: calc(${a.controlHeight} - 4px);
-
-    > span {
-      position: absolute;
-    }
-  }
-`,A={text:"搜索",icon:i(p,{children:i(C,{})})},H={text:"重置"};function I(){const[d,e,h]=V(t=>[t.isLoading,t.isAdvancedFilterVisible,t.setIsAdvancedFilterVisible]),[f,u,x,g,b,v]=S(t=>[t.externalLoading,t.confirmationButton,t.resetButton,t.showCollapseButton,t.handleReset,t.extraActionButtons]),{controlHeight:y}=B(),s=(y-4)/2,o=u??A,n=x??H;return r(F,{align:"center",gap:"medium",children:[g&&r(c,{color:"primary",css:$,variant:"link",onClick:()=>h(!e),children:[r("span",{className:"vef-collapse-button-text",children:[i(l.span,{initial:!1,animate:{opacity:e?1:0,y:e?0:-s},children:"收起"}),i(l.span,{initial:!1,animate:{opacity:e?0:1,y:e?s:0},children:"展开"})]}),i(l.span,{initial:!1,animate:{rotate:e?-180:0,transition:{bounce:0}},children:i(p,{size:"large",children:i(w,{})})})]}),n&&i(c,{color:"default",variant:"filled",onClick:b,...m(n,["text"]),children:n.text}),o&&i(c,{color:"primary",icon:o.icon,loading:f||d,type:"submit",...m(o,["text"]),children:o.text}),v]})}export{I as default};
+import{jsx as i,jsxs as r}from"@emotion/react/jsx-runtime";import{css as k}from"@emotion/react";import{useThemeTokens as B}from"@vef-framework/hooks";import{themeVariables as a,omit as m}from"@vef-framework/shared";import{SearchIcon as C,ChevronDownIcon as H}from"lucide-react";import{motion as l}from"motion/react";import c from"../../vef-button/index.js";import w from"../../vef-flex/index.js";import p from"../../vef-icon/index.js";import{useFilterContextSelector as A}from"../hooks/use-filter-context.js";import{useFilterStore as F}from"../store.js";const S=k({"&.vef-btn":{"--vef-button-padding-inline":"0",gap:0},".vef-collapse-button-text":{position:"relative",width:`calc(${a.fontSize} * 2 + 4px)`,height:`calc(${a.controlHeight} - 4px)`,textAlign:"center",lineHeight:`calc(${a.controlHeight} - 4px)`,"> span":{position:"absolute"}}}),V={text:"搜索",icon:i(p,{children:i(C,{})})},$={text:"重置"};function I(){const[d,e,h]=F(t=>[t.isLoading,t.isAdvancedFilterVisible,t.setIsAdvancedFilterVisible]),[f,u,x,g,b,v]=A(t=>[t.externalLoading,t.confirmationButton,t.resetButton,t.showCollapseButton,t.handleReset,t.extraActionButtons]),{controlHeight:y}=B(),s=(y-4)/2,o=u??V,n=x??$;return r(w,{align:"center",gap:"medium",children:[g&&r(c,{color:"primary",css:S,variant:"link",onClick:()=>h(!e),children:[r("span",{className:"vef-collapse-button-text",children:[i(l.span,{initial:!1,animate:{opacity:e?1:0,y:e?0:-s},children:"收起"}),i(l.span,{initial:!1,animate:{opacity:e?0:1,y:e?s:0},children:"展开"})]}),i(l.span,{initial:!1,animate:{rotate:e?-180:0,transition:{bounce:0}},children:i(p,{size:"large",children:i(H,{})})})]}),n&&i(c,{color:"default",variant:"filled",onClick:b,...m(n,["text"]),children:n.text}),o&&i(c,{color:"primary",icon:o.icon,loading:f||d,type:"submit",...m(o,["text"]),children:o.text}),v]})}export{I as default};

package/esm/vef-filter/components/advanced-filter.js

@@ -1,10 +1,2 @@
 "use strict";
-import{jsx as r}from"@emotion/react/jsx-runtime";import{css as t}from"@emotion/react";import{themeVariables as o}from"@vef-framework/shared";import{motion as h}from"motion/react";import u from"../../vef-responsive-container/index.js";import g from"../../vef-responsive-item/index.js";import{useFilterContextSelector as $}from"../hooks/use-filter-context.js";import{useLabelConfig as y}from"../hooks/use-label-config.js";import x from"./filter-item.js";const a=200,A=t`
-  overflow: hidden;
-`,C=t`
-  margin-top: ${o.margin};
-  background-color: ${o.colorFillAlt};
-  padding: ${o.padding};
-  border-radius: ${o.borderRadiusLg};
-  border: ${o.lineWidth} ${o.lineType} ${o.colorBorderSecondary};
-`,W={opacity:1,height:"auto",transition:{ease:"easeInOut",duration:.2}},l={opacity:0,height:0};function v({items:n}){const[e,m,s]=$(i=>[i.labelPosition,i.labelAlign,i.labelWidth]),{labelWidthToUse:d,labelCol:p}=y(e,s),c=e==="top"?a:a+(d??80);return r(h.div,{animate:W,css:A,exit:l,initial:l,children:r(u,{baseItemWidth:c,css:C,gap:"large",children:n.map(i=>{const{name:b,span:f}=i;return r(g,{span:f??1,children:r(x,{item:i,labelAlign:m,labelCol:p,layout:e==="top"?"vertical":"horizontal"})},b)})})})}export{v as default};
+import{jsx as r}from"@emotion/react/jsx-runtime";import{css as t}from"@emotion/react";import{themeVariables as o}from"@vef-framework/shared";import{motion as h}from"motion/react";import u from"../../vef-responsive-container/index.js";import g from"../../vef-responsive-item/index.js";import{useFilterContextSelector as C}from"../hooks/use-filter-context.js";import{useLabelConfig as y}from"../hooks/use-label-config.js";import x from"./filter-item.js";const a=200,A=t({overflow:"hidden"}),W=t({marginTop:o.margin,backgroundColor:o.colorFillAlt,padding:o.padding,borderRadius:o.borderRadiusLg,border:`${o.lineWidth} ${o.lineType} ${o.colorBorderSecondary}`}),v={opacity:1,height:"auto",transition:{ease:"easeInOut",duration:.2}},l={opacity:0,height:0};function F({items:n}){const[e,m,s]=C(i=>[i.labelPosition,i.labelAlign,i.labelWidth]),{labelWidthToUse:d,labelCol:p}=y(e,s),c=e==="top"?a:a+(d??80);return r(h.div,{animate:v,css:A,exit:l,initial:l,children:r(u,{baseItemWidth:c,css:W,gap:"large",children:n.map(i=>{const{name:b,span:f}=i;return r(g,{span:f??1,children:r(x,{item:i,labelAlign:m,labelCol:p,layout:e==="top"?"vertical":"horizontal"})},b)})})})}export{F as default};

package/esm/vef-filter/components/basic-filter.js

@@ -1,20 +1,2 @@
 "use strict";
-import{jsxs as s,Fragment as c,jsx as i}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{themeVariables as m}from"@vef-framework/shared";import{Form as l}from"antd";import p from"clsx";import d from"./action-buttons.js";import v from"./filter-item.js";const x=o`
-  &.vef-filter-basic-items-with-prefix {
-    display: grid;
-    grid-template-columns: max-content 1fr;
-    align-items: center;
-    gap: ${m.margin};
-  }
-
-  .vef-filter-basic-items-prefix {
-  }
-
-  &.vef-filter-basic-items-content, .vef-filter-basic-items-content {
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    justify-content: flex-end;
-    gap: ${m.margin};
-  }
-`;function b({items:f,prefix:e}){const n=p({"vef-filter-basic-items-with-prefix":!!e,"vef-filter-basic-items-content":!e}),t=s(c,{children:[f.map(r=>{const{name:a}=r;return i(v,{item:r},a)}),i(l.Item,{children:i(d,{})})]});return s("div",{className:n,css:x,children:[e&&i("div",{className:"vef-filter-basic-items-prefix",children:e}),e?i("div",{className:"vef-filter-basic-items-content",children:t}):t]})}export{b as default};
+import{jsxs as s,Fragment as c,jsx as i}from"@emotion/react/jsx-runtime";import{css as o}from"@emotion/react";import{themeVariables as m}from"@vef-framework/shared";import{Form as l}from"antd";import p from"clsx";import d from"./action-buttons.js";import v from"./filter-item.js";const x=o({"&.vef-filter-basic-items-with-prefix":{display:"grid",gridTemplateColumns:"max-content 1fr",alignItems:"center",gap:m.margin},".vef-filter-basic-items-prefix":{},"&.vef-filter-basic-items-content, .vef-filter-basic-items-content":{display:"flex",flexWrap:"wrap",alignItems:"center",justifyContent:"flex-end",gap:m.margin}});function b({items:f,prefix:e}){const n=p({"vef-filter-basic-items-with-prefix":!!e,"vef-filter-basic-items-content":!e}),t=s(c,{children:[f.map(r=>{const{name:a}=r;return i(v,{item:r},a)}),i(l.Item,{children:i(d,{})})]});return s("div",{className:n,css:x,children:[e&&i("div",{className:"vef-filter-basic-items-prefix",children:e}),e?i("div",{className:"vef-filter-basic-items-content",children:t}):t]})}export{b as default};

package/esm/vef-filter/hooks/use-action-handlers.js

@@ -1,2 +1,2 @@
 "use strict";
-import{isFunction as d,omit as F,showWarningMessage as R}from"@vef-framework/shared";import{useCallback as h,useMemo as b}from"react";import{useFilterStore as w}from"../store.js";function S({onBeforeConfirm:s,onConfirm:n,onReset:a}){const[l,t,m,u,f,c,o]=w(e=>[e.form,e.eventBus,e.getValues,e.initialValues,e.invokeValueChangeHandlers,e.virtualFieldNames,e.setIsLoading]),g=h(()=>{const e=m();l.resetFields(),f(),t.emitChange(u),a?.(e)},[t,l,m,u,f,a]),p=b(()=>{if(d(n))return async e=>{o(!0);let i=e;try{d(s)&&(i=await s(i));const r=F(i,c);await n(r),t.emitSubmitResult(!0)}catch(r){throw t.emitSubmitResult(!1),r}finally{o(!1)}}},[s,n,t,o,c]),C=h(({errorFields:e})=>{t.emitSubmitResult(!1),e.length>0&&R(e.flatMap(i=>i.errors).join(", "))},[t]);return{handleReset:g,handleConfirm:p,handleConfirmFailed:C}}export{S as useActionHandlers};
+import{isFunction as d,omit as F}from"@vef-framework/shared";import{useCallback as h,useMemo as R}from"react";import"../../helpers/index.js";import{useFilterStore as b}from"../store.js";import{showWarningMessage as w}from"../../helpers/message.js";function S({onBeforeConfirm:r,onConfirm:o,onReset:a}){const[l,t,m,u,f,c,s]=b(e=>[e.form,e.eventBus,e.getValues,e.initialValues,e.invokeValueChangeHandlers,e.virtualFieldNames,e.setIsLoading]),p=h(()=>{const e=m();l.resetFields(),f(),t.emitChange(u),a?.(e)},[t,l,m,u,f,a]),g=R(()=>{if(d(o))return async e=>{s(!0);let i=e;try{d(r)&&(i=await r(i));const n=F(i,c);await o(n),t.emitSubmitResult(!0)}catch(n){throw t.emitSubmitResult(!1),n}finally{s(!1)}}},[r,o,t,s,c]),C=h(({errorFields:e})=>{t.emitSubmitResult(!1),e.length>0&&w(e.flatMap(i=>i.errors).join(", "))},[t]);return{handleReset:p,handleConfirm:g,handleConfirmFailed:C}}export{S as useActionHandlers};

package/esm/vef-filter/hooks/use-label-config.js

@@ -1,2 +1,2 @@
 "use strict";
-import{showWarningMessage as r}from"@vef-framework/shared";import{useMemo as i}from"react";function n(o,e){const t=i(()=>{if(!(o==="top"||!e))return(e<60||e>120)&&r("The labelWidth of VefFilter component must be between 60 and 120, otherwise it will be 60 or 120."),Math.min(Math.max(e,60),120)},[o,e]);return{labelCol:i(()=>{if(t)return{flex:`0 0 ${t}px`}},[t]),labelWidthToUse:t}}export{n as useLabelConfig};
+import{useMemo as i}from"react";import"../../helpers/index.js";import{showWarningMessage as r}from"../../helpers/message.js";function n(o,e){const t=i(()=>{if(!(o==="top"||!e))return(e<60||e>120)&&r("The labelWidth of VefFilter component must be between 60 and 120, otherwise it will be 60 or 120."),Math.min(Math.max(e,60),120)},[o,e]);return{labelCol:i(()=>{if(t)return{flex:`0 0 ${t}px`}},[t]),labelWidthToUse:t}}export{n as useLabelConfig};

package/esm/vef-filter/index.js

@@ -1,9 +1,2 @@
 "use strict";
-import{jsx as t,jsxs as E}from"@emotion/react/jsx-runtime";import{css as U}from"@emotion/react";import{useContextDisabled as W,DisabledContextProvider as k,useSingleton as q,useUnmount as M}from"@vef-framework/hooks";import{isDeepEqual as O,omit as g}from"@vef-framework/shared";import{Form as v}from"antd";import{AnimatePresence as T}from"motion/react";import{useMemo as C,forwardRef as b,memo as $}from"react";import"../internal/index.js";import G from"./components/advanced-filter.js";import J from"./components/basic-filter.js";import{FilterEventBus as K}from"./event.js";import{useActionHandlers as Q}from"./hooks/use-action-handlers.js";import{FilterContextProvider as X}from"./hooks/use-filter-context.js";import{useFilterInitialization as Y}from"./hooks/use-filter-initialization.js";import{useFilterInstance as Z}from"./hooks/use-filter-instance.js";import{useFilterItems as _}from"./hooks/use-filter-items.js";import{useFilterValuesChange as ee}from"./hooks/use-filter-values-change.js";import{useFilterStore as ie,FilterStoreProvider as te}from"./store.js";import{convertBasicSizeToUiSize as oe}from"../internal/utils.js";const{useForm:ne}=v,re=U`
-  display: block;
-  flex-wrap: unset;
-
-  .vef-form-item {
-    margin-inline-end: 0;
-  }
-`;function ae({schema:o,labelPosition:e="top",labelAlign:n="right",labelWidth:r,disabled:a=!1,loading:i=!1,size:l,variant:s,prefix:m,confirmationButton:u,resetButton:p,extraActionButtons:h,onBeforeConfirm:x,onConfirm:A,onReset:I,onChange:P},R){const[S,w,z,N]=ie(f=>[f.form,f.initialValues,f.isLoading,f.isAdvancedFilterVisible]),{handleReset:c,handleConfirm:y,handleConfirmFailed:D}=Q({onBeforeConfirm:x,onConfirm:A,onReset:I}),{basicItems:j,advancedItems:d}=_(o),H=C(()=>({labelPosition:e,labelAlign:n,labelWidth:r,confirmationButton:u,externalLoading:i,showCollapseButton:d.length>0,handleReset:c,resetButton:p,extraActionButtons:h}),[d.length,u,h,c,n,e,r,i,p]),{handleValuesChange:L}=ee(P);Z(R,c);const F=W()||a||i||z;return t(v,{colon:!1,css:re,disabled:F,form:S,initialValues:w,layout:"inline",size:oe(l),variant:s,onFinish:y,onFinishFailed:D,onValuesChange:L,children:t(k,{value:F,children:E(X,{value:H,children:[t(J,{items:j,prefix:m}),t(T,{children:N&&d.length>0&&t(G,{items:d})})]})})})}const B=b(ae);B.displayName="VefFilterBase";function le({initialValues:o,...e},n){const{schema:r}=e,[a]=ne(),i=q(()=>new K);M(()=>{i.clear()});const{mergedInitialValues:l,valueChangeHandlers:s,virtualFieldNames:m}=Y(r,o),u=C(()=>({eventBus:i,form:a,initialValues:l,valueChangeHandlers:s,virtualFieldNames:m}),[i,a,l,s,m]);return t(te,{initialState:u,children:t(B,{ref:n,...e})})}const V=$(b(le),(o,e)=>O(g(o,["initialValues","schema"]),g(e,["initialValues","schema"])));V.displayName="VefFilter";export{V as default};
+import{jsx as t,jsxs as L}from"@emotion/react/jsx-runtime";import{css as W}from"@emotion/react";import{useContextDisabled as U,DisabledContextProvider as $,useSingleton as k,useUnmount as q}from"@vef-framework/hooks";import{isDeepEqual as M,omit as g}from"@vef-framework/shared";import{Form as v}from"antd";import{AnimatePresence as O}from"motion/react";import{useMemo as C,forwardRef as b,memo as T}from"react";import"../internal/index.js";import G from"./components/advanced-filter.js";import J from"./components/basic-filter.js";import{FilterEventBus as K}from"./event.js";import{useActionHandlers as Q}from"./hooks/use-action-handlers.js";import{FilterContextProvider as X}from"./hooks/use-filter-context.js";import{useFilterInitialization as Y}from"./hooks/use-filter-initialization.js";import{useFilterInstance as Z}from"./hooks/use-filter-instance.js";import{useFilterItems as _}from"./hooks/use-filter-items.js";import{useFilterValuesChange as ee}from"./hooks/use-filter-values-change.js";import{useFilterStore as ie,FilterStoreProvider as te}from"./store.js";import{convertBasicSizeToUiSize as oe}from"../internal/utils.js";const{useForm:ne}=v,re=W({display:"block",flexWrap:"unset",".vef-form-item":{marginInlineEnd:0}});function ae({schema:o,labelPosition:e="top",labelAlign:n="right",labelWidth:r,disabled:a=!1,loading:i=!1,size:l,variant:s,prefix:m,confirmationButton:u,resetButton:p,extraActionButtons:h,onBeforeConfirm:V,onConfirm:A,onReset:I,onChange:P},R){const[S,z,N,w]=ie(f=>[f.form,f.initialValues,f.isLoading,f.isAdvancedFilterVisible]),{handleReset:c,handleConfirm:y,handleConfirmFailed:D}=Q({onBeforeConfirm:V,onConfirm:A,onReset:I}),{basicItems:j,advancedItems:d}=_(o),E=C(()=>({labelPosition:e,labelAlign:n,labelWidth:r,confirmationButton:u,externalLoading:i,showCollapseButton:d.length>0,handleReset:c,resetButton:p,extraActionButtons:h}),[d.length,u,h,c,n,e,r,i,p]),{handleValuesChange:H}=ee(P);Z(R,c);const F=U()||a||i||N;return t(v,{colon:!1,css:re,disabled:F,form:S,initialValues:z,layout:"inline",size:oe(l),variant:s,onFinish:y,onFinishFailed:D,onValuesChange:H,children:t($,{value:F,children:L(X,{value:E,children:[t(J,{items:j,prefix:m}),t(O,{children:w&&d.length>0&&t(G,{items:d})})]})})})}const B=b(ae);B.displayName="VefFilterBase";function le({initialValues:o,...e},n){const{schema:r}=e,[a]=ne(),i=k(()=>new K);q(()=>{i.clear()});const{mergedInitialValues:l,valueChangeHandlers:s,virtualFieldNames:m}=Y(r,o),u=C(()=>({eventBus:i,form:a,initialValues:l,valueChangeHandlers:s,virtualFieldNames:m}),[i,a,l,s,m]);return t(te,{initialState:u,children:t(B,{ref:n,...e})})}const x=T(b(le),(o,e)=>M(g(o,["initialValues","schema"]),g(e,["initialValues","schema"])));x.displayName="VefFilter";export{x as default};

package/esm/vef-form/components/form-actions.js

@@ -1,4 +1,2 @@
 "use strict";
-import{jsx as i,jsxs as a}from"@emotion/react/jsx-runtime";import{CheckOutlined as d}from"@ant-design/icons";import{css as p}from"@emotion/react";import{themeVariables as f,omit as e}from"@vef-framework/shared";import{Form as u}from"antd";import{memo as x}from"react";import m from"../../vef-button/index.js";import h from"../../vef-flex/index.js";import{useFormStore as g}from"../store.js";const{Item:y}=u,b={text:"提交",icon:i(d,{})},j={text:"重置"},B=p`
-  padding: ${f.padding} 0;
-`;function F({submissionButton:t=b,resetButton:o=j,handleReset:n}){const[c,l]=g(r=>[r.isLoading,r.showActionButtons]);return!l||!t&&!o?null:i(y,{children:a(h,{css:B,gap:"medium",justify:"flex-end",children:[o&&i(m,{color:"default",variant:"filled",onClick:n,...e(o,["text"]),children:o.text}),t&&i(m,{color:"primary",loading:c,type:"submit",...e(t,["text"]),children:t.text})]})})}const s=x(F);s.displayName="VefFormActions";export{s as default};
+import{jsx as i,jsxs as a}from"@emotion/react/jsx-runtime";import{CheckOutlined as d}from"@ant-design/icons";import{css as p}from"@emotion/react";import{themeVariables as f,omit as e}from"@vef-framework/shared";import{Form as u}from"antd";import{memo as x}from"react";import m from"../../vef-button/index.js";import h from"../../vef-flex/index.js";import{useFormStore as g}from"../store.js";const{Item:y}=u,b={text:"提交",icon:i(d,{})},j={text:"重置"},B=p({padding:f.padding});function F({submissionButton:t=b,resetButton:o=j,handleReset:n}){const[c,l]=g(r=>[r.isLoading,r.showActionButtons]);return!l||!t&&!o?null:i(y,{children:a(h,{css:B,gap:"medium",justify:"flex-end",children:[o&&i(m,{color:"default",variant:"filled",onClick:n,...e(o,["text"]),children:o.text}),t&&i(m,{color:"primary",loading:c,type:"submit",...e(t,["text"]),children:t.text})]})})}const s=x(F);s.displayName="VefFormActions";export{s as default};

package/esm/vef-form/components/form-content.js

@@ -1,5 +1,2 @@
 "use strict";
-import{jsx as o,jsxs as V,Fragment as C}from"@emotion/react/jsx-runtime";import{css as S}from"@emotion/react";import{debounce as x,styles as j,isDeepEqual as B,omit as $}from"@vef-framework/shared";import{useMemo as y,useRef as F,useState as I,useCallback as R,useEffect as E,memo as M}from"react";import O from"../../vef-empty-placeholder/index.js";import T from"../../vef-flex/index.js";import b from"../../vef-scroll-area/index.js";import w from"../../vef-tabs/index.js";import{useComputedValues as q}from"../hooks/use-computed-values.js";import{useFormStore as A}from"../store.js";import m from"./form-group.js";const D=S`
-  flex: auto;
-  min-height: 0;
-`;function H({schema:i,showTabs:s,height:c}){const r=q([...i.map(({key:e,title:t})=>({key:`title-${e}`,rawValue:t})),...i.map(({key:e,show:t})=>({key:`show-${e}`,rawValue:t,defaultValue:!0})),...i.map(({key:e,disabled:t})=>({key:`disabled-${e}`,rawValue:t,defaultValue:!1}))],!0),a=y(()=>i.filter(({key:e})=>r[`show-${e}`]),[r,i]),n=F({}),[k,u]=I(a[0]?.key??0),g=R(e=>{n.current[e]?.scrollIntoView({behavior:"smooth",block:"start",inline:"start"}),u(e)},[]),d=y(()=>s!=="navigation"?void 0:x({delay:60},e=>{const{top:t}=e.target.getBoundingClientRect();for(const[l,h]of Object.entries(n.current))if(h){const{top:v}=h.getBoundingClientRect();v-t<=60&&u(l)}}),[s]),[f]=A(e=>[e.setShowActionButtons]);if(E(()=>{f(a.length>0)},[f,a.length]),a.length===0)return o(O,{description:"空表单"});if(s==="switch"){const e=i.map(({key:t,rows:l})=>({key:`${t}`,label:r[`title-${t}`],destroyInactiveTabPane:!1,children:o(m,{disabled:r[`disabled-${t}`],rows:l})}));return o(w,{items:e})}if(s==="navigation")return V(T,{vertical:!0,css:c==="full"?j.fullHeight:void 0,children:[o(w,{activeKey:`${k}`,items:i.map(({key:e})=>({key:`${e}`,label:r[`title-${e}`]})),onChange:g}),o(b,{css:D,onScroll:d,children:i.map(({key:e,rows:t})=>o(m,{ref:l=>{n.current[e]=l},disabled:r[`disabled-${e}`],rows:t,title:r[`title-${e}`]},e))})]});const p=i.map(({key:e,rows:t})=>o(m,{disabled:r[`disabled-${e}`],rows:t,title:r[`title-${e}`]},e));return c==="full"?o(b,{onScroll:d,children:p}):o(C,{children:p})}const K=M(H,(i,s)=>B($(i,["schema"]),$(s,["schema"])));export{K as default};
+import{jsx as o,jsxs as V,Fragment as C}from"@emotion/react/jsx-runtime";import{css as S}from"@emotion/react";import{debounce as x,styles as j,isDeepEqual as B,omit as $}from"@vef-framework/shared";import{useMemo as y,useRef as F,useState as I,useCallback as R,useEffect as E,memo as H}from"react";import M from"../../vef-empty-placeholder/index.js";import O from"../../vef-flex/index.js";import b from"../../vef-scroll-area/index.js";import w from"../../vef-tabs/index.js";import{useComputedValues as T}from"../hooks/use-computed-values.js";import{useFormStore as q}from"../store.js";import m from"./form-group.js";const A=S({flex:"auto",minHeight:0});function D({schema:i,showTabs:s,height:c}){const r=T([...i.map(({key:e,title:t})=>({key:`title-${e}`,rawValue:t})),...i.map(({key:e,show:t})=>({key:`show-${e}`,rawValue:t,defaultValue:!0})),...i.map(({key:e,disabled:t})=>({key:`disabled-${e}`,rawValue:t,defaultValue:!1}))],!0),a=y(()=>i.filter(({key:e})=>r[`show-${e}`]),[r,i]),n=F({}),[k,u]=I(a[0]?.key??0),g=R(e=>{n.current[e]?.scrollIntoView({behavior:"smooth",block:"start",inline:"start"}),u(e)},[]),d=y(()=>s!=="navigation"?void 0:x({delay:60},e=>{const{top:t}=e.target.getBoundingClientRect();for(const[l,h]of Object.entries(n.current))if(h){const{top:v}=h.getBoundingClientRect();v-t<=60&&u(l)}}),[s]),[f]=q(e=>[e.setShowActionButtons]);if(E(()=>{f(a.length>0)},[f,a.length]),a.length===0)return o(M,{description:"空表单"});if(s==="switch"){const e=i.map(({key:t,rows:l})=>({key:`${t}`,label:r[`title-${t}`],destroyInactiveTabPane:!1,children:o(m,{disabled:r[`disabled-${t}`],rows:l})}));return o(w,{items:e})}if(s==="navigation")return V(O,{vertical:!0,css:c==="full"?j.fullHeight:void 0,children:[o(w,{activeKey:`${k}`,items:i.map(({key:e})=>({key:`${e}`,label:r[`title-${e}`]})),onChange:g}),o(b,{css:A,onScroll:d,children:i.map(({key:e,rows:t})=>o(m,{ref:l=>{n.current[e]=l},disabled:r[`disabled-${e}`],rows:t,title:r[`title-${e}`]},e))})]});const p=i.map(({key:e,rows:t})=>o(m,{disabled:r[`disabled-${e}`],rows:t,title:r[`title-${e}`]},e));return c==="full"?o(b,{onScroll:d,children:p}):o(C,{children:p})}const K=H(D,(i,s)=>B($(i,["schema"]),$(s,["schema"])));export{K as default};

package/esm/vef-form/components/form-group.js

@@ -1,12 +1,2 @@
 "use strict";
-import{jsxs as f,jsx as m}from"@emotion/react/jsx-runtime";import{css as u}from"@emotion/react";import{themeVariables as c,isDeepEqual as h,omit as l}from"@vef-framework/shared";import{useMemo as w,memo as b,forwardRef as y}from"react";import g from"../../vef-empty-placeholder/index.js";import V from"../../vef-title/index.js";import{useComputedValues as k}from"../hooks/use-computed-values.js";import v from"./form-row.js";const x=u`
-  margin-bottom: ${c.margin};
-
-  &:last-child {
-    margin-bottom: 0;
-  }
-
-  .vef-form-group-content {
-    padding: 0 2px;
-  }
-`;function $({title:r,disabled:t,rows:s},n){const a=k([...s.map(({key:o,show:e})=>({key:`show-${o}`,rawValue:e,defaultValue:!0})),...s.map(({key:o,disabled:e})=>({key:`disabled-${o}`,rawValue:e,defaultValue:t}))],!0),i=w(()=>s.filter(({key:o})=>a[`show-${o}`]),[a,s]);return f("div",{ref:n,css:x,children:[r&&m(V,{showBottomLine:!0,showLeftBar:!0,level:4,children:r}),m("div",{className:"vef-form-group-content",children:i.length===0?m(g,{description:"空表单组"}):i.map(({key:o,autoExpand:e,columns:p})=>m(v,{autoExpand:e,columns:p,disabled:a[`disabled-${o}`],rowKey:o},o))})]})}const d=b(y($),(r,t)=>h(l(r,["rows"]),l(t,["rows"])));d.displayName="VefFormGroup";export{d as default};
+import{jsxs as f,jsx as m}from"@emotion/react/jsx-runtime";import{css as u}from"@emotion/react";import{themeVariables as c,isDeepEqual as h,omit as l}from"@vef-framework/shared";import{useMemo as w,memo as y,forwardRef as g}from"react";import V from"../../vef-empty-placeholder/index.js";import b from"../../vef-title/index.js";import{useComputedValues as k}from"../hooks/use-computed-values.js";import v from"./form-row.js";const x=u({marginBottom:c.margin,"&:last-child":{marginBottom:0},".vef-form-group-content":{padding:"0 2px"}});function $({title:r,disabled:t,rows:s},n){const a=k([...s.map(({key:o,show:e})=>({key:`show-${o}`,rawValue:e,defaultValue:!0})),...s.map(({key:o,disabled:e})=>({key:`disabled-${o}`,rawValue:e,defaultValue:t}))],!0),i=w(()=>s.filter(({key:o})=>a[`show-${o}`]),[a,s]);return f("div",{ref:n,css:x,children:[r&&m(b,{showBottomLine:!0,showLeftBar:!0,level:4,children:r}),m("div",{className:"vef-form-group-content",children:i.length===0?m(V,{description:"空表单组"}):i.map(({key:o,autoExpand:e,columns:p})=>m(v,{autoExpand:e,columns:p,disabled:a[`disabled-${o}`],rowKey:o},o))})]})}const d=y(g($),(r,t)=>h(l(r,["rows"]),l(t,["rows"])));d.displayName="VefFormGroup";export{d as default};

package/esm/vef-form/hooks/use-action-handlers.js

@@ -1,2 +1,2 @@
 "use strict";
-import{useApiContext as L}from"@vef-framework/core";import{isFunction as r,VefError as V,showLoadingMessage as A,omit as M,showSuccessMessage as N}from"@vef-framework/shared";import{useCallback as v,useMemo as j}from"react";import{useFormStore as q}from"../store.js";function I({submitApi:m,submitTip:o="提交中...",onBeforeSubmit:a,onSubmit:c,onSubmitSuccess:d,onSubmitFailure:p,onReset:f}){const[h,e,s,l,b,w,F,g]=q(t=>[t.form,t.scene,t.eventBus,t.setIsLoading,t.virtualFieldNames,t.getValues,t.initialValues,t.invokeValueChangeHandlers]),{useApiMutation:y,stubMutationApi:C}=L(),{mutate:R}=y(m??C);if(!r(c)&&!m)throw new V(-1,"'onSubmit' or 'submitApi' prop is required for VefForm component");const k=v(()=>{const t=w();h.resetFields(),g(),s.emitChange(F),f?.(t,e)},[h,w,f,e,g,F,s]),H=j(()=>r(c)?(m&&console.warn("'submitApi' prop is ignored when 'onSubmit' prop is provided in VefForm component"),async t=>{l(!0);let i=t,n=null;try{const u=r(o)?o(t,e):o;n=A(u),r(a)&&(i=await a(i,e));const S=M(i,b);await c(S,e),s.emitSubmitResult(!0)}catch(u){throw s.emitSubmitResult(!1),u}finally{l(!1),n?.()}}):async t=>{l(!0);let i=t,n=null;try{const u=r(o)?o(t,e):o;n=A(u),r(a)&&(i=await a(t,e));const S=M(i,b),B=await R(S);(d??(({message:E})=>{N(E)}))(B,i,e),s.emitSubmitResult(!0)}catch(u){s.emitSubmitResult(!1),p?.(u,i,e)}finally{l(!1),n?.()}},[c,m,l,o,e,a,b,s,R,d,p]),x=v(({values:t,errorFields:i})=>{s.emitSubmitResult(!1),p?.(new V(-1,i.flatMap(n=>n.errors).join(", ")),t,e)},[s,p,e]);return{handleReset:k,handleSubmit:H,handleSubmitFailed:x}}export{I as useActionHandlers};
+import{useApiContext as L}from"@vef-framework/core";import{isFunction as a,VefError as V,omit as A}from"@vef-framework/shared";import{useCallback as M,useMemo as N}from"react";import"../../helpers/index.js";import{useFormStore as j}from"../store.js";import{showLoadingMessage as v,showSuccessMessage as q}from"../../helpers/message.js";function I({submitApi:l,submitTip:s="提交中...",onBeforeSubmit:r,onSubmit:c,onSubmitSuccess:d,onSubmitFailure:p,onReset:f}){const[h,e,o,m,b,w,F,g]=j(t=>[t.form,t.scene,t.eventBus,t.setIsLoading,t.virtualFieldNames,t.getValues,t.initialValues,t.invokeValueChangeHandlers]),{useApiMutation:y,stubMutationApi:C}=L(),{mutate:R}=y(l??C);if(!a(c)&&!l)throw new V(-1,"'onSubmit' or 'submitApi' prop is required for VefForm component");const k=M(()=>{const t=w();h.resetFields(),g(),o.emitChange(F),f?.(t,e)},[h,w,f,e,g,F,o]),H=N(()=>a(c)?(l&&console.warn("'submitApi' prop is ignored when 'onSubmit' prop is provided in VefForm component"),async t=>{m(!0);let i=t,n=null;try{const u=a(s)?s(t,e):s;n=v(u),a(r)&&(i=await r(i,e));const S=A(i,b);await c(S,e),o.emitSubmitResult(!0)}catch(u){throw o.emitSubmitResult(!1),u}finally{m(!1),n?.()}}):async t=>{m(!0);let i=t,n=null;try{const u=a(s)?s(t,e):s;n=v(u),a(r)&&(i=await r(t,e));const S=A(i,b),B=await R(S);(d??(({message:E})=>{q(E)}))(B,i,e),o.emitSubmitResult(!0)}catch(u){o.emitSubmitResult(!1),p?.(u,i,e)}finally{m(!1),n?.()}},[c,l,m,s,e,r,b,o,R,d,p]),x=M(({values:t,errorFields:i})=>{o.emitSubmitResult(!1),p?.(new V(-1,i.flatMap(n=>n.errors).join(", ")),t,e)},[o,p,e]);return{handleReset:k,handleSubmit:H,handleSubmitFailed:x}}export{I as useActionHandlers};